/* versichert.richtig · gemeinsame Basis für alle Unterseiten (aus der neuen Startseite abgeleitet) */
:root{
  --ink:#0E0E10; --ink-2:#17171B; --ink-line:#2B2B31;
  --on-ink:#F6F6F3; --on-ink-muted:#B9B9B2;
  --text:#23231F; --muted:#65655F;
  --sand:#F7F6F2;
  --line:#E7E4DA; --line-strong:#D6CFBC;
  --gold:#C69214; --gold-l:#D9AE4A; --gold-d:#8A6D00; --gold-tint:#F4EBD3;
  /* Fehlermeldung in Formularen (#238). Dieselben Werte, die bisher als Inline-Stil auf 163 Seiten
     standen. Neue Farben entscheidet Emre (BAUSTEINE.md, Verbot 2): freigegeben am 29.09.2026. */
  --fehler:#3A1A16; --fehler-linie:#6B2C22; --fehler-text:#FFC9BE;
  /* Linkfarbe der englischen Kopfleiste (.en-nav), bisher als Seiten-Stilblock, 29.09.2026.
     Von Emre freigegeben am 29.09.2026. Nah an --on-ink-muted (#B9B9B2). */
  --on-ink-link:#C9C9C3;

  --display:"Archivo", system-ui, sans-serif;
  --body:"Hanken Grotesk", system-ui, sans-serif;
  --fs-h1:clamp(2.5rem, 1.6rem + 3.8vw, 4.5rem);        /* 40 → 72 */
  --fs-h2:clamp(1.875rem, 1.35rem + 2.1vw, 2.75rem);    /* 30 → 44 */
  --fs-quote:clamp(1.5rem, 1.2rem + 1.2vw, 2.125rem);   /* 24 → 34, Zitat als Überschrift */
  --fs-h3:clamp(1.1875rem, 1.05rem + .5vw, 1.375rem);   /* 19 → 22 */
  --fs-lead:clamp(1.125rem, 1.02rem + .45vw, 1.3125rem);/* 18 → 21 */
  --fs-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);  /* 17 → 19 */
  --fs-title:var(--fs-h3);   /* Kartentitel mit Text: 19 → 22 */
  --fs-title-sm:1.0625rem;   /* einzeilige Kacheln: 17 */
  --fs-card:1rem;        /* 16 */
  --logo-h:24px;
  --fs-small:.9375rem;   /* 15 */
  --fs-micro:.8125rem;   /* 13 */

  --container:1200px;
  --gutter:clamp(20px, 4vw, 40px);
  --section:clamp(64px, 6.7vw, 96px);   /* Abschnitte mit Überschrift: 64 → 96 */
  --band:clamp(40px, 4.4vw, 64px);      /* Bänder ohne Überschrift: 40 → 64 */
  --head-gap:clamp(32px, 3.4vw, 48px);  /* Kopf → Inhalt: 32 → 48 */
  --gap:clamp(16px, 1.7vw, 24px);       /* jeder Kachelabstand: 16 → 24 */
  --pad-card:clamp(20px, 1.7vw, 24px);  /* Karten innen: 20 → 24 */
  --measure:62ch;

  --r-card:16px; --r-small:10px; --r-pill:999px;
  --shadow-hover:0 10px 30px rgba(20,18,10,.08);
  --t:150ms ease;
  --head-h:64px;
  /* Einzelfarben aus Seiten-Stilen, uebernommen am 29.09.2026 (Emre: eigene Tokens, Aussehen bleibt).
     Kandidaten fuer eine spaetere Vereinheitlichung. */
  --einzel-8b3125:#8B3125;
  --einzel-fdebe7:#FDEBE7;
  --einzel-8a2b18:#8A2B18;
  --einzel-fff6d6:#FFF6D6;
  --einzel-6b5200:#6B5200;
  --einzel-33333a:#33333A;
  --einzel-a5a5ab:#A5A5AB;
  --einzel-7f7f86:#7F7F86;
  --einzel-7fb08a:#7FB08A;
  --einzel-8e8e95:#8E8E95;
  --einzel-111144:#111144;
  --einzel-4e9e78:#4E9E78;
  --einzel-4a87b5:#4A87B5;
  --einzel-8b6bae:#8B6BAE;
  --einzel-2e7d5b:#2E7D5B;
  --einzel-2b6088:#2B6088;
  --einzel-6b4e8c:#6B4E8C;
  --einzel-221122:#221122;
  --einzel-e3907f:#E3907F;
  --einzel-7c7c76:#7C7C76;
  --einzel-a08a3c:#A08A3C;
  --einzel-999999:#999999;
  --einzel-333333:#333333;
  --einzel-5a4600:#5A4600;
  --einzel-e7e7e3:#E7E7E3;
  --einzel-a8841c:#A8841C;
  --einzel-3a3a36:#3A3A36;
  --einzel-6b5714:#6B5714;
  --einzel-3a2e0c:#3A2E0C;
  --einzel-119922:#119922;
  --einzel-b0850a:#B0850A;
  --einzel-f0dca0:#F0DCA0;
  --einzel-f7d54a:#F7D54A;
  --einzel-2e6b4f:#2E6B4F;
  --einzel-a8322a:#A8322A;
  --einzel-7a5f00:#7A5F00;
  --einzel-118800:#118800;
  --einzel-111155:#111155;
  --einzel-112244:#112244;
}
/* ---------- Seiten-Stilbloecke, standen vor gemeinsam.css (29.09.2026) ---------- */
/* aus beitrag/beitraege-im-alter (an die Seite gebunden) */
:where(html.seite-beitrag-beitraege-im-alter) .bvstufen, :where(html.seite-beitrag-beitraege-im-alter).bvstufen{background:var(--dark-2);border:1px solid var(--dark-line,var(--ink-line));
  border-radius:var(--r-md,18px);padding:26px 24px 20px;margin:26px 0}
:where(html.seite-beitrag-beitraege-im-alter) .bvstufen>.kopf, :where(html.seite-beitrag-beitraege-im-alter).bvstufen>.kopf{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
:where(html.seite-beitrag-beitraege-im-alter) .bvstufen>.kopf h3, :where(html.seite-beitrag-beitraege-im-alter).bvstufen>.kopf h3{font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-text);margin:0;color:var(--on-ink)}
:where(html.seite-beitrag-beitraege-im-alter) .bvstufen>.kopf .marke, :where(html.seite-beitrag-beitraege-im-alter).bvstufen>.kopf .marke{font-family:'Archivo',sans-serif;font-weight:700;font-size:var(--fs-kicker);
  letter-spacing:.14em;text-transform:uppercase;color:#9A9A94;white-space:nowrap}
:where(html.seite-beitrag-beitraege-im-alter) .bvstufen>p.ein, :where(html.seite-beitrag-beitraege-im-alter).bvstufen>p.ein{color:#9A9A94;font-size:var(--fs-feld);margin:6px 0 18px;max-width:62ch}
:where(html.seite-beitrag-beitraege-im-alter) .bvstufen svg, :where(html.seite-beitrag-beitraege-im-alter).bvstufen svg{display:block;width:100%;height:auto;overflow:visible;margin-bottom:6px}
:where(html.seite-beitrag-beitraege-im-alter) .bv-raster, :where(html.seite-beitrag-beitraege-im-alter).bv-raster{stroke:var(--ink-line);stroke-width:1}
:where(html.seite-beitrag-beitraege-im-alter) .bv-marke, :where(html.seite-beitrag-beitraege-im-alter).bv-marke{stroke:var(--einzel-33333a);stroke-width:1;stroke-dasharray:3 4}
:where(html.seite-beitrag-beitraege-im-alter) .bv-achse, :where(html.seite-beitrag-beitraege-im-alter).bv-achse{font-family:'Archivo',sans-serif;font-weight:600;font-size:0.8125rem;fill:var(--einzel-a5a5ab)}
:where(html.seite-beitrag-beitraege-im-alter) .bv-ereignis, :where(html.seite-beitrag-beitraege-im-alter).bv-ereignis{font-family:'Archivo',sans-serif;font-weight:700;font-size:var(--fs-klein);fill:#B6B6B0;letter-spacing:.05em}
:where(html.seite-beitrag-beitraege-im-alter) .bv-linie, :where(html.seite-beitrag-beitraege-im-alter).bv-linie{fill:none;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;
  stroke-dasharray:1400;stroke-dashoffset:1400;animation:bv-mal 1.1s ease forwards}
:where(html.seite-beitrag-beitraege-im-alter) .bv-basis, :where(html.seite-beitrag-beitraege-im-alter).bv-basis{stroke:var(--on-ink);animation-delay:.1s}
:where(html.seite-beitrag-beitraege-im-alter) .bv-normal, :where(html.seite-beitrag-beitraege-im-alter).bv-normal{stroke:var(--einzel-7f7f86);stroke-dasharray:6 5;animation:none}
:where(html.seite-beitrag-beitraege-im-alter) .bv-opt1, :where(html.seite-beitrag-beitraege-im-alter).bv-opt1{stroke:var(--einzel-7fb08a);stroke-dasharray:6 5;animation:none;opacity:0;animation:bv-auf.5s ease.9s forwards}
:where(html.seite-beitrag-beitraege-im-alter) .bv-opt2, :where(html.seite-beitrag-beitraege-im-alter).bv-opt2{stroke:var(--gold);stroke-width:3;animation-delay:1.5s}
:where(html.seite-beitrag-beitraege-im-alter) .bv-wert, :where(html.seite-beitrag-beitraege-im-alter).bv-wert{font-family:'Archivo',sans-serif;font-weight:900;font-size:var(--fs-klein);opacity:0;
  animation:bv-auf.4s ease forwards}
:where(html.seite-beitrag-beitraege-im-alter) .bv-t-basis, :where(html.seite-beitrag-beitraege-im-alter).bv-t-basis{fill:var(--on-ink);animation-delay:.7s}
:where(html.seite-beitrag-beitraege-im-alter) .bv-t-normal, :where(html.seite-beitrag-beitraege-im-alter).bv-t-normal{fill:#9A9A94;animation-delay:.9s}
:where(html.seite-beitrag-beitraege-im-alter) .bv-t-opt1, :where(html.seite-beitrag-beitraege-im-alter).bv-t-opt1{fill:var(--einzel-7fb08a);animation-delay:1.3s}
:where(html.seite-beitrag-beitraege-im-alter) .bv-t-opt2, :where(html.seite-beitrag-beitraege-im-alter).bv-t-opt2{fill:var(--gold-l);animation-delay:2.3s}
@keyframes bv-mal{to{stroke-dashoffset:0}}
@keyframes bv-auf{to{opacity:1}}
@media(prefers-reduced-motion:reduce){
:where(html.seite-beitrag-beitraege-im-alter) .bv-linie, :where(html.seite-beitrag-beitraege-im-alter).bv-linie{animation:none;stroke-dashoffset:0;opacity:1}
:where(html.seite-beitrag-beitraege-im-alter) .bv-wert, :where(html.seite-beitrag-beitraege-im-alter).bv-wert{animation:none;opacity:1}
}
:where(html.seite-beitrag-beitraege-im-alter) .bv-stufen, :where(html.seite-beitrag-beitraege-im-alter).bv-stufen{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}
:where(html.seite-beitrag-beitraege-im-alter) .bv-stufe, :where(html.seite-beitrag-beitraege-im-alter).bv-stufe{border-left:3px solid var(--f);padding:2px 0 2px 13px}
:where(html.seite-beitrag-beitraege-im-alter) .bv-stufe .n, :where(html.seite-beitrag-beitraege-im-alter).bv-stufe .n{font-family:'Archivo',sans-serif;font-weight:700;font-size:var(--fs-kicker);letter-spacing:.12em;
  text-transform:uppercase;color:var(--f)}
:where(html.seite-beitrag-beitraege-im-alter) .bv-stufe .z, :where(html.seite-beitrag-beitraege-im-alter).bv-stufe .z{font-family:'Archivo',sans-serif;font-weight:900;font-size:calc(var(--fs-text) * 22 / 18);color:var(--on-ink);margin:4px 0 3px;
  font-variant-numeric:tabular-nums}
:where(html.seite-beitrag-beitraege-im-alter) .bv-stufe p, :where(html.seite-beitrag-beitraege-im-alter).bv-stufe p{font-size:var(--fs-klein);color:#9A9A94;margin:0;line-height:1.42}
:where(html.seite-beitrag-beitraege-im-alter) .s-normal, :where(html.seite-beitrag-beitraege-im-alter).s-normal{--f:var(--einzel-7f7f86)}:where(html.seite-beitrag-beitraege-im-alter) .s-opt1, :where(html.seite-beitrag-beitraege-im-alter).s-opt1{--f:var(--einzel-7fb08a)}:where(html.seite-beitrag-beitraege-im-alter) .s-opt2, :where(html.seite-beitrag-beitraege-im-alter).s-opt2{--f:var(--gold)}
:where(html.seite-beitrag-beitraege-im-alter) .bvstufen h2, :where(html.seite-beitrag-beitraege-im-alter).bvstufen h2{color:var(--on-ink)}
:where(html.seite-beitrag-beitraege-im-alter) .bvstufen>p, :where(html.seite-beitrag-beitraege-im-alter).bvstufen>p{color:var(--on-ink-link)}
:where(html.seite-beitrag-beitraege-im-alter) .bvstufen>p b, :where(html.seite-beitrag-beitraege-im-alter).bvstufen>p b{color:var(--on-ink)}

:where(html.seite-beitrag-beitraege-im-alter) .bvstufen .sec-eyebrow, :where(html.seite-beitrag-beitraege-im-alter).bvstufen .sec-eyebrow, :where(html.seite-beitrag-beitraege-im-alter) .bvstufen a:not(.btn):not(.cta):not(.bigcta), :where(html.seite-beitrag-beitraege-im-alter).bvstufen a:not(.btn):not(.cta):not(.bigcta){color:var(--gold-l)}
:where(html.seite-beitrag-beitraege-im-alter) .bvstufen>.quelle, :where(html.seite-beitrag-beitraege-im-alter).bvstufen>.quelle{font-size:var(--fs-klein);color:var(--einzel-8e8e95);margin:16px 0 0}
/* aus beitrag/beitragsrueckerstattung (an die Seite gebunden) */
:where(html.seite-beitrag-beitragsrueckerstattung) .prose > .gr, :where(html.seite-beitrag-beitragsrueckerstattung).prose > .gr{max-width:none;}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr, :where(html.seite-beitrag-beitragsrueckerstattung).gr{margin:26px 0 30px;padding:0;}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr p, :where(html.seite-beitrag-beitragsrueckerstattung).gr p{margin:0;}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-kopf, :where(html.seite-beitrag-beitragsrueckerstattung).gr-kopf{display:grid;gap:6px;margin:0 0 18px;max-width:var(--lese);}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr .gr-kicker, :where(html.seite-beitrag-beitragsrueckerstattung).gr .gr-kicker{font-size:calc(var(--fs-kicker) * 12 / 13);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold-d);}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr .gr-titel, :where(html.seite-beitrag-beitragsrueckerstattung).gr .gr-titel{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(19px,2vw,23px);line-height:1.2;color:var(--ink);}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr .gr-unter, :where(html.seite-beitrag-beitragsrueckerstattung).gr .gr-unter, :where(html.seite-beitrag-beitragsrueckerstattung) .gr .gr-text, :where(html.seite-beitrag-beitragsrueckerstattung).gr .gr-text{font-size:var(--fs-feld);line-height:1.5;color:var(--muted);}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr .gr-zahl, :where(html.seite-beitrag-beitragsrueckerstattung).gr .gr-zahl{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(32px,4vw,44px);line-height:1;color:var(--ink);}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr figcaption, :where(html.seite-beitrag-beitragsrueckerstattung).gr figcaption{margin-top:14px;font-size:var(--fs-feld);line-height:1.5;color:var(--text);max-width:var(--lese);}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-quelle, :where(html.seite-beitrag-beitragsrueckerstattung).gr-quelle{display:block;margin-top:6px;font-size:var(--fs-klein);line-height:1.5;color:var(--muted);}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr svg, :where(html.seite-beitrag-beitragsrueckerstattung).gr svg{display:block;}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-gitter, :where(html.seite-beitrag-beitragsrueckerstattung).gr-gitter{stroke:var(--line);stroke-width:1.5;}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-achse, :where(html.seite-beitrag-beitragsrueckerstattung).gr-achse{fill:var(--muted);font-family:'Hanken Grotesk',sans-serif;}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-bre .gr-weit, :where(html.seite-beitrag-beitragsrueckerstattung).gr-bre .gr-weit, :where(html.seite-beitrag-beitragsrueckerstattung) .gr-bre .gr-schmal, :where(html.seite-beitrag-beitragsrueckerstattung).gr-bre .gr-schmal{width:100%;height:auto;}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-bre .gr-weit, :where(html.seite-beitrag-beitragsrueckerstattung).gr-bre .gr-weit{max-width:960px;}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-bre .gr-schmal, :where(html.seite-beitrag-beitragsrueckerstattung).gr-bre .gr-schmal{display:none;max-width:520px;}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-bre-garant, :where(html.seite-beitrag-beitragsrueckerstattung).gr-bre-garant{fill:var(--muted);}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-bre-erfolg, :where(html.seite-beitrag-beitragsrueckerstattung).gr-bre-erfolg{fill:var(--gold);stroke:var(--gold-d);stroke-width:1.5;}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-bre-rechnung, :where(html.seite-beitrag-beitragsrueckerstattung).gr-bre-rechnung{stroke:var(--ink);stroke-width:1.5;stroke-dasharray:5 4;}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-bre-marke, :where(html.seite-beitrag-beitragsrueckerstattung).gr-bre-marke{font-family:'Hanken Grotesk',sans-serif;font-weight:700;fill:var(--ink);}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-bre .gr-jahr, :where(html.seite-beitrag-beitragsrueckerstattung).gr-bre .gr-jahr{font-family:'Hanken Grotesk',sans-serif;font-weight:700;fill:var(--muted);}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-bre .gr-jahr-ende, :where(html.seite-beitrag-beitragsrueckerstattung).gr-bre .gr-jahr-ende{fill:var(--ink);}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-legende, :where(html.seite-beitrag-beitragsrueckerstattung).gr-legende{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px !important;font-size:calc(var(--fs-klein) * 14 / 13);color:var(--muted);}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-legende span, :where(html.seite-beitrag-beitragsrueckerstattung).gr-legende span{display:inline-flex;align-items:center;gap:8px;}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-farbe, :where(html.seite-beitrag-beitragsrueckerstattung).gr-farbe{display:inline-block;width:16px;height:10px;}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-farbe-garant, :where(html.seite-beitrag-beitragsrueckerstattung).gr-farbe-garant{background:var(--muted);}
:where(html.seite-beitrag-beitragsrueckerstattung) .gr-farbe-erfolg, :where(html.seite-beitrag-beitragsrueckerstattung).gr-farbe-erfolg{background:var(--gold);box-shadow:inset 0 0 0 1.5px var(--gold-d);}
@media (max-width:759px){:where(html.seite-beitrag-beitragsrueckerstattung) .gr-bre .gr-weit, :where(html.seite-beitrag-beitragsrueckerstattung).gr-bre .gr-weit{display:none;}:where(html.seite-beitrag-beitragsrueckerstattung) .gr-bre .gr-schmal, :where(html.seite-beitrag-beitragsrueckerstattung).gr-bre .gr-schmal{display:block;}}
/* aus beitrag/echter-beitragsverlauf (an die Seite gebunden) */
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl, :where(html.seite-beitrag-echter-beitragsverlauf).bvl{margin:40px 0 30px;--bvl-o1:var(--einzel-4e9e78);--bvl-o2:var(--einzel-4a87b5);--bvl-o3:var(--einzel-8b6bae);--bvl-o1-t:var(--einzel-2e7d5b);--bvl-o2-t:var(--einzel-2b6088);--bvl-o3-t:var(--einzel-6b4e8c)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl > h2, :where(html.seite-beitrag-echter-beitragsverlauf).bvl > h2{margin:10px 0 12px}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl > p, :where(html.seite-beitrag-echter-beitragsverlauf).bvl > p{max-width:var(--lese,720px)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-schritt, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-schritt{border-top:1px solid var(--line);padding:28px 0 30px}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-bild, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-bild{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 14px 12px;margin:0 0 20px}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-svg, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-svg{display:block;width:100%;height:auto;overflow:visible;font-family:'Hanken Grotesk',sans-serif}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-legende, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-legende{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:var(--fs-klein);line-height:1.35;color:var(--muted)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-legende li, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-legende li{display:flex;align-items:center;gap:7px;margin:0}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-legende i, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-legende i{flex:0 0 20px;height:0;border-top:3px solid var(--ink)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-legende .l-normal, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-legende .l-normal{border-top:3px dotted var(--muted)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-legende .l-o1, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-legende .l-o1{border-top-color:var(--bvl-o1)} :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-legende .l-o2, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-legende .l-o2{border-top-color:var(--bvl-o2)} :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-legende .l-o3, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-legende .l-o3{border-top-color:var(--bvl-o3)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-legende .l-geist, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-legende .l-geist{border-top-style:dashed;border-top-width:2px}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-text, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-text{max-width:var(--lese,720px)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-nr, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-nr{font-family:'Archivo',sans-serif;font-weight:700;font-size:var(--fs-kicker);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);margin:0 0 8px}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-text h3, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-text h3{font-size:clamp(22px,2.4vw,28px);margin:0 0 10px}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-text p, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-text p{margin:0 0 12px}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-karten, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px 28px;margin:18px 0 6px}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-karte, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-karte{border-top:3px solid var(--f,var(--ink));padding-top:12px}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-karte.k-normal, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-karte.k-normal{--f:var(--muted);--fk:var(--muted)} :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-karte.k-o1, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-karte.k-o1{--f:var(--bvl-o1);--fk:var(--bvl-o1-t)} :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-karte.k-o2, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-karte.k-o2{--f:var(--bvl-o2);--fk:var(--bvl-o2-t)} :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-karte.k-o3, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-karte.k-o3{--f:var(--bvl-o3);--fk:var(--bvl-o3-t)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-k, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-k{font-family:'Archivo',sans-serif;font-weight:700;font-size:var(--fs-kicker);letter-spacing:.1em;text-transform:uppercase;color:var(--fk,var(--gold-d))}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-z, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-z{font-family:'Archivo',sans-serif;font-weight:800;font-size:calc(var(--fs-text) * 22 / 18);color:var(--ink);font-variant-numeric:tabular-nums;margin:4px 0 4px;white-space:nowrap}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-karte p, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-karte p{font-size:var(--fs-feld);line-height:1.45;color:var(--muted);margin:0}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-fakten, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-fakten{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 28px;margin:18px 0 0}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-fakten > div, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-fakten > div{border-top:1px solid var(--line);padding-top:10px}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-fakten dt, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-fakten dt{font-family:'Archivo',sans-serif;font-weight:700;font-size:var(--fs-kicker);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-fakten dd, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-fakten dd{margin:3px 0 0;font-size:var(--fs-feld);line-height:1.45;color:var(--text)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-fakten dd b, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-fakten dd b{font-family:'Archivo',sans-serif;font-weight:800;color:var(--ink)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-quelle, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-quelle{font-size:var(--fs-klein);line-height:1.5;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin:0}

:where(html.seite-beitrag-echter-beitragsverlauf) .g-raster, :where(html.seite-beitrag-echter-beitragsverlauf).g-raster{stroke:var(--line);stroke-width:1}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-achsenlinie, :where(html.seite-beitrag-echter-beitragsverlauf).g-achsenlinie{stroke:var(--ink);stroke-width:1.6}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-achse, :where(html.seite-beitrag-echter-beitragsverlauf).g-achse{font-size:1rem;fill:var(--muted)}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-titel, :where(html.seite-beitrag-echter-beitragsverlauf).g-titel{font-size:var(--fs-feld)}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-marke, :where(html.seite-beitrag-echter-beitragsverlauf).g-marke{stroke:var(--muted);stroke-width:1.2;stroke-dasharray:3 6;opacity:.55}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-ereignis, :where(html.seite-beitrag-echter-beitragsverlauf).g-ereignis{font-family:'Archivo',sans-serif;font-weight:700;font-size:calc(var(--fs-text) * 19 / 18);fill:var(--text)}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-ereignis-k, :where(html.seite-beitrag-echter-beitragsverlauf).g-ereignis-k{font-size:var(--fs-feld);fill:var(--muted)}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-linie, :where(html.seite-beitrag-echter-beitragsverlauf).g-linie{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-basis, :where(html.seite-beitrag-echter-beitragsverlauf).g-basis{stroke:var(--ink);stroke-width:3.6}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-unterlage, :where(html.seite-beitrag-echter-beitragsverlauf).g-unterlage{fill:none;stroke:var(--card);stroke-width:8;stroke-linejoin:round}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-normal, :where(html.seite-beitrag-echter-beitragsverlauf).g-normal{stroke:var(--muted);stroke-width:2.6;stroke-dasharray:1 7}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-o1, :where(html.seite-beitrag-echter-beitragsverlauf).g-o1{stroke:var(--bvl-o1)} :where(html.seite-beitrag-echter-beitragsverlauf) .g-o2, :where(html.seite-beitrag-echter-beitragsverlauf).g-o2{stroke:var(--bvl-o2)} :where(html.seite-beitrag-echter-beitragsverlauf) .g-o3, :where(html.seite-beitrag-echter-beitragsverlauf).g-o3{stroke:var(--bvl-o3)}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-linie.geist, :where(html.seite-beitrag-echter-beitragsverlauf).g-linie.geist{stroke-width:2.6;stroke-dasharray:6 6;opacity:.8}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-normal.geist, :where(html.seite-beitrag-echter-beitragsverlauf).g-normal.geist{stroke-dasharray:1 7;opacity:1}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-punkt, :where(html.seite-beitrag-echter-beitragsverlauf).g-punkt{fill:var(--ink)} :where(html.seite-beitrag-echter-beitragsverlauf) .g-p-o1, :where(html.seite-beitrag-echter-beitragsverlauf).g-p-o1{fill:var(--bvl-o1)} :where(html.seite-beitrag-echter-beitragsverlauf) .g-p-o2, :where(html.seite-beitrag-echter-beitragsverlauf).g-p-o2{fill:var(--bvl-o2)} :where(html.seite-beitrag-echter-beitragsverlauf) .g-p-o3, :where(html.seite-beitrag-echter-beitragsverlauf).g-p-o3{fill:var(--bvl-o3)}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-wert, :where(html.seite-beitrag-echter-beitragsverlauf).g-wert{font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-lead);fill:var(--ink);stroke:var(--card);stroke-width:5;paint-order:stroke;stroke-linejoin:round;font-variant-numeric:tabular-nums}
:where(html.seite-beitrag-echter-beitragsverlauf) .g-wert.geist, :where(html.seite-beitrag-echter-beitragsverlauf).g-wert.geist{fill:var(--muted)}
@media (max-width:560px){ :where(html.seite-beitrag-echter-beitragsverlauf) .bvl .g-klein, :where(html.seite-beitrag-echter-beitragsverlauf).bvl .g-klein{display:none} :where(html.seite-beitrag-echter-beitragsverlauf) .g-ereignis, :where(html.seite-beitrag-echter-beitragsverlauf).g-ereignis{font-size:1.3125rem} :where(html.seite-beitrag-echter-beitragsverlauf) .g-wert, :where(html.seite-beitrag-echter-beitragsverlauf).g-wert{font-size:1.375rem} :where(html.seite-beitrag-echter-beitragsverlauf) .g-achse, :where(html.seite-beitrag-echter-beitragsverlauf).g-achse{font-size:1.0625rem} }

:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-buehne, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-buehne{display:none}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl.an:not(.still) .bvl-buehne, :where(html.seite-beitrag-echter-beitragsverlauf).bvl.an:not(.still) .bvl-buehne{display:block;position:sticky;top:var(--bvl-kopf,64px);z-index:5;background:var(--paper);padding:10px 0 12px}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl.an:not(.still) .bvl-schritt > .bvl-bild, :where(html.seite-beitrag-echter-beitragsverlauf).bvl.an:not(.still) .bvl-schritt > .bvl-bild{display:none}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl.an .bvl-schritt, :where(html.seite-beitrag-echter-beitragsverlauf).bvl.an .bvl-schritt{scroll-margin-top:var(--bvl-oben,90px)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-bkopf, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-bkopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 6px;font-size:calc(var(--fs-klein) * 14 / 13);line-height:1.3;color:var(--muted)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-bkopf b, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-bkopf b{font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-lead);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-stapel, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-stapel{display:grid}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-stapel > .bvl-bild, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-stapel > .bvl-bild{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-stapel > .bvl-bild.da, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-stapel > .bvl-bild.da{opacity:1;visibility:visible;transition:opacity .45s ease}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-stapel > .bvl-bild .neu, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-stapel > .bvl-bild .neu{transition:none}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-stapel > .bvl-bild path.neu, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-stapel > .bvl-bild path.neu{stroke-dasharray:1;stroke-dashoffset:1}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-stapel > .bvl-bild.da path.neu, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-stapel > .bvl-bild.da path.neu{stroke-dashoffset:0;transition:stroke-dashoffset 1s ease .2s}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-stapel > .bvl-bild text.neu, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-stapel > .bvl-bild text.neu, :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-stapel > .bvl-bild circle.neu, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-stapel > .bvl-bild circle.neu{opacity:0}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-stapel > .bvl-bild.da text.neu, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-stapel > .bvl-bild.da text.neu, :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-stapel > .bvl-bild.da circle.neu, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-stapel > .bvl-bild.da circle.neu{opacity:1;transition:opacity .35s ease .9s}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-knoepfe, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-knoepfe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0 0}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-knoepfe button, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-knoepfe button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;border-radius:999px;border:1px solid var(--line);background:var(--card);padding:8px 6px;min-height:44px;font-family:'Archivo',sans-serif;font-weight:700;font-size:calc(var(--fs-klein) * 14 / 13);line-height:1.15;color:var(--text)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-knoepfe button span, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-knoepfe button span{display:block;font-weight:600;font-size:calc(var(--fs-klein) * 12 / 13);color:var(--muted)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-knoepfe button[aria-pressed="true"], :where(html.seite-beitrag-echter-beitragsverlauf).bvl-knoepfe button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper-2)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-knoepfe button[aria-pressed="true"] span, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-knoepfe button[aria-pressed="true"] span{color:var(--gold-l)}
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl-knoepfe button:focus-visible, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-knoepfe button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media (max-width:560px){ :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-knoepfe button span, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-knoepfe button span{display:none} :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-knoepfe button, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-knoepfe button{border-radius:var(--r-sm)} }

@media (max-width:999px){ :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-stapel .bvl-legende, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-stapel .bvl-legende{display:none} :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-stapel > .bvl-bild, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-stapel > .bvl-bild{padding:6px 6px 4px} :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-bkopf, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-bkopf{font-size:0.8125rem;margin-bottom:4px} :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-bkopf b, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-bkopf b{font-size:1.0625rem} :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-knoepfe, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-knoepfe{margin-top:8px} }
:where(html.seite-beitrag-echter-beitragsverlauf) .bvl.an:not(.still) .bvl-folge, :where(html.seite-beitrag-echter-beitragsverlauf).bvl.an:not(.still) .bvl-folge{padding-bottom:18vh}
@media (min-width:1000px){
  :where(html.seite-beitrag-echter-beitragsverlauf) .bvl.an:not(.still) .bvl-folge, :where(html.seite-beitrag-echter-beitragsverlauf).bvl.an:not(.still) .bvl-folge{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,680px);column-gap:56px;padding-bottom:0}
  :where(html.seite-beitrag-echter-beitragsverlauf) .bvl.an:not(.still) .bvl-buehne, :where(html.seite-beitrag-echter-beitragsverlauf).bvl.an:not(.still) .bvl-buehne{grid-column:2;grid-row:1 / span 4;align-self:start;top:calc(var(--bvl-kopf,64px) + 20px);padding:0}
  :where(html.seite-beitrag-echter-beitragsverlauf) .bvl.an:not(.still) .bvl-schritt, :where(html.seite-beitrag-echter-beitragsverlauf).bvl.an:not(.still) .bvl-schritt{grid-column:1;min-height:72vh;display:flex;flex-direction:column;justify-content:center}
  
  :where(html.seite-beitrag-echter-beitragsverlauf) .bvl.an:not(.still) .bvl-schritt:last-child, :where(html.seite-beitrag-echter-beitragsverlauf).bvl.an:not(.still) .bvl-schritt:last-child{min-height:calc(100vh - var(--bvl-kopf,64px))}
}
@media (prefers-reduced-motion:reduce){ :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-stapel > .bvl-bild, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-stapel > .bvl-bild, :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-stapel > .bvl-bild *, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-stapel > .bvl-bild *{transition:none!important} }
@media print{ :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-buehne, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-buehne{display:none!important} :where(html.seite-beitrag-echter-beitragsverlauf) .bvl .bvl-schritt > .bvl-bild, :where(html.seite-beitrag-echter-beitragsverlauf).bvl .bvl-schritt > .bvl-bild{display:block!important} :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-folge, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-folge{display:block!important} :where(html.seite-beitrag-echter-beitragsverlauf) .bvl-schritt, :where(html.seite-beitrag-echter-beitragsverlauf).bvl-schritt{min-height:0!important} }
/* aus beitrag/medizininflation (an die Seite gebunden) */
:where(html.seite-beitrag-medizininflation) .prose > .gr, :where(html.seite-beitrag-medizininflation).prose > .gr{max-width:none;}
:where(html.seite-beitrag-medizininflation) .gr, :where(html.seite-beitrag-medizininflation).gr{margin:26px 0 30px;padding:0;}
:where(html.seite-beitrag-medizininflation) .gr p, :where(html.seite-beitrag-medizininflation).gr p{margin:0;}
:where(html.seite-beitrag-medizininflation) .gr-kopf, :where(html.seite-beitrag-medizininflation).gr-kopf{display:grid;gap:6px;margin:0 0 18px;max-width:var(--lese);}
:where(html.seite-beitrag-medizininflation) .gr .gr-kicker, :where(html.seite-beitrag-medizininflation).gr .gr-kicker{font-size:calc(var(--fs-kicker) * 12 / 13);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold-d);}
:where(html.seite-beitrag-medizininflation) .gr .gr-titel, :where(html.seite-beitrag-medizininflation).gr .gr-titel{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(19px,2vw,23px);line-height:1.2;color:var(--ink);}
:where(html.seite-beitrag-medizininflation) .gr .gr-unter, :where(html.seite-beitrag-medizininflation).gr .gr-unter, :where(html.seite-beitrag-medizininflation) .gr .gr-text, :where(html.seite-beitrag-medizininflation).gr .gr-text{font-size:var(--fs-feld);line-height:1.5;color:var(--muted);}
:where(html.seite-beitrag-medizininflation) .gr .gr-zahl, :where(html.seite-beitrag-medizininflation).gr .gr-zahl{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(32px,4vw,44px);line-height:1;color:var(--ink);}
:where(html.seite-beitrag-medizininflation) .gr figcaption, :where(html.seite-beitrag-medizininflation).gr figcaption{margin-top:14px;font-size:var(--fs-feld);line-height:1.5;color:var(--text);max-width:var(--lese);}
:where(html.seite-beitrag-medizininflation) .gr-quelle, :where(html.seite-beitrag-medizininflation).gr-quelle{display:block;margin-top:6px;font-size:var(--fs-klein);line-height:1.5;color:var(--muted);}
:where(html.seite-beitrag-medizininflation) .gr svg, :where(html.seite-beitrag-medizininflation).gr svg{display:block;}
:where(html.seite-beitrag-medizininflation) .gr-gitter, :where(html.seite-beitrag-medizininflation).gr-gitter{stroke:var(--line);stroke-width:1.5;}
:where(html.seite-beitrag-medizininflation) .gr-achse, :where(html.seite-beitrag-medizininflation).gr-achse{fill:var(--muted);font-family:'Hanken Grotesk',sans-serif;}
:where(html.seite-beitrag-medizininflation) .gr-hb .gr-weit, :where(html.seite-beitrag-medizininflation).gr-hb .gr-weit, :where(html.seite-beitrag-medizininflation) .gr-hb .gr-schmal, :where(html.seite-beitrag-medizininflation).gr-hb .gr-schmal{width:100%;height:auto;}
:where(html.seite-beitrag-medizininflation) .gr-hb .gr-weit, :where(html.seite-beitrag-medizininflation).gr-hb .gr-weit{max-width:960px;}
:where(html.seite-beitrag-medizininflation) .gr-hb .gr-schmal, :where(html.seite-beitrag-medizininflation).gr-hb .gr-schmal{display:none;}
:where(html.seite-beitrag-medizininflation) .gr-flaeche, :where(html.seite-beitrag-medizininflation).gr-flaeche{fill:var(--gold);fill-opacity:.12;}
:where(html.seite-beitrag-medizininflation) .gr-linie, :where(html.seite-beitrag-medizininflation).gr-linie{fill:none;stroke:var(--gold);stroke-linejoin:round;stroke-linecap:round;}
:where(html.seite-beitrag-medizininflation) .gr-punkt, :where(html.seite-beitrag-medizininflation).gr-punkt{fill:var(--paper-2);stroke:var(--gold);}
:where(html.seite-beitrag-medizininflation) .gr-punkt-ende, :where(html.seite-beitrag-medizininflation).gr-punkt-ende{fill:var(--ink);stroke:var(--gold);}
:where(html.seite-beitrag-medizininflation) .gr-wert, :where(html.seite-beitrag-medizininflation).gr-wert{font-family:'Archivo',sans-serif;font-weight:800;fill:var(--ink);}
:where(html.seite-beitrag-medizininflation) .gr-jahr, :where(html.seite-beitrag-medizininflation).gr-jahr{font-family:'Hanken Grotesk',sans-serif;font-weight:700;fill:var(--muted);}
:where(html.seite-beitrag-medizininflation) .gr-jahr-ende, :where(html.seite-beitrag-medizininflation).gr-jahr-ende{fill:var(--ink);}
@media (max-width:639px){:where(html.seite-beitrag-medizininflation) .gr-hb .gr-weit, :where(html.seite-beitrag-medizininflation).gr-hb .gr-weit{display:none;}:where(html.seite-beitrag-medizininflation) .gr-hb .gr-schmal, :where(html.seite-beitrag-medizininflation).gr-hb .gr-schmal{display:block;}}
/* aus beitrag/steuern-senken-mit-vorauszahlung (an die Seite gebunden) */
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .prose > .gr, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).prose > .gr{max-width:none;}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr{margin:26px 0 30px;padding:0;}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr p, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr p{margin:0;}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-kopf, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-kopf{display:grid;gap:6px;margin:0 0 18px;max-width:var(--lese);}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr .gr-kicker, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr .gr-kicker{font-size:calc(var(--fs-kicker) * 12 / 13);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold-d);}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr .gr-titel, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr .gr-titel{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(19px,2vw,23px);line-height:1.2;color:var(--ink);}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr .gr-unter, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr .gr-unter, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr .gr-text, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr .gr-text{font-size:var(--fs-feld);line-height:1.5;color:var(--muted);}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr .gr-zahl, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr .gr-zahl{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(32px,4vw,44px);line-height:1;color:var(--ink);}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr figcaption, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr figcaption{margin-top:14px;font-size:var(--fs-feld);line-height:1.5;color:var(--text);max-width:var(--lese);}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-quelle, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-quelle{display:block;margin-top:6px;font-size:var(--fs-klein);line-height:1.5;color:var(--muted);}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr svg, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr svg{display:block;}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-gitter, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-gitter{stroke:var(--line);stroke-width:1.5;}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-achse, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-achse{fill:var(--muted);font-family:'Hanken Grotesk',sans-serif;}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-zitat, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-zitat{border-top:3px solid var(--gold);padding-top:16px;max-width:var(--lese);}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .prose > .gr-zitat, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).prose > .gr-zitat{max-width:var(--lese);}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-zitat blockquote, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-zitat blockquote{margin:10px 0 0;padding:16px 20px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-zitat blockquote p, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-zitat blockquote p{font-size:var(--fs-werkzeug);line-height:1.6;color:var(--text);}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-zitat mark, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-zitat mark{background:#F0F0EC;color:var(--ink);padding:1px 4px;border-radius:4px;}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-zitat figcaption, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-zitat figcaption{margin-top:8px;font-size:var(--fs-klein);color:var(--muted);}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-toepfe-reihe, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-toepfe-reihe{display:flex;align-items:flex-end;gap:clamp(16px,4vw,44px);padding-top:78px;}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-topf-spalte, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-topf-spalte{display:flex;flex-direction:column;align-items:center;gap:8px;}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-topf, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-topf{position:relative;width:clamp(84px,18vw,150px);height:130px;border:3px solid var(--ink);border-top:0;border-radius:0 0 16px 16px;}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-topf-inhalt, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-topf-inhalt{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-direction:column;gap:4px;}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-kv, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-kv, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-andere, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-andere{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:var(--fs-klein);line-height:1.2;font-weight:700;color:var(--ink);text-align:center;border-radius:6px;box-sizing:border-box;padding:0 4px;}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-kv, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-kv{height:64px;background:repeating-linear-gradient(135deg,rgba(168,132,28,.30) 0 9px,rgba(168,132,28,.08) 9px 18px);border:2px dashed var(--gold-d);}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr-andere, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr-andere{height:72px;background:repeating-linear-gradient(135deg,rgba(14,14,16,.20) 0 9px,rgba(14,14,16,.05) 9px 18px);border:2px dashed var(--muted);}
:where(html.seite-beitrag-steuern-senken-mit-vorauszahlung) .gr .gr-topf-jahr, :where(html.seite-beitrag-steuern-senken-mit-vorauszahlung).gr .gr-topf-jahr{font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-lead);color:var(--ink);}
/* aus beitrag/tarif-pruefen (an die Seite gebunden) */
:where(html.seite-beitrag-tarif-pruefen) .rez-gitter, :where(html.seite-beitrag-tarif-pruefen).rez-gitter{grid-template-columns:repeat(3,minmax(0,1fr));}@media(max-width:980px){:where(html.seite-beitrag-tarif-pruefen) .rez-gitter, :where(html.seite-beitrag-tarif-pruefen).rez-gitter{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:620px){:where(html.seite-beitrag-tarif-pruefen) .rez-gitter, :where(html.seite-beitrag-tarif-pruefen).rez-gitter{grid-template-columns:1fr;}}
/* aus empfehlung (an die Seite gebunden) */
:where(html.seite-empfehlung) body{background:var(--paper);}
  :where(html.seite-empfehlung) .e-kopf .e-logo, :where(html.seite-empfehlung).e-kopf .e-logo{display:block;height:28px;width:auto;margin:0 0 clamp(28px,4vw,48px);}
  :where(html.seite-empfehlung) .e-kopf .rk-text > .lead, :where(html.seite-empfehlung).e-kopf .rk-text > .lead{max-width:36em;}
  :where(html.seite-empfehlung) .e-wege, :where(html.seite-empfehlung).e-wege{margin-top:0;}
  :where(html.seite-empfehlung) .e-wege .card, :where(html.seite-empfehlung).e-wege .card{text-decoration:none;color:inherit;}
  :where(html.seite-empfehlung) .e-wege .card:focus-visible, :where(html.seite-empfehlung).e-wege .card:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
  :where(html.seite-empfehlung) .e-aus, :where(html.seite-empfehlung).e-aus{margin:36px 0 0;max-width:46em;padding:4px 0 4px 22px;border-left:3px solid var(--line);}
  :where(html.seite-empfehlung) .e-aus b, :where(html.seite-empfehlung).e-aus b{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-text);color:var(--ink);margin:0 0 6px;}
  :where(html.seite-empfehlung) .e-aus span, :where(html.seite-empfehlung).e-aus span{display:block;font-size:var(--fs-feld);line-height:1.6;color:var(--muted);}
  :where(html.seite-empfehlung) .e-fuss, :where(html.seite-empfehlung).e-fuss{margin:0;font-size:var(--fs-klein);line-height:2.1;}
/* aus fuer-wen/familien-kinder, fuer-wen/wer-darf-in-die-pkv, wissen/handbuch/wer-darf-rein (an die Seite gebunden) */
@media(max-width:900px){:where(html.seite-fuer-wen-familien-kinder) .rechner-einbau iframe, :where(html.seite-fuer-wen-familien-kinder).rechner-einbau iframe, :where(html.seite-fuer-wen-wer-darf-in-die-pkv) .rechner-einbau iframe, :where(html.seite-fuer-wen-wer-darf-in-die-pkv).rechner-einbau iframe, :where(html.seite-wissen-handbuch-wer-darf-rein) .rechner-einbau iframe, :where(html.seite-wissen-handbuch-wer-darf-rein).rechner-einbau iframe{height:1700px;}}
/* aus leistungen/sachkostenliste-zahn, wissen/handbuch/sachkosten-zahn (an die Seite gebunden) */
:where(html.seite-leistungen-sachkostenliste-zahn) .zn, :where(html.seite-leistungen-sachkostenliste-zahn).zn, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn{background:var(--dark-2);border:1px solid var(--dark-line,var(--ink-line));
  border-radius:var(--r-md,18px);padding:26px 24px 22px;margin:26px 0}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn>.kopf, :where(html.seite-leistungen-sachkostenliste-zahn).zn>.kopf, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn>.kopf, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn>.kopf{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn>.kopf h3, :where(html.seite-leistungen-sachkostenliste-zahn).zn>.kopf h3, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn>.kopf h3, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn>.kopf h3{font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-text);margin:0;color:var(--on-ink)}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn>.kopf .marke, :where(html.seite-leistungen-sachkostenliste-zahn).zn>.kopf .marke, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn>.kopf .marke, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn>.kopf .marke{font-family:'Archivo',sans-serif;font-weight:700;font-size:var(--fs-kicker);letter-spacing:.14em;
  text-transform:uppercase;color:#9A9A94;white-space:nowrap}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn>p.ein, :where(html.seite-leistungen-sachkostenliste-zahn).zn>p.ein, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn>p.ein, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn>p.ein{color:#9A9A94;font-size:var(--fs-feld);margin:6px 0 20px;max-width:64ch}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn .quelle, :where(html.seite-leistungen-sachkostenliste-zahn).zn .quelle, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn .quelle, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn .quelle{font-size:var(--fs-klein);color:var(--einzel-8e8e95);margin:18px 0 0}


:where(html.seite-leistungen-sachkostenliste-zahn) .zn-paar, :where(html.seite-leistungen-sachkostenliste-zahn).zn-paar, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-paar, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-paar{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){:where(html.seite-leistungen-sachkostenliste-zahn) .zn-paar, :where(html.seite-leistungen-sachkostenliste-zahn).zn-paar, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-paar, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-paar{grid-template-columns:1fr}}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-fall, :where(html.seite-leistungen-sachkostenliste-zahn).zn-fall, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-fall, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-fall{border:1px solid var(--r,var(--ink-line));border-radius:14px;padding:18px 18px 16px;background:rgba(246,246,243,.03)}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-fall.gut, :where(html.seite-leistungen-sachkostenliste-zahn).zn-fall.gut, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-fall.gut, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-fall.gut{--r:rgba(198,146,20,.45)}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-fall .t, :where(html.seite-leistungen-sachkostenliste-zahn).zn-fall .t, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-fall .t, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-fall .t{font-family:'Archivo',sans-serif;font-weight:700;font-size:var(--fs-kicker);letter-spacing:.12em;
  text-transform:uppercase;color:var(--c,#9A9A94);margin-bottom:12px}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-fall.gut .t, :where(html.seite-leistungen-sachkostenliste-zahn).zn-fall.gut .t, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-fall.gut .t, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-fall.gut .t{--c:var(--gold-l)}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-bal, :where(html.seite-leistungen-sachkostenliste-zahn).zn-bal, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-bal, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-bal{height:10px;border-radius:99px;background:var(--ink-line);overflow:hidden;display:flex;margin:0 0 4px}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-bal i, :where(html.seite-leistungen-sachkostenliste-zahn).zn-bal i, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-bal i, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-bal i{display:block;height:100%}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-bal .er, :where(html.seite-leistungen-sachkostenliste-zahn).zn-bal .er, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-bal .er, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-bal .er{background:var(--gold)}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-fall.schlecht .zn-bal .er, :where(html.seite-leistungen-sachkostenliste-zahn).zn-fall.schlecht .zn-bal .er, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-fall.schlecht .zn-bal .er, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-fall.schlecht .zn-bal .er{background:var(--einzel-7f7f86)}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-bal .ei, :where(html.seite-leistungen-sachkostenliste-zahn).zn-bal .ei, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-bal .ei, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-bal .ei{background:var(--einzel-8b3125)}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-zeile, :where(html.seite-leistungen-sachkostenliste-zahn).zn-zeile, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-zeile, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-zeile{display:flex;justify-content:space-between;gap:10px;font-size:var(--fs-feld);padding:6px 0;
  border-bottom:1px solid rgba(246,246,243,.08)}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-zeile:last-child, :where(html.seite-leistungen-sachkostenliste-zahn).zn-zeile:last-child, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-zeile:last-child, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-zeile:last-child{border:0}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-zeile span, :where(html.seite-leistungen-sachkostenliste-zahn).zn-zeile span, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-zeile span, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-zeile span{color:#9A9A94}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-zeile b, :where(html.seite-leistungen-sachkostenliste-zahn).zn-zeile b, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-zeile b, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-zeile b{font-family:'Archivo',sans-serif;font-weight:900;color:var(--on-ink);font-variant-numeric:tabular-nums}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-zeile.raus b, :where(html.seite-leistungen-sachkostenliste-zahn).zn-zeile.raus b, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-zeile.raus b, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-zeile.raus b{color:var(--einzel-e3907f)}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-zeile.rein b, :where(html.seite-leistungen-sachkostenliste-zahn).zn-zeile.rein b, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-zeile.rein b, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-zeile.rein b{color:var(--gold-l)}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-legende, :where(html.seite-leistungen-sachkostenliste-zahn).zn-legende, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-legende, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-legende{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:var(--fs-klein);color:#9A9A94}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-legende span, :where(html.seite-leistungen-sachkostenliste-zahn).zn-legende span, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-legende span, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-legende span{display:inline-flex;align-items:center;gap:7px}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-legende i, :where(html.seite-leistungen-sachkostenliste-zahn).zn-legende i, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-legende i, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-legende i{width:14px;height:8px;border-radius:3px;display:block}


:where(html.seite-leistungen-sachkostenliste-zahn) .zn-treppe, :where(html.seite-leistungen-sachkostenliste-zahn).zn-treppe, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-treppe, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-treppe{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end;margin-top:6px}
@media(max-width:640px){:where(html.seite-leistungen-sachkostenliste-zahn) .zn-treppe, :where(html.seite-leistungen-sachkostenliste-zahn).zn-treppe, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-treppe, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-treppe{grid-template-columns:repeat(3,1fr)}}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-stufe, :where(html.seite-leistungen-sachkostenliste-zahn).zn-stufe, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-stufe, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-stufe{text-align:center}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-stufe.saeule, :where(html.seite-leistungen-sachkostenliste-zahn).zn-stufe.saeule, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-stufe.saeule, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-stufe.saeule{border-radius:10px 10px 0 0;background:linear-gradient(180deg,var(--gold-l),var(--gold));
  margin-bottom:8px;transform-origin:bottom;animation:zn-hoch.5s ease backwards}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-stufe.frei.saeule, :where(html.seite-leistungen-sachkostenliste-zahn).zn-stufe.frei.saeule, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-stufe.frei.saeule, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-stufe.frei.saeule{background:linear-gradient(180deg,var(--on-ink),var(--on-ink-link))}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-stufe.b, :where(html.seite-leistungen-sachkostenliste-zahn).zn-stufe.b, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-stufe.b, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-stufe.b{font-family:'Archivo',sans-serif;font-weight:900;font-size:var(--fs-feld);color:var(--on-ink);
  font-variant-numeric:tabular-nums}
:where(html.seite-leistungen-sachkostenliste-zahn) .zn-stufe.j, :where(html.seite-leistungen-sachkostenliste-zahn).zn-stufe.j, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-stufe.j, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-stufe.j{font-size:var(--fs-klein);color:#9A9A94;margin-top:2px}
@keyframes zn-hoch{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){:where(html.seite-leistungen-sachkostenliste-zahn) .zn-stufe.saeule, :where(html.seite-leistungen-sachkostenliste-zahn).zn-stufe.saeule, :where(html.seite-wissen-handbuch-sachkosten-zahn) .zn-stufe.saeule, :where(html.seite-wissen-handbuch-sachkosten-zahn).zn-stufe.saeule{animation:none}}
/* aus leistungen/zahnstaffel (an die Seite gebunden) */
:where(html.seite-leistungen-zahnstaffel) .zn, :where(html.seite-leistungen-zahnstaffel).zn{background:var(--dark-2);border:1px solid var(--dark-line,var(--ink-line));
  border-radius:var(--r-md,18px);padding:26px 24px 22px;margin:26px 0}
:where(html.seite-leistungen-zahnstaffel) .zn>.kopf, :where(html.seite-leistungen-zahnstaffel).zn>.kopf{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
:where(html.seite-leistungen-zahnstaffel) .zn>.kopf h3, :where(html.seite-leistungen-zahnstaffel).zn>.kopf h3{font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-text);margin:0;color:var(--on-ink)}
:where(html.seite-leistungen-zahnstaffel) .zn>.kopf .marke, :where(html.seite-leistungen-zahnstaffel).zn>.kopf .marke{font-family:'Archivo',sans-serif;font-weight:700;font-size:var(--fs-kicker);letter-spacing:.14em;
  text-transform:uppercase;color:#9A9A94;white-space:nowrap}
:where(html.seite-leistungen-zahnstaffel) .zn>p.ein, :where(html.seite-leistungen-zahnstaffel).zn>p.ein{color:#9A9A94;font-size:var(--fs-feld);margin:6px 0 20px;max-width:64ch}
:where(html.seite-leistungen-zahnstaffel) .zn .quelle, :where(html.seite-leistungen-zahnstaffel).zn .quelle{font-size:var(--fs-klein);color:var(--einzel-8e8e95);margin:18px 0 0}


:where(html.seite-leistungen-zahnstaffel) .zn-paar, :where(html.seite-leistungen-zahnstaffel).zn-paar{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){:where(html.seite-leistungen-zahnstaffel) .zn-paar, :where(html.seite-leistungen-zahnstaffel).zn-paar{grid-template-columns:1fr}}
:where(html.seite-leistungen-zahnstaffel) .zn-fall, :where(html.seite-leistungen-zahnstaffel).zn-fall{border:1px solid var(--r,var(--ink-line));border-radius:14px;padding:18px 18px 16px;background:rgba(246,246,243,.03)}
:where(html.seite-leistungen-zahnstaffel) .zn-fall.gut, :where(html.seite-leistungen-zahnstaffel).zn-fall.gut{--r:rgba(198,146,20,.45)}
:where(html.seite-leistungen-zahnstaffel) .zn-fall.t, :where(html.seite-leistungen-zahnstaffel).zn-fall.t{font-family:'Archivo',sans-serif;font-weight:700;font-size:var(--fs-kicker);letter-spacing:.12em;
  text-transform:uppercase;color:var(--c,#9A9A94);margin-bottom:12px}
:where(html.seite-leistungen-zahnstaffel) .zn-fall.gut.t, :where(html.seite-leistungen-zahnstaffel).zn-fall.gut.t{--c:var(--gold-l)}
:where(html.seite-leistungen-zahnstaffel) .zn-bal, :where(html.seite-leistungen-zahnstaffel).zn-bal{height:10px;border-radius:99px;background:var(--ink-line);overflow:hidden;display:flex;margin:0 0 4px}
:where(html.seite-leistungen-zahnstaffel) .zn-bal i, :where(html.seite-leistungen-zahnstaffel).zn-bal i{display:block;height:100%}
:where(html.seite-leistungen-zahnstaffel) .zn-bal.er, :where(html.seite-leistungen-zahnstaffel).zn-bal.er{background:var(--gold)}
:where(html.seite-leistungen-zahnstaffel) .zn-fall.schlecht.zn-bal.er, :where(html.seite-leistungen-zahnstaffel).zn-fall.schlecht.zn-bal.er{background:var(--einzel-7f7f86)}
:where(html.seite-leistungen-zahnstaffel) .zn-bal.ei, :where(html.seite-leistungen-zahnstaffel).zn-bal.ei{background:var(--einzel-8b3125)}
:where(html.seite-leistungen-zahnstaffel) .zn-zeile, :where(html.seite-leistungen-zahnstaffel).zn-zeile{display:flex;justify-content:space-between;gap:10px;font-size:var(--fs-feld);padding:6px 0;
  border-bottom:1px solid rgba(246,246,243,.08)}
:where(html.seite-leistungen-zahnstaffel) .zn-zeile:last-child, :where(html.seite-leistungen-zahnstaffel).zn-zeile:last-child{border:0}
:where(html.seite-leistungen-zahnstaffel) .zn-zeile span, :where(html.seite-leistungen-zahnstaffel).zn-zeile span{color:#9A9A94}
:where(html.seite-leistungen-zahnstaffel) .zn-zeile b, :where(html.seite-leistungen-zahnstaffel).zn-zeile b{font-family:'Archivo',sans-serif;font-weight:900;color:var(--on-ink);font-variant-numeric:tabular-nums}
:where(html.seite-leistungen-zahnstaffel) .zn-zeile.raus b, :where(html.seite-leistungen-zahnstaffel).zn-zeile.raus b{color:var(--einzel-e3907f)}
:where(html.seite-leistungen-zahnstaffel) .zn-zeile.rein b, :where(html.seite-leistungen-zahnstaffel).zn-zeile.rein b{color:var(--gold-l)}
:where(html.seite-leistungen-zahnstaffel) .zn-legende, :where(html.seite-leistungen-zahnstaffel).zn-legende{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:var(--fs-klein);color:#9A9A94}
:where(html.seite-leistungen-zahnstaffel) .zn-legende span, :where(html.seite-leistungen-zahnstaffel).zn-legende span{display:inline-flex;align-items:center;gap:7px}
:where(html.seite-leistungen-zahnstaffel) .zn-legende i, :where(html.seite-leistungen-zahnstaffel).zn-legende i{width:14px;height:8px;border-radius:3px;display:block}


:where(html.seite-leistungen-zahnstaffel) .zn-treppe, :where(html.seite-leistungen-zahnstaffel).zn-treppe{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end;margin-top:6px}
@media(max-width:640px){:where(html.seite-leistungen-zahnstaffel) .zn-treppe, :where(html.seite-leistungen-zahnstaffel).zn-treppe{grid-template-columns:repeat(3,1fr)}}
:where(html.seite-leistungen-zahnstaffel) .zn-stufe, :where(html.seite-leistungen-zahnstaffel).zn-stufe{text-align:center}
:where(html.seite-leistungen-zahnstaffel) .zn-stufe .saeule, :where(html.seite-leistungen-zahnstaffel).zn-stufe .saeule{border-radius:10px 10px 0 0;background:linear-gradient(180deg,var(--gold-l),var(--gold));
  margin-bottom:8px;transform-origin:bottom;animation:zn-hoch.5s ease backwards}
:where(html.seite-leistungen-zahnstaffel) .zn-stufe.frei .saeule, :where(html.seite-leistungen-zahnstaffel).zn-stufe.frei .saeule{background:linear-gradient(180deg,var(--on-ink),var(--on-ink-link))}
:where(html.seite-leistungen-zahnstaffel) .zn-stufe .b, :where(html.seite-leistungen-zahnstaffel).zn-stufe .b{font-family:'Archivo',sans-serif;font-weight:900;font-size:var(--fs-feld);color:var(--on-ink);
  font-variant-numeric:tabular-nums}
:where(html.seite-leistungen-zahnstaffel) .zn-stufe .j, :where(html.seite-leistungen-zahnstaffel).zn-stufe .j{font-size:var(--fs-klein);color:#9A9A94;margin-top:2px}
@keyframes zn-hoch{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){:where(html.seite-leistungen-zahnstaffel) .zn-stufe .saeule, :where(html.seite-leistungen-zahnstaffel).zn-stufe .saeule{animation:none}}
/* aus rechner/berufs-check, wechsel/selbstauskunft (an die Seite gebunden) */
:where(html.seite-rechner-berufs-check) .bc-suche, :where(html.seite-rechner-berufs-check).bc-suche, :where(html.seite-wechsel-selbstauskunft) .bc-suche, :where(html.seite-wechsel-selbstauskunft).bc-suche{width:100%;font-size:var(--fs-werkzeug);padding:13px 15px;border-radius:12px;border:1px solid var(--dark-line,var(--ink-line));background:var(--dark-2);color:var(--on-ink);}:where(html.seite-rechner-berufs-check) .bc-liste, :where(html.seite-rechner-berufs-check).bc-liste, :where(html.seite-wechsel-selbstauskunft) .bc-liste, :where(html.seite-wechsel-selbstauskunft).bc-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;}:where(html.seite-rechner-berufs-check) .bc-liste button, :where(html.seite-rechner-berufs-check).bc-liste button, :where(html.seite-wechsel-selbstauskunft) .bc-liste button, :where(html.seite-wechsel-selbstauskunft).bc-liste button{display:block;width:100%;text-align:left;padding:11px 13px;border:1px solid var(--dark-line,var(--ink-line));border-radius:12px;background:rgba(255,255,255,.02);color:var(--on-ink);font-family:inherit;font-size:calc(var(--fs-klein) * 14 / 13);font-weight:600;cursor:pointer;transition:border-color .16s,background .16s;}:where(html.seite-rechner-berufs-check) .bc-liste button:hover, :where(html.seite-rechner-berufs-check).bc-liste button:hover, :where(html.seite-wechsel-selbstauskunft) .bc-liste button:hover, :where(html.seite-wechsel-selbstauskunft).bc-liste button:hover, :where(html.seite-rechner-berufs-check) .bc-liste button:focus-visible, :where(html.seite-rechner-berufs-check).bc-liste button:focus-visible, :where(html.seite-wechsel-selbstauskunft) .bc-liste button:focus-visible, :where(html.seite-wechsel-selbstauskunft).bc-liste button:focus-visible{border-color:var(--gold);background:rgba(198,146,20,.10);}:where(html.seite-rechner-berufs-check) .bc-liste button span, :where(html.seite-rechner-berufs-check).bc-liste button span, :where(html.seite-wechsel-selbstauskunft) .bc-liste button span, :where(html.seite-wechsel-selbstauskunft).bc-liste button span{display:block;font-weight:400;font-size:calc(var(--fs-klein) * 12 / 13);color:#9A9A94;margin-top:3px;}:where(html.seite-rechner-berufs-check) .bc-punkt, :where(html.seite-rechner-berufs-check).bc-punkt, :where(html.seite-wechsel-selbstauskunft) .bc-punkt, :where(html.seite-wechsel-selbstauskunft).bc-punkt{border-left:3px solid var(--gold);padding:2px 0 2px 16px;margin:0 0 18px;}:where(html.seite-rechner-berufs-check) .bc-punkt b, :where(html.seite-rechner-berufs-check).bc-punkt b, :where(html.seite-wechsel-selbstauskunft) .bc-punkt b, :where(html.seite-wechsel-selbstauskunft).bc-punkt b{display:block;color:var(--on-ink);font-family:'Archivo',sans-serif;font-size:var(--fs-werkzeug);margin-bottom:5px;}:where(html.seite-rechner-berufs-check) .bc-punkt p, :where(html.seite-rechner-berufs-check).bc-punkt p, :where(html.seite-wechsel-selbstauskunft) .bc-punkt p, :where(html.seite-wechsel-selbstauskunft).bc-punkt p{margin:0;color:var(--on-ink-link);font-size:var(--fs-feld);line-height:1.65;}:where(html.seite-rechner-berufs-check) .bc-leer, :where(html.seite-rechner-berufs-check).bc-leer, :where(html.seite-wechsel-selbstauskunft) .bc-leer, :where(html.seite-wechsel-selbstauskunft).bc-leer{color:#9A9A94;font-size:calc(var(--fs-klein) * 14 / 13);margin-top:12px;}@media(max-width:820px){:where(html.seite-rechner-berufs-check) .bc-liste, :where(html.seite-rechner-berufs-check).bc-liste, :where(html.seite-wechsel-selbstauskunft) .bc-liste, :where(html.seite-wechsel-selbstauskunft).bc-liste{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:520px){:where(html.seite-rechner-berufs-check) .bc-liste, :where(html.seite-rechner-berufs-check).bc-liste, :where(html.seite-wechsel-selbstauskunft) .bc-liste, :where(html.seite-wechsel-selbstauskunft).bc-liste{grid-template-columns:1fr;}}
/* aus rechner/kinderrechner (an die Seite gebunden) */
:where(html.seite-rechner-kinderrechner) #kr-status{overflow-wrap:break-word;hyphens:auto;}

@media (max-width:600px){:where(html.seite-rechner-kinderrechner) #kr-status{font-size:1.375rem!important;}}
/* aus rechner/statusrechner (an die Seite gebunden) */
:where(html.seite-rechner-statusrechner) .rechner-rahmen, :where(html.seite-rechner-statusrechner).rechner-rahmen{width:100%;max-width:1180px;margin:0 auto;border:0;display:block;height:1200px;min-height:900px;border-radius:18px;overflow:hidden;background:var(--dark-2);}@media(max-width:900px){:where(html.seite-rechner-statusrechner) .rechner-rahmen, :where(html.seite-rechner-statusrechner).rechner-rahmen{height:2500px;}}
/* aus service/downloads (an die Seite gebunden) */
:where(html.seite-service-downloads) .cover-rahmen, :where(html.seite-service-downloads).cover-rahmen{container-type:inline-size;width:100%;max-width:260px;}@media (max-width:640px){:where(html.seite-service-downloads) .cover-rahmen, :where(html.seite-service-downloads).cover-rahmen{max-width:220px;margin:0 auto;}}:where(html.seite-service-downloads) .cover, :where(html.seite-service-downloads).cover{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:8px;background:#000000;font-family:"Hanken Grotesk",sans-serif;color:var(--on-ink);box-shadow:0 2px 6px rgba(0,0,0,.3),0 22px 46px -24px rgba(0,0,0,.7);}:where(html.seite-service-downloads) .cover .c-foto, :where(html.seite-service-downloads).cover .c-foto{position:absolute;top:6cqw;right:-2.5cqw;height:78cqw;width:auto;object-fit:cover;object-position:52% 3%;filter:grayscale(100%) brightness(.72) contrast(1.12);z-index:1;}:where(html.seite-service-downloads) .cover .c-schatten, :where(html.seite-service-downloads).cover .c-schatten{position:absolute;inset:0;z-index:2;background:linear-gradient(95deg,#000000 0%,#000000 34%,rgba(6,6,7,.72) 56%,rgba(6,6,7,.2) 82%,rgba(6,6,7,.5) 100%);}:where(html.seite-service-downloads) .cover .c-vignette, :where(html.seite-service-downloads).cover .c-vignette{position:absolute;inset:0;z-index:2;background:radial-gradient(120% 100% at 55% 40%,rgba(6,6,7,0) 40%,rgba(6,6,7,.7) 84%,#000000 100%);}:where(html.seite-service-downloads) .cover .c-unten, :where(html.seite-service-downloads).cover .c-unten{position:absolute;left:0;right:0;bottom:0;height:46%;z-index:2;background:linear-gradient(180deg,rgba(6,6,7,0) 0%,rgba(6,6,7,.75) 44%,#000000 84%);}:where(html.seite-service-downloads) .cover .c-kopf, :where(html.seite-service-downloads).cover .c-kopf{position:absolute;top:3.3cqw;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:0 4.6cqw;}:where(html.seite-service-downloads) .cover .c-marke, :where(html.seite-service-downloads).cover .c-marke{font-family:Archivo,sans-serif;font-weight:900;font-size:2.6cqw;letter-spacing:.14em;text-transform:uppercase;opacity:.92;}:where(html.seite-service-downloads) .cover .c-ausgabe, :where(html.seite-service-downloads).cover .c-ausgabe{font-size:1.9cqw;letter-spacing:.3em;text-transform:uppercase;color:var(--einzel-7c7c76);font-weight:600;}:where(html.seite-service-downloads) .cover .c-kicker, :where(html.seite-service-downloads).cover .c-kicker{position:absolute;top:12.5cqw;left:4.9cqw;z-index:3;display:inline-flex;align-items:center;gap:1cqw;}:where(html.seite-service-downloads) .cover .c-kicker i, :where(html.seite-service-downloads).cover .c-kicker i{height:2px;width:3.6cqw;background:var(--gold);display:block;}:where(html.seite-service-downloads) .cover .c-kicker span, :where(html.seite-service-downloads).cover .c-kicker span{font-size:1.9cqw;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:700;font-style:normal;}:where(html.seite-service-downloads) .cover .c-titel, :where(html.seite-service-downloads).cover .c-titel{position:absolute;top:15.5cqw;left:4.6cqw;z-index:3;font-family:Archivo,sans-serif;font-weight:900;font-size:12.5cqw;line-height:.8;letter-spacing:-.05em;margin:0;text-shadow:0 6px 40px rgba(0,0,0,.7);}:where(html.seite-service-downloads) .cover .c-titel b, :where(html.seite-service-downloads).cover .c-titel b{display:block;color:var(--gold);font-weight:900;}:where(html.seite-service-downloads) .cover .c-linie, :where(html.seite-service-downloads).cover .c-linie{position:absolute;bottom:16.5cqw;left:4.9cqw;right:7.5cqw;z-index:3;}:where(html.seite-service-downloads) .cover .c-linie h3, :where(html.seite-service-downloads).cover .c-linie h3{font-family:Archivo,sans-serif;font-weight:800;font-size:5.1cqw;line-height:1;letter-spacing:-.02em;margin:0;text-shadow:0 3px 24px rgba(0,0,0,.8);}:where(html.seite-service-downloads) .cover .c-linie h3 i, :where(html.seite-service-downloads).cover .c-linie h3 i{color:var(--gold);font-style:italic;display:block;}:where(html.seite-service-downloads) .cover .c-fuss, :where(html.seite-service-downloads).cover .c-fuss{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:2.5cqw 4.6cqw 3.6cqw;}:where(html.seite-service-downloads) .cover .c-zahlen, :where(html.seite-service-downloads).cover .c-zahlen{display:flex;align-items:center;gap:2.2cqw;color:var(--kopf-sub);font-size:1.7cqw;flex-wrap:wrap;}:where(html.seite-service-downloads) .cover .c-zahlen b, :where(html.seite-service-downloads).cover .c-zahlen b{color:var(--gold-l);}:where(html.seite-service-downloads) .cover .c-name, :where(html.seite-service-downloads).cover .c-name{font-family:Archivo,sans-serif;font-weight:700;color:var(--on-ink);}:where(html.seite-service-downloads) .dl-raster.dl-vier, :where(html.seite-service-downloads).dl-raster.dl-vier{grid-template-columns:repeat(4,minmax(0,1fr));}@media(max-width:1024px){:where(html.seite-service-downloads) .dl-raster.dl-vier, :where(html.seite-service-downloads).dl-raster.dl-vier{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:620px){:where(html.seite-service-downloads) .dl-raster.dl-vier, :where(html.seite-service-downloads).dl-raster.dl-vier{grid-template-columns:1fr;}}
/* aus service/ueber-uns (an die Seite gebunden) */
:where(html.seite-service-ueber-uns) .vr-zwei, :where(html.seite-service-ueber-uns).vr-zwei{row-gap:28px;}:where(html.seite-service-ueber-uns) .vr-zeichen, :where(html.seite-service-ueber-uns).vr-zeichen{display:flex;justify-content:center;}:where(html.seite-service-ueber-uns) .vr-zeichen img, :where(html.seite-service-ueber-uns).vr-zeichen img{width:100%;max-width:220px;height:auto;display:block;}@media(max-width:640px){:where(html.seite-service-ueber-uns) .vr-zeichen, :where(html.seite-service-ueber-uns).vr-zeichen{justify-content:flex-start;}:where(html.seite-service-ueber-uns) .vr-zeichen img, :where(html.seite-service-ueber-uns).vr-zeichen img{max-width:150px;}}:where(html.seite-service-ueber-uns) .vr-zeichen, :where(html.seite-service-ueber-uns).vr-zeichen{align-items:flex-start;}:where(html.seite-service-ueber-uns) .vr-zeichen img, :where(html.seite-service-ueber-uns).vr-zeichen img{width:auto;height:143px;max-width:none;}@media(max-width:640px){:where(html.seite-service-ueber-uns) .vr-zeichen img, :where(html.seite-service-ueber-uns).vr-zeichen img{height:96px;}}:where(html.seite-service-ueber-uns) .rez-gitter, :where(html.seite-service-ueber-uns).rez-gitter{grid-template-columns:repeat(3,minmax(0,1fr));}@media(max-width:980px){:where(html.seite-service-ueber-uns) .rez-gitter, :where(html.seite-service-ueber-uns).rez-gitter{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:620px){:where(html.seite-service-ueber-uns) .rez-gitter, :where(html.seite-service-ueber-uns).rez-gitter{grid-template-columns:1fr;}}
/* aus service/ueber-uns (an die Seite gebunden) */
:where(html.seite-service-ueber-uns) .unterschrift-goran, :where(html.seite-service-ueber-uns).unterschrift-goran{margin:26px 0 34px}:where(html.seite-service-ueber-uns) .unterschrift-goran img, :where(html.seite-service-ueber-uns).unterschrift-goran img{display:block;width:180px;height:auto;mix-blend-mode:multiply}
/* aus service/unterlagen (an die Seite gebunden) */
:where(html.seite-service-unterlagen) .rechtshinweis, :where(html.seite-service-unterlagen).rechtshinweis{background:#F6F6F4;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:18px 22px;margin:26px 0;font-size:var(--fs-feld);line-height:1.6;color:var(--muted);}
/* aus service/unterlagen (an die Seite gebunden) */
:where(html.seite-service-unterlagen) .cover-rahmen, :where(html.seite-service-unterlagen).cover-rahmen{container-type:inline-size;width:100%;max-width:260px;}@media (max-width:640px){:where(html.seite-service-unterlagen) .cover-rahmen, :where(html.seite-service-unterlagen).cover-rahmen{max-width:220px;margin:0 auto;}}:where(html.seite-service-unterlagen) .cover, :where(html.seite-service-unterlagen).cover{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:8px;background:#000000;font-family:"Hanken Grotesk",sans-serif;color:var(--on-ink);box-shadow:0 2px 6px rgba(0,0,0,.3),0 22px 46px -24px rgba(0,0,0,.7);}:where(html.seite-service-unterlagen) .cover .c-foto, :where(html.seite-service-unterlagen).cover .c-foto{position:absolute;top:6cqw;right:-2.5cqw;height:78cqw;width:auto;object-fit:cover;object-position:52% 3%;filter:grayscale(100%) brightness(.72) contrast(1.12);z-index:1;}:where(html.seite-service-unterlagen) .cover .c-schatten, :where(html.seite-service-unterlagen).cover .c-schatten{position:absolute;inset:0;z-index:2;background:linear-gradient(95deg,#000000 0%,#000000 34%,rgba(6,6,7,.72) 56%,rgba(6,6,7,.2) 82%,rgba(6,6,7,.5) 100%);}:where(html.seite-service-unterlagen) .cover .c-vignette, :where(html.seite-service-unterlagen).cover .c-vignette{position:absolute;inset:0;z-index:2;background:radial-gradient(120% 100% at 55% 40%,rgba(6,6,7,0) 40%,rgba(6,6,7,.7) 84%,#000000 100%);}:where(html.seite-service-unterlagen) .cover .c-unten, :where(html.seite-service-unterlagen).cover .c-unten{position:absolute;left:0;right:0;bottom:0;height:46%;z-index:2;background:linear-gradient(180deg,rgba(6,6,7,0) 0%,rgba(6,6,7,.75) 44%,#000000 84%);}:where(html.seite-service-unterlagen) .cover .c-kopf, :where(html.seite-service-unterlagen).cover .c-kopf{position:absolute;top:3.3cqw;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:0 4.6cqw;}:where(html.seite-service-unterlagen) .cover .c-marke, :where(html.seite-service-unterlagen).cover .c-marke{font-family:Archivo,sans-serif;font-weight:900;font-size:2.6cqw;letter-spacing:.14em;text-transform:uppercase;opacity:.92;}:where(html.seite-service-unterlagen) .cover .c-ausgabe, :where(html.seite-service-unterlagen).cover .c-ausgabe{font-size:1.9cqw;letter-spacing:.3em;text-transform:uppercase;color:var(--einzel-7c7c76);font-weight:600;}:where(html.seite-service-unterlagen) .cover .c-kicker, :where(html.seite-service-unterlagen).cover .c-kicker{position:absolute;top:12.5cqw;left:4.9cqw;z-index:3;display:inline-flex;align-items:center;gap:1cqw;}:where(html.seite-service-unterlagen) .cover .c-kicker i, :where(html.seite-service-unterlagen).cover .c-kicker i{height:2px;width:3.6cqw;background:var(--gold);display:block;}:where(html.seite-service-unterlagen) .cover .c-kicker span, :where(html.seite-service-unterlagen).cover .c-kicker span{font-size:1.9cqw;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:700;font-style:normal;}:where(html.seite-service-unterlagen) .cover .c-titel, :where(html.seite-service-unterlagen).cover .c-titel{position:absolute;top:15.5cqw;left:4.6cqw;z-index:3;font-family:Archivo,sans-serif;font-weight:900;font-size:12.5cqw;line-height:.8;letter-spacing:-.05em;margin:0;text-shadow:0 6px 40px rgba(0,0,0,.7);}:where(html.seite-service-unterlagen) .cover .c-titel b, :where(html.seite-service-unterlagen).cover .c-titel b{display:block;color:var(--gold);font-weight:900;}:where(html.seite-service-unterlagen) .cover .c-linie, :where(html.seite-service-unterlagen).cover .c-linie{position:absolute;bottom:16.5cqw;left:4.9cqw;right:7.5cqw;z-index:3;}:where(html.seite-service-unterlagen) .cover .c-linie h3, :where(html.seite-service-unterlagen).cover .c-linie h3{font-family:Archivo,sans-serif;font-weight:800;font-size:5.1cqw;line-height:1;letter-spacing:-.02em;margin:0;text-shadow:0 3px 24px rgba(0,0,0,.8);}:where(html.seite-service-unterlagen) .cover .c-linie h3 i, :where(html.seite-service-unterlagen).cover .c-linie h3 i{color:var(--gold);font-style:italic;display:block;}:where(html.seite-service-unterlagen) .cover .c-fuss, :where(html.seite-service-unterlagen).cover .c-fuss{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:2.5cqw 4.6cqw 3.6cqw;}:where(html.seite-service-unterlagen) .cover .c-zahlen, :where(html.seite-service-unterlagen).cover .c-zahlen{display:flex;align-items:center;gap:2.2cqw;color:var(--kopf-sub);font-size:1.7cqw;flex-wrap:wrap;}:where(html.seite-service-unterlagen) .cover .c-zahlen b, :where(html.seite-service-unterlagen).cover .c-zahlen b{color:var(--gold-l);}:where(html.seite-service-unterlagen) .cover .c-name, :where(html.seite-service-unterlagen).cover .c-name{font-family:Archivo,sans-serif;font-weight:700;color:var(--on-ink);}
/* aus service/vorlagen (an die Seite gebunden) */
:where(html.seite-service-vorlagen) .luecke, :where(html.seite-service-vorlagen).luecke{background:var(--einzel-fff6d6);border-bottom:2px solid var(--gold);border-radius:4px 4px 0 0;padding:1px 7px;font-weight:700;color:var(--einzel-6b5200);display:inline-block;min-width:74px;outline:none;cursor:text;}:where(html.seite-service-vorlagen) .luecke:focus, :where(html.seite-service-vorlagen).luecke:focus{background:var(--paper-2);box-shadow:0 0 0 3px rgba(198,146,20,.28);}:where(html.seite-service-vorlagen) .luecke.leer, :where(html.seite-service-vorlagen).luecke.leer{color:var(--einzel-a08a3c);font-weight:600;}:where(html.seite-service-vorlagen) .brief-aktionen, :where(html.seite-service-vorlagen).brief-aktionen{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:-8px 0 30px;}:where(html.seite-service-vorlagen) .brief-aktionen .btn, :where(html.seite-service-vorlagen).brief-aktionen .btn{font-size:var(--fs-feld);padding:11px 18px;min-height:44px;}:where(html.seite-service-vorlagen) .brief-status, :where(html.seite-service-vorlagen).brief-status{font-size:var(--fs-feld);color:var(--muted);font-weight:600;}:where(html.seite-service-vorlagen) .brief-hinweis, :where(html.seite-service-vorlagen).brief-hinweis{background:var(--einzel-fff6d6);border:1px solid rgba(198,146,20,.35);border-radius:14px;padding:16px 20px;margin:14px 0 26px;font-size:var(--fs-feld);}@media print{:where(html.seite-service-vorlagen) header, :where(html.seite-service-vorlagen) footer, :where(html.seite-service-vorlagen) .wa-fab, :where(html.seite-service-vorlagen).wa-fab, :where(html.seite-service-vorlagen) .no-print, :where(html.seite-service-vorlagen).no-print, :where(html.seite-service-vorlagen) .brief-aktionen, :where(html.seite-service-vorlagen).brief-aktionen, :where(html.seite-service-vorlagen) .brief-hinweis, :where(html.seite-service-vorlagen).brief-hinweis, :where(html.seite-service-vorlagen) nav, :where(html.seite-service-vorlagen) .cta-row, :where(html.seite-service-vorlagen).cta-row{display:none !important;}:where(html.seite-service-vorlagen) body{background:var(--paper-2) !important;}:where(html.seite-service-vorlagen) section{padding:6px 0 !important;background:var(--paper-2) !important;}:where(html.seite-service-vorlagen) .brief, :where(html.seite-service-vorlagen).brief{page-break-inside:avoid;break-inside:avoid;border:1px solid var(--einzel-999999);background:var(--paper-2) !important;}:where(html.seite-service-vorlagen) .luecke, :where(html.seite-service-vorlagen).luecke{background:none !important;border-bottom:1px solid var(--einzel-333333) !important;box-shadow:none !important;color:#000 !important;}:where(html.seite-service-vorlagen) h2{page-break-after:avoid;break-after:avoid;}:where(html.seite-service-vorlagen) body.einzeldruck .brief:not(.drucken){display:none !important;}:where(html.seite-service-vorlagen) body.einzeldruck h1, :where(html.seite-service-vorlagen) body.einzeldruck .prose>p, :where(html.seite-service-vorlagen) body.einzeldruck .sec-eyebrow, :where(html.seite-service-vorlagen) body.einzeldruck .hint, :where(html.seite-service-vorlagen) body.einzeldruck .rechtshinweis{display:none !important;}:where(html.seite-service-vorlagen) body.einzeldruck h2:not(.drucken-titel){display:none !important;}}:where(html.seite-service-vorlagen) .briefkopf, :where(html.seite-service-vorlagen).briefkopf{background:var(--cream);border:1px solid var(--line);border-radius:var(--r-md);padding:20px 22px;margin:22px 0 26px;}:where(html.seite-service-vorlagen) .bk-titel, :where(html.seite-service-vorlagen).bk-titel{font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-feld);letter-spacing:.3px;color:var(--ink);margin-bottom:14px;}:where(html.seite-service-vorlagen) .bk-gitter, :where(html.seite-service-vorlagen).bk-gitter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;}:where(html.seite-service-vorlagen) .bk-gitter label, :where(html.seite-service-vorlagen).bk-gitter label{display:flex;flex-direction:column;gap:5px;font-size:calc(var(--fs-klein) * 14 / 13);color:var(--muted);}:where(html.seite-service-vorlagen) .bk-gitter input, :where(html.seite-service-vorlagen).bk-gitter input, :where(html.seite-service-vorlagen) .bk-gitter select, :where(html.seite-service-vorlagen).bk-gitter select{font:inherit;font-size:var(--fs-werkzeug);color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%;}:where(html.seite-service-vorlagen) .bk-gitter input:focus, :where(html.seite-service-vorlagen).bk-gitter input:focus, :where(html.seite-service-vorlagen) .bk-gitter select:focus, :where(html.seite-service-vorlagen).bk-gitter select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(198,146,20,.22);}:where(html.seite-service-vorlagen) .bk-hinweis, :where(html.seite-service-vorlagen).bk-hinweis{font-size:var(--fs-klein);line-height:1.6;color:var(--muted);margin:14px 0 0;}@media(max-width:620px){:where(html.seite-service-vorlagen) .bk-gitter, :where(html.seite-service-vorlagen).bk-gitter{grid-template-columns:1fr;}}:where(html.seite-service-vorlagen) .brief-adresse, :where(html.seite-service-vorlagen).brief-adresse{display:grid;gap:14px;margin:0 0 20px;font-size:var(--fs-werkzeug);line-height:1.55;}:where(html.seite-service-vorlagen) .ba-absender, :where(html.seite-service-vorlagen).ba-absender{font-size:calc(var(--fs-klein) * 14 / 13);color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:8px;}:where(html.seite-service-vorlagen) .ba-empfaenger, :where(html.seite-service-vorlagen).ba-empfaenger{color:var(--ink);white-space:pre-line;}:where(html.seite-service-vorlagen) .ba-datum, :where(html.seite-service-vorlagen).ba-datum{font-size:var(--fs-feld);color:var(--muted);}@media print{:where(html.seite-service-vorlagen) .brief-adresse, :where(html.seite-service-vorlagen).brief-adresse{margin-bottom:26px;}}
/* aus service/vorlagen/kuendigen (an die Seite gebunden) */
:where(html.seite-service-vorlagen-kuendigen) #ka-panel [hidden], :where(html.seite-service-vorlagen-kuendigen) .ka-felder [hidden], :where(html.seite-service-vorlagen-kuendigen).ka-felder [hidden]{display:none !important;}
:where(html.seite-service-vorlagen-kuendigen) .ka-js #ka-panel:not(.offen), :where(html.seite-service-vorlagen-kuendigen).ka-js #ka-panel:not(.offen){display:none;}
:where(html.seite-service-vorlagen-kuendigen) .ka-js .ka-regel-titel, :where(html.seite-service-vorlagen-kuendigen).ka-js .ka-regel-titel{display:none;}
:where(html.seite-service-vorlagen-kuendigen) .ka-regel-titel, :where(html.seite-service-vorlagen-kuendigen).ka-regel-titel{font-size:var(--fs-text);margin:26px 0 0;}
:where(html.seite-service-vorlagen-kuendigen) .ka-hinweis, :where(html.seite-service-vorlagen-kuendigen).ka-hinweis{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);padding:16px 20px;margin:18px 0 8px;font-size:var(--fs-feld);line-height:1.55;}
:where(html.seite-service-vorlagen-kuendigen) .ka-schritt, :where(html.seite-service-vorlagen-kuendigen).ka-schritt{font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-kicker);letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-d);margin:0 0 6px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-gruppe, :where(html.seite-service-vorlagen-kuendigen).ka-gruppe{border:0;margin:18px 0 0;padding:0;min-width:0;}
:where(html.seite-service-vorlagen-kuendigen) .ka-gruppe legend, :where(html.seite-service-vorlagen-kuendigen).ka-gruppe legend{font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-feld);color:var(--ink);padding:0;margin:0 0 10px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-raster, :where(html.seite-service-vorlagen-kuendigen).ka-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-fall, :where(html.seite-service-vorlagen-kuendigen).ka-fall{position:relative;display:block;background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:15px 16px 15px 48px;cursor:pointer;line-height:1.4;}
:where(html.seite-service-vorlagen-kuendigen) .ka-fall input, :where(html.seite-service-vorlagen-kuendigen).ka-fall input{position:absolute;left:17px;top:18px;width:18px;height:18px;margin:0;accent-color:var(--ink);}
:where(html.seite-service-vorlagen-kuendigen) .ka-fall b, :where(html.seite-service-vorlagen-kuendigen).ka-fall b{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-werkzeug);color:var(--ink);}
:where(html.seite-service-vorlagen-kuendigen) .ka-fall span, :where(html.seite-service-vorlagen-kuendigen).ka-fall span{display:block;font-size:calc(var(--fs-klein) * 14 / 13);color:var(--muted);margin-top:4px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-fall:hover, :where(html.seite-service-vorlagen-kuendigen).ka-fall:hover{border-color:var(--gold-l);}
:where(html.seite-service-vorlagen-kuendigen) .ka-fall.an, :where(html.seite-service-vorlagen-kuendigen).ka-fall.an{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);}
:where(html.seite-service-vorlagen-kuendigen) .ka-fall input:focus-visible, :where(html.seite-service-vorlagen-kuendigen).ka-fall input:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-leer, :where(html.seite-service-vorlagen-kuendigen).ka-leer{color:var(--muted);font-size:var(--fs-feld);margin:22px 0 0;}
:where(html.seite-service-vorlagen-kuendigen) .ka-regeln, :where(html.seite-service-vorlagen-kuendigen).ka-regeln{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 26px;margin:14px 0 6px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-regeln>div, :where(html.seite-service-vorlagen-kuendigen).ka-regeln>div{border-top:3px solid var(--gold);padding-top:10px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-regeln .k, :where(html.seite-service-vorlagen-kuendigen).ka-regeln .k{font-family:'Archivo',sans-serif;font-weight:800;font-size:calc(var(--fs-kicker) * 12.5 / 13);letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-d);}
:where(html.seite-service-vorlagen-kuendigen) .ka-regeln p, :where(html.seite-service-vorlagen-kuendigen).ka-regeln p{margin:6px 0 0;font-size:calc(var(--fs-feld) * 15.5 / 15);line-height:1.5;}
:where(html.seite-service-vorlagen-kuendigen) .ka-mehr, :where(html.seite-service-vorlagen-kuendigen).ka-mehr{margin:14px 0 0;font-size:calc(var(--fs-feld) * 15.5 / 15);line-height:1.55;}
:where(html.seite-service-vorlagen-kuendigen) .ka-mehr li, :where(html.seite-service-vorlagen-kuendigen).ka-mehr li{margin:0 0 6px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-felder, :where(html.seite-service-vorlagen-kuendigen).ka-felder{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:20px 22px;margin:22px 0;}
:where(html.seite-service-vorlagen-kuendigen) .ka-felder h3, :where(html.seite-service-vorlagen-kuendigen).ka-felder h3{margin:0 0 4px;font-size:calc(var(--fs-text) * 17 / 18);}
:where(html.seite-service-vorlagen-kuendigen) .ka-felder .ka-unter, :where(html.seite-service-vorlagen-kuendigen).ka-felder .ka-unter{font-size:calc(var(--fs-klein) * 14 / 13);color:var(--muted);margin:0 0 14px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-gitter, :where(html.seite-service-vorlagen-kuendigen).ka-gitter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-gitter .breit, :where(html.seite-service-vorlagen-kuendigen).ka-gitter .breit{grid-column:1/-1;}
:where(html.seite-service-vorlagen-kuendigen) .ka-gitter label, :where(html.seite-service-vorlagen-kuendigen).ka-gitter label, :where(html.seite-service-vorlagen-kuendigen) .ka-wahl, :where(html.seite-service-vorlagen-kuendigen).ka-wahl{display:flex;flex-direction:column;gap:5px;font-size:calc(var(--fs-klein) * 14 / 13);color:var(--muted);min-width:0;}
:where(html.seite-service-vorlagen-kuendigen) #ka-form input[type=text], :where(html.seite-service-vorlagen-kuendigen) #ka-form input[type=date], :where(html.seite-service-vorlagen-kuendigen) #ka-form select, :where(html.seite-service-vorlagen-kuendigen) #ka-form textarea{min-height:0;font:inherit;font-size:var(--fs-werkzeug);color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%;box-sizing:border-box;}
:where(html.seite-service-vorlagen-kuendigen) #ka-form textarea{min-height:84px;resize:vertical;}
:where(html.seite-service-vorlagen-kuendigen) #ka-form input:focus, :where(html.seite-service-vorlagen-kuendigen) #ka-form select:focus, :where(html.seite-service-vorlagen-kuendigen) #ka-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(198,146,20,.22);}
:where(html.seite-service-vorlagen-kuendigen) .ka-wahl, :where(html.seite-service-vorlagen-kuendigen).ka-wahl{border:0;margin:0;padding:0;}
:where(html.seite-service-vorlagen-kuendigen) .ka-wahl legend, :where(html.seite-service-vorlagen-kuendigen).ka-wahl legend{font-size:calc(var(--fs-klein) * 14 / 13);color:var(--muted);padding:0;margin:0 0 6px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-wahl label, :where(html.seite-service-vorlagen-kuendigen).ka-wahl label{flex-direction:row;align-items:flex-start;gap:9px;color:var(--ink);font-size:var(--fs-feld);margin:0 0 6px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-wahl input, :where(html.seite-service-vorlagen-kuendigen).ka-wahl input{margin:3px 0 0;accent-color:var(--ink);flex:0 0 auto;}
:where(html.seite-service-vorlagen-kuendigen) .ka-zwischen, :where(html.seite-service-vorlagen-kuendigen).ka-zwischen{grid-column:1/-1;font-family:'Archivo',sans-serif;font-weight:800;font-size:calc(var(--fs-klein) * 14.5 / 13);color:var(--ink);border-top:1px solid var(--line);padding-top:14px;margin-top:4px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-frist, :where(html.seite-service-vorlagen-kuendigen).ka-frist{grid-column:1/-1;background:var(--paper-2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0 10px 10px 0;padding:10px 14px;font-size:var(--fs-feld);color:var(--ink);}
:where(html.seite-service-vorlagen-kuendigen) .ka-frist:empty, :where(html.seite-service-vorlagen-kuendigen).ka-frist:empty{display:none;}
:where(html.seite-service-vorlagen-kuendigen) .ka-klein, :where(html.seite-service-vorlagen-kuendigen).ka-klein{font-size:var(--fs-klein);color:var(--muted);line-height:1.5;}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief, :where(html.seite-service-vorlagen-kuendigen).ka-brief{background:var(--paper-2);border:1px solid var(--line);border-radius:8px;box-shadow:var(--sh-1);padding:38px 42px;margin:10px 0 18px;font-size:var(--fs-werkzeug);line-height:1.55;color:var(--ink);max-width:800px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief p, :where(html.seite-service-vorlagen-kuendigen).ka-brief p{margin:0 0 12px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief .br-absender, :where(html.seite-service-vorlagen-kuendigen).ka-brief .br-absender{font-size:var(--fs-klein);color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:18px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief .br-empf, :where(html.seite-service-vorlagen-kuendigen).ka-brief .br-empf{white-space:pre-line;min-height:5.2em;margin-bottom:18px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief .br-datum, :where(html.seite-service-vorlagen-kuendigen).ka-brief .br-datum{text-align:right;margin-bottom:18px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief .br-betreff, :where(html.seite-service-vorlagen-kuendigen).ka-brief .br-betreff{font-weight:700;margin-bottom:4px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief .br-zeile, :where(html.seite-service-vorlagen-kuendigen).ka-brief .br-zeile{margin-bottom:18px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief .luecke-leer, :where(html.seite-service-vorlagen-kuendigen).ka-brief .luecke-leer{color:var(--kopf-sub);border-bottom:1px dashed #B6B6B0;}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief .br-unterschriften, :where(html.seite-service-vorlagen-kuendigen).ka-brief .br-unterschriften{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 30px;margin-top:40px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief .br-unterschriften div, :where(html.seite-service-vorlagen-kuendigen).ka-brief .br-unterschriften div{border-top:1px solid var(--einzel-333333);padding-top:5px;font-size:var(--fs-klein);color:var(--muted);}
:where(html.seite-service-vorlagen-kuendigen) .ka-aktionen, :where(html.seite-service-vorlagen-kuendigen).ka-aktionen{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 26px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-vorher, :where(html.seite-service-vorlagen-kuendigen).ka-vorher{background:var(--paper-2);border:1px solid var(--line);border-left:4px solid var(--ink);border-radius:0 14px 14px 0;padding:18px 22px;margin:8px 0 10px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-vorher p, :where(html.seite-service-vorlagen-kuendigen).ka-vorher p{margin:0 0 12px;font-size:var(--fs-werkzeug);line-height:1.55;}
:where(html.seite-service-vorlagen-kuendigen) .ka-link-schreiben, :where(html.seite-service-vorlagen-kuendigen).ka-link-schreiben{margin:16px 0 22px;}
@media(max-width:620px){:where(html.seite-service-vorlagen-kuendigen) .ka-gitter, :where(html.seite-service-vorlagen-kuendigen).ka-gitter{grid-template-columns:1fr;}:where(html.seite-service-vorlagen-kuendigen) .ka-brief, :where(html.seite-service-vorlagen-kuendigen).ka-brief{padding:24px 18px;font-size:0.9375rem;}:where(html.seite-service-vorlagen-kuendigen) .ka-brief .br-unterschriften, :where(html.seite-service-vorlagen-kuendigen).ka-brief .br-unterschriften{grid-template-columns:1fr;gap:30px;}:where(html.seite-service-vorlagen-kuendigen) .ka-felder, :where(html.seite-service-vorlagen-kuendigen).ka-felder{padding:16px 14px;}}
@media print{
@page{size:A4;margin:18mm 18mm 18mm 22mm;}
:where(html.seite-service-vorlagen-kuendigen) header.site, :where(html.seite-service-vorlagen-kuendigen) footer, :where(html.seite-service-vorlagen-kuendigen) .su-fab, :where(html.seite-service-vorlagen-kuendigen).su-fab, :where(html.seite-service-vorlagen-kuendigen) .wa-fab, :where(html.seite-service-vorlagen-kuendigen).wa-fab, :where(html.seite-service-vorlagen-kuendigen) dialog, :where(html.seite-service-vorlagen-kuendigen) .no-print, :where(html.seite-service-vorlagen-kuendigen).no-print, :where(html.seite-service-vorlagen-kuendigen) noscript{display:none !important;}
:where(html.seite-service-vorlagen-kuendigen) body{background:var(--paper-2) !important;}
:where(html.seite-service-vorlagen-kuendigen) main section{padding:0 !important;background:var(--paper-2) !important;}
:where(html.seite-service-vorlagen-kuendigen) .narrow, :where(html.seite-service-vorlagen-kuendigen).narrow{max-width:none !important;padding:0 !important;}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief, :where(html.seite-service-vorlagen-kuendigen).ka-brief{border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;max-width:none !important;font-size:11pt;line-height:1.45;color:#000;}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief .br-unterschriften, :where(html.seite-service-vorlagen-kuendigen).ka-brief .br-unterschriften{margin-top:30px;gap:30px 30px;}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief .br-absender, :where(html.seite-service-vorlagen-kuendigen).ka-brief .br-absender{color:var(--einzel-333333);}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief .luecke-leer, :where(html.seite-service-vorlagen-kuendigen).ka-brief .luecke-leer{color:transparent;border-bottom:1px solid #000;}
:where(html.seite-service-vorlagen-kuendigen) .ka-brief .br-unterschriften div, :where(html.seite-service-vorlagen-kuendigen).ka-brief .br-unterschriften div{color:var(--einzel-333333);}
}
/* aus wechsel/anzeigepflichtverletzung, wechsel/gesundheitspruefung, wissen/handbuch/gesundheitspruefung (an die Seite gebunden) */
:where(html.seite-wechsel-anzeigepflichtverletzung) .gf-liste, :where(html.seite-wechsel-anzeigepflichtverletzung).gf-liste, :where(html.seite-wechsel-gesundheitspruefung) .gf-liste, :where(html.seite-wechsel-gesundheitspruefung).gf-liste, :where(html.seite-wissen-handbuch-gesundheitspruefung) .gf-liste, :where(html.seite-wissen-handbuch-gesundheitspruefung).gf-liste{margin:20px 0;padding-left:22px;} :where(html.seite-wechsel-anzeigepflichtverletzung) .gf-liste>li, :where(html.seite-wechsel-anzeigepflichtverletzung).gf-liste>li, :where(html.seite-wechsel-gesundheitspruefung) .gf-liste>li, :where(html.seite-wechsel-gesundheitspruefung).gf-liste>li, :where(html.seite-wissen-handbuch-gesundheitspruefung) .gf-liste>li, :where(html.seite-wissen-handbuch-gesundheitspruefung).gf-liste>li{margin:0 0 14px;line-height:1.5;} :where(html.seite-wechsel-anzeigepflichtverletzung) .gf-liste .hint, :where(html.seite-wechsel-anzeigepflichtverletzung).gf-liste .hint, :where(html.seite-wechsel-gesundheitspruefung) .gf-liste .hint, :where(html.seite-wechsel-gesundheitspruefung).gf-liste .hint, :where(html.seite-wissen-handbuch-gesundheitspruefung) .gf-liste .hint, :where(html.seite-wissen-handbuch-gesundheitspruefung).gf-liste .hint{font-size:var(--fs-feld);}
/* aus wechsel/sonderkuendigungsrecht-bei-beitragserhoehung (an die Seite gebunden) */
/* Fristen-Grafik: gilt fuer Sonderkuendigungsrecht und Bindungsfrist (29.09.2026),
   deshalb nicht mehr auf eine Seite beschraenkt. */
.fristen-bild{margin:26px 0 8px;}.fristen-svg{display:block;width:100%;height:auto;background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:10px 0;}.fristen-svg text{font-family:"Hanken Grotesk",system-ui,sans-serif;}.fristen-bild figcaption{margin-top:10px;font-size:var(--fs-klein);color:var(--muted);line-height:1.55;}@media(max-width:820px){.fristen-bild{overflow-x:auto;}.fristen-svg{min-width:900px;}}
/* aus wissen/fakten-zur-pkv (an die Seite gebunden) */
:where(html.seite-wissen-fakten-zur-pkv) .prose > .gr, :where(html.seite-wissen-fakten-zur-pkv).prose > .gr{max-width:none;}
:where(html.seite-wissen-fakten-zur-pkv) .gr, :where(html.seite-wissen-fakten-zur-pkv).gr{margin:26px 0 30px;padding:0;}
:where(html.seite-wissen-fakten-zur-pkv) .gr p, :where(html.seite-wissen-fakten-zur-pkv).gr p{margin:0;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-kopf, :where(html.seite-wissen-fakten-zur-pkv).gr-kopf{display:grid;gap:6px;margin:0 0 18px;max-width:var(--lese);}
:where(html.seite-wissen-fakten-zur-pkv) .gr .gr-kicker, :where(html.seite-wissen-fakten-zur-pkv).gr .gr-kicker{font-size:calc(var(--fs-kicker) * 12 / 13);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold-d);}
:where(html.seite-wissen-fakten-zur-pkv) .gr .gr-titel, :where(html.seite-wissen-fakten-zur-pkv).gr .gr-titel{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(19px,2vw,23px);line-height:1.2;color:var(--ink);}
:where(html.seite-wissen-fakten-zur-pkv) .gr .gr-unter, :where(html.seite-wissen-fakten-zur-pkv).gr .gr-unter, :where(html.seite-wissen-fakten-zur-pkv) .gr .gr-text, :where(html.seite-wissen-fakten-zur-pkv).gr .gr-text{font-size:var(--fs-feld);line-height:1.5;color:var(--muted);}
:where(html.seite-wissen-fakten-zur-pkv) .gr .gr-zahl, :where(html.seite-wissen-fakten-zur-pkv).gr .gr-zahl{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(32px,4vw,44px);line-height:1;color:var(--ink);}
:where(html.seite-wissen-fakten-zur-pkv) .gr figcaption, :where(html.seite-wissen-fakten-zur-pkv).gr figcaption{margin-top:14px;font-size:var(--fs-feld);line-height:1.5;color:var(--text);max-width:var(--lese);}
:where(html.seite-wissen-fakten-zur-pkv) .gr-quelle, :where(html.seite-wissen-fakten-zur-pkv).gr-quelle{display:block;margin-top:6px;font-size:var(--fs-klein);line-height:1.5;color:var(--muted);}
:where(html.seite-wissen-fakten-zur-pkv) .gr svg, :where(html.seite-wissen-fakten-zur-pkv).gr svg{display:block;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-gitter, :where(html.seite-wissen-fakten-zur-pkv).gr-gitter{stroke:var(--line);stroke-width:1.5;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-achse, :where(html.seite-wissen-fakten-zur-pkv).gr-achse{fill:var(--muted);font-family:'Hanken Grotesk',sans-serif;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-sch, :where(html.seite-wissen-fakten-zur-pkv).gr-sch{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:40px 56px;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-sch-gkv, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-gkv, :where(html.seite-wissen-fakten-zur-pkv) .gr-sch-pkv, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-pkv{border-top:3px solid var(--gold);padding-top:22px;display:flex;flex-direction:column;gap:18px;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-sch-spalten, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-spalten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,auto);column-gap:28px;row-gap:24px;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-sch-spalte, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-spalte{grid-row:span 4;display:grid;grid-template-rows:subgrid;row-gap:14px;justify-items:center;text-align:center;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-sch-kreis, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-kreis{width:140px;height:140px;border-radius:50%;border:3px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:0.8125rem;line-height:1.3;color:var(--muted);}
:where(html.seite-wissen-fakten-zur-pkv) .gr .gr-sch-anteil, :where(html.seite-wissen-fakten-zur-pkv).gr .gr-sch-anteil{font-family:'Archivo',sans-serif;font-weight:800;font-size:calc(var(--fs-text) * 30 / 18);line-height:1;color:var(--ink);margin-bottom:4px;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-sch-reihe, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-reihe{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:62px;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-sch-fig, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-fig{width:26px;height:61px;flex:0 0 auto;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-sch-rentner, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-rentner{width:34px;fill:var(--muted);}
:where(html.seite-wissen-fakten-zur-pkv) .gr-sch-leer, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-leer{fill:var(--line);}
:where(html.seite-wissen-fakten-zur-pkv) .gr-sch-voll, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-voll{fill:var(--ink);}
:where(html.seite-wissen-fakten-zur-pkv) .gr-sch-stock, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-stock{fill:none;stroke:var(--muted);stroke-width:3;stroke-linecap:round;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-sch-pfeil, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-pfeil{width:24px;height:20px;flex:0 0 auto;align-self:center;margin:0 4px;fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-saeulen, :where(html.seite-wissen-fakten-zur-pkv).gr-saeulen{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;margin-top:auto;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-saeule, :where(html.seite-wissen-fakten-zur-pkv).gr-saeule{display:flex;flex-direction:column;align-items:center;gap:8px;}
:where(html.seite-wissen-fakten-zur-pkv) .gr-saeule i, :where(html.seite-wissen-fakten-zur-pkv).gr-saeule i{display:block;width:clamp(44px,5vw,64px);background:var(--ink);}
:where(html.seite-wissen-fakten-zur-pkv) .gr-saeule-wert, :where(html.seite-wissen-fakten-zur-pkv).gr-saeule-wert{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(24px,2.6vw,32px);line-height:1;color:var(--ink);}
:where(html.seite-wissen-fakten-zur-pkv) .gr-saeule-jahr, :where(html.seite-wissen-fakten-zur-pkv).gr-saeule-jahr{font-size:calc(var(--fs-klein) * 14 / 13);color:var(--muted);border-top:1px solid var(--line);align-self:stretch;text-align:center;padding-top:6px;margin-top:-8px;}
@media (max-width:1099px){:where(html.seite-wissen-fakten-zur-pkv) .gr-sch, :where(html.seite-wissen-fakten-zur-pkv).gr-sch{grid-template-columns:1fr;}}
@media (max-width:759px){:where(html.seite-wissen-fakten-zur-pkv) .gr-sch-spalten, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-spalten{grid-template-columns:1fr;row-gap:10px;}:where(html.seite-wissen-fakten-zur-pkv) .gr-sch-spalte, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-spalte{padding-bottom:18px;}:where(html.seite-wissen-fakten-zur-pkv) .gr-sch-spalte + .gr-sch-spalte, :where(html.seite-wissen-fakten-zur-pkv).gr-sch-spalte + .gr-sch-spalte{border-top:1px solid var(--line);padding-top:18px;}}
/* aus wissen/gesellschaften/anschriften (an die Seite gebunden) */
:where(html.seite-wissen-gesellschaften-anschriften) .gs-suche, :where(html.seite-wissen-gesellschaften-anschriften).gs-suche{display:flex;flex-direction:column;gap:6px;margin:26px 0 10px;font-size:calc(var(--fs-klein) * 14 / 13);color:var(--muted);}:where(html.seite-wissen-gesellschaften-anschriften) .gs-suche input, :where(html.seite-wissen-gesellschaften-anschriften).gs-suche input{font:inherit;font-size:calc(var(--fs-text) * 17 / 18);color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;max-width:420px;}:where(html.seite-wissen-gesellschaften-anschriften) .gs-suche input:focus, :where(html.seite-wissen-gesellschaften-anschriften).gs-suche input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(198,146,20,.22);}:where(html.seite-wissen-gesellschaften-anschriften) .gs-zahl, :where(html.seite-wissen-gesellschaften-anschriften).gs-zahl{font-size:calc(var(--fs-klein) * 14 / 13);color:var(--muted);margin:0 0 14px;}:where(html.seite-wissen-gesellschaften-anschriften) .gs-liste, :where(html.seite-wissen-gesellschaften-anschriften).gs-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}:where(html.seite-wissen-gesellschaften-anschriften) .gs, :where(html.seite-wissen-gesellschaften-anschriften).gs{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:18px 20px;}:where(html.seite-wissen-gesellschaften-anschriften) .gs-kopf, :where(html.seite-wissen-gesellschaften-anschriften).gs-kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:8px;}:where(html.seite-wissen-gesellschaften-anschriften) .gs-kopf b, :where(html.seite-wissen-gesellschaften-anschriften).gs-kopf b{font-family:'Archivo',sans-serif;font-weight:800;font-size:calc(var(--fs-text) * 17 / 18);line-height:1.2;}:where(html.seite-wissen-gesellschaften-anschriften) .gs-art, :where(html.seite-wissen-gesellschaften-anschriften).gs-art{font-size:calc(var(--fs-kicker) * 12 / 13);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:2px 9px;}:where(html.seite-wissen-gesellschaften-anschriften) .gs-voll, :where(html.seite-wissen-gesellschaften-anschriften).gs-voll{color:var(--einzel-5a4600);background:#F0F0EC;border-color:rgba(198,146,20,.34);}:where(html.seite-wissen-gesellschaften-anschriften) .gs address, :where(html.seite-wissen-gesellschaften-anschriften).gs address{font-style:normal;font-size:var(--fs-werkzeug);line-height:1.5;color:var(--ink);margin:0 0 10px;}:where(html.seite-wissen-gesellschaften-anschriften) .gs-kontakt, :where(html.seite-wissen-gesellschaften-anschriften).gs-kontakt{display:flex;flex-direction:column;gap:2px;font-size:calc(var(--fs-klein) * 14 / 13);color:var(--muted);margin-bottom:8px;}:where(html.seite-wissen-gesellschaften-anschriften) .gs-kontakt a, :where(html.seite-wissen-gesellschaften-anschriften).gs-kontakt a{color:var(--gold-d);overflow-wrap:anywhere;}:where(html.seite-wissen-gesellschaften-anschriften) .gs-bafin, :where(html.seite-wissen-gesellschaften-anschriften).gs-bafin{font-size:var(--fs-klein);color:var(--muted);border-top:1px solid var(--line);padding-top:8px;}:where(html.seite-wissen-gesellschaften-anschriften) .gs[hidden], :where(html.seite-wissen-gesellschaften-anschriften).gs[hidden]{display:none;}
/* aus wissen/gkv-ausblick (an die Seite gebunden) */
:where(html.seite-wissen-gkv-ausblick) .prose > .gr, :where(html.seite-wissen-gkv-ausblick).prose > .gr{max-width:none;}
:where(html.seite-wissen-gkv-ausblick) .gr, :where(html.seite-wissen-gkv-ausblick).gr{margin:26px 0 30px;padding:0;}
:where(html.seite-wissen-gkv-ausblick) .gr p, :where(html.seite-wissen-gkv-ausblick).gr p{margin:0;}
:where(html.seite-wissen-gkv-ausblick) .gr-kopf, :where(html.seite-wissen-gkv-ausblick).gr-kopf{display:grid;gap:6px;margin:0 0 18px;max-width:var(--lese);}
:where(html.seite-wissen-gkv-ausblick) .gr .gr-kicker, :where(html.seite-wissen-gkv-ausblick).gr .gr-kicker{font-size:calc(var(--fs-kicker) * 12 / 13);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold-d);}
:where(html.seite-wissen-gkv-ausblick) .gr .gr-titel, :where(html.seite-wissen-gkv-ausblick).gr .gr-titel{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(19px,2vw,23px);line-height:1.2;color:var(--ink);}
:where(html.seite-wissen-gkv-ausblick) .gr .gr-unter, :where(html.seite-wissen-gkv-ausblick).gr .gr-unter, :where(html.seite-wissen-gkv-ausblick) .gr .gr-text, :where(html.seite-wissen-gkv-ausblick).gr .gr-text{font-size:var(--fs-feld);line-height:1.5;color:var(--muted);}
:where(html.seite-wissen-gkv-ausblick) .gr .gr-zahl, :where(html.seite-wissen-gkv-ausblick).gr .gr-zahl{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(32px,4vw,44px);line-height:1;color:var(--ink);}
:where(html.seite-wissen-gkv-ausblick) .gr figcaption, :where(html.seite-wissen-gkv-ausblick).gr figcaption{margin-top:14px;font-size:var(--fs-feld);line-height:1.5;color:var(--text);max-width:var(--lese);}
:where(html.seite-wissen-gkv-ausblick) .gr-quelle, :where(html.seite-wissen-gkv-ausblick).gr-quelle{display:block;margin-top:6px;font-size:var(--fs-klein);line-height:1.5;color:var(--muted);}
:where(html.seite-wissen-gkv-ausblick) .gr svg, :where(html.seite-wissen-gkv-ausblick).gr svg{display:block;}
:where(html.seite-wissen-gkv-ausblick) .gr-gitter, :where(html.seite-wissen-gkv-ausblick).gr-gitter{stroke:var(--line);stroke-width:1.5;}
:where(html.seite-wissen-gkv-ausblick) .gr-achse, :where(html.seite-wissen-gkv-ausblick).gr-achse{fill:var(--muted);font-family:'Hanken Grotesk',sans-serif;}
:where(html.seite-wissen-gkv-ausblick) .gr-gen, :where(html.seite-wissen-gkv-ausblick).gr-gen{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,170px) minmax(0,1fr) minmax(90px,170px) minmax(0,1fr);column-gap:clamp(12px,2vw,28px);}
:where(html.seite-wissen-gkv-ausblick) .gr-gen-person, :where(html.seite-wissen-gkv-ausblick).gr-gen-person{display:grid;grid-template-rows:subgrid;grid-row:1 / span 2;}
:where(html.seite-wissen-gkv-ausblick) .gr-gen > :nth-child(1), :where(html.seite-wissen-gkv-ausblick).gr-gen > :nth-child(1){grid-column:1;}:where(html.seite-wissen-gkv-ausblick) .gr-gen > :nth-child(2), :where(html.seite-wissen-gkv-ausblick).gr-gen > :nth-child(2){grid-column:2;}:where(html.seite-wissen-gkv-ausblick) .gr-gen > :nth-child(3), :where(html.seite-wissen-gkv-ausblick).gr-gen > :nth-child(3){grid-column:3;}:where(html.seite-wissen-gkv-ausblick) .gr-gen > :nth-child(4), :where(html.seite-wissen-gkv-ausblick).gr-gen > :nth-child(4){grid-column:4;}:where(html.seite-wissen-gkv-ausblick) .gr-gen > :nth-child(5), :where(html.seite-wissen-gkv-ausblick).gr-gen > :nth-child(5){grid-column:5;}
:where(html.seite-wissen-gkv-ausblick) .gr-gen-bild, :where(html.seite-wissen-gkv-ausblick).gr-gen-bild{display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;}
:where(html.seite-wissen-gkv-ausblick) .gr-fig, :where(html.seite-wissen-gkv-ausblick).gr-fig{width:auto;height:150px;fill:var(--ink);}
:where(html.seite-wissen-gkv-ausblick) .gr-fig-kind, :where(html.seite-wissen-gkv-ausblick).gr-fig-kind{height:98px;}
:where(html.seite-wissen-gkv-ausblick) .gr-fig-griff, :where(html.seite-wissen-gkv-ausblick).gr-fig-griff{fill:none;stroke:var(--ink);stroke-width:3;}
:where(html.seite-wissen-gkv-ausblick) .gr-fig-stock, :where(html.seite-wissen-gkv-ausblick).gr-fig-stock{fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;}
:where(html.seite-wissen-gkv-ausblick) .gr-gen-spalte, :where(html.seite-wissen-gkv-ausblick).gr-gen-spalte{border-top:3px solid var(--gold);padding-top:16px;display:grid;align-content:start;gap:8px;text-align:center;}
:where(html.seite-wissen-gkv-ausblick) .gr .gr-gen-titel, :where(html.seite-wissen-gkv-ausblick).gr .gr-gen-titel{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(20px,2.2vw,26px);line-height:1.1;color:var(--ink);}
:where(html.seite-wissen-gkv-ausblick) .gr .gr-gen-text p, :where(html.seite-wissen-gkv-ausblick).gr .gr-gen-text p{font-size:var(--fs-feld);line-height:1.5;color:var(--muted);}
:where(html.seite-wissen-gkv-ausblick) .gr .gr-gen-zahl, :where(html.seite-wissen-gkv-ausblick).gr .gr-gen-zahl{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(26px,3vw,36px);line-height:1.05;color:var(--ink);margin-bottom:4px;}
:where(html.seite-wissen-gkv-ausblick) .gr-gen-pfeil, :where(html.seite-wissen-gkv-ausblick).gr-gen-pfeil{grid-row:1;align-self:center;margin-bottom:14px;height:72px;background:var(--gold);display:flex;align-items:center;justify-content:center;}
:where(html.seite-wissen-gkv-ausblick) .gr-gen-pfeil span, :where(html.seite-wissen-gkv-ausblick).gr-gen-pfeil span{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(13px,1.3vw,17px);line-height:1.1;color:var(--ink);text-align:center;}
:where(html.seite-wissen-gkv-ausblick) .gr-gen-pfeil-links, :where(html.seite-wissen-gkv-ausblick).gr-gen-pfeil-links{clip-path:polygon(18% 0,100% 0,100% 100%,18% 100%,0 50%);padding:0 8px 0 22px;}
:where(html.seite-wissen-gkv-ausblick) .gr-gen-pfeil-rechts, :where(html.seite-wissen-gkv-ausblick).gr-gen-pfeil-rechts{clip-path:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%);padding:0 22px 0 8px;}
@media (max-width:719px){
  :where(html.seite-wissen-gkv-ausblick) .gr-gen, :where(html.seite-wissen-gkv-ausblick).gr-gen{grid-template-columns:1fr;row-gap:0;}
  :where(html.seite-wissen-gkv-ausblick) .gr-gen > *, :where(html.seite-wissen-gkv-ausblick).gr-gen > *{grid-column:1 !important;grid-row:auto !important;}
  :where(html.seite-wissen-gkv-ausblick) .gr-gen-person, :where(html.seite-wissen-gkv-ausblick).gr-gen-person{grid-template-rows:none;grid-row:auto;grid-template-columns:72px minmax(0,1fr);column-gap:16px;align-items:start;}
  :where(html.seite-wissen-gkv-ausblick) .gr-gen-bild, :where(html.seite-wissen-gkv-ausblick).gr-gen-bild{padding:6px 0 0;align-items:flex-start;}
  :where(html.seite-wissen-gkv-ausblick) .gr-fig, :where(html.seite-wissen-gkv-ausblick).gr-fig{height:96px;}:where(html.seite-wissen-gkv-ausblick) .gr-fig-kind, :where(html.seite-wissen-gkv-ausblick).gr-fig-kind{height:64px;}
  :where(html.seite-wissen-gkv-ausblick) .gr-gen-spalte, :where(html.seite-wissen-gkv-ausblick).gr-gen-spalte{text-align:left;}
  :where(html.seite-wissen-gkv-ausblick) .gr-gen-pfeil, :where(html.seite-wissen-gkv-ausblick).gr-gen-pfeil{grid-row:auto;height:56px;width:150px;margin:14px 0 14px 88px;}
  :where(html.seite-wissen-gkv-ausblick) .gr-gen-pfeil-links, :where(html.seite-wissen-gkv-ausblick).gr-gen-pfeil-links{clip-path:polygon(0 22%,50% 0,100% 22%,100% 100%,0 100%);padding:12px 8px 0;}
  :where(html.seite-wissen-gkv-ausblick) .gr-gen-pfeil-rechts, :where(html.seite-wissen-gkv-ausblick).gr-gen-pfeil-rechts{clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);padding:0 8px 12px;}
}
:where(html.seite-wissen-gkv-ausblick) .gr-pyr-reihe, :where(html.seite-wissen-gkv-ausblick).gr-pyr-reihe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(10px,3vw,40px);}
:where(html.seite-wissen-gkv-ausblick) .gr-pyr, :where(html.seite-wissen-gkv-ausblick).gr-pyr{display:grid;gap:6px;justify-items:center;text-align:center;border-top:3px solid var(--gold);padding-top:14px;}
:where(html.seite-wissen-gkv-ausblick) .gr-pyr svg, :where(html.seite-wissen-gkv-ausblick).gr-pyr svg{width:100%;height:auto;}
:where(html.seite-wissen-gkv-ausblick) .gr .gr-pyr .gr-kicker, :where(html.seite-wissen-gkv-ausblick).gr .gr-pyr .gr-kicker{font-family:'Archivo',sans-serif;font-size:clamp(18px,2.4vw,26px);letter-spacing:0;color:var(--ink);font-weight:800;text-transform:none;}
:where(html.seite-wissen-gkv-ausblick) .gr .gr-pyr-zahl, :where(html.seite-wissen-gkv-ausblick).gr .gr-pyr-zahl{font-size:var(--fs-feld);line-height:1.35;color:var(--muted);}
:where(html.seite-wissen-gkv-ausblick) .gr-pyr-zahl b, :where(html.seite-wissen-gkv-ausblick).gr-pyr-zahl b{color:var(--ink);}
:where(html.seite-wissen-gkv-ausblick) .gr-duenn, :where(html.seite-wissen-gkv-ausblick).gr-duenn{stroke-width:.6;}
:where(html.seite-wissen-gkv-ausblick) .gr-pyr-m, :where(html.seite-wissen-gkv-ausblick).gr-pyr-m{fill:var(--muted);fill-opacity:.55;}
:where(html.seite-wissen-gkv-ausblick) .gr-pyr-w, :where(html.seite-wissen-gkv-ausblick).gr-pyr-w{fill:var(--muted);fill-opacity:.32;}
:where(html.seite-wissen-gkv-ausblick) .gr-pyr-bm, :where(html.seite-wissen-gkv-ausblick).gr-pyr-bm{fill:var(--gold-d);}
:where(html.seite-wissen-gkv-ausblick) .gr-pyr-bw, :where(html.seite-wissen-gkv-ausblick).gr-pyr-bw{fill:var(--gold-l);}
:where(html.seite-wissen-gkv-ausblick) .gr-67, :where(html.seite-wissen-gkv-ausblick).gr-67{stroke:var(--ink);stroke-width:1;stroke-dasharray:4 3;}
:where(html.seite-wissen-gkv-ausblick) .gr-legende, :where(html.seite-wissen-gkv-ausblick).gr-legende{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px !important;font-size:calc(var(--fs-klein) * 14 / 13);color:var(--muted);}
:where(html.seite-wissen-gkv-ausblick) .gr-legende span, :where(html.seite-wissen-gkv-ausblick).gr-legende span{display:inline-flex;align-items:center;gap:8px;}
:where(html.seite-wissen-gkv-ausblick) .gr-farbe, :where(html.seite-wissen-gkv-ausblick).gr-farbe{display:inline-block;width:16px;height:10px;}
:where(html.seite-wissen-gkv-ausblick) .gr-farbe-gold, :where(html.seite-wissen-gkv-ausblick).gr-farbe-gold{background:linear-gradient(90deg,var(--gold-d) 50%,var(--gold-l) 50%);}
:where(html.seite-wissen-gkv-ausblick) .gr-farbe-grau, :where(html.seite-wissen-gkv-ausblick).gr-farbe-grau{background:var(--muted);opacity:.45;}
:where(html.seite-wissen-gkv-ausblick) .gr-farbe-67, :where(html.seite-wissen-gkv-ausblick).gr-farbe-67{height:0;border-top:2px dashed var(--ink);}
@media (max-width:639px){:where(html.seite-wissen-gkv-ausblick) .gr-pyr-achse, :where(html.seite-wissen-gkv-ausblick).gr-pyr-achse{display:none;}:where(html.seite-wissen-gkv-ausblick) .gr .gr-pyr-zahl, :where(html.seite-wissen-gkv-ausblick).gr .gr-pyr-zahl{font-size:0.8125rem;}}

/* ---------- Bausteine aus Seiten-Stilbloecken (29.09.2026) ----------
   Standen als <style> im Kopf von 34 (.zitat) und 8 (.en-nav) Seiten, zwischen style.css und
   gemeinsam.css. Hier am Anfang, damit die Reihenfolge gleich bleibt. Der Block der alten
   Kapitel-Karte (52 Seiten) ist entfallen: kein Element und kein Skript nutzt die Klasse mehr. */
@media(max-width:560px){}
.zitat{background:var(--paper-2,#F7F6F2);border-left:3px solid var(--gold);border-radius:0 12px 12px 0;padding:16px 20px;margin:14px 0 8px;}.zitat p{margin:0;font-size:var(--fs-feld);line-height:1.65;color:var(--text);}.zitat .q{display:block;font-size:calc(var(--fs-kicker) * 12 / 13);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:7px;}.einordnung{margin:12px 0 0;line-height:1.7;}.einordnung .hint{display:block;margin-top:9px;font-size:var(--fs-klein);line-height:1.55;}article h2{margin:40px 0 12px;}article h2:first-of-type{margin-top:30px;}.zitat{margin:16px 0 0;}.zitat + .zitat{margin-top:10px;}article p{margin:0 0 14px;}.veraltet{opacity:.55;}
.en-nav{background:var(--ink);padding:0;}
  .en-nav .wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:16px 0;}
  .en-nav a{color:var(--on-ink-link);font-size:var(--fs-feld);text-decoration:none;white-space:nowrap;}
  .en-nav a:hover{color:var(--on-ink);}
  .en-nav a.aktiv{color:var(--gold);font-weight:700;}
  .en-nav .marke{margin-right:auto;}
  .en-nav .marke img{height:26px;width:auto;display:block;}
  .en-nav .sprache{border:1px solid rgba(246,246,243,.28);border-radius:999px;padding:6px 14px;font-size:var(--fs-feld);}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
body{margin:0;background:#fff;color:var(--text);font:400 var(--fs-body)/1.6 var(--body);-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
h1,h2,h3{margin:0;font-family:var(--display);text-wrap:pretty} /* füllt die Zeile, verhindert nur Einzelwörter am Ende */
b,strong{font-weight:700}
:focus-visible{outline:3px solid var(--gold-l);outline-offset:3px;border-radius:4px}
[id]{scroll-margin-top:calc(var(--head-h) + 40px)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--gold-l);color:var(--ink);padding:12px 18px;border-radius:var(--r-pill);font-weight:700;text-decoration:none}
.skip:focus{top:12px}
.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.icon--sm{width:18px;height:18px}
.wrap{width:min(100% - 2*var(--gutter), var(--container));margin-inline:auto}
/* Unterseiten laden darunter noch assets/style.css. Dessen Listen, Absätze und Linkblöcke gelten
   nicht für Kopf, Menü, Fuß und Hinweis: hier auf den Stand der Startseite zurücksetzen. */
:where(.site-head,.menu,.site-foot,.nudge) a{color:inherit}
:is(.site-head,.menu,.site-foot) .wrap{padding-inline:0;max-width:none}
:is(.site-head,.menu,.site-foot,.nudge) :is(ul,ol){margin:0;padding:0;list-style:none}
:is(.site-head,.menu,.site-foot,.nudge) :is(p,address){margin:0}
.site-foot{border-top:0}
.site-foot a:not(.logo){display:inline;margin:0}
.site-foot a.logo{margin:0;padding:0;line-height:inherit;min-height:0}
.menu a.btn{font-size:1rem;line-height:1.15}
.nudge a.btn{font-size:.9375rem;line-height:1.15}
.site-foot .foot-bottom{color:var(--on-ink-muted);justify-content:normal}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:700 var(--fs-micro)/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d)}
.eyebrow::before{content:"";width:24px;height:2px;background:currentColor;flex:none}
.label{font:700 var(--fs-micro)/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d)}
.pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 16px;border:1px solid rgba(217,174,74,.45);border-radius:var(--r-pill);font:700 var(--fs-micro)/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l)}
.pill .icon{width:14px;height:14px;stroke-width:2.4}
h1{font-size:var(--fs-h1);font-weight:800;line-height:1.02;letter-spacing:-.028em}
h2{font-size:var(--fs-h2);font-weight:800;line-height:1.08;letter-spacing:-.02em}
h3{font-size:var(--fs-h3);font-weight:700;line-height:1.25;letter-spacing:-.01em}
.lead{font-size:var(--fs-lead);line-height:1.55;color:var(--muted)}
.lead b{color:var(--text)}
.bg-ink .lead{color:var(--on-ink-muted)}

/* Abschnittskopf. Regel: keine Zeile hört mitten auf der Seite auf.
.dark .eyebrow,.menu .eyebrow{color:var(--gold-l)}
/* ---------- Knöpfe & Links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:var(--r-pill);border:1px solid transparent;font:700 1rem/1.15 var(--body);letter-spacing:normal;text-transform:none;box-shadow:none;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--t),border-color var(--t),color var(--t);touch-action:manipulation}
.btn--gold{background:var(--gold-l);color:var(--ink)}
.btn--gold:hover{background:var(--gold)}
.btn--ink{background:var(--ink);color:#fff}
.btn--ink:hover{background:#2A2A30}
.btn--line{border-color:var(--line-strong);color:var(--text);background:transparent}
.btn--line:hover{border-color:var(--text)}
.bg-ink .btn--ink,.code-card .btn--ink{background:#fff;color:var(--ink)}
.bg-ink .btn--ink:hover,.code-card .btn--ink:hover{background:#E9E7E0}
.bg-ink .btn--line,.hero .btn--line,.menu .btn--line{border-color:rgba(246,246,243,.3);color:var(--on-ink)}
.bg-ink .btn--line:hover,.hero .btn--line:hover,.menu .btn--line:hover{border-color:var(--on-ink)}
.link{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--gold-d);text-decoration:none;text-underline-offset:4px}
.link:hover{text-decoration:underline}
.bg-ink .link,.hero .link,.code-card .link{color:var(--gold-l)}
.inline-link{color:inherit;text-decoration:underline;text-decoration-color:var(--gold-l);text-decoration-thickness:2px;text-underline-offset:4px}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}

/* ---------- Kopf ---------- */
.progress{position:fixed;top:0;left:0;z-index:60;height:3px;width:0;background:var(--gold-l)}
/* Kopf: schwebende Leiste mit runden Enden, halbtransparent, feiner Rand. Über dem Hero frei, beim Scrollen dichter. */
.site-head{position:fixed;z-index:50;top:12px;left:50%;transform:translateX(-50%);width:min(100% - 24px, 1232px);color:var(--on-ink);
  background:rgba(14,14,16,.45);border:1px solid rgba(246,246,243,.10);border-radius:var(--r-pill);
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 8px 14px rgba(0,0,0,.12)}
.site-head .wrap{width:100%;padding:0 8px 0 22px}
.site-head__bar{display:flex;align-items:center;gap:12px;min-height:var(--head-h)}
.site-head .icon-btn,.site-head .menu-btn{border-color:transparent;background:rgba(246,246,243,.06)}
.site-head .icon-btn:hover,.site-head .menu-btn:hover{background:rgba(246,246,243,.14);border-color:transparent}
.logo{display:block;text-decoration:none}
.logo img{height:var(--logo-h);width:auto}
.site-head__tools{margin-left:auto;display:flex;align-items:center;gap:8px}
.site-head .btn{min-height:44px;padding:0 20px;font-size:var(--fs-small)}
.site-head .icon-btn{width:44px;height:44px}
.site-head .menu-btn{min-height:44px}
/* Kopf-CTA auch am Handy (Emre 28.09.2026, #233): vorher bis 640 px ausgeblendet,
   damit gab es am Handy oben keinen Weg zu Goran. Unter 640 px kompakter. */
.site-head__cta{display:inline-flex}
/* Unter 640 px reicht der Platz nicht fuer "Einschaetzung anfordern" neben Logo,
   Suche und Menue (gemessen bei 360 px: Logo auf 0 gedrueckt, Menue abgeschnitten).
   Deshalb kurz "Anfragen", Logo etwas kleiner, Menue nur als Symbol. Der volle
   Text bleibt im Link und damit fuer Screenreader erhalten. ::after von .btn ist
   sonst absolut positioniert, daher die Ruecksetzung. */
@media (max-width:639.98px){:root{--logo-h:19px}.site-head .site-head__cta{padding:0 14px;font-size:0;gap:0}.site-head .site-head__cta::after{content:"Anfragen";position:static;inset:auto;width:auto;height:auto;background:none;transform:none;opacity:1;animation:none;font-size:14px;line-height:1;pointer-events:none}.site-head .menu-btn{font-size:0;gap:0;padding-inline:13px}}
@media (min-width:640px){:root{--logo-h:28px}.site-head__cta{display:inline-flex}}
.icon-btn{width:48px;height:48px;border-radius:var(--r-pill);display:grid;place-items:center;border:1px solid var(--ink-line);background:transparent;color:var(--on-ink);cursor:pointer}
.icon-btn:hover{border-color:#5A5A60}
.menu-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--ink-line);background:transparent;color:var(--on-ink);font:600 var(--fs-small)/1 var(--body);cursor:pointer}
.menu-btn:hover{border-color:#5A5A60}

/* Menü-Übersicht */
.menu{position:fixed;inset:0;z-index:49;overflow-y:auto;background:var(--ink);color:var(--on-ink);padding:calc(var(--head-h) + 44px) 0 64px}
.menu[hidden]{display:none}
.menu__cta{margin-bottom:24px}
@media (min-width:640px){.menu__cta{display:none}}
.menu-group{border-bottom:1px solid var(--ink-line)}
.menu-group > summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;list-style:none;cursor:pointer;font:700 1.125rem/1.2 var(--display)}
.menu-group > summary::-webkit-details-marker{display:none}
.menu-group > summary .icon{color:var(--gold-l);transition:transform var(--t)}
.menu-group[open] > summary .icon{transform:rotate(45deg)}
.menu-cols{display:grid;gap:24px 32px;padding:4px 0 28px}
@media (min-width:640px){.menu-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.menu-cols--5{grid-template-columns:repeat(5,minmax(0,1fr))}.menu-cols--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.menu-col h3{font:700 var(--fs-small)/1.3 var(--body);color:var(--on-ink);padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--gold)}
.menu-col h3 a{text-decoration:none}
.menu-col li a{display:block;padding:6px 0;text-decoration:none;font-size:var(--fs-small);color:#CFCFC8;line-height:1.35}
.menu-col li a:hover{color:#fff}
.menu-col li a small{display:block;font-size:var(--fs-micro);color:var(--on-ink-muted)}
.menu-more{padding-bottom:24px}
.badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:var(--r-pill);background:var(--gold-l);color:var(--ink);font:700 .6875rem/1.4 var(--body);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
@media (min-width:900px){
  .menu-group > summary{cursor:default;pointer-events:none;font:700 var(--fs-micro)/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l);padding:28px 0 16px}
  .menu-group > summary .icon{display:none}
  .menu-group{border-bottom:0}
}

/* ---------- Fuß ---------- */
.site-foot{background:var(--ink);color:var(--on-ink-muted);padding-block:clamp(48px,6vw,80px) 32px;font-size:var(--fs-small)}
.foot-grid{display:grid;gap:36px}
@media (min-width:900px){.foot-grid{grid-template-columns:4fr 3fr 5fr}}
.site-foot h2{font:700 var(--fs-micro)/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l);margin-bottom:14px}
.site-foot ul li+li{margin-top:8px}
.foot-cols{columns:2;column-gap:32px}
.foot-cols li{break-inside:avoid;margin-bottom:8px}
.foot-cols li+li{margin-top:0!important}
.site-foot a{text-decoration:none;color:#D9D9D3}
.site-foot a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-foot address{font-style:normal;line-height:1.8;margin-top:18px}

.foot-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--ink-line);display:grid;gap:12px;font-size:var(--fs-micro);line-height:1.6}
.foot-bottom__row{display:flex;flex-wrap:wrap;gap:6px 24px}
.foot-bottom__row span:last-child{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l)}
@media (min-width:900px){.foot-bottom__row span:last-child{margin-left:auto}}


/* =========================================================================
   Bewegung. Alles nur ohne „Bewegung reduzieren“. Einheitlich: ease-out, 150–800 ms.
   ========================================================================= */
:root{--ease-out:cubic-bezier(.2,.7,.3,1);interpolate-size:allow-keywords}
@keyframes rise{from{opacity:0;transform:translateY(32px) scale(.985)}to{opacity:1;transform:none}}
@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media (prefers-reduced-motion:no-preference){
  /* 1 · Hero baut sich beim Laden gestaffelt auf, das Bild setzt sich langsam */
  .hero .pill,.hero h1,.hero__lead,.hero .actions,.guide,.facts li{animation:rise 1s var(--ease-out) both}
  .hero h1{animation-delay:.08s}.hero__lead{animation-delay:.18s}.hero .actions{animation-delay:.28s}.guide{animation-delay:.38s}
  .facts li{animation-duration:.6s}
  .facts li:nth-child(1){animation-delay:.46s}.facts li:nth-child(2){animation-delay:.5s}.facts li:nth-child(3){animation-delay:.54s}.facts li:nth-child(4){animation-delay:.58s}
  .facts li:nth-child(5){animation-delay:.62s}.facts li:nth-child(6){animation-delay:.66s}.facts li:nth-child(7){animation-delay:.7s}.facts li:nth-child(8){animation-delay:.74s}

  /* 2 · Beim Scrollen: an die Scrollposition gebunden (kein Timer), nichts bleibt versteckt */
  @supports (animation-timeline: view()){
    main > section:not(.hero) :is(.sec-head,.grid > *,.stock,.code-card,.about > *,.why > *,.faq details,.trust > div,.saying,.reviews__foot,.logos-head,.wall li,.news-foot,.steps-cta,.sec-foot){
      animation:rise auto linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
    main > section:not(.hero) .grid > :nth-child(4n+2){animation-range:entry 8% entry 78%}
    main > section:not(.hero) .grid > :nth-child(4n+3){animation-range:entry 16% entry 86%}
    main > section:not(.hero) .grid > :nth-child(4n+4){animation-range:entry 24% entry 94%}
    main > section:not(.hero) .eyebrow::before{transform-origin:left center;animation:draw auto linear both;animation-timeline:view();animation-range:entry 30% entry 80%}
  }

  /* 4 · Goldene Knöpfe: Glanz beim Überfahren (wie der Profi-Tipp-Verlauf) */
  .btn--gold{position:relative;overflow:hidden;isolation:isolate}
  .btn--gold::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.6) 45%,transparent 60%);
    transform:translateX(-120%);transition:transform .7s var(--ease-out)}
  .btn--gold:hover::after{transform:translateX(120%)}

  /* Icon in der Kachel reagiert mit */
  .icon-box .icon{transition:transform var(--t)}
  a.card:hover .icon-box .icon{transform:scale(1.08)}

  /* 6 · Aufklappen weich (wo der Browser es kann) */
  .faq details::details-content,.topic::details-content,.menu-group::details-content{
    block-size:0;overflow:hidden;transition:block-size .35s var(--ease-out),content-visibility .35s allow-discrete}
  .faq details[open]::details-content,.topic[open]::details-content,.menu-group[open]::details-content{block-size:auto}
}

/* 5 · Kopfleiste wird beim Scrollen durchscheinend */
.site-head{transition:background-color .3s ease,border-color .3s ease,top .3s ease}
.site-head.is-scrolled{background:rgba(14,14,16,.86);border-color:rgba(217,174,74,.22);top:8px}

/* ---------- Chat-Knopf + Hinweis ---------- */
/* Ein ausgeblendeter Knopf muss verschwinden. Ohne diese Zeile schlaegt
   die Klassenregel oben das hidden-Attribut, und der alte Chat-Knopf stand
   seit dem 29.09. sichtbar ueber der Wegleiste (gemessen auf 244 Seiten).
   Andere Bausteine haben die Ausnahme laengst, .fab wurde uebersehen. */
.fab[hidden]{display:none}
.fab{position:fixed;z-index:40;right:max(16px, env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 16px;border-radius:var(--r-pill);background:var(--ink);color:#fff;text-decoration:none;font-weight:700;font-size:var(--fs-small);box-shadow:0 4px 12px rgba(0,0,0,.28);border:1px solid var(--ink-line);transition:opacity 200ms ease}
.fab:hover{background:#2A2A30}
.fab.is-off{opacity:0;pointer-events:none}
.nudge{position:fixed;z-index:45;left:var(--gutter);right:var(--gutter);bottom:calc(12px + env(safe-area-inset-bottom));display:grid;gap:10px;padding:16px 18px 14px;border-radius:var(--r-card);background:var(--ink-2);color:var(--on-ink);border:1px solid var(--ink-line);box-shadow:0 8px 14px rgba(0,0,0,.35);transform:translateY(calc(100% + 24px));transition:transform 250ms cubic-bezier(.2,.7,.3,1)}
.nudge.is-on{transform:none}
.nudge[hidden]{display:none}
@media (min-width:640px){.nudge{left:auto;right:24px;bottom:24px;width:360px;padding:20px 22px 16px}}
.nudge__title{font:750 1.0625rem/1.3 var(--display);padding-right:40px}
.nudge__text{font-size:var(--fs-small);color:var(--on-ink-muted);line-height:1.45}
.nudge .btn{min-height:48px;font-size:var(--fs-small)}
.nudge__alt{justify-self:center;font-size:var(--fs-small);color:var(--on-ink-muted);text-decoration:none;padding:6px 8px}
.nudge__alt:hover{color:#fff;text-decoration:underline}
.nudge__close{position:absolute;top:6px;right:6px;width:44px;height:44px;border:0;background:transparent;color:var(--on-ink-muted);cursor:pointer;display:grid;place-items:center;border-radius:var(--r-pill)}
.nudge__close:hover{color:#fff}
@media (max-width:639px){.nudge{gap:8px;padding:14px 16px 8px}.nudge .btn{min-height:44px}.nudge__alt{padding:4px 8px}}
/* Suchfenster auf Unterseiten wie auf der Startseite: Feldgröße und Absätze kamen sonst aus assets/style.css */
.su-dialog{border-radius:18px}
.su-dialog p{margin:0}
.su-dialog #su-feld{min-height:0;font-size:clamp(16px,.3vw + 12px,18px);line-height:1.4}
.su-dialog{--r-lg:18px;--fs-feld:clamp(15px,.5vw + 8.6px,17px);--fs-kicker:13px;--fs-klein:clamp(13px,.42vw + 7.6px,15px);--fs-text:clamp(16px,.3vw + 12px,18px)}
.su-dialog a{color:inherit}

/* Stehende Wegleiste am unteren Rand (#232).
   Goran am 28.09.2026: "Die stehende CTA-Leiste im Footer faende ich sehr gut,
   dauerhaft bis jemand klickt" und "mit verschiedenen Optionen und
   Moeglichkeiten". Am 29.09.: "Die Leiste ist top. Machen. Brauchen wir
   unbedingt." Vorbild ist die feste Fussnavigation der Waschwelt-App.
   Emre am 28.09. in #233: kommt sofort und direkt hierher, nicht erst nach #228.

   Warum sie noetig ist: .site-head__cta war bis zum 28.09. unter 640 px
   ausgeblendet, am Handy gab es oben also keinen Weg zu Goran, und im Text
   kam der erste auf 162 von 251 Seiten erst im letzten Fuenftel.

   Sie ersetzt den Tueroeffner .nudge, sie steht nicht daneben: beide sassen
   sonst auf demselben Fleck. Die uebrigen festen Knoepfe ruecken darueber. */
.wegleiste{position:fixed;z-index:60;left:0;right:0;bottom:0;
  background:var(--ink);border-top:1px solid var(--ink-line);
  padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));
  box-shadow:0 -6px 18px rgba(0,0,0,.28)}
.wegleiste-innen{max-width:var(--wrap,1100px);margin:0 auto;display:flex;align-items:center;gap:14px}
.wegleiste-satz{flex:1 1 auto;color:var(--on-ink);font-size:var(--fs-small);line-height:1.3;
  font-weight:600;display:none;margin:0}
.wegleiste-wege{display:flex;gap:6px;flex:1 1 auto;justify-content:space-between}
.wegleiste-weg{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;
  gap:3px;padding:7px 3px 5px;border-radius:12px;text-decoration:none;
  color:var(--on-ink-muted);font-size:var(--fs-micro);font-weight:700;line-height:1.15;
  text-align:center;transition:background 160ms ease,color 160ms ease}
.wegleiste-weg .icon{width:21px;height:21px;display:block}
.wegleiste-weg:hover,.wegleiste-weg:focus-visible{background:rgba(255,255,255,.07);color:var(--on-ink)}
.wegleiste-weg.ist-gold{color:var(--gold-l)}
.wegleiste-weg.ist-gold:hover,.wegleiste-weg.ist-gold:focus-visible{background:rgba(214,174,74,.14)}
/* Chat in den Farben der Seite, nicht im WhatsApp-Gruen (Emre 29.09.2026:
   "nur wenn sie unserem Design entspricht"). Das Symbol sagt schon, wohin es geht. Farbe wie die uebrigen Wege. */

/* 13-px-Beschriftung (--fs-micro) bricht am Handy zweizeilig, die Leiste ist
   dort 83 px hoch statt 66. Abstand und schwebende Knoepfe ruecken mit. */
body:has(.wegleiste){padding-bottom:calc(90px + env(safe-area-inset-bottom))}
body:has(.wegleiste) .fab,body:has(.wegleiste) .wa-fab,body:has(.wegleiste) .su-fab{
  bottom:calc(96px + env(safe-area-inset-bottom))}
@media (min-width:760px){
  .wegleiste-satz{display:block;font-size:var(--fs-body)}
  .wegleiste-wege{flex:0 0 auto;justify-content:flex-end;gap:4px}
  .wegleiste-weg{flex:0 0 auto;min-width:92px}
  body:has(.wegleiste){padding-bottom:74px}
}
