/* kv-kostenrechner-seite.css — Seite kostenrechner.html unter der Rechner-Karte, Richtung A „Ein Faden“
   (Mockup .work/mockups/kostenrechner-r, Fabio 27.10. freigegeben). Nur auf kostenrechner.html geladen
   (nicht verwechseln mit kv-kostenrechner.css = Widget in Blogs/Startseite).
   .kq-*  Herleitung („Ihre Rechnung, aufgeteilt“, gezeichnet von kqGraph() im Seitenskript) + 4 Posten mit 3D-Symbolen;
          Genehmigungs-Zeile = Kurzregel aus kv-plan.js, „Nicht im Richtwert“, „Alle Posten einzeln“ (Spiegel von #kvpAuf).
   FAQ bleibt in der Form der Startseite (.faq-sec/.bento, P48) — hier keine eigenen FAQ-Regeln.
   .kf-*  Rahmen der übrigen Abschnitte: ein Kopf (links Kennung + H2, rechts Lede, wie Startseite .st-kopf / warum-wir .ab-kopf),
          Tabellen als Register (2-px-Ink-Linie oben, Haarlinien, keine Karte), Trennung durch die Verlaufs-Haarlinie der Seite
          (.seo-sec::before), eine einzige Tafel (.kvb-flaeche) für den nächsten Schritt.
   Kein Rot. Abstände 4 · 8 · 12 · 16 · 20 · 24 · 32 · 40 · 48 · 64 · 80; Schriftgrade nur --fs-* aus kv.css. */

/* Keine harte Bandkante zwischen Rechner und Erklärung */
#detail.detail-sec{border-top:0;padding-top:var(--s-8);padding-bottom:var(--s-16)}
.kq{padding-top:0}
.kq a,.kf-ab a:not(.kvp-z):not(.kv-knopf){color:var(--teal-d);font-weight:var(--fw-semibold);text-decoration:none}
@media (hover:hover){.kq a:hover,.kf-ab a:not(.kvp-z):not(.kv-knopf):hover{color:var(--teal)}}
[id]{scroll-margin-top:calc(var(--nav-h) + var(--s-4))}

/* ═══ 1 Herleitung: Erklärung links, Graph rechts — auf dem Seitengrund ═══ */
.kq-blatt{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-16);align-items:start}
.kq-text .eyebrow{margin:0 0 var(--s-4)}
.kq-text .h-section{margin:0 0 var(--s-5);text-wrap:balance}
.kq-lede{margin:0 0 var(--s-8);font-size:var(--fs-xl);line-height:1.6;color:var(--muted);max-width:46ch;text-wrap:pretty}
.kq-weg{list-style:none;margin:0 0 var(--s-6);padding:0;border-top:2px solid var(--ink)}
.kq-weg li{padding:var(--s-4) 0;border-bottom:1px solid var(--border)}
.kq-weg b{display:block;font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:1.35;letter-spacing:var(--tr-base);color:var(--ink)}
.kq-weg span{display:block;margin-top:2px;font-size:var(--fs-lg);line-height:1.55;color:var(--muted);max-width:52ch}
.kq-mehr{font-size:var(--fs-lg)}

.kq-graph{margin:0}
.kq-graph-kopf{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--s-1) var(--s-4);
  padding-bottom:var(--s-4);margin-bottom:var(--s-2);border-bottom:2px solid var(--ink)}
.kq-graph-kopf>span:first-child{font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tr-wider);text-transform:uppercase;color:var(--muted)}
.kq-kennz{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--teal-d)}
.kq-zeile{display:grid;grid-template-columns:132px minmax(0,1fr);gap:var(--s-5);align-items:start;padding:var(--s-5) 0}
.kq-zeile+.kq-zeile{border-top:1px solid var(--border-2)}
.kq-zk b{display:block;font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--ink);line-height:1.3}
.kq-zk span{display:block;font-size:var(--fs-sm);color:var(--muted);line-height:1.4}
.kq-zeile--an .kq-zk{padding-top:52px}

.kq-marken{display:flex;gap:3px;margin-bottom:var(--s-2)}
.kq-marke{flex:0 0 calc(var(--w) - 2px);min-width:0;display:flex;flex-direction:column;padding-left:2px;transition:flex-basis .6s var(--ease-out)}
.kq-marke i{font-style:normal;font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kq-marke b{font-size:var(--fs-3xl);font-weight:var(--fw-medium);letter-spacing:var(--tr-tight);line-height:1.15;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.kq-spur{display:flex;gap:3px;height:40px}
.kq-seg{flex:0 0 calc(var(--w) - 2px);min-width:6px;height:100%;border-radius:var(--r-1);transition:flex-basis .6s var(--ease-out)}
.kq-seg--ger{background:linear-gradient(to right,#71C3AA,var(--teal));box-shadow:0 8px 18px -10px rgba(61,139,122,.55)}
.kq-seg--mon{background:var(--blue);box-shadow:0 8px 18px -10px rgba(46,64,87,.55)}
.kq-seg--bet{background:#9AA1AB}
.kq-summe{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-1);font-size:var(--fs-md);color:var(--muted)}
.kq-summe b{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);color:var(--ink);font-variant-numeric:tabular-nums}
.kq-nicht{margin:var(--s-3) 0 0;padding-top:var(--s-3);border-top:1px solid var(--border-2);font-size:var(--fs-md);line-height:1.5;color:var(--muted)}
.kq-nicht b{color:var(--ink);font-weight:var(--fw-semibold)}

.kq-gen{margin:0;font-size:var(--fs-lg);line-height:1.55;color:var(--ink);max-width:62ch}
.kq-gen-f{margin:var(--s-1) 0 0;font-size:var(--fs-md);line-height:1.55;color:var(--muted)}
/* Betrieb: Strom und Wartung je eine Zeile mit Haarlinie, keine Summe (Fabio 28.10.) */
.kq-bz{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--s-4);padding:var(--s-2) 0}
.kq-bz+.kq-bz{border-top:1px solid var(--border-2)}
.kq-bz-l{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--ink);line-height:1.4}
.kq-bz small{font-size:var(--fs-sm);font-weight:var(--fw-regular);color:var(--muted)}
.kq-bz-l small{margin-left:var(--s-2)}
.kq-bz-w{white-space:nowrap}
.kq-bet{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.kq-bet-l{display:inline-block;margin-top:var(--s-2);font-size:var(--fs-md);white-space:nowrap}

.kq-achse{position:relative;height:22px;margin-top:var(--s-2);border-top:1px solid rgba(28,43,58,.12)}
.kq-achse span{position:absolute;top:6px;transform:translateX(-50%);font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.kq-achse span:first-child{transform:none}
.kq-achse span::before{content:"";position:absolute;left:50%;top:-6px;width:1px;height:5px;background:rgba(28,43,58,.2)}
.kq-achse span:first-child::before{left:0}
.kq-achse span.kq-ende::before{left:auto;right:0}
.kq-graph--leer .kq-seg{opacity:.28;box-shadow:none}
.kq-graph--leer .kq-marke b,.kq-graph--leer .kq-summe b,.kq-graph--leer .kq-bet{color:var(--stone-d)}
.kq-graph--leer .kq-kennz{color:var(--muted);font-weight:var(--fw-regular)}
.kq-fuss{margin:var(--s-4) 0 0;font-size:var(--fs-md);line-height:1.6;color:var(--muted);max-width:60ch}

/* „Alle Posten einzeln“ — Spiegel von #kvpAuf, Zeilen mit Haarlinien */
.kq-auf{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.kq-auf>summary,.kf-quellen>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--s-4)}
.kq-auf>summary::-webkit-details-marker,.kf-quellen>summary::-webkit-details-marker{display:none}
.kq-auf>summary::after,.kf-quellen>summary::after{content:"+";flex:none;width:20px;text-align:center;font-size:var(--fs-2xl);font-weight:var(--fw-regular);line-height:1;color:var(--teal-d)}
.kq-auf[open]>summary::after,.kf-quellen[open]>summary::after{content:"–"}
.kq-auf>summary{padding:var(--s-4) 0;font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--ink)}
.kq-auf-body{padding:0 0 var(--s-4)}
.kq-auf-body .kvp-auf-z{display:flex;justify-content:space-between;gap:var(--s-4);padding:var(--s-2) 0;border-top:1px solid var(--border-2);font-size:var(--fs-md);line-height:1.45;color:var(--body)}
.kq-auf-body .kvp-auf-z i{font-style:normal;color:var(--muted)}
.kq-auf-body .kvp-auf-z b{font-weight:var(--fw-semibold);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.kq-auf-body .kvp-auf-z.tot{border-top:1px solid var(--ink)}
.kq-auf-body .kvp-auf-z.tot span,.kq-auf-body .kvp-auf-z.tot b{font-weight:var(--fw-semibold);color:var(--ink)}
.kq-auf-body .kvp-auf-extra{margin-top:var(--s-3)}
.kq-auf-body .kvp-auf-extra-h{font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tr-wider);text-transform:uppercase;color:var(--muted);padding:var(--s-2) 0}

/* ═══ 2 Vier Posten als Register ═══ */
.kq-reg-k{margin:var(--s-20) 0 var(--s-4)}
.kq-reg-k h3{margin:0;font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tr-wider);text-transform:uppercase;color:var(--muted)}
.kq-vier{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink);border-bottom:1px solid var(--border)}
.kq-posten{display:flex;flex-direction:column;padding:var(--s-5) var(--s-6) var(--s-6)}
.kq-posten:first-child{padding-left:0}
.kq-posten:last-child{padding-right:0}
.kq-posten+.kq-posten{border-left:1px solid var(--border)}
.kq-bild{position:relative;width:160px;aspect-ratio:4/3;margin:0 0 var(--s-3) -12px}
.kq-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:scale(1.4)}
.kq-k{margin:0 0 var(--s-1);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tr-wider);text-transform:uppercase;color:var(--teal-d)}
.kq-p{margin:0 0 var(--s-3);font-size:var(--fs-3xl);font-weight:var(--fw-medium);letter-spacing:var(--tr-tight);line-height:1.2;color:var(--ink)}
.kq-t{margin:0;font-size:var(--fs-lg);line-height:1.6;color:var(--body)}
/* Betrieb: Strom und Wartung getrennt, je eine Zeile mit kleinem Etikett (Fabio 28.10.) */
.kq-p2{font-size:var(--fs-2xl)}
.kq-p2 span{display:block;white-space:nowrap}
.kq-p2 small{display:inline-block;min-width:4.6em;margin-right:var(--s-2);font-size:var(--fs-md);font-weight:var(--fw-regular);letter-spacing:0;color:var(--muted)}

/* ═══ Rahmen der übrigen Abschnitte ═══ */
.kf-ab{position:relative;z-index:2;padding:var(--s-16) var(--section-px)}
.kf-ab::before{content:"";position:absolute;left:18%;right:18%;top:0;height:1px;background:linear-gradient(to right,transparent,rgba(28,43,58,.14),transparent);pointer-events:none}
.kf-ab--tafel::before,.kf-ab--tafel+.at-map-sec{border-top:0}
.kf-ab--tafel::before{display:none}
.kf-ab--tafel{padding-top:var(--s-8);padding-bottom:var(--s-8)}
.kf-in{max-width:var(--max-w);margin:0 auto}
.kf-kopf{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s-4) var(--s-16);align-items:end;margin-bottom:var(--s-10)}
.kf-kopf .eyebrow{margin:0 0 var(--s-4)}
.kf-kopf .h-section{margin:0;text-wrap:balance}
.kf-lede{margin:0;font-size:var(--fs-xl);line-height:1.6;color:var(--muted);max-width:56ch;text-wrap:pretty}
.kf-lede b{color:var(--ink);font-weight:var(--fw-semibold)}
.kf-akt{margin:var(--s-3) 0 0;font-size:var(--fs-md);color:var(--muted)}

/* Tabellen als Register: keine Karte, 2-px-Ink-Linie oben, Haarlinien, Mittelklasse leicht getönt */
.kf-tab{overflow-x:auto;-webkit-overflow-scrolling:touch}
.kf-ab .kvt{width:100%;min-width:640px;border-collapse:collapse;background:transparent;border:0;border-radius:0;border-top:2px solid var(--ink);font-size:var(--fs-lg)}
.kf-ab .kvt thead th{background:transparent;padding:var(--s-3) var(--s-4) var(--s-3) 0;text-align:left;font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tr-wider);color:var(--muted);border-bottom:1px solid var(--border)}
.kf-ab .kvt td{padding:var(--s-3) var(--s-4) var(--s-3) 0;border-bottom:1px solid var(--border);vertical-align:baseline;line-height:1.45;color:var(--body)}
.kf-ab .kvt td:first-child{font-weight:var(--fw-semibold);color:var(--ink)}
.kf-ab .kvt td small{display:block;margin-top:2px;font-size:var(--fs-md);font-weight:var(--fw-regular);color:var(--muted)}
.kf-ab .kvt .kvt-mid{background:transparent;color:var(--ink);font-weight:var(--fw-semibold);font-size:var(--fs-2xl);letter-spacing:var(--tr-base)}
.kf-ab .kvt th:nth-child(5){color:var(--teal-d)}
.kf-ab .kvt tbody tr:hover{background:transparent}
.kf-legende{margin:var(--s-5) 0 0;font-size:var(--fs-md);line-height:1.65;color:var(--muted);max-width:110ch}
.kf-legende b{color:var(--ink);font-weight:var(--fw-semibold)}

/* Preishebel: Wirkung in Ink (mehr) bzw. Teal (weniger), Prozent leiser daneben */
.kf-hebel td:first-child{width:30%}
.kf-hebel td:nth-child(2){width:18%;font-size:var(--fs-2xl);font-weight:var(--fw-semibold);color:var(--ink);letter-spacing:var(--tr-base)}
.kf-hebel td:nth-child(2) span{margin-left:var(--s-2);font-size:var(--fs-md);font-weight:var(--fw-regular);color:var(--muted);letter-spacing:0}
.kf-hebel .kf-minus{color:var(--teal-d)!important}
.kf-hebel td:nth-child(3){color:var(--muted)}
.kf-saetze{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-16);margin-top:var(--s-6)}
.kf-saetze p{margin:0;font-size:var(--fs-lg);line-height:1.6;color:var(--muted)}
.kf-saetze b{color:var(--ink);font-weight:var(--fw-semibold)}

/* Nächster Schritt: Tafel (.kvb-flaeche) mit Planungshilfen in der Tafel-Fassung */
.kf-ab .kvp-tafel{margin:0;padding:var(--s-12) var(--s-14);align-items:center}
.kf-ab .kvp-tafel .kvp-z{grid-template-columns:120px minmax(0,1fr) auto;padding:var(--s-3) 0}
.kf-ab .kvp-tafel .kvp-t{font-size:var(--fs-5xl);max-width:14ch}
.kf-cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3)}
.kf-cta-z{font-size:var(--fs-md);color:var(--muted)}

/* So rechnen wir */
.kf-quellen{border-top:2px solid var(--ink);border-bottom:1px solid var(--border)}
.kf-quellen>summary{padding:var(--s-5) 0;font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--ink)}
.kf-q{margin:0 0 var(--s-6)}
.kf-q>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--s-4);padding:var(--s-3) 0;border-top:1px solid var(--border-2)}
.kf-q dt{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--ink)}
.kf-q dd{margin:0;font-size:var(--fs-lg);line-height:1.6;color:var(--body);max-width:90ch}
.kf-modell{margin:var(--s-5) 0 0;font-size:var(--fs-lg);color:var(--muted)}

/* FAQ: Kopf links, Fragen rechts — Haarlinien, Plus/Minus */
.kq-auf>summary:focus-visible,.kf-quellen>summary:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:var(--r-1)}

/* Stadt-Karte unverändert; nach der Tafel keine zweite Kante */
#naechster-schritt+.at-map-sec{border-top:0}
/* Inhalt der Karte unverändert; nur der Tönungs-Verlauf läuft oben und unten weich aus (sonst harte Bandkante unter der Tafel) */
#staedte::before{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 180px,#000 calc(100% - 180px),transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 180px,#000 calc(100% - 180px),transparent)}

/* ═══ Tablet ═══ */
@media (max-width:1100px){
  .kq-blatt{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .kq-text{display:contents}
  .kq-graph{order:2;margin:0 0 var(--s-10)}
  .kq-weg{order:3}
  .kq-mehr{order:4;align-self:flex-start}
  .kq-text .eyebrow{align-self:flex-start}
  .kq-lede{max-width:56ch}
  .kq-vier{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kq-posten:nth-child(3){padding-left:0;border-left:0}
  .kq-posten:nth-child(2){padding-right:0}
  .kq-posten:nth-child(n+3){border-top:1px solid var(--border)}
  .kf-kopf{grid-template-columns:minmax(0,1fr);gap:var(--s-4)}
}
/* ═══ Handy ═══ */
@media (max-width:640px){
  #detail.detail-sec{padding-bottom:var(--s-10)}
  .kq{padding-top:var(--s-4)}
  .kq-text .h-section,.kf-kopf .h-section{font-size:clamp(28px,7.6vw,34px);line-height:1.12}
  .kq-lede{font-size:var(--fs-lg);margin-bottom:var(--s-6)}
  .kq-weg b{font-size:var(--fs-lg)}
  .kq-weg span{font-size:var(--fs-md)}
  .kq-zeile{grid-template-columns:minmax(0,1fr);gap:var(--s-2);padding:var(--s-4) 0}
  .kq-zk{display:flex;align-items:baseline;gap:var(--s-2);flex-wrap:wrap}
  .kq-zeile--an .kq-zk{padding-top:0;margin-bottom:var(--s-2)}
  .kq-marke b{font-size:var(--fs-2xl)}
  .kq-spur{height:32px}
  .kq-achse{margin-left:0}
  .kq-nicht{text-align:left}
  .kq-gen{font-size:var(--fs-md)}
  .kq-gen-f{font-size:var(--fs-sm)}
  .kq-fuss{font-size:var(--fs-sm)}
  .kq-reg-k{margin-top:var(--s-12)}
  .kq-vier{grid-template-columns:minmax(0,1fr)}
  .kq-posten,.kq-posten:first-child,.kq-posten:last-child,.kq-posten:nth-child(2),.kq-posten:nth-child(3){padding:var(--s-4) 0 var(--s-5);border-left:0}
  .kq-posten+.kq-posten{border-top:1px solid var(--border)}
  .kq-posten{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:var(--s-4);align-content:start}
  .kq-bild{grid-row:1 / span 2;width:104px;margin:0 0 0 -8px}
  .kq-k{align-self:end}
  .kq-p{font-size:var(--fs-2xl);margin-bottom:0;align-self:start}
  .kq-t{grid-column:1 / -1;margin-top:var(--s-3);font-size:var(--fs-md)}

  .kf-ab{padding:var(--s-12) var(--section-px)}
  .kf-ab--tafel{padding:var(--s-4) var(--s-3)}
  .kf-kopf{margin-bottom:var(--s-6)}
  .kf-lede{font-size:var(--fs-lg)}
  /* Tabellen am Handy: Preisbeispiele als Zeilen je Raumzahl, Preishebel als Liste — kein Querscrollen */
  .kf-ab .kvt{min-width:0;font-size:var(--fs-md)}
  .kf-ab .kvt thead{display:none}
  .kf-ab .kvt tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--s-3);padding:var(--s-4) 0;border-bottom:1px solid var(--border)}
  .kf-ab .kvt td{display:block;padding:0;border:0}
  .kf-ab #preistabelle td:nth-child(1){grid-column:1 / 3;grid-row:1 / 3}
  .kf-ab #preistabelle td:nth-child(2){grid-column:3;grid-row:1;text-align:right;color:var(--muted)}
  .kf-ab #preistabelle td:nth-child(3){grid-column:3;grid-row:2;text-align:right;color:var(--muted)}
  .kf-ab #preistabelle td:nth-child(n+4){grid-row:3;margin-top:var(--s-3)}
  .kf-ab #preistabelle td:nth-child(4){grid-column:1}
  .kf-ab #preistabelle td:nth-child(5){grid-column:2}
  .kf-ab #preistabelle td:nth-child(6){grid-column:3}
  .kf-ab #preistabelle td:nth-child(7){grid-row:4}
  .kf-ab #preistabelle td:nth-child(8){grid-row:5}
  .kf-ab #preistabelle td:nth-child(n+4)::before{display:block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tr-wide);text-transform:uppercase;color:var(--muted)}
  .kf-ab #preistabelle td:nth-child(4)::before{content:"Budget ab"}
  .kf-ab #preistabelle td:nth-child(5)::before{content:"Mittelkl. ca.";color:var(--teal-d)}
  .kf-ab #preistabelle td:nth-child(6)::before{content:"Premium ab"}
  .kf-ab #preistabelle td:nth-child(n+7){grid-column:1 / -1;margin-top:var(--s-2);font-size:var(--fs-md);color:var(--muted)}
  .kf-ab #preistabelle td:nth-child(8){margin-top:var(--s-1)}
  .kf-ab #preistabelle td:nth-child(n+7)::before{display:inline;font-size:var(--fs-md);font-weight:var(--fw-regular);letter-spacing:0;text-transform:none}
  .kf-ab #preistabelle td:nth-child(7)::before{content:"Strom / Jahr "}
  .kf-ab #preistabelle td:nth-child(8)::before{content:"Wartung / Jahr "}
  .kf-ab #preistabelle td:nth-child(4),.kf-ab #preistabelle td:nth-child(6){font-size:var(--fs-lg);color:var(--ink)}
  .kf-ab .kvt .kvt-mid{font-size:var(--fs-xl)}
  .kf-hebel tr{grid-template-columns:minmax(0,1fr) auto!important}
  .kf-hebel td:first-child,.kf-hebel td:nth-child(2){width:auto}
  .kf-hebel td:nth-child(2){font-size:var(--fs-xl);text-align:right;white-space:nowrap}
  .kf-hebel td:nth-child(2) span{display:block;margin:0;font-size:var(--fs-sm)}
  .kf-hebel td:nth-child(3){grid-column:1 / -1;margin-top:var(--s-1);font-size:var(--fs-md);line-height:1.5}
  .kf-legende{font-size:var(--fs-sm)}
  .kf-saetze{grid-template-columns:minmax(0,1fr);gap:var(--s-3)}
  .kf-saetze p{font-size:var(--fs-md)}
  .kf-ab .kvp-tafel .kvp-t{font-size:var(--fs-4xl)}
  .kf-ab .kvp-tafel{padding:var(--s-8) var(--s-5)}
  .kf-ab .kvp-tafel .kvp-z{grid-template-columns:88px minmax(0,1fr) auto;column-gap:var(--s-3)}
  .kf-cta{align-items:stretch}
  .kf-cta .kv-knopf{width:100%;padding:0 var(--s-3);gap:var(--s-2);justify-content:center}
  .kf-q>div{grid-template-columns:minmax(0,1fr);gap:var(--s-1)}
  .kf-q dt,.kf-q dd,.kf-modell{font-size:var(--fs-md)}
  .kf-quellen>summary{font-size:var(--fs-lg)}
}
@media (prefers-reduced-motion:reduce){.kq-marke,.kq-seg{transition:none}}