/* Rechner + Ratgeber auf anskara.de. Farben wie anskara-design: #0A0909 / #FA6400 / Titillium Web.
   Achtung: anskara-design setzt "body:not(.home):not(.elementor-page) .the-content-parent p" mit !important und wird
   spaeter ausgegeben (3 Klassen + 2 Elemente). Regeln fuer <p>/<td> deshalb als "html body .ak-rechner ... p.klasse" (3 Klassen + 3 Elemente), sonst verlieren sie. */
.ak-rechner{
  --ak-ink:#0A0909; --ak-accent:#FA6400; --ak-accent-d:#d95400; --ak-muted:#4E4E4E; --ak-light:#F9F9F9; --ak-line:#E7E7E7;
  font-family:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif; color:var(--ak-ink); margin:2em 0;
}
.ak-rechner-innen{ border:1px solid var(--ak-line); border-top:4px solid var(--ak-accent); background:#fff; padding:28px; }
.ak-rechner .ak-rechner-titel{ margin-top:0!important; }
.ak-rechner .ak-rechner-titel:before{ display:none!important; }
html body .ak-rechner p.ak-platzhalter{ background:#fff4e5; border-left:4px solid var(--ak-accent); padding:10px 14px!important; font-weight:600; color:var(--ak-ink)!important; }
.ak-raster{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px 22px; }
.ak-feld{ display:flex; flex-direction:column; gap:6px; }
.ak-feld[hidden]{ display:none; }
.ak-feld label{ font-weight:600; font-size:15px; }
.ak-feld small{ color:var(--ak-muted); font-size:13px; line-height:1.4; }
.ak-feld input[type=number],.ak-feld input[type=text],.ak-feld input[type=email],.ak-feld input[type=tel],.ak-feld select,.ak-feld textarea{
  font:inherit; font-size:16px; padding:10px 12px; border:1px solid #cfcfcf; border-radius:0; background:#fff; color:var(--ak-ink); width:100%; box-sizing:border-box;
}
.ak-feld input:focus,.ak-feld select:focus,.ak-feld textarea:focus{ outline:2px solid var(--ak-accent); outline-offset:1px; border-color:var(--ak-accent); }
.ak-feld-haken label{ font-weight:400; display:flex; gap:8px; align-items:flex-start; cursor:pointer; }
.ak-feld-haken input{ width:18px; height:18px; margin-top:3px; accent-color:var(--ak-accent); flex:none; }
.ak-ergebnis{ margin:26px 0 8px; padding:22px; background:var(--ak-ink); color:#fff; }
html body .ak-rechner .ak-ergebnis p.ak-summe{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:8px; margin:0!important; color:#fff!important; }
html body .ak-rechner .ak-ergebnis .ak-summe span{ color:#cfc8c1; font-size:16px; }
html body .ak-rechner .ak-ergebnis .ak-summe strong{ color:#fff!important; font-size:clamp(22px,3.4vw,30px); }
html body .ak-rechner .ak-ergebnis p.ak-zusatz{ color:#e9e4df!important; margin:8px 0 0!important; font-size:16px!important; }
html body .ak-rechner .ak-ergebnis p.ak-hinweis{ color:#ffb27a!important; margin:10px 0 0!important; }
html body .ak-rechner table.ak-aufteilung{ width:100%; border-collapse:collapse; border:0!important; margin:16px 0 0; font-size:15px; background:transparent; }
html body .ak-rechner .ak-aufteilung td{ padding:7px 0!important; border:0!important; border-top:1px solid #2e2a27!important; color:#e9e4df!important; background:transparent!important; }
html body .ak-rechner .ak-aufteilung td:last-child{ text-align:right; white-space:nowrap; padding-left:12px!important; }
html body .ak-rechner .ak-rechner-innen > p.ak-hinweis{ font-size:14px!important; color:var(--ak-muted)!important; }
.ak-anfrage{ margin-top:28px; padding-top:22px; border-top:1px solid var(--ak-line); }
.ak-anfrage h3{ margin-top:0!important; }
.ak-anfrage .ak-raster{ margin-bottom:16px; }
.ak-anfrage > .ak-feld{ margin-bottom:14px; }
.ak-art{ border:0; padding:0; margin:0 0 16px; display:flex; flex-wrap:wrap; gap:8px 22px; }
.ak-art legend{ font-weight:600; margin-bottom:6px; padding:0; }
.ak-art label{ display:flex; gap:6px; align-items:center; cursor:pointer; }
.ak-art input{ accent-color:var(--ak-accent); }
.ak-hp{ position:absolute!important; left:-9999px!important; width:1px; height:1px; overflow:hidden; }
.ak-knopf{ font:inherit; font-weight:700; font-size:16px; background:var(--ak-accent); color:#fff; border:0; padding:13px 26px; cursor:pointer; }
.ak-knopf:hover{ background:var(--ak-accent-d); }
.ak-knopf:disabled{ opacity:.6; cursor:wait; }
html body .ak-rechner p.ak-meldung{ margin:10px 0 0!important; font-size:15px!important; color:var(--ak-ink)!important; min-height:1.2em; }
html body .ak-rechner p.ak-danke{ font-size:18px!important; font-weight:600; color:var(--ak-ink)!important; border-left:3px solid var(--ak-accent); padding-left:14px; }
@media (max-width:600px){ .ak-rechner-innen{ padding:18px; } }

/* E-Mail-Magnet */
html body .ak-rechner .ak-rechner-innen p.ak-download-kicker{ color:var(--ak-accent)!important; font-weight:700; text-transform:uppercase; letter-spacing:3px; font-size:13px!important; margin:0 0 4px!important; }
.ak-download h3{ margin-top:0!important; }
.ak-download .ak-anfrage{ margin-top:14px; padding-top:0; border-top:0; }
.ak-download a.ak-knopf{ display:inline-block; text-decoration:none; color:#fff!important; }

/* Ratgeber-Seiten */
html body .ak-ratgeber h1.ak-ratgeber-titel{ font-family:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif; font-weight:700; color:#0A0909; font-size:clamp(30px,5vw,46px); line-height:1.1; margin:0 0 .7em; }
html body .ak-ratgeber h1.ak-ratgeber-titel:before{ content:""; display:block; width:54px; height:4px; background:#FA6400; margin:0 0 20px; }
html body .ak-ratgeber h1.ak-ratgeber-titel{ margin-bottom:.35em; }
html body .ak-ratgeber p.ak-meta{ font-size:15px!important; color:var(--ak-muted,#4E4E4E)!important; margin:0 0 1.8em!important; }
html body .ak-ratgeber h2[id]{ scroll-margin-top:110px; }
html body .ak-ratgeber nav.ak-inhalt{ background:#F9F7F5; border-left:4px solid #FA6400; padding:16px 22px 10px; margin:0 0 2em; }
html body .ak-ratgeber nav.ak-inhalt p.ak-inhalt-titel{ font-weight:700!important; text-transform:uppercase; letter-spacing:2px; font-size:13px!important; color:#FA6400!important; margin:0 0 6px!important; }
html body .ak-ratgeber nav.ak-inhalt ol{ margin:0 0 6px 1.2em; padding:0; }
html body .ak-ratgeber nav.ak-inhalt li{ margin:0 0 4px; font-size:16px!important; line-height:1.5; }
html body .ak-ratgeber nav.ak-inhalt li a{ color:#0A0909!important; text-decoration:none; border-bottom:1px solid rgba(250,100,0,.35); }
html body .ak-ratgeber nav.ak-inhalt li a:hover{ color:#FA6400!important; }
html body .ak-ratgeber blockquote.ak-merk{ background:#FFF4EC; border-left:4px solid #FA6400; margin:0 0 1.8em; padding:16px 22px; font-style:normal; quotes:none; text-align:left!important; }
html body .ak-ratgeber blockquote.ak-merk:before, html body .ak-ratgeber blockquote.ak-merk:after{ content:none; }
html body .ak-ratgeber blockquote.ak-merk p{ margin:0 0 .5em!important; font-size:17px!important; color:#0A0909!important; }
html body .ak-ratgeber blockquote.ak-merk ul{ margin:.2em 0 0 1.1em; }
html body .ak-ratgeber blockquote.ak-merk li{ margin:0 0 4px; color:#0A0909; font-size:16px!important; text-align:left!important; }
html body .ak-ratgeber h3{ font-family:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif; font-weight:700; font-size:20px; margin:1.4em 0 .4em; color:#0A0909; }
html body .ak-ratgeber p.ak-stand{ font-size:14px!important; color:var(--ak-muted,#4E4E4E)!important; border-top:1px solid #E7E7E7; padding-top:12px; margin-top:2.5em!important; }
.ak-tabelle{ overflow-x:auto; margin:0 0 1.4em; }
.ak-tabelle table{ border-collapse:collapse; width:100%; font-size:16px; }
.ak-tabelle th,.ak-tabelle td{ border-bottom:1px solid #E7E7E7; padding:8px 10px; text-align:left; vertical-align:top; }
.ak-tabelle th{ background:#F9F9F9; font-weight:700; }
.ak-ratgeber-liste li{ margin-bottom:1em; }
.ak-ratgeber-liste li a{ font-weight:700; font-size:19px; }
.ak-ratgeber-liste li span{ display:block; color:#4E4E4E; }