/* =============================================================================
   seiten.css – Unterseiten im hellen Design der Startseite
   Lädt NACH hell.css (Farben, Schriften, Header, Footer, Knöpfe kommen von dort).
   Deckt ab: Behandlungsseiten (.zi-*), Ratgeber (.rg-*, Artikel-Widgets),
   Formulare, Karriere, Termin, Rechtstexte.
   ============================================================================= */

/* ---------- 1) Alte Farbvariablen auf hell (für eingebettete Seiten-Styles) ---------- */
:root{
  --signal-red:var(--action);
  --ash:var(--text);
  --graphite:var(--muted);
  --canvas:var(--paper);
  --panel:var(--paper);
  --smoke:#e7efea;
  --white:#fff;
  --void:var(--ink);
  --pad-x:var(--pad);
  --gap:var(--sec);
  /* Widgets aus dem Content Writer (Standard: Blau) auf Praxisgrün */
  --primary:var(--action);
  --border:var(--line);
  --radius:16px;
  --check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a50' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}

/* ---------- 2) Grundlage ---------- */
.zi-page{background:var(--bg)}
.zi-page p{color:var(--text);line-height:1.7}
.zi-page strong{color:var(--ink);font-weight:600}
.zi-page h4{font-size:1.12rem;line-height:1.3}
.zi-img{border-radius:var(--r-photo)}

/* Kicker wie auf der Startseite: grüner Punkt + kurzer Text */
.eyebrow{display:inline-flex;align-items:center;gap:.55em;margin:0 0 .9rem;font-size:.95rem;font-weight:600;line-height:1.35;color:var(--action);letter-spacing:0;text-transform:none}
.eyebrow::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--mint)}

/* Abschnitte: helle Fläche (#f4f8f6) und weiße Fläche (--panel) wechseln sich ab */
.zi-sec{position:relative;padding-block:clamp(64px,8vw,112px)}
.zi-sec > *{max-width:var(--max);margin-inline:auto}
.zi-sec--panel{background:var(--paper);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}
/* Zwei gleichfarbige Abschnitte direkt hintereinander: kein doppelter Abstand */
.zi-sec:not(.zi-sec--panel):not(.zi-sec--cta):not(.zi-sec--trust) + .zi-sec:not(.zi-sec--panel):not(.zi-sec--cta):not(.zi-sec--band),
.zi-sec--panel + .zi-sec--panel{padding-top:0}

.zi-sec__head{max-width:820px;margin:0 0 clamp(30px,4vw,52px)}
.zi-sec__head h2{margin:0}
.zi-sec__intro{margin-top:1rem;font-size:clamp(1.04rem,1rem + .25vw,1.16rem);line-height:1.6;max-width:62ch}

.zi-secflow{max-width:1040px;margin-inline:0 auto;display:flex;flex-direction:column;gap:clamp(24px,3vw,36px)}
.zi-secflow > .zi-sec__head{margin-bottom:0}

/* Links im Fließtext */
:where(.zi-prose,.zi-split,.zi-feat__body,.zi-aside-note,.zi-faq__a,.zi-note,.zi-team__intro,.zi-tip,.zi-table,.zi-glance__list,.zi-quote,.zi-callout,.zi-opener__copy,.zi-sec__intro,.zi-cmp__txt,.zi-band__sub,.zi-step__body,.zi-compare__body,.prose,.kar-benefit,.kar-cols) a:not(.zi-btn):not(.zi-phone):not(.btn),
a.inline{color:var(--action);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em}
:where(.zi-prose,.zi-split,.zi-feat__body,.zi-aside-note,.zi-faq__a,.zi-note,.zi-team__intro,.zi-tip,.zi-table,.zi-glance__list,.zi-quote,.zi-callout,.zi-opener__copy,.zi-sec__intro,.zi-cmp__txt,.zi-band__sub,.zi-step__body,.zi-compare__body,.prose,.kar-benefit,.kar-cols) a:not(.zi-btn):not(.zi-phone):not(.btn):hover,
a.inline:hover{color:var(--action-2);text-decoration-thickness:2.5px}

/* ---------- 3) Knöpfe, Telefon, Bewertung ---------- */
.zi-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:56px;padding:0 1.9em;border-radius:999px;background:var(--ink);border:1.5px solid var(--ink);color:#fff;font-family:var(--display);font-size:1.05rem;font-weight:400;letter-spacing:.01em;line-height:1.2;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .25s,border-color .25s,box-shadow .25s,transform .25s var(--ease)}
.zi-btn:hover{background:#0a271f;border-color:#0a271f;transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.zi-btn .arr{display:none}
.zi-btn--ghost{background:transparent;color:var(--ink);border-color:var(--mint-2)}
.zi-btn--ghost:hover{background:var(--paper);border-color:var(--brand);color:var(--ink)}

.zi-phone{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-family:var(--display);font-size:1.15rem;font-weight:400;letter-spacing:-.005em;white-space:nowrap}
.zi-phone svg{flex:none;width:50px;height:50px;padding:15px;border-radius:50%;border:1px solid var(--mint-2);color:var(--action);transition:background-color .25s,border-color .25s}
.zi-phone:hover svg{background:var(--mint);border-color:var(--mint)}

.zi-rating{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 10px;width:fit-content;margin-top:1.6rem;color:var(--ink)}
.zi-rating__stars{color:var(--sun);letter-spacing:.08em;font-size:1rem;line-height:1}
.zi-rating__val{font-family:var(--display);font-weight:600;font-size:1.05rem}
.zi-rating__meta{color:var(--muted);font-size:.95rem}
.zi-rating:hover .zi-rating__meta{color:var(--action);text-decoration:underline;text-underline-offset:.2em}
.zi-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--mint)}

/* ---------- 4) Brotkrumen ---------- */
.zi-crumbs,.rg-breadcrumb,.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 1.3rem;font-size:.9rem;line-height:1.4;color:var(--muted)}
.zi-crumbs a,.rg-breadcrumb a,.crumbs a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--mint-2);text-underline-offset:.22em;padding-block:6px}
.zi-crumbs a:hover,.rg-breadcrumb a:hover,.crumbs a:hover{color:var(--action)}
.zi-crumbs [aria-current],.crumbs [aria-current]{color:var(--ink)}
.rg-breadcrumb .sep,.crumbs span[aria-hidden]{color:var(--mint-2)}

/* ---------- 5) Kopfbereich (Hero) ---------- */
.zi-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,48px);align-items:center;padding-block:clamp(28px,4vw,56px) clamp(72px,8vw,120px);background:var(--paper);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}
.zi-hero__text{max-width:620px;min-width:0}
.zi-hero h1{margin:0;font-family:var(--display);font-weight:300;font-size:clamp(2.15rem,1.35rem + 3vw,3.7rem);line-height:1.04;letter-spacing:-.035em;color:var(--ink);text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.zi-accent{color:inherit}
.zi-lead{margin-top:1.3rem;font-size:clamp(1.06rem,1rem + .3vw,1.2rem);line-height:1.6;color:var(--text);max-width:54ch}
.zi-lead:empty{display:none}
.zi-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:2rem}
.zi-hero__meta{display:flex;align-items:center;gap:12px;margin-top:1.1rem;font-size:.95rem;line-height:1.45;color:var(--muted)}
.zi-hero__media{position:relative;min-width:0;margin:0}
.zi-hero__img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 22%;border-radius:var(--r-photo);border-bottom-left-radius:clamp(64px,9vw,150px);background:var(--mint)}
.zi-badge{position:absolute;z-index:2;left:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink);font-size:.85rem;font-weight:600}
.zi-badge__dot{width:8px;height:8px;border-radius:50%;background:var(--brand)}
@media (min-width:900px){
  .zi-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(40px,5vw,80px)}
  .zi-hero__img{aspect-ratio:1/1}
}
@media (max-width:600px){
  .zi-hero__cta{flex-direction:column;align-items:stretch;gap:14px}
  .zi-hero__cta .zi-btn{width:100%;white-space:normal}
  .zi-hero__img--m45{aspect-ratio:4/5}
}

/* ---------- 6) Vertrauensleiste unter dem Kopfbereich ---------- */
.zi-sec--trust{padding-block:0;margin-top:clamp(-64px,-4.5vw,-36px);z-index:2}
.zi-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;background:var(--paper);border-radius:24px;box-shadow:0 34px 70px -38px rgba(18,58,48,.45)}
.zi-trust__item{position:relative;display:flex;flex-direction:column;gap:3px;padding:20px clamp(16px,2vw,26px)}
.zi-trust__item + .zi-trust__item::before{content:"";position:absolute;left:0;top:24%;bottom:24%;width:1px;background:var(--line)}
.zi-trust__num{font-family:var(--display);font-weight:300;font-size:clamp(1.7rem,1.3rem + 1.4vw,2.4rem);line-height:1.05;letter-spacing:-.035em;color:var(--ink)}
.zi-trust__lab{margin-top:4px;font-family:var(--display);font-weight:500;font-size:1.02rem;line-height:1.25;color:var(--ink)}
.zi-trust__sub{font-size:.88rem;line-height:1.4;color:var(--muted)}
@media (max-width:759px){
  .zi-trust__item:nth-child(odd)::before{display:none}
  .zi-trust__item:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (min-width:760px){.zi-trust{grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 12px}}

/* ---------- 7) Text + Kasten „Auf einen Blick" ---------- */
.zi-split{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.zi-split__main{min-width:0}
.zi-split__main h2{margin:0}
.zi-split__main > p{margin-top:1.1rem;max-width:62ch}
@media (min-width:860px){.zi-split{grid-template-columns:minmax(0,1.45fr) minmax(0,.9fr);gap:clamp(40px,5vw,80px)}}

.zi-glance{background:var(--mint);border-radius:var(--r-panel);padding:clamp(24px,3vw,32px)}
.zi-glance__title{display:block;margin-bottom:1rem;font-family:var(--display);font-weight:500;font-size:1.15rem;line-height:1.3;color:var(--ink)}
.zi-glance__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}
.zi-glance__list li{position:relative;padding-left:32px;font-size:1rem;line-height:1.55;color:var(--text)}
.zi-glance__list li::before{content:"";position:absolute;left:0;top:.15em;width:21px;height:21px;border-radius:50%;background:var(--paper) var(--check) center/11px no-repeat}
.zi-glance--full{max-width:none;width:100%}
@media (min-width:900px){
  .zi-secflow:has(> .zi-glance:not(.zi-glance--full)){display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.66fr);column-gap:clamp(40px,5vw,80px);row-gap:clamp(22px,3vw,36px);align-items:start;max-width:var(--max)}
  .zi-secflow:has(> .zi-glance:not(.zi-glance--full)) > *{grid-column:1;min-width:0}
  .zi-secflow:has(> .zi-glance:not(.zi-glance--full)) > .zi-glance{grid-column:2;grid-row:1 / span 99;position:sticky;top:calc(var(--header-h) + 24px);align-self:start;margin:0}
}

/* ---------- 8) Fließtext + Listen ---------- */
.zi-prose{display:flex;flex-direction:column;gap:1rem}
.zi-prose p{max-width:70ch}
.zi-prose h3{margin-top:.8rem}
.zi-prose h4{margin-top:.4rem}
.zi-prose ul:not([class]),.zi-prose ol:not([class]){padding-left:1.3em;display:flex;flex-direction:column;gap:.45rem;max-width:70ch}
.zi-prose li::marker{color:var(--brand)}
.zi-ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}
.zi-ul li{position:relative;padding-left:1.6rem;line-height:1.6;max-width:70ch;color:var(--text)}
.zi-ul li::before{content:"";position:absolute;left:.15rem;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px var(--mint)}
.zi-ul li:has(input[type="checkbox"]){padding-left:0}
.zi-ul li:has(input[type="checkbox"])::before{content:none}
.zi-ul li > label{display:flex;align-items:flex-start;gap:11px;cursor:pointer}
.zi-ul li input[type="checkbox"],.zi-check input,.checklist input[type="checkbox"]{flex:none;width:19px;height:19px;margin-top:.2em;accent-color:var(--action);cursor:pointer}
.zi-aside-note{margin-top:1.6rem;max-width:62ch;font-size:.95rem;line-height:1.6;color:var(--muted)}
.zi-quote{margin:0;padding:6px 0 6px 22px;border-left:3px solid var(--brand);font-family:var(--display);font-size:clamp(1.1rem,1rem + .5vw,1.35rem);line-height:1.45;color:var(--ink);max-width:60ch}
.zi-quote cite{display:block;margin-top:.7rem;font-family:var(--body);font-size:.9rem;font-style:normal;color:var(--muted)}

/* ---------- 9) Vergleichskarten ---------- */
.zi-cmp{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.zi-cmp__card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:28px 24px 26px}
.zi-sec--panel .zi-cmp__card{background:var(--bg);border-color:transparent}
.zi-cmp__card--hi,.zi-sec--panel .zi-cmp__card--hi{background:var(--paper);border:2px solid var(--brand);box-shadow:var(--shadow)}
.zi-cmp__flag{position:absolute;top:-13px;left:22px;padding:5px 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:.8rem;font-weight:600}
.zi-cmp__head{padding-bottom:16px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.zi-cmp__head h3{font-size:1.3rem}
.zi-cmp__head p{margin-top:.35rem;font-size:.95rem;line-height:1.5;color:var(--muted)}
.zi-cmp__lab{margin:16px 0 10px;font-size:.9rem;font-weight:600;color:var(--ink)}
.zi-cmp__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.zi-cmp__list li{display:flex;align-items:flex-start;gap:10px;font-size:.96rem;line-height:1.45;color:var(--text)}
.zi-cmp__ic{flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;display:grid;place-items:center}
.zi-cmp__ic svg{width:12px;height:12px}
.zi-cmp__pro .zi-cmp__ic{background:var(--mint);color:var(--action)}
.zi-cmp__con .zi-cmp__ic{background:#f6efe0;color:#8a5f0c}
.zi-cmp__list--plain li{display:block;position:relative;padding-left:22px}
.zi-cmp__list--plain li::before{content:"";position:absolute;left:2px;top:.58em;width:8px;height:8px;border-radius:50%;background:var(--brand)}
.zi-cmp__list--plain .zi-cmp__ic{display:none}
.zi-cmp__txt p{font-size:.96rem;line-height:1.6}
.zi-cmp__txt p + p{margin-top:.6rem}
.zi-cmp-note{margin-top:1.2rem;max-width:64ch;font-size:.9rem;line-height:1.5;color:var(--muted)}
@media (min-width:820px){.zi-cmp{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}}

.zi-compare{margin-top:2rem;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.zi-compare__card{margin:0;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.zi-sec--panel .zi-compare__card{background:var(--bg);border-color:transparent}
.zi-compare__media{margin:0}
.zi-compare__media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0}
.zi-compare__body{padding:clamp(20px,3vw,28px)}
.zi-compare__body h3{margin:0 0 .9rem;font-size:clamp(1.2rem,1.1rem + .5vw,1.4rem)}
.zi-compare__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.zi-compare__list li{display:flex;gap:12px;font-size:.98rem;line-height:1.5;color:var(--text)}
.zi-compare__list li::before{content:"";flex:none;width:8px;height:8px;margin-top:.55em;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px var(--mint)}
@media (min-width:760px){.zi-compare{grid-template-columns:1fr 1fr;gap:22px}}

/* ---------- 10) Ablauf / Schritte ---------- */
.zi-process{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.zi-process__media{margin:0}
.zi-process__media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center top;border-radius:var(--r-photo)}
.zi-process__media figcaption{margin-top:.7rem;font-size:.88rem;line-height:1.4;color:var(--muted)}
.zi-process__body{min-width:0}
@media (min-width:860px){
  .zi-process{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(44px,5vw,80px)}
  .zi-process__media{position:sticky;top:calc(var(--header-h) + 24px)}
}
.zi-steps{list-style:none;padding:0;margin:0;position:relative}
.zi-step{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding-bottom:28px}
.zi-step:last-child{padding-bottom:0}
.zi-step:not(:last-child)::after{content:"";position:absolute;left:23px;top:56px;bottom:6px;width:2px;background:var(--mint-2)}
.zi-step__no{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--mint);color:var(--action);font-family:var(--display);font-weight:600;font-size:1.1rem;font-variant-numeric:tabular-nums}
.zi-step__body{padding-top:10px;min-width:0}
.zi-step__body h3{margin-bottom:.35rem;font-size:1.2rem}
.zi-step__body p{line-height:1.6}
.zi-step__body p + p{margin-top:.5rem}
.zi-step__note{margin-top:.6rem;padding-left:12px;border-left:2px solid var(--mint-2);font-size:.92rem;color:var(--muted)}

.zi-callout{display:flex;gap:18px;align-items:flex-start;margin-top:clamp(32px,4vw,48px);padding:22px 26px;background:var(--mint);border-radius:var(--r-panel)}
.zi-callout__ic{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--paper);color:var(--action)}
.zi-callout__ic svg{width:22px;height:22px}
.zi-callout p{margin:0;max-width:none;line-height:1.65}
@media (max-width:560px){.zi-callout{flex-direction:column;gap:12px;padding:20px}}

/* ---------- 11) Bild + Text ---------- */
.zi-feat{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center}
.zi-feat__media{margin:0}
.zi-feat__media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center top;border-radius:var(--r-photo)}
.zi-feat__media--portrait img{aspect-ratio:4/5}
.zi-feat__body{min-width:0}
.zi-feat__body h2{margin:0}
.zi-feat__body h3{margin-top:.2rem;font-size:1.25rem}
.zi-feat__body > p{margin-top:1.1rem;max-width:58ch}
.zi-feat__body > p + p{margin-top:.9rem}
.zi-feat__body .zi-ul{margin-top:1.1rem}
.zi-feat__list{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-direction:column;gap:12px}
.zi-feat__list li{display:flex;align-items:flex-start;gap:12px;max-width:56ch;line-height:1.5;color:var(--text)}
.zi-feat__ic{flex:none;width:24px;height:24px;margin-top:1px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--action)}
.zi-feat__ic svg{width:13px;height:13px}
@media (min-width:860px){
  .zi-feat{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr)}
  .zi-feat--rev{grid-template-columns:minmax(0,1.1fr) minmax(0,.95fr)}
  .zi-feat--rev .zi-feat__media{order:2}
}

.zi-tip{margin-top:1.6rem;padding:18px 22px;border-radius:16px;background:var(--mint);font-size:.98rem;line-height:1.6;color:var(--text)}
.zi-tip--warn{background:#fbf2de;color:#5a4410}
.zi-tip--warn strong{color:#7a5200}

.zi-figure{margin:0;max-width:760px}
.zi-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center top;border-radius:var(--r-photo)}
.zi-figure--svc{max-width:880px}
.zi-figure--svc img{aspect-ratio:4/3}
.zi-figure figcaption{margin-top:.7rem;font-size:.88rem;line-height:1.45;color:var(--muted)}

/* Einstieg: Text + Bild */
.zi-opener{margin-bottom:clamp(4px,1.2vw,12px)}
.zi-opener > .zi-sec__head{margin:0 0 clamp(22px,3vw,34px);max-width:820px}
.zi-opener__grid{display:grid;width:100%;gap:clamp(22px,3vw,36px);align-items:center}
.zi-opener__copy{display:flex;flex-direction:column;gap:1rem;min-width:0}
.zi-opener__copy p{margin:0;max-width:60ch;font-size:clamp(1rem,.98rem + .15vw,1.08rem);line-height:1.68}
.zi-opener__media{position:relative;margin:0;min-width:0}
.zi-opener__media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center top;border-radius:var(--r-photo)}
@media (min-width:860px){
  .zi-opener__grid{grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:clamp(40px,5vw,72px)}
  .zi-opener--rev .zi-opener__media{order:-1}
}
.zi-matfacts{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:.4rem}
.zi-matfact{padding:18px 20px;border-radius:18px;background:var(--mint)}
.zi-matfact__tag{display:block;margin-bottom:.35rem;font-size:.85rem;font-weight:600;color:var(--action)}
.zi-matfact h3,.zi-matfact h4{font-family:var(--display);font-weight:500;font-size:1.15rem;color:var(--ink)}
.zi-matfact p{margin-top:.35rem;font-size:.95rem;line-height:1.55}
@media (min-width:560px){.zi-matfacts{grid-template-columns:1fr 1fr}}

/* Materialien */
.zi-mat-block{margin-top:clamp(48px,6vw,80px)}
.zi-mat-head .eyebrow{margin-bottom:.9rem}
.zi-mat__title{max-width:26ch}
.zi-mat{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:28px}
.zi-mat__col{padding:26px 26px 28px;border-radius:var(--r-panel);background:var(--paper);border:1px solid var(--line)}
.zi-sec--panel .zi-mat__col{background:var(--bg);border-color:transparent}
.zi-mat__tag{display:inline-block;margin-bottom:12px;padding:4px 12px;border-radius:999px;background:var(--mint);font-size:.82rem;font-weight:600;color:var(--action)}
.zi-mat__col h3,.zi-mat__col h4{font-family:var(--display);font-weight:500;font-size:1.3rem;color:var(--ink)}
.zi-mat__col p{margin-top:.7rem;max-width:48ch;line-height:1.62}
.zi-mat-block .zi-after{margin-top:24px}
@media (min-width:760px){.zi-mat{grid-template-columns:1fr 1fr;gap:18px}}

/* Vorher/Nachher */
.zi-ba__hint{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;font-size:.9rem;color:var(--muted)}
.zi-ba__hint svg,.zi-ba__hint-ico{width:20px;height:20px;flex:none;color:var(--action)}
.zi-ba__stack{display:flex;gap:14px;margin:12px calc(var(--pad) * -1) 0;padding:2px var(--pad) 12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none;overscroll-behavior-x:contain}
.zi-ba__stack::-webkit-scrollbar{display:none}
.zi-ba__row{position:relative;flex:0 0 auto;width:min(84vw,520px);margin:0;border-radius:20px;overflow:hidden;background:var(--mint);scroll-snap-align:start}
.zi-ba__row img{display:block;width:100%;height:auto;border-radius:0}
.zi-ba__tag{position:absolute;bottom:12px;z-index:2;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink);font-size:.82rem;font-weight:600}
.zi-ba__tag--before{left:12px}
.zi-ba__tag--after{right:12px;background:var(--ink);color:#fff}
.zi-ba__note{margin:12px 0 0;font-size:.88rem;line-height:1.5;color:var(--muted)}
@media (min-width:1100px){.zi-ba__stack{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}

/* Galerie */
.zi-gal{margin:1.8rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.zi-gal__item{margin:0}
.zi-gal__item img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:18px;background:var(--mint)}
.zi-gal__item figcaption{padding:8px 2px 0;font-size:.85rem;line-height:1.35;color:var(--muted)}
.zi-gal--bridges .zi-gal__item img{aspect-ratio:3/2}
@media (min-width:760px){.zi-gal{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.zi-gal--bridges{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- 12) Zwischen-CTA (Band) ---------- */
.zi-band{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;padding:clamp(28px,4.5vw,56px) clamp(24px,4vw,56px);border-radius:28px;background:var(--mint);overflow:hidden}
.zi-band__text{min-width:0}
.zi-band__title{margin-top:.1rem;font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);line-height:1.1;letter-spacing:-.025em;color:var(--ink);max-width:24ch}
.zi-band__sub{margin-top:.8rem;max-width:52ch}
.zi-band__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.zi-band .zi-phone svg{background:var(--paper);border-color:var(--paper)}
@media (min-width:820px){.zi-band{grid-template-columns:minmax(0,1.3fr) auto;gap:44px}}
@media (max-width:600px){.zi-band__cta{flex-direction:column;align-items:stretch}.zi-band__cta .zi-btn{width:100%;white-space:normal}}

/* ---------- 13) Kosten ---------- */
.zi-price{margin-top:1.6rem;border-radius:var(--r-panel);background:var(--paper);border:1px solid var(--line);overflow:hidden}
.zi-sec--panel .zi-price{background:var(--bg);border-color:transparent}
.zi-price__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 16px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.zi-price__row:last-child{border-bottom:0}
.zi-price__no{grid-column:1;grid-row:1 / 3;align-self:center;min-width:1.9em;font-size:.9rem;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.zi-price__svc{grid-column:2;grid-row:1;font-family:var(--display);font-weight:500;font-size:1.08rem;color:var(--ink)}
.zi-price__amt{grid-column:3;grid-row:1 / 3;align-self:center;text-align:right;white-space:nowrap;font-weight:700;font-size:1.05rem;color:var(--action);font-variant-numeric:tabular-nums}
.zi-price__note{grid-column:2;grid-row:2;font-size:.88rem;color:var(--muted)}
.zi-price__foot{margin-top:1rem;max-width:58ch;font-size:.9rem;line-height:1.5;color:var(--muted)}
@media (max-width:600px){
  .zi-price__row{grid-template-columns:auto minmax(0,1fr);column-gap:13px;row-gap:3px;padding:16px}
  .zi-price__no{grid-row:1}
  .zi-price__amt{grid-column:2;grid-row:2;justify-self:start;text-align:left;white-space:normal}
  .zi-price__note{grid-row:3}
}
.zi-note{padding:clamp(24px,3vw,32px);border-radius:var(--r-panel);background:var(--mint)}
.zi-note h3{margin-bottom:.6rem}
.zi-note p{margin-top:.6rem;font-size:.98rem}
.zi-note__cta{margin-top:1.4rem}

/* ---------- 14) Team ---------- */
.zi-team{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,4vw,60px);align-items:center}
.zi-team__intro{min-width:0}
.zi-team__intro h2{margin:0}
.zi-team__intro > p{margin-top:1rem;max-width:52ch}
.zi-team__creds{list-style:none;padding:0;margin:1.6rem 0 0;display:flex;flex-wrap:wrap;gap:8px}
.zi-team__creds li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:.88rem;color:var(--ink)}
.zi-sec--panel .zi-team__creds li{background:var(--bg);border-color:transparent}
.zi-team__creds li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--brand)}
.zi-team__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.zi-team__card{margin:0}
.zi-team__card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:22px;background:var(--mint)}
.zi-team__card figcaption{padding:12px 2px 0}
.zi-team__card figcaption strong{display:block;font-family:var(--display);font-weight:500;font-size:1.05rem;line-height:1.3;color:var(--ink)}
.zi-team__card figcaption span{display:block;margin-top:2px;font-size:.88rem;font-weight:600;line-height:1.35;color:var(--action)}
@media (min-width:860px){.zi-team{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(44px,5vw,72px)}}

/* ---------- 15) Häufige Fragen ---------- */
.zi-faq{border-top:1px solid var(--line)}
.zi-faq__item{border-bottom:1px solid var(--line)}
.zi-faq__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;font-family:var(--display);font-weight:500;font-size:clamp(1.05rem,1rem + .3vw,1.18rem);line-height:1.3;color:var(--ink)}
.zi-faq__item summary::-webkit-details-marker{display:none}
.zi-faq__item summary::after,.rg-article details > summary::after{content:"";flex:none;width:34px;height:34px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a50' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .3s var(--ease)}
.zi-faq__item[open] summary::after,.rg-article details[open] > summary::after{transform:rotate(45deg)}
.zi-faq__item summary:hover{color:var(--action)}
.zi-faq__a{padding:0 0 22px;max-width:68ch}
.zi-faq__a p + p{margin-top:.7rem}

/* ---------- 16) Abschluss: Kontakt-Karte (dunkelgrün wie auf der Startseite) ---------- */
.zi-sec--cta{padding-block:clamp(48px,6vw,88px)}
.zi-cta{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center;padding:clamp(28px,5vw,72px) clamp(22px,5vw,64px);border-radius:clamp(22px,2.4vw,32px);background:var(--ink);color:rgba(255,255,255,.86)}
.zi-cta h2,.zi-cta h3{color:#fff}
.zi-cta p{color:rgba(255,255,255,.82)}
.zi-cta strong{color:#fff}
.zi-cta .eyebrow{color:#bfe8d1}
.zi-cta .eyebrow::before{background:#4cd38a;box-shadow:0 0 0 4px rgba(255,255,255,.1)}
.zi-cta__media{margin:0;min-width:0}
.zi-cta__media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-panel)}
.zi-cta__body{min-width:0}
.zi-cta__body h2{margin:0}
.zi-cta__body > p{margin-top:1rem;max-width:50ch}
.zi-cta__nap{list-style:none;padding:0;margin:1.6rem 0 1.8rem;display:flex;flex-direction:column;gap:14px}
.zi-cta__nap li{display:flex;gap:14px;align-items:flex-start}
.zi-cta__nap svg{flex:none;width:22px;height:22px;margin-top:2px;color:#bfe8d1}
.zi-cta__nap span{line-height:1.55;color:rgba(255,255,255,.86)}
.zi-cta__nap a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:.2em}
.zi-cta__nap a:hover{text-decoration-color:#fff}
.zi-cta__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.zi-cta .zi-btn{background:#fff;border-color:#fff;color:var(--ink)}
.zi-cta .zi-btn:hover{background:var(--mint);border-color:var(--mint)}
.zi-cta .zi-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.zi-cta .zi-btn--ghost:hover{background:rgba(255,255,255,.08);border-color:#fff;color:#fff}
.zi-cta .zi-phone{color:#fff}
.zi-cta .zi-phone svg{border-color:rgba(255,255,255,.3);color:#bfe8d1}
.zi-cta .zi-phone:hover svg{background:rgba(255,255,255,.08)}
@media (min-width:860px){.zi-cta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:600px){.zi-cta__actions{flex-direction:column;align-items:stretch}.zi-cta__actions .zi-btn{width:100%;white-space:normal}}

/* ---------- 17) Passende Behandlungen ---------- */
.zi-sec--related h2{margin:0}
.zi-rel-wrap{margin-top:clamp(36px,4vw,56px)}
.zi-rel{margin-top:1.4rem;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.zi-rel__card{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:12px 12px 12px 22px;border-radius:18px;background:var(--paper);border:1px solid var(--line);font-family:var(--display);font-weight:500;font-size:1.05rem;line-height:1.3;color:var(--ink);transition:border-color .25s,box-shadow .25s,transform .25s var(--ease)}
.zi-sec--panel .zi-rel__card{background:var(--bg);border-color:transparent}
.zi-rel__card:hover{border-color:var(--brand);box-shadow:var(--shadow-sm);transform:translateY(-1px)}
.zi-rel__card .arr{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--mint-2);font-family:var(--body);font-size:1rem;color:var(--action);transition:background-color .25s,border-color .25s,color .25s}
.zi-rel__card:hover .arr{background:var(--ink);border-color:var(--ink);color:#fff}
@media (min-width:680px){.zi-rel{grid-template-columns:1fr 1fr}}
@media (min-width:1040px){.zi-rel{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- 18) Tabellen ---------- */
.zi-tablewrap{margin:0;overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;-webkit-overflow-scrolling:touch}
.zi-sec--panel .zi-tablewrap{background:var(--bg);border-color:transparent}
.zi-table{width:100%;min-width:540px;border-collapse:collapse;font-size:.96rem}
.zi-table thead th{padding:14px 16px;background:var(--mint);font-family:var(--display);font-weight:500;color:var(--ink);text-align:left;white-space:nowrap}
.zi-table td,.zi-table th[scope="row"]{padding:13px 16px;border-top:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.5;color:var(--text)}
.zi-table th[scope="row"]{color:var(--ink);font-weight:600}
.zi-table__cap{padding:12px 16px;border-top:1px solid var(--line);font-size:.85rem;line-height:1.45;color:var(--muted)}
@media (max-width:600px){.zi-table{min-width:430px;font-size:.88rem}.zi-table thead th{padding:11px 12px}.zi-table td,.zi-table th[scope="row"]{padding:10px 12px}}

/* ---------- 19) Sprungnavigation ---------- */
.zi-toc{padding-block:14px}
.zi-toc__inner{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.zi-toc__inner::-webkit-scrollbar{display:none}
.zi-toc__lab{flex:none;margin-right:6px;font-size:.92rem;font-weight:600;color:var(--action)}
.zi-toc a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:.95rem;color:var(--ink);white-space:nowrap;scroll-snap-align:start;transition:border-color .2s,background-color .2s,color .2s}
.zi-toc a:hover{border-color:var(--brand)}
.zi-toc a[aria-current="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
@media (min-width:1000px){.zi-toc__inner{flex-wrap:wrap;overflow:visible}}

/* ---------- 20) Empfehlungs-Assistent ---------- */
.zi-reco{display:flex;flex-direction:column;gap:22px;padding:clamp(24px,3vw,40px);border-radius:24px;background:var(--paper);border:1px solid var(--line)}
.zi-sec--panel .zi-reco{background:var(--bg);border-color:transparent}
.zi-reco__intro{display:flex;flex-direction:column;gap:8px}
.zi-reco__eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0;font-size:.95rem;font-weight:600;color:var(--action)}
.zi-reco__dot{width:9px;height:9px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--mint)}
.zi-reco__title{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,1.1rem + 1vw,1.85rem);line-height:1.15;letter-spacing:-.02em;color:var(--ink)}
.zi-reco__sub{margin:0;font-size:.98rem;line-height:1.55}
.zi-reco__q{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.zi-reco__q legend{display:flex;align-items:center;gap:12px;margin-bottom:4px;padding:0;font-family:var(--display);font-weight:500;font-size:1.05rem;color:var(--ink)}
.zi-reco__step{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--mint);color:var(--action);font-size:.9rem;font-weight:700}
.zi-reco__opt{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--bg);border:1.5px solid var(--line);font-size:.98rem;line-height:1.4;color:var(--ink);cursor:pointer;transition:border-color .2s,background-color .2s}
.zi-sec--panel .zi-reco__opt{background:var(--paper)}
.zi-reco__opt:hover{border-color:var(--brand)}
.zi-reco__opt:has(input:checked){border-color:var(--action);background:var(--mint)}
.zi-reco__opt input{flex:none;width:18px;height:18px;accent-color:var(--action);cursor:pointer}
.zi-reco__branch{display:none;flex-direction:column;gap:10px;padding-top:18px;border-top:1px solid var(--line)}
.zi-reco:has(input[name="reco-q1"][value="fest"]:checked) .zi-reco__branch--fest{display:flex}
.zi-reco:has(input[name="reco-q1"][value="raus"]:checked) .zi-reco__branch--raus{display:flex}
.zi-reco__result{display:none;position:relative;margin-top:8px;padding:24px 26px;border-radius:18px;background:var(--mint)}
.zi-reco__branch--fest:has(input[name="reco-q2a"][value="einzeln"]:checked) .zi-reco__result--implantat{display:block}
.zi-reco__branch--fest:has(input[name="reco-q2a"][value="mehrere"]:checked) .zi-reco__result--krone{display:block}
.zi-reco__branch--raus:has(input[name="reco-q2b"][value="viele"]:checked) .zi-reco__result--vollprothese{display:block}
.zi-reco__branch--raus:has(input[name="reco-q2b"][value="einzelne"]:checked) .zi-reco__result--teilprothese{display:block}
.zi-reco__badge{position:absolute;top:18px;right:20px;padding:4px 11px;border-radius:999px;background:var(--paper);font-size:.8rem;font-weight:600;color:var(--action)}
.zi-reco__rk{margin:0 0 6px;font-size:.88rem;font-weight:600;color:var(--action)}
.zi-reco__result h4{margin:0 0 10px;max-width:34ch;font-family:var(--display);font-weight:500;font-size:1.2rem;color:var(--ink)}
.zi-reco__rd{margin:0 0 16px;max-width:62ch;font-size:.98rem;line-height:1.6}
.zi-reco__cta{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--action);text-decoration:underline;text-underline-offset:.2em}
.zi-reco__note{margin:0;font-size:.88rem;line-height:1.5;color:var(--muted)}
@media (min-width:620px){.zi-reco__q{display:grid;grid-template-columns:1fr 1fr;gap:10px}.zi-reco__q legend{grid-column:1 / -1}}

/* ---------- 21) Formulare (Kontakt, Bewerbung) ---------- */
.zi-form{margin-top:1.6rem;max-width:680px;display:flex;flex-direction:column;gap:18px}
.zi-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.zi-field{display:flex;flex-direction:column;gap:6px}
.zi-field > span{font-size:.95rem;font-weight:600;color:var(--ink)}
.zi-field em{font-style:normal;color:var(--action)}
.zi-field input,.zi-field textarea,.zi-field select{width:100%;min-height:52px;padding:12px 14px;border-radius:var(--r-field);border:1.5px solid var(--line);background:var(--paper);font:inherit;font-size:1rem;color:var(--ink);transition:border-color .2s,background-color .2s}
.zi-sec--panel .zi-field input,.zi-sec--panel .zi-field textarea,.zi-sec--panel .zi-field select{background:var(--bg)}
.zi-field textarea{min-height:130px;resize:vertical}
.zi-field select{appearance:none;-webkit-appearance:none;padding-right:42px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23123a30' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.zi-field input:focus,.zi-field textarea:focus,.zi-field select:focus{outline:none;border-color:var(--brand);background:var(--paper)}
.zi-field input[readonly]{opacity:.7;cursor:default}
.zi-check{display:flex;align-items:flex-start;gap:11px;font-size:.95rem;line-height:1.55;color:var(--text);cursor:pointer}
.zi-check a{color:var(--action);text-decoration:underline;text-underline-offset:2px}
.zi-form__note{margin:0;font-size:.88rem;line-height:1.5;color:var(--muted)}
.zi-form__note a{color:var(--action)}
.zi-form__submit{font-family:var(--display);cursor:pointer}
.zi-form__status{margin:0;min-height:1.2em;font-size:.95rem}
.zi-form__status.is-ok{color:var(--action)}
.zi-form__status.is-err{color:#b3261e}
@media (max-width:560px){.zi-form__grid{grid-template-columns:1fr}}

.bw-form{display:flex;flex-direction:column;gap:34px;max-width:760px;margin-top:1.6rem}
.bw-fieldset{border:0;padding:0;margin:0;min-inline-size:0}
.bw-fieldset legend{display:block;width:100%;padding:0 0 16px;font-family:var(--display);font-weight:500;font-size:1.2rem;color:var(--ink)}
.bw-fieldset legend b{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:11px;border-radius:50%;background:var(--mint);color:var(--action);font-size:.95rem;font-weight:700;vertical-align:middle}
.bw-stack{display:flex;flex-direction:column;gap:18px}
.bw-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.bw-role{position:relative;display:flex;flex-direction:column;gap:5px;padding:18px 52px 18px 20px;border-radius:16px;background:var(--paper);border:1.5px solid var(--line);cursor:pointer;transition:border-color .2s,background-color .2s,transform .2s var(--ease),box-shadow .2s}
.bw-role:hover{border-color:var(--brand);transform:translateY(-1px)}
.bw-role input{position:absolute;opacity:0;pointer-events:none}
.bw-role__t{font-family:var(--display);font-weight:500;font-size:1.05rem;color:var(--ink)}
.bw-role__d{font-size:.88rem;line-height:1.45;color:var(--muted)}
.bw-role::after{content:"";position:absolute;top:50%;right:18px;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;border:2px solid var(--mint-2);transition:border-color .2s,background-color .2s}
.bw-role:has(input:checked)::after,.bw-role.is-on::after{border-color:var(--action);background:var(--action) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 6'/%3E%3C/svg%3E") center/12px no-repeat}
.bw-role:has(input:checked),.bw-role.is-on{border-color:var(--action);background:var(--mint)}
.bw-role:focus-within{outline:3px solid var(--brand);outline-offset:2px}
.bw-detail{padding:20px;border-radius:16px;background:var(--mint)}
.bw-detail[hidden]{display:none}
.bw-upload{display:flex;flex-direction:column;gap:12px}
.bw-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.bw-upload__drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;border:1.5px dashed var(--mint-2);border-radius:16px;background:var(--paper);text-align:center;color:var(--text);cursor:pointer;transition:border-color .2s,background-color .2s}
.bw-upload__drop:hover,.bw-upload__drop.is-drag{border-color:var(--action);background:var(--mint)}
.bw-upload__drop b{font-size:1rem;color:var(--ink)}
.bw-upload__drop span{font-size:.88rem;color:var(--muted)}
.bw-upload__ico{width:30px;height:30px;color:var(--action)}
.bw-upload__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.bw-upload__item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:var(--paper);border:1px solid var(--line);font-size:.92rem}
.bw-upload__item .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.bw-upload__item .sz{flex:none;font-size:.85rem;color:var(--muted)}
.bw-upload__item button{flex:none;padding:0 4px;background:none;border:0;font-size:18px;line-height:1;color:var(--muted);cursor:pointer}
.bw-upload__item button:hover{color:#b3261e}
.bw-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bw-done{padding:38px 20px;text-align:center}
.bw-done .bw-check{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 18px;border-radius:50%;background:var(--mint);color:var(--action);font-size:26px}
.bw-done h2{margin:0 0 10px;font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}
.bw-done p{max-width:48ch;margin:0 auto}

/* ---------- 22) Ratgeber: Übersicht und Artikel ---------- */
.rg-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:2rem}
.rg-card{display:flex;flex-direction:column;gap:10px;padding:26px 24px;border-radius:24px;background:var(--paper);border:1px solid var(--line);color:inherit;transition:border-color .25s,box-shadow .25s,transform .25s var(--ease)}
.zi-sec--panel .rg-card{background:var(--bg);border-color:transparent}
.rg-card:hover{border-color:var(--brand);box-shadow:var(--shadow-sm);transform:translateY(-2px)}
.rg-card .rg-cat{font-size:.88rem;font-weight:600;color:var(--action)}
.rg-grid .rg-card h2,.rg-grid .rg-card h3{margin:0;font-family:var(--display);font-weight:500;font-size:1.2rem;line-height:1.25;letter-spacing:-.01em;color:var(--ink);text-transform:none}
.rg-card p{flex:1;margin:0;font-size:.96rem;line-height:1.55;color:var(--text)}
.rg-card .rg-more{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:.95rem;font-weight:600;color:var(--action)}
.rg-card .rg-more .arr{transition:transform .25s var(--ease)}
.rg-card:hover .rg-more .arr{transform:translateX(3px)}
@media (min-width:680px){.rg-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1040px){.rg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.rg-wrap{padding-block:clamp(48px,6vw,88px) clamp(64px,8vw,112px)}
.rg-article{max-width:780px;margin-inline:auto;font-size:1.06rem}
.rg-article > time{display:block;margin-bottom:1.6rem;font-size:.92rem;color:var(--muted)}
.rg-article p{margin:0 0 1.05rem;max-width:none;line-height:1.75}
.rg-article h2{margin:2.6rem 0 1rem;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem);line-height:1.15;scroll-margin-top:calc(var(--header-h) + 20px)}
.rg-article h3{margin:1.8rem 0 .6rem;font-size:1.28rem;scroll-margin-top:calc(var(--header-h) + 20px)}
.rg-article h4{margin:1.4rem 0 .5rem}
.rg-article strong{color:var(--ink)}
.rg-article ul:not([class]),.rg-article ol:not([class]){margin:0 0 1.2rem;padding-left:1.3em;display:flex;flex-direction:column;gap:.45rem}
.rg-article li::marker{color:var(--brand)}
.rg-article a:not([class]){color:var(--action);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em}
.rg-article a:not([class]):hover{color:var(--action-2)}
.rg-article nav[aria-label="Inhaltsverzeichnis"]{margin:0 0 2rem;padding:22px 26px;border-radius:var(--r-panel);background:var(--paper);border:1px solid var(--line)}
.rg-article nav[aria-label="Inhaltsverzeichnis"] > strong{display:block;margin-bottom:.7rem;font-family:var(--display);font-weight:500;font-size:1.1rem;color:var(--ink)}
.rg-article nav[aria-label="Inhaltsverzeichnis"] ol{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:.35rem}
.rg-article nav[aria-label="Inhaltsverzeichnis"] li::marker{color:var(--action);font-weight:600}
.rg-article nav[aria-label="Inhaltsverzeichnis"] a{color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--mint-2);text-underline-offset:.22em;padding-block:3px;display:inline-block}
.rg-article nav[aria-label="Inhaltsverzeichnis"] a:hover{color:var(--action);text-decoration-color:currentColor}
.rg-article table:not([class]){display:block;width:100%;overflow-x:auto;margin:1.4rem 0 1.8rem;border-collapse:collapse;border-radius:16px;background:var(--paper);border:1px solid var(--line);font-size:.95rem}
.rg-article table:not([class]) th{padding:12px 14px;background:var(--mint);font-family:var(--display);font-weight:500;color:var(--ink);text-align:left;white-space:nowrap}
.rg-article table:not([class]) td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:top;line-height:1.5}
.answer-box{margin:0 0 2rem;padding:22px 26px;border-radius:var(--r-panel);background:var(--mint);line-height:1.68;color:var(--ink)}
.answer-box strong{color:var(--action)}
.article-image{margin:1.8rem 0 2rem}
.article-image img{display:block;width:100%;height:auto;border-radius:var(--r-photo);background:var(--mint)}
.article-image figcaption{margin-top:.6rem;font-size:.88rem;color:var(--muted)}
.section-essential{margin:1rem 0 1.6rem;padding:clamp(20px,3vw,28px);border-radius:var(--r-panel);background:var(--paper);border:1px solid var(--line)}
.section-essential > strong:first-child{display:block;margin-bottom:.8rem;font-family:var(--display);font-weight:500;font-size:1.1rem;color:var(--ink)}
.section-essential ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}
.section-essential li{position:relative;padding-left:32px;line-height:1.55}
.section-essential li::before{content:"";position:absolute;left:0;top:.1em;width:21px;height:21px;border-radius:50%;background:var(--mint) var(--check) center/11px no-repeat}
.tip-box{margin:1.6rem 0;padding:20px 24px;border-radius:var(--r-panel);background:var(--mint)}
.tip-box strong{color:var(--action)}
.interactive-element{margin:2rem 0;padding:clamp(18px,3vw,28px);border-radius:var(--r-panel);background:var(--paper);border:1px solid var(--line);overflow-x:auto}
.interactive-element h3{margin-top:0}
.rg-methoden-fig{margin:1.8rem 0;padding:clamp(20px,3vw,28px);border-radius:var(--r-panel);background:var(--paper);border:1px solid var(--line)}
.rg-methoden__head{margin-bottom:1rem;font-family:var(--display);font-weight:500;font-size:1.12rem;color:var(--ink)}
.step-list{list-style:none;padding:0;margin:0;counter-reset:st;display:flex;flex-direction:column;gap:14px}
.step-list li{position:relative;min-height:34px;padding-left:48px;counter-increment:st;line-height:1.55}
.step-list li::before{content:counter(st);position:absolute;left:0;top:-3px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--mint);color:var(--action);font-family:var(--display);font-weight:600}
.cta-button{display:inline-flex !important;align-items:center;justify-content:center;gap:.6em;min-height:54px;padding:0 1.8em !important;border-radius:999px !important;border:0 !important;background:var(--ink) !important;color:#fff !important;font-family:var(--display);font-size:1.02rem !important;font-weight:400 !important;letter-spacing:.01em !important;text-transform:none !important;text-decoration:none !important}
.cta-button:hover{background:#0a271f !important}
.cta-button:empty{display:none !important}
.rg-article details{border-bottom:1px solid var(--line)}
.rg-article details:first-of-type{border-top:1px solid var(--line)}
.rg-article details > summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-family:var(--display);font-weight:500;font-size:1.12rem;line-height:1.3;color:var(--ink)}
.rg-article details > summary::-webkit-details-marker{display:none}
.rg-article details > :not(summary){padding-bottom:12px}
.rg-foot{max-width:780px;margin:3rem auto 0;padding-top:1.6rem;border-top:1px solid var(--line)}
.rg-foot a{color:var(--action);font-weight:600;text-decoration:underline;text-underline-offset:.2em}
.rg-next{margin-top:2rem;padding:clamp(22px,3vw,32px);border-radius:var(--r-panel);background:var(--mint)}
.rg-next h2{margin:0 0 .6rem;font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem)}
.rg-next p{margin-bottom:1.1rem;max-width:60ch}
.checklist{margin:1.6rem 0;padding:clamp(18px,3vw,26px);border-radius:var(--r-panel);background:var(--paper);border:1px solid var(--line)}

/* ---------- 23) Karriere ---------- */
.kar-benefits{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:1.6rem}
.kar-benefit{padding:24px 24px 26px;border-radius:var(--r-panel);background:var(--paper);border:1px solid var(--line)}
.zi-sec--panel .kar-benefit{background:var(--bg);border-color:transparent}
.kar-benefit h3{margin-bottom:.4rem;font-size:1.15rem}
.kar-benefit p{font-size:.98rem;line-height:1.6}
@media (min-width:680px){.kar-benefits{grid-template-columns:1fr 1fr}}
@media (min-width:1040px){.kar-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kar-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:1.6rem}
.kar-cols > div{padding:24px 26px;border-radius:var(--r-panel);background:var(--paper);border:1px solid var(--line)}
.zi-sec--panel .kar-cols > div{background:var(--bg);border-color:transparent}
.kar-cols h3{margin-bottom:.8rem;font-size:1.2rem}
.kar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}
.kar-list li{position:relative;padding-left:1.6rem;line-height:1.55}
.kar-list li::before{content:"";position:absolute;left:.15rem;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px var(--mint)}
@media (min-width:760px){.kar-cols{grid-template-columns:1fr 1fr}}
.kar-steps{list-style:none;padding:0;margin:1.6rem 0 0;counter-reset:ks;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.kar-steps li{position:relative;padding:24px 22px 24px 76px;border-radius:var(--r-panel);background:var(--paper);border:1px solid var(--line);counter-increment:ks}
.zi-sec--panel .kar-steps li{background:var(--bg);border-color:transparent}
.kar-steps li::before{content:counter(ks);position:absolute;left:22px;top:22px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--mint);color:var(--action);font-family:var(--display);font-weight:600}
.kar-steps strong{display:block;font-family:var(--display);font-weight:500;font-size:1.1rem;color:var(--ink)}
.kar-steps p{margin-top:.3rem;font-size:.97rem;line-height:1.55}
@media (min-width:860px){.kar-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.kar-steps li{padding:76px 22px 24px}}

/* ---------- 24) Termin-Seite ---------- */
.termin-embed-wrap{padding-block:clamp(24px,3vw,40px) var(--sec)}
.termin-embed-frame{border-radius:var(--r-panel);overflow:hidden;background:var(--paper);border:1px solid var(--line)}
.termin-embed{display:block;width:100%;min-height:760px;border:0}
.termin-fallback{margin-top:1rem;font-size:.95rem;color:var(--muted)}
.termin-fallback a{color:var(--action);font-weight:600;text-decoration:underline}

/* ---------- 25) Rechtstexte (Impressum, Datenschutz) ---------- */
.page-hero{padding-block:clamp(36px,5vw,72px) clamp(20px,3vw,36px)}
.page-hero h1{margin:0;font-family:var(--display);font-weight:300;font-size:clamp(2.2rem,1.5rem + 2.6vw,3.4rem);line-height:1.05;letter-spacing:-.035em;color:var(--ink);text-transform:none}
.page-hero .lead{margin-top:1rem;max-width:58ch}
.prose{padding-bottom:var(--sec);color:var(--text)}
.prose h2{margin:2.2rem 0 .7rem;font-size:clamp(1.45rem,1.2rem + 1vw,1.95rem)}
.prose h2:first-child{margin-top:0}
.prose h3{margin:1.6rem 0 .5rem;font-size:1.18rem}
.prose p{margin:0 0 1rem;line-height:1.7}
.prose ul,.prose ol{margin:0 0 1rem;padding-left:1.3em}
.prose li{margin:.25rem 0}
.prose li::marker{color:var(--brand)}

/* ---------- 26) Kleine Helfer ---------- */
.zi-page .badge{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--mint);color:var(--action);font-size:.78rem;font-weight:600}
.zi-page .badge-neutral{background:#eef1ef;color:var(--muted)}
.zi-page .badge-warn{background:#fbf2de;color:#7a5200}
.zi-page .dim{color:var(--muted)}

@keyframes zibaNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media (prefers-reduced-motion:no-preference){.zi-ba__hint-ico{animation:zibaNudge 1.6s ease-in-out infinite}}
@media (prefers-reduced-motion:reduce){
  .zi-btn,.zi-rel__card,.rg-card,.bw-role{transition:none}
  .zi-btn:hover,.zi-rel__card:hover,.rg-card:hover{transform:none}
}

/* ---------- 27) Ratgeber: Widgets aus dem Content Writer (früher in ratgeber.css, jetzt hell) ---------- */
.zi-hero--rg .zi-hero__media{align-self:stretch}
.rg-article .compare-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:1.8rem 0}
.rg-article .compare-card{padding:20px 22px;border-radius:18px;background:var(--paper);border:1px solid var(--line)}
.rg-article .compare-card-title{display:block;margin:0 0 .7rem;font-family:var(--display);font-weight:500;font-size:1.12rem;color:var(--ink)}
.rg-article .compare-card ul{margin:0 0 0 1.1em;padding:0}
.rg-article .compare-card li{margin-bottom:.4rem}
@media (min-width:640px){.rg-article .compare-grid{grid-template-columns:1fr 1fr}}
.rg-article .svg-infographic{margin:2rem 0;text-align:center}
.rg-article .svg-infographic svg{max-width:100%;height:auto;border-radius:var(--r-panel)}
.rg-article .warning-box{margin:1.7rem 0;padding:18px 22px;border-radius:var(--r-panel);background:#fbf2de;color:#5a4410}
.rg-article .warning-box strong{display:block;margin-bottom:4px;color:#7a5200}
.rg-article .tip-box strong,.rg-article .section-essential strong{display:block;margin-bottom:4px}
.rg-article .cost-scenario{margin:1.5rem 0;padding:20px 24px;border-radius:var(--r-panel);background:var(--paper);border:1px solid var(--line)}
.rg-article .cost-scenario h4{margin-top:0}
.rg-article ul.checklist{list-style:none;padding:0;margin:1.2rem 0;display:flex;flex-direction:column;gap:.55rem;background:none;border:0}
.rg-article ul.checklist > li{position:relative;padding-left:32px;line-height:1.55}
.rg-article ul.checklist > li::before{content:"";position:absolute;left:0;top:.12em;width:21px;height:21px;border-radius:50%;background:var(--mint) var(--check) center/11px no-repeat}
.rg-article .local-card{margin:2.2rem 0;padding:26px 28px;border-radius:24px;background:var(--mint)}
.rg-article .local-card h3{margin-top:0}
.rg-article .author-box{display:flex;gap:16px;align-items:center;margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.rg-article .author-avatar{flex:none;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;font-family:var(--display);font-weight:500;font-size:18px}
.rg-article .author-info{font-size:.95rem;line-height:1.5;color:var(--muted)}
.rg-article .author-info strong{color:var(--ink)}
.rg-article .hp-tab-label:hover{color:var(--action);background:var(--mint)}
.rg-article .hp-info-box{background:var(--mint);border-color:var(--mint-2);color:var(--text)}
.rg-article .hp-info-box strong{color:var(--action)}
.rg-article .hp-warn-box{background:#fdecea;border-color:#f3c4bf;color:#5c2620}
.rg-article .hp-warn-box strong{color:#a3261b}
.rg-article .badge-phase1{background:#fdecea;color:#a3261b}
.rg-article .badge-phase2{background:#fbf2de;color:#7a5200}
.rg-article .badge-phase3{background:#e8f0fc;color:#2a5aa8}
.rg-article .badge-phase4{background:var(--mint);color:var(--action)}
.rg-article .progress-p1{background:#d64848}
.rg-article .progress-p2{background:#e98a1b}
.rg-article .progress-p3{background:#5a96eb}
.rg-article .progress-p4{background:var(--brand)}
.rg-article .symptom-ampel{display:grid;gap:12px;margin:1.9rem 0}
.rg-article .ampel-row{padding:16px 20px;border-radius:16px;font-size:.98rem;line-height:1.55;color:var(--text)}
.rg-article .ampel-row strong{display:block;margin-bottom:4px}
.rg-article .ampel-ok{background:var(--mint)}
.rg-article .ampel-ok strong{color:var(--action)}
.rg-article .ampel-warn{background:#fbf2de}
.rg-article .ampel-warn strong{color:#7a5200}
.rg-article .ampel-danger{background:#fdecea}
.rg-article .ampel-danger strong{color:#a3261b}
.rg-article .dtree-label{background:var(--paper);color:var(--ink);border-color:var(--line)}
.rg-article .dtree-label:hover{background:var(--mint);border-color:var(--brand)}
.rg-article .dtree-result-inner{background:var(--mint) !important}
.rg-article .rg-methoden__sub{margin:-.6rem 0 1rem;font-size:.9rem;color:var(--muted)}
.rg-article .rg-methoden{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.rg-article .rg-methoden__card{display:flex;flex-direction:column;padding:18px 18px 20px;border-radius:18px;background:var(--bg);border:0}
.rg-article .rg-methoden__no{font-size:.8rem;font-weight:700;color:var(--muted)}
.rg-article .rg-methoden__name{margin:2px 0 12px;font-family:var(--display);font-weight:500;font-size:1.08rem;line-height:1.25;color:var(--ink)}
.rg-article .rg-methoden dl{margin:0;display:grid;gap:10px}
.rg-article .rg-methoden dt{margin:0;font-size:.82rem;font-weight:600;color:var(--action)}
.rg-article .rg-methoden dd{margin:2px 0 0;font-size:.94rem;line-height:1.45;color:var(--text)}
.rg-article .rg-methoden__pill{align-self:flex-start;margin-top:14px;padding:6px 13px;border-radius:999px;background:var(--mint);font-size:.85rem;font-weight:600;color:var(--action)}
.rg-article .rg-methoden__foot{margin:14px 0 0;font-size:.88rem;line-height:1.5;color:var(--muted)}
@media (min-width:720px){.rg-article .rg-methoden{grid-template-columns:1fr 1fr}}
.rg-article blockquote{margin:1.6rem 0;padding:6px 0 6px 22px;border-left:3px solid var(--brand);font-family:var(--display);font-size:1.2rem;line-height:1.45;color:var(--ink)}
.rg-article hr{border:0;border-top:1px solid var(--line);margin:2.4rem 0}
.rg-article tbody tr:nth-child(even) td{background:rgba(228,242,234,.35)}

/* ---------- 28) Karten-Platzhalter vor der Einwilligung (Farben kommen inline aus cookie-consent.js) ---------- */
.zi-page .cc-embed-ph{background:var(--mint) !important;color:var(--ink) !important;border:0 !important;border-radius:var(--r-panel) !important}
.zi-page .cc-embed-ph > div[aria-hidden]{background:var(--paper) !important;color:var(--action) !important}
.zi-page .cc-embed-ph > div:not([aria-hidden]){color:var(--text) !important}
.zi-page .cc-embed-ph > div:nth-of-type(2){color:var(--ink) !important}
.zi-page .cc-embed-ph > button:first-of-type{background:var(--ink) !important;border-color:var(--ink) !important;color:#fff !important;font-weight:500 !important;padding:12px 22px !important}
.zi-page .cc-embed-ph > button + button{color:var(--muted) !important}

/* ---------- 29) Kinder-Checkliste (eingebetteter Style war für dunkel geschrieben) ---------- */
.zi-page .kz-checklist{padding:clamp(22px,3vw,32px);border-radius:var(--r-panel);background:var(--paper);border:1px solid var(--line)}
.zi-sec--panel .kz-checklist{background:var(--bg);border-color:transparent}
.zi-page .kz-checklist > h3:first-child,.zi-page .kz-checklist > p:first-child strong{font-family:var(--display)}
.zi-page .kz-checklist .kz-progress__track{background:var(--mint)}
.zi-page .kz-checklist .kz-progress__bar{background:var(--brand)}
.zi-page .kz-checklist .kz-progress__text{color:var(--muted)}
.zi-page .kz-checklist .kz-count{color:var(--ink)}
.zi-page .kz-checklist .kz-done{color:var(--action)}
.zi-page .kz-checklist input[type="checkbox"]:checked + span{color:var(--muted);text-decoration-color:var(--brand)}

/* ---------- 30) Handy: Kartenreihen als Wisch-Slider (wie auf der Startseite) ---------- */
@media (max-width:700px){
  .zi-cmp,.zi-team__grid,.zi-compare,.kar-benefits{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:calc(var(--pad) * -1);padding:4px var(--pad) 10px;scroll-padding-inline:var(--pad);align-items:stretch}
  .zi-cmp{padding-top:18px}
  .zi-team__grid{grid-auto-columns:66%}
  .zi-cmp::-webkit-scrollbar,.zi-team__grid::-webkit-scrollbar,.zi-compare::-webkit-scrollbar,.kar-benefits::-webkit-scrollbar{display:none}
  .zi-cmp > *,.zi-team__grid > *,.zi-compare > *,.kar-benefits > *{scroll-snap-align:start}
  .zi-cmp__card--hi{box-shadow:var(--shadow-sm)}
  .zi-sec{padding-block:clamp(56px,14vw,72px)}
  .zi-hero{padding-bottom:clamp(64px,16vw,84px)}
}

/* ---------- 31) Korrekturen nach der Seitenprüfung ---------- */
/* Kontakt/Termin: eingebettete Styles färbten Texte fest weiß */
.zi-page .kc-list strong,.zi-page .kc-list a,.zi-page .kc-list .kc-big,.zi-page .kc-hours li > span:first-child,.zi-page .kc-info h3,.zi-page .kc-info a,.zi-page .kc-formwrap .kc-intro a{color:var(--ink)}
.zi-page .kc-list a:hover,.zi-page .kc-info a:hover{color:var(--action);border-bottom-color:currentColor}
/* Weiße Inline-Schrift ohne eigenen Hintergrund (aus der dunklen Zeit) dunkel setzen */
.zi-page .zi-sec:not(.zi-sec--cta) [style*="color:#fff"]:not([style*="background"]),
.zi-page .rg-article [style*="color:#fff"]:not([style*="background"]),
.zi-page .zi-sec:not(.zi-sec--cta) [style*="color: #fff"]:not([style*="background"]){color:var(--ink) !important}
/* Lange Adressen in Rechtstexten umbrechen */
.prose a,.prose p{overflow-wrap:anywhere}
/* Tabellen mit eigener Klasse in Artikeln: seitlich scrollbar statt Überbreite */
.rg-article table[class]{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.4rem 0 1.8rem;border-radius:16px;background:var(--paper);border:1px solid var(--line);font-size:.95rem}
.rg-article table[class] th{padding:12px 14px;background:var(--mint);font-family:var(--display);font-weight:500;color:var(--ink);text-align:left}
.rg-article table[class] td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:top;line-height:1.5}

/* ---------- 32) Barrierefreiheit: Footer-Texte, Kennzeichnungen ---------- */
.zi-page .footer p,.zi-page .footer__hours{color:rgba(255,255,255,.7)}
.zi-page .footer strong{color:#fff}
.zi-page .badge[style*="background"]{color:#fff}
.zi-page .badge-neutral{background:#eef1ef;color:#46594f}
.zi-page .kc-info a,.zi-page .kc-formwrap .kc-intro a{color:var(--action);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em;border-bottom:0}