/* ============ Unterseiten, Runde 2 (07./08.10.2026) ============
   Baut auf stil.css (Gestaltung der Live-Seite) auf: dieselben Farben, Schriften, Knöpfe, Listen und Fragen.
   Hugos Rückmeldung zu Runde 1: „ganz schön steril und weiß“. Deshalb: dunkler Kopf überall, getönte Flächen
   (Hellblau mit Punktraster, Sand, Marine), weiße Karten nur auf Farbe, Symbole, Gold als Akzent für „Aktiv“. */

:root{
  --blau-grund:#E6EEFC;--sand-grund:#F6EEDF;--gold:#E3B876;--gold-d:#C4954A;--gold-t:#8A5A18;
  --st0:#8AB4FF;--st0-grund:#E4EDFF;--st0-linie:#AFC8F7;
  --punkte:radial-gradient(rgba(1,85,253,.10) 1px,transparent 1.4px)
}

/* ---------- Rahmen ---------- */
.entwurf-band{background:#FFF1D6;color:#5A3A00;font:600 .875rem/1.45 "Source Sans 3",system-ui,sans-serif;text-align:center;padding:7px var(--rand)}
.entwurf-band a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.kopf__nav a[aria-current="page"],.menue a[aria-current="page"]{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.fuss__seiten a[aria-current="page"]{text-decoration:underline}
/* Fuß: Rasterzeilen nicht strecken (sonst große Lücken zwischen Telefon und E-Mail) */
.fuss ul{align-content:start}
@media (min-width:900px){.fuss__raster{grid-template-columns:1.3fr 1fr 1fr 1fr;align-items:start}}
main .vorzeile{display:none!important}
.nur-handy{display:inline}.nur-rechner{display:none}
@media (min-width:900px){.nur-handy{display:none}.nur-rechner{display:inline}}

/* ---------- Abschnitte ---------- */
.sp-abschnitt{position:relative;padding-block:56px}
@media (min-width:900px){.sp-abschnitt{padding-block:clamp(72px,7vw,104px)}}
.sp--blau{background:var(--punkte) 0 0/22px 22px,var(--blau-grund)}
.sp--sand{background:var(--sand-grund)}
.sp--weiss{background:#fff}
.sp-kopf{display:grid;gap:12px;max-width:720px;margin:0 0 28px}
@media (min-width:900px){.sp-kopf{margin-bottom:40px}}
.sp-kopf h2{font-size:clamp(1.75rem,1.2rem + 2.1vw,2.625rem)}
.sp-kopf p{margin:0;font-size:1.0625em;max-width:58ch}
.dunkel .sp-kopf p{color:var(--t-hell)}
.sk__raster,.sp-zwei,.kf,.fr-raster,.kb__raster,.sp-weiter__raster,.pers-raster,.wege,.kf__schritte,.jb__raster,.vb,.tel__buehne,.pb-raster,.wo,.zg{grid-template-columns:minmax(0,1fr)}
.sp-zwei{display:grid;gap:28px}
@media (min-width:960px){
  .sp-zwei{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;align-items:start}
  .sp-zwei--gleich{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
  .sp-kopf--seite{position:sticky;top:calc(var(--kopf-h) + 28px);margin-bottom:0}
}
.sp-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:700 1.0625rem/1.2 Archivo,sans-serif;color:var(--blau);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.sp-link:hover{color:var(--blau-h)}
.sp-link svg{transition:transform .2s var(--ease)}
.sp-link:hover svg{transform:translateX(3px)}
.sp-luecke{margin:18px 0 0;padding:14px 16px;border-radius:10px;background:#FFF1D6;border:1px dashed #C9922B;color:#5A3A00;font-size:1rem;line-height:1.55;max-width:70ch}
.sp-luecke b{color:#5A3A00}
.sp-start{display:inline-block;width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}
.sp-auf{margin-top:28px}
.sp-auf summary{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 18px 10px 20px;border-radius:14px;background:#fff;border:1.5px solid var(--linie-2);font:700 1.0625rem/1.2 Archivo,sans-serif;color:var(--h);cursor:pointer;list-style:none;box-shadow:var(--schatten)}
.sp-auf summary::-webkit-details-marker{display:none}
.sp-auf summary::after{content:"+";display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--blau);color:#fff;font-weight:800}
.sp-auf[open] summary::after{content:"\2212"}
.sp-auf summary:hover{border-color:var(--blau)}
.sp-auf summary:focus-visible{outline:3px solid var(--blau);outline-offset:3px}

/* Lichtschein, der der Maus folgt (dunkle Flächen) */
[data-licht]{position:relative;isolation:isolate}
[data-licht]::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(32rem 24rem at var(--mx,72%) var(--my,0%),rgba(1,85,253,.24),transparent 70%);opacity:var(--licht,0);transition:opacity .6s}
/* Karten, die sich leicht zur Maus neigen */
[data-kippen]{transform:perspective(900px) rotateX(var(--kx,0deg)) rotateY(var(--ky,0deg)) translateY(var(--hoch,0px));transition:transform .5s var(--ease),box-shadow .3s,border-color .2s}
[data-kippen].kippt{transition:transform .12s linear,box-shadow .3s,border-color .2s}

/* ---------- Seitenkopf (immer dunkel) ---------- */
.sk{position:relative;overflow:hidden;padding-block:26px 46px}
@media (min-width:900px){.sk{padding-block:40px 72px}}
.sk::before{content:"";position:absolute;right:-12%;top:-40%;width:min(720px,80vw);aspect-ratio:1;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(138,180,255,.18),rgba(1,85,253,.06) 60%,transparent);transform:translate3d(0,var(--tiefe,0px),0)}
.sk__raster{display:grid;gap:30px;align-items:center}
@media (min-width:960px){.sk__raster{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}.sk__raster--ohne-bild{grid-template-columns:minmax(0,1fr)}}
.sk__raster--ohne-bild .sk__text{max-width:860px}
.sp-krumen{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px;font:600 .9375rem/1.3 "Source Sans 3",sans-serif;color:var(--t-m)}
.sp-krumen a{display:inline-flex;align-items:center;min-height:44px;color:var(--hellblau);text-decoration:underline;text-underline-offset:4px}
.sk h1{font-size:clamp(2.25rem,1.45rem + 3.4vw,3.75rem);line-height:1.03;letter-spacing:-.03em;margin:0 0 16px}
.sk__lead{margin:0;font-size:1.1875rem;line-height:1.55;max-width:54ch;color:var(--t-hell)}
@media (min-width:900px){.sk__lead{font-size:1.25rem}}
.sk__lead b{color:#fff}
.sk__knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px}
@media (max-width:599px){.sk__knoepfe .btn{flex:1 1 100%}}
.sk__klein{font:600 .8125rem/1 "Source Sans 3",sans-serif;opacity:.7}
.sk__tel{display:flex;align-items:center;gap:14px;margin:22px 0 0;color:#fff}
.sk__tel > svg{flex:none;width:48px;height:48px;padding:12px;border-radius:50%;background:var(--blau)}
.sk__tel a{font:800 clamp(1.625rem,1.2rem + 1.6vw,2.25rem)/1.1 Archivo,sans-serif;color:#fff;text-decoration:none;white-space:nowrap}
.sk__tel a:hover{text-decoration:underline}
.sk__tel small{display:block;margin-top:4px;font:400 .9375rem/1.4 "Source Sans 3",sans-serif;color:var(--t-m)}
.sk__bild{min-width:0;display:grid}
@media (max-width:959px){.sk__bild{max-width:540px}}
@media (max-width:599px){.sk__bild--ab600{display:none}}
[data-erreichbar].ist-erreichbar{color:#7FE0A0;font-weight:700}

/* Bilder im Seitenkopf */
.mini-schritte{list-style:none;margin:0;justify-self:end;width:100%;max-width:420px;padding:16px 18px;display:grid;gap:2px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(138,180,255,.22)}
.mini-schritte li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 8px;border-radius:12px;animation:mini-an 7.5s var(--ease) infinite;animation-delay:calc(var(--i) * 1.5s)}
.mini-schritte li:not(:last-child)::after{content:"";position:absolute;left:25px;top:44px;height:22px;width:2px;background:rgba(138,180,255,.3)}
@keyframes mini-an{0%,4%{background:transparent}8%,18%{background:rgba(1,85,253,.22)}24%,100%{background:transparent}}
.mini-schritte__nr{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blau);color:#fff;font:800 .9375rem/1 Archivo,sans-serif}
.mini-schritte b{font:700 1.125rem/1.2 Archivo,sans-serif;color:#fff}
.mini-schritte small{padding:5px 10px;border-radius:999px;background:rgba(138,180,255,.14);color:var(--t-hell);font:600 .8125rem/1 "Source Sans 3",sans-serif;white-space:nowrap}
.mini-schritte--sie small{background:rgba(227,184,118,.2);color:var(--warm-m)}
.mini-schritte--wir small{background:rgba(1,85,253,.45);color:#fff}
.duo{justify-self:end;width:100%;max-width:440px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.duo__person{margin:0}
.duo__person:nth-child(2){margin-top:34px}
.duo__person img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:16px;background:var(--marine-2)}
.duo__person figcaption{display:grid;gap:2px;margin-top:10px}
.duo__person b{font:700 1.125rem/1.2 Archivo,sans-serif;color:#fff}
.duo__person span{font-size:.9375rem;color:var(--t-m)}
@media (max-width:599px){.duo{gap:10px}.duo__person:nth-child(2){margin-top:22px}}
/* Schaubild „Ihre Website in der Mitte“ (Gefunden werden) */
.nabe{position:relative;margin:0;justify-self:center;width:100%;max-width:440px;aspect-ratio:400/320}
.nabe__linien{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.nabe__linien path{fill:none;stroke:rgba(138,180,255,.55);stroke-width:2;stroke-dasharray:3 9;stroke-linecap:round;animation:fliessen 1.1s linear infinite}
@keyframes fliessen{to{stroke-dashoffset:-12}}
.nabe__mitte{position:absolute;left:50%;top:50%;width:min(62%,250px);margin:0;padding:12px 14px 14px;border-radius:16px;background:#fff;color:var(--h);box-shadow:0 30px 60px -28px rgba(0,0,0,.7);translate:-50% -50%;display:grid;gap:6px}
.nabe__adresse{display:flex;align-items:center;gap:4px;margin:0;font-size:.6875rem;color:var(--ged)}
.nabe__adresse i{width:6px;height:6px;border-radius:50%;background:#C3CBDA}
.nabe__adresse span{flex:1;margin-left:6px;padding:2px 8px;border-radius:8px;background:var(--wechsel)}
.nabe__mitte b{font:800 1.125rem/1.2 Archivo,sans-serif}
.nabe__chips{display:flex;flex-wrap:wrap;gap:4px}
.nabe__chips i{padding:3px 8px;border-radius:999px;background:#E8F0FF;color:var(--blau-h);font:700 .75rem/1.3 "Source Sans 3",sans-serif;font-style:normal}
.nabe__knoten{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:8px 13px 8px 10px;border-radius:999px;background:var(--blau);color:#fff;font:700 .9375rem/1 Archivo,sans-serif;white-space:nowrap;translate:-50% -50%;box-shadow:0 10px 24px -10px rgba(1,85,253,.9);animation:schweben 5s ease-in-out infinite}
.nabe__knoten--google{left:19%;top:18%}
.nabe__knoten--karte{left:81%;top:18%;animation-delay:-1.6s}
.nabe__knoten--ki{left:50%;top:89%;animation-delay:-3.2s;background:#fff;color:var(--marine)}
@keyframes schweben{50%{transform:translateY(-6px)}}
@media (max-width:420px){.nabe__knoten{font-size:.8125rem;padding:7px 10px 7px 8px}.nabe__knoten svg{width:16px;height:16px}.nabe__mitte{padding:10px 11px 11px}.nabe__chips i{font-size:.6875rem}}

/* ---------- Preise ---------- */
.kf{display:grid;gap:20px}
@media (min-width:1000px){.kf{grid-template-columns:minmax(0,1fr) minmax(0,390px);gap:32px;align-items:start}.kf__seite{position:sticky;top:calc(var(--kopf-h) + 20px)}}
.kf__schritte{display:grid;gap:16px}
.kf-schritt{padding:20px 16px;border-radius:20px;background:#fff;box-shadow:var(--schatten)}
@media (min-width:600px){.kf-schritt{padding:24px 24px}}
@media (min-width:900px){.kf-schritt{padding:28px 30px}}
.kf-schritt__titel{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:12px;align-items:center;margin:0 0 16px;font-size:1.375rem}
.kf-schritt__titel > span{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--marine);color:#fff;font:800 1rem/1 Archivo,sans-serif;box-shadow:0 0 0 4px #E4ECFB}
.kf-schritt__titel small{grid-column:2;font:400 .9375rem/1.4 "Source Sans 3",sans-serif;color:var(--ged)}
.pk{border-radius:16px;background:#fff;border:1px solid var(--linie-2);overflow:hidden}
.pk__kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;background:radial-gradient(26rem 14rem at 100% 0,rgba(1,85,253,.34),transparent 60%),var(--marine);color:var(--t-hell)}
.pk__kopf h3{margin:0 0 4px;color:#fff;font-size:1.5rem}
.pk__kopf p{margin:0;font-size:.9375rem}
.pk__dabei{margin:0 0 6px!important;font:700 .8125rem/1 Archivo,sans-serif!important;letter-spacing:.07em;text-transform:uppercase;color:var(--hellblau)}
.pk__preis{display:grid;justify-items:end;text-align:right}
.pk__preis b{font:800 2.125rem/1 Archivo,sans-serif;color:#fff;white-space:nowrap;letter-spacing:-.02em}
.pk__preis span{font-size:.9375rem;color:var(--t-m)}
.pk__kern{display:grid;gap:16px;padding:20px 22px 22px;background:linear-gradient(#F4F7FD,#fff 60%)}
@media (max-width:420px){.pk__kopf{padding:16px}.pk__kern{padding:16px}.pk__preis b{font-size:1.75rem}}

/* Erweiterungen: eine Spalte auf allen Breiten, Symbol links, Kästchen rechts (Live-Regeln mit 2er-Raster überschreiben) */
.kf .kf-schritt .pr-extras{margin:0;padding:0;border:0;min-width:0;background:none;box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.kf .kf-schritt .pr-extras label.pr-option,.kf .kf-schritt .pr-extras label.pr-option:last-of-type{grid-column:auto;order:0;display:grid;grid-template-columns:46px minmax(0,1fr) auto 30px;grid-template-areas:"zeichen text preis kasten";align-items:center;gap:4px 14px;padding:14px 16px;border-radius:16px;border:2px solid var(--linie-2);background:#fff}
.kf .kf-schritt .pr-extras .pr-option--menge{grid-column:auto;order:0;display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-template-areas:"zeichen text preis" "zeichen menge menge";align-items:center;gap:8px 14px;padding:14px 16px;border-radius:16px;border:2px solid var(--linie-2);background:#fff}
.kf .kf-schritt .pr-option__text small{display:block;font-size:.9375rem;line-height:1.4}
.kf .kf-schritt .pr-option__text b{font-size:1.0625rem;line-height:1.3;hyphens:manual}
.kf .kf-schritt .pr-option__preis,.kf .kf-schritt .pr-extras label.pr-option .pr-option__preis{grid-area:preis;text-align:right;white-space:nowrap;font:800 1.125rem/1.2 Archivo,sans-serif;color:var(--h)}
.kf .kf-schritt .pr-extras label.pr-option:last-of-type .pr-option__preis{white-space:normal;max-width:10ch;line-height:1.2;font-size:1rem}
.kf .kf-schritt .pr-kasten{grid-area:kasten;width:30px;height:30px;border-radius:8px}
.kf .kf-schritt .pr-menge{grid-area:menge;margin:0}
.kf .kf-schritt .pr-menge__wort{display:inline}
.pr-zeichen{grid-area:zeichen;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#E8F0FF;color:var(--blau);transition:background-color .25s,color .25s,transform .35s var(--ease)}
.pr-option:hover .pr-zeichen{transform:rotate(-6deg) scale(1.05)}
.kf .kf-schritt .pr-option:has(input:checked),.kf .kf-schritt .pr-option.an{border-color:var(--blau);background:#F2F6FF;box-shadow:0 12px 26px -18px rgba(1,85,253,.8)}
.pr-option:has(input:checked) .pr-zeichen,.pr-option.an .pr-zeichen{background:var(--blau);color:#fff;animation:zeichen-pop .45s var(--ease)}
@keyframes zeichen-pop{40%{transform:scale(1.14) rotate(-6deg)}}
@media (max-width:599px){
  .kf .kf-schritt .pr-extras label.pr-option,.kf .kf-schritt .pr-extras label.pr-option:last-of-type{grid-template-columns:40px minmax(0,1fr) 28px;grid-template-areas:"zeichen text kasten" "zeichen preis kasten";gap:2px 12px;padding:12px}
  .kf .kf-schritt .pr-extras .pr-option--menge{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"zeichen text" "zeichen preis" "menge menge";gap:2px 12px;padding:12px}
  .kf .kf-schritt .pr-option__preis,.kf .kf-schritt .pr-extras label.pr-option .pr-option__preis{text-align:left;font-size:1rem;margin-top:2px}
  .kf .kf-schritt .pr-menge{margin-top:8px}
  .kf .kf-schritt .pr-kasten{width:28px;height:28px}
  .pr-zeichen{width:40px;height:40px;border-radius:11px}
  .pr-zeichen svg{width:20px;height:20px}
  .kf .kf-schritt .pr-option__text small{font-size:.875rem}
}
.kf-schritt .bt-oben{margin-bottom:14px}

/* Stufen als Zeilen: farbig je Stufe (Basis hellblau, Pflege blau, Aktiv Marine mit Gold) */
.st{display:grid;gap:10px}
.st-zeile{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:14px 16px;border-radius:16px;border:2px solid var(--linie-2);background:#fff;cursor:pointer;transition:border-color .25s,background-color .25s,box-shadow .25s,color .25s}
.st-zeile input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.st-zeile__zeichen{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;line-height:0;transition:background-color .25s,color .25s}
.st-zeile--0 .st-zeile__zeichen{background:var(--st0-grund);color:var(--marine)}
.st-zeile--1 .st-zeile__zeichen{background:#DCE7FF;color:var(--blau)}
.st-zeile--2 .st-zeile__zeichen{background:var(--marine);color:var(--gold)}
.st-zeile__text{display:grid;gap:2px;min-width:0}
.st-zeile__text b{font:800 1.1875rem/1.2 Archivo,sans-serif;color:var(--h)}
.st-zeile__text small{font-size:.9375rem;line-height:1.35;color:var(--ged)}
.st-zeile__preis{display:grid;justify-items:end;text-align:right}
.st-zeile__preis b{font:800 1.375rem/1 Archivo,sans-serif;color:var(--h);white-space:nowrap}
.st-zeile__preis small{font-size:.8125rem;color:var(--ged)}
.st-zeile__mehr{grid-column:1/-1;display:none;padding-top:10px;margin-top:4px;border-top:1px solid var(--linie)}
.st-zeile__mehr .liste li{font-size:1rem}
.st-zeile__plus{display:inline-flex;margin-bottom:10px;padding:5px 10px;border-radius:999px;background:#DDF2E4;color:#14532D;font:700 .8125rem/1.2 "Source Sans 3",sans-serif}
.st-zeile:hover{border-color:#9FB2D6}
.st-zeile:has(input:focus-visible){outline:3px solid var(--blau);outline-offset:3px}
.st-zeile.gewaehlt .st-zeile__mehr,.st-zeile:has(input:checked) .st-zeile__mehr{display:block}
.st-zeile--0.gewaehlt,.st-zeile--0:has(input:checked){border-color:var(--st0-linie);background:linear-gradient(160deg,#EEF4FF,var(--st0-grund));box-shadow:0 12px 28px -20px rgba(1,85,253,.6)}
.st-zeile--0.gewaehlt .st-zeile__zeichen,.st-zeile--0:has(input:checked) .st-zeile__zeichen{background:#fff}
.st-zeile--1.gewaehlt,.st-zeile--1:has(input:checked){border-color:var(--blau);background:linear-gradient(160deg,#1863FF,var(--blau-h));color:#E3ECFF;box-shadow:0 16px 32px -18px rgba(1,85,253,.9)}
.st-zeile--1.gewaehlt :is(.st-zeile__text b,.st-zeile__preis b,.liste li,.liste span),.st-zeile--1:has(input:checked) :is(.st-zeile__text b,.st-zeile__preis b,.liste li,.liste span){color:#fff}
.st-zeile--1.gewaehlt :is(.st-zeile__text small,.st-zeile__preis small),.st-zeile--1:has(input:checked) :is(.st-zeile__text small,.st-zeile__preis small){color:#D3E1FF}
.st-zeile--1.gewaehlt .st-zeile__zeichen,.st-zeile--1:has(input:checked) .st-zeile__zeichen{background:rgba(255,255,255,.18);color:#fff}
.st-zeile--1.gewaehlt .st-zeile__mehr,.st-zeile--1:has(input:checked) .st-zeile__mehr{border-top-color:rgba(255,255,255,.25)}
.st-zeile--1.gewaehlt .tick,.st-zeile--1:has(input:checked) .tick{background:#fff}
.st-zeile--1.gewaehlt .tick svg path,.st-zeile--1:has(input:checked) .tick svg path{stroke:var(--blau)}
.st-zeile--2.gewaehlt,.st-zeile--2:has(input:checked){border-color:var(--gold-d);background:radial-gradient(28rem 14rem at 100% 0,rgba(227,184,118,.2),transparent 60%),var(--marine);color:var(--t-hell);box-shadow:0 18px 36px -18px rgba(1,27,79,.9),inset 0 0 0 1px rgba(227,184,118,.25)}
.st-zeile--2.gewaehlt :is(.st-zeile__text b,.st-zeile__preis b,.liste li,.liste span),.st-zeile--2:has(input:checked) :is(.st-zeile__text b,.st-zeile__preis b,.liste li,.liste span){color:#fff}
.st-zeile--2.gewaehlt :is(.st-zeile__text small,.st-zeile__preis small),.st-zeile--2:has(input:checked) :is(.st-zeile__text small,.st-zeile__preis small){color:var(--t-m)}
.st-zeile--2.gewaehlt .st-zeile__zeichen,.st-zeile--2:has(input:checked) .st-zeile__zeichen{background:linear-gradient(140deg,#F3D9A8,var(--gold-d));color:var(--marine)}
.st-zeile--2.gewaehlt .st-zeile__mehr,.st-zeile--2:has(input:checked) .st-zeile__mehr{border-top-color:rgba(227,184,118,.3)}
.st-zeile--2.gewaehlt .tick,.st-zeile--2:has(input:checked) .tick{background:var(--gold)}
.st-zeile--2.gewaehlt .tick svg path,.st-zeile--2:has(input:checked) .tick svg path{stroke:var(--marine)}
@media (max-width:479px){.st-zeile{grid-template-columns:40px minmax(0,1fr);padding:12px}.st-zeile__zeichen{width:40px;height:40px}.st-zeile__preis{grid-column:2;justify-items:start;text-align:left;display:flex;gap:6px;align-items:baseline}}

/* „Ihr erstes Jahr“: Farbe der Stufe; mit mehr Auswahl mehr Leuchten (--n), bei Aktiv Gold */
.jb{--jb-linie:rgba(1,27,79,.12);--jb-glut:1,85,253;position:relative;border-radius:22px;overflow:hidden;border:2px solid var(--st0-linie);color:var(--h);box-shadow:0 22px 50px -26px rgba(var(--jb-glut),calc(.35 + var(--n,0) * .08)),0 0 0 calc(var(--n,0) * 1px) rgba(var(--jb-glut),.18);transition:background-color .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease),box-shadow .5s var(--ease)}
.jb__glanz{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);translate:-120% 0;opacity:0}
.jb.glaenzt .jb__glanz{animation:glanz .9s var(--ease)}
@keyframes glanz{0%{translate:-120% 0;opacity:1}100%{translate:120% 0;opacity:1}}
.jb__kopf{display:flex;align-items:center;gap:14px;padding:16px 22px;transition:background-color .35s var(--ease),color .35s var(--ease)}
.jb__kopf h3{margin:0;color:inherit;font-size:clamp(1.25rem,1rem + .9vw,1.5rem)}
.jb__zeichen{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;transition:background-color .35s,color .35s}
.jb__zeichen i{display:none;line-height:0}
.jb[data-stufe="0"] .jb__zeichen i[data-z="0"],.jb[data-stufe="1"] .jb__zeichen i[data-z="1"],.jb[data-stufe="2"] .jb__zeichen i[data-z="2"]{display:block}
.jb__raster{display:grid;gap:18px;padding:18px 22px 22px}
.jb__summe dl{margin:0;display:grid}
.jb__summe dl > div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px solid var(--jb-linie)}
.jb__summe dt{font-weight:600;line-height:1.3}
.jb__summe dt small{display:block;font-weight:400;font-size:.9375rem;opacity:.8}
.jb__summe dd{margin:0;font:800 1.25rem/1.1 Archivo,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.jb__summe .jb__gesamt{border-bottom:0;padding-top:14px}
.jb__gesamt dt{font:800 1.125rem/1.2 Archivo,sans-serif}
.jb__gesamt dd{font-size:2.25rem;letter-spacing:-.02em}
.jb__auswahl{margin:4px 0 2px;padding:12px;border-radius:14px;background:rgba(1,27,79,.06)}
.jb__auswahl p{margin:0 0 8px;font:700 .8125rem/1 Archivo,sans-serif;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.jb__auswahl ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.jb__auswahl li{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border-radius:999px;background:#fff;color:var(--h);font:700 .8125rem/1.2 "Source Sans 3",sans-serif;animation:chip-rein .4s var(--ease) both}
.jb__auswahl li svg{width:18px;height:18px;padding:2px;border-radius:50%;background:var(--blau);color:#fff;box-sizing:content-box}
@keyframes chip-rein{from{opacity:0;transform:scale(.8)}}
.jb__los{width:100%;margin-top:14px}
.jb__hinweis{margin:10px 0 0;font-size:.9375rem;opacity:.8}
.jb__kacheln{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.jb__kacheln li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border-radius:12px;transition:background-color .35s;animation:jb-rein .4s var(--ease) both;animation-delay:calc(var(--k,0) * 60ms)}
@keyframes jb-rein{from{opacity:0;transform:translateY(6px)}}
.jb__kacheln b{display:block;font:800 1.375rem/1 Archivo,sans-serif;text-align:center}
.jb__kacheln b svg{display:block;margin:auto}
.jb__kacheln span{font-size:.9375rem;line-height:1.4}
.jb__kacheln strong{display:block;margin-bottom:2px;font:700 1rem/1.25 Archivo,sans-serif}
html:not(.js) .jb__kacheln{display:none}
/* Basis: hellblau */
.jb[data-stufe="0"]{background:linear-gradient(170deg,#F1F6FF,var(--st0-grund));border-color:var(--st0-linie)}
.jb[data-stufe="0"] .jb__kopf{background:#D3E2FF;color:var(--h)}
.jb[data-stufe="0"] .jb__zeichen{background:#fff;color:var(--marine)}
.jb[data-stufe="0"] .jb__kacheln li{background:rgba(255,255,255,.75)}
.jb[data-stufe="0"] .jb__kacheln b{color:var(--blau)}
.jb[data-stufe="0"] .jb__los{background:var(--blau);color:#fff}
.jb[data-stufe="0"] .jb__los:hover{background:var(--blau-h)}
/* Pflege: blau */
.jb[data-stufe="1"]{--jb-linie:rgba(255,255,255,.26);background:linear-gradient(165deg,#1863FF,var(--blau-h));border-color:var(--blau);color:#E3ECFF}
.jb[data-stufe="1"] .jb__kopf{background:rgba(1,27,79,.22);color:#fff}
.jb[data-stufe="1"] .jb__zeichen{background:rgba(255,255,255,.18);color:#fff}
.jb[data-stufe="1"] .jb__kacheln li,.jb[data-stufe="1"] .jb__auswahl{background:rgba(255,255,255,.13)}
.jb[data-stufe="1"] :is(.jb__kacheln b,.jb__kacheln strong,dt,dd){color:#fff}
.jb[data-stufe="1"] .jb__los{background:#fff;color:var(--marine)}
.jb[data-stufe="1"] .jb__los:hover{background:var(--hellblau)}
/* Aktiv: Marine mit Gold, feiner Goldstreifen oben */
.jb[data-stufe="2"]{--jb-linie:rgba(227,184,118,.22);--jb-glut:196,149,74;background:radial-gradient(34rem 20rem at 100% 0,rgba(227,184,118,.18),transparent 62%),radial-gradient(30rem 18rem at 0 100%,rgba(1,85,253,.25),transparent 60%),var(--marine);border-color:var(--gold-d);color:var(--t-hell)}
.jb[data-stufe="2"]::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:1;background:linear-gradient(90deg,transparent,#F6DCA8,var(--gold),transparent);background-size:200% 100%;animation:goldlauf 3.5s linear infinite}
@keyframes goldlauf{from{background-position:200% 0}to{background-position:-200% 0}}
.jb[data-stufe="2"] .jb__kopf{background:rgba(255,255,255,.04);color:#fff;border-bottom:1px solid rgba(227,184,118,.22)}
.jb[data-stufe="2"] .jb__zeichen{background:linear-gradient(140deg,#F3D9A8,var(--gold-d));color:var(--marine)}
.jb[data-stufe="2"] .jb__kacheln li,.jb[data-stufe="2"] .jb__auswahl{background:rgba(227,184,118,.09)}
.jb[data-stufe="2"] .jb__kacheln b{color:var(--gold)}
.jb[data-stufe="2"] :is(.jb__kacheln strong,dt,dd){color:#fff}
.jb[data-stufe="2"] .jb__gesamt dd{color:#F6DCA8}
.jb[data-stufe="2"] .jb__auswahl li svg{background:var(--gold);color:var(--marine)}
.jb[data-stufe="2"] .jb__los{background:linear-gradient(140deg,#F6DCA8,var(--gold));color:var(--marine)}
.jb[data-stufe="2"] .jb__los:hover{background:#F6DCA8}
.jb .jb__los:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.pa__fuss{margin:18px 0 0;max-width:80ch}

/* Summe unten am Handy (Ergebnis ohne Scrollen sichtbar) */
.summe-leiste{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;text-decoration:none;box-shadow:0 18px 40px -14px rgba(1,27,79,.55);transform:translateY(140%);transition:transform .4s var(--ease),background-color .35s,color .35s}
.summe-leiste.zeigen{transform:none}
.summe-leiste__text{display:grid;font:800 1rem/1.2 Archivo,sans-serif}
.summe-leiste__text small{font:400 .875rem/1.3 "Source Sans 3",sans-serif;opacity:.85}
.summe-leiste b{font:800 1.5rem/1 Archivo,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.summe-leiste[data-stufe="0"]{background:#D3E2FF;color:var(--h);border:2px solid var(--st0-linie)}
.summe-leiste[data-stufe="1"]{background:var(--blau);color:#fff}
.summe-leiste[data-stufe="2"]{background:var(--marine);color:#fff;border:2px solid var(--gold-d)}
.summe-leiste[data-stufe="2"] b{color:#F6DCA8}
@media (min-width:1000px){.summe-leiste{display:none}}
html.summe-zeigen .aktion{transform:translateY(130%)!important;opacity:0}

/* Zahlungsweg mit den Beträgen aus dem Rechner */
.zw{position:relative;margin-top:4px}
.zw__weg{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.zw__weg::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:3px;border-radius:3px;background:linear-gradient(var(--linie-2),var(--blau) 20%,var(--marine) 70%,transparent)}
.zw__halt{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"punkt text" "punkt betrag";column-gap:16px;row-gap:6px;padding:0 0 24px}
.zw__punkt{grid-area:punkt;position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--marine);font:800 1.375rem/1 Archivo,sans-serif;box-shadow:0 0 0 5px var(--sand-grund),0 8px 18px -8px rgba(1,27,79,.4)}
.zw__halt--geld .zw__punkt{background:var(--blau);color:#fff}
.zw__halt--danach .zw__punkt{background:var(--marine);color:var(--hellblau)}
.zw__text{grid-area:text;display:grid;gap:3px;padding-top:4px}
.zw__text b{font:800 1.1875rem/1.25 Archivo,sans-serif;color:var(--h)}
.zw__text span{font-size:1rem;line-height:1.5}
.zw__betrag{grid-area:betrag;justify-self:start;padding:8px 14px;border-radius:12px;background:#fff;color:var(--h);font:800 1.375rem/1 Archivo,sans-serif;font-style:normal;white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:var(--schatten)}
.zw__halt--start .zw__betrag{font-size:1.0625rem;background:#DDF2E4;color:#14532D;box-shadow:none}
.zw__halt--geld .zw__betrag{background:var(--blau);color:#fff}
.zw__halt--danach .zw__betrag{background:var(--marine);color:#fff;font-size:1.125rem}
.zw__klammer{display:none}
.zw__quelle{display:flex;align-items:flex-start;gap:10px;margin:4px 0 0;font-size:.9375rem;color:var(--ged)}
.zw__quelle svg{flex:none;margin-top:2px;color:var(--blau)}
.zw__quelle[hidden]{display:none}
@media (min-width:900px){
  .zw{padding-top:66px}
  .zw__weg{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
  .zw__weg::before{left:24px;right:0;top:23px;bottom:auto;width:auto;height:3px;background:linear-gradient(90deg,var(--linie-2),var(--blau) 30%,var(--marine) 72%,transparent)}
  .zw__halt{grid-template-columns:minmax(0,1fr);grid-template-areas:"punkt" "text" "betrag";row-gap:12px;padding:0}
  .zw__text{padding-top:0}
  .zw__betrag{margin-top:4px}
  .zw__klammer{position:absolute;top:0;left:calc((100% - 60px) / 4 + 20px);width:calc((100% - 60px) / 2 + 20px);display:flex;justify-content:center;align-items:baseline;gap:10px;margin:0;padding-bottom:12px;border:3px solid var(--blau);border-bottom:0;border-radius:14px 14px 0 0;height:52px;box-sizing:border-box;padding-top:10px}
  .zw__klammer span{font:700 .9375rem/1 Archivo,sans-serif;color:var(--ged)}
  .zw__klammer b{font:800 1.375rem/1 Archivo,sans-serif;color:var(--blau);font-variant-numeric:tabular-nums}
  .zw__quelle{margin-top:26px}
}
.rb-liste{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:16px}
@media (min-width:900px){.rb-liste{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.rb{display:flex;flex-direction:column;padding:22px 20px 20px;border-radius:var(--r-karte);background:#fff;border-top:5px solid var(--st0)}
.rb--1{border-top-color:var(--blau)}
.rb--2{border-top-color:var(--gold-d)}
.rb__titel{margin:0;font:800 1.25rem/1.2 Archivo,sans-serif;color:var(--h)}
.rb__wer{margin:6px 0 16px;font-size:.9375rem;line-height:1.5;color:var(--ged)}
.rb__posten{margin:0 0 16px;display:grid;gap:8px}
.rb__posten div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.9375rem;line-height:1.4}
.rb__posten dd{margin:0;font-weight:700;color:var(--h);white-space:nowrap;font-variant-numeric:tabular-nums}
.rb__summe{margin:auto 0 0;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:14px;border-top:2px solid var(--h)}
.rb__summe span{font-weight:700;color:var(--h)}
.rb__summe b{font:800 1.625rem/1 Archivo,sans-serif;color:var(--h);white-space:nowrap}
/* Fragen als Karten auf Farbe */
.fr-karten{display:grid;gap:10px}
.fr-karten .frage,.fg .frage{border-radius:14px;background:#fff;border:1px solid var(--linie-2);padding-inline:18px;box-shadow:0 1px 2px rgba(1,27,79,.05)}
.fr-karten .frage + .frage,.fg .frage + .frage{margin-top:0}
.frage[open] > p{animation:auf-rein .35s var(--ease)}
@keyframes auf-rein{from{opacity:0;transform:translateY(-4px)}}

/* ---------- Ablauf ---------- */
/* Schrittkarten der Live-Seite: Bildflächen kräftig statt fast weiß; Linie füllt sich beim Scrollen */
.sp-ablauf-live .ab-danach,.sp-ablauf-live .ab-weiter{display:none!important}
.sp-ablauf-live .ab-szene{background:radial-gradient(120% 90% at 85% 0%,rgba(1,85,253,.55),transparent 62%),linear-gradient(155deg,var(--marine-2),var(--marine))}
.sp-ablauf-live .ab-szene small{color:var(--ged)}
.sp-ablauf-live .ab-szene__pfeil{color:var(--hellblau)}
.sp-ablauf-live .ab-mini-form,.sp-ablauf-live .ab-text-blatt,.sp-ablauf-live .ab-browser,.sp-ablauf-live .ab-uhr,.sp-ablauf-live .ab-angebot{box-shadow:0 20px 40px -16px rgba(0,0,0,.6)}
.sp-ablauf-live .ab-blasen span{box-shadow:0 8px 18px -8px rgba(0,0,0,.5)}
.sp-ablauf-live .ab-blasen span.r{background:#fff;color:var(--h)}
.sp-ablauf-live .ab-schritt{transition:transform .5s var(--ease),box-shadow .3s}
.sp-ablauf-live .ab-los{background:var(--marine);color:var(--t-hell)}
.sp-ablauf-live .ab-los b{color:#fff}
.sp-ablauf-live .ab-los .btn--primaer{background:#fff;color:var(--marine)}
@media (min-width:900px){
  .sp-ablauf-live .ab-liste::after{content:"";position:absolute;left:21px;top:30px;width:3px;height:calc((100% - 60px) * var(--fortschritt,0));border-radius:3px;background:var(--blau);box-shadow:0 0 12px rgba(1,85,253,.6)}
  .sp-ablauf-live .ab-liste::before{background:#C9D6EE}
  .sp-ablauf-live .ab-nr{background:#fff;color:var(--marine);box-shadow:0 0 0 6px var(--blau-grund),0 0 0 8px #C9D6EE;transition:background-color .4s,color .4s,box-shadow .4s}
  .sp-ablauf-live .ab-schritt.erreicht .ab-nr{background:var(--blau);color:#fff;box-shadow:0 0 0 6px var(--blau-grund),0 8px 18px -6px rgba(1,85,253,.7)}
  .sp-ablauf-live .ab-schritt:hover{transform:translateY(-3px)}
}

/* Gespräch als Telefonat */
.tel .sp-kopf{max-width:760px}
.tel__buehne{display:grid;gap:28px;justify-items:center}
@media (min-width:900px){.tel__buehne{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:28px;align-items:center;max-width:980px;margin-inline:auto}}
.tel__pfeil{display:none;color:var(--hellblau)}
@media (min-width:900px){.tel__pfeil{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(138,180,255,.12);border:1px solid rgba(138,180,255,.3)}}
.tel__hinweis{margin:24px 0 0;color:var(--t-m)!important;text-align:center}
.anruf{margin:0;width:100%;max-width:360px;display:grid;gap:12px;justify-items:center}
.anruf__geraet{width:100%;display:grid;grid-template-rows:auto 1fr auto;min-height:440px;border-radius:36px;background:#F4F6FB;border:10px solid #0A1230;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(138,180,255,.25);overflow:hidden}
.anruf__kopf{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"bild wer" "zeit zeit";column-gap:12px;row-gap:10px;align-items:center;padding:16px 16px 12px;background:linear-gradient(160deg,#16A34A,#15803D);color:#fff}
.anruf__bild{grid-area:bild;width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.7)}
.anruf__wer{grid-area:wer;display:grid;margin:0;line-height:1.2}
.anruf__wer b{font:800 1.125rem/1.2 Archivo,sans-serif}
.anruf__wer span{font-size:.875rem;opacity:.9}
.anruf__zeit{grid-area:zeit;display:flex;align-items:center;gap:8px;margin:0;padding:7px 12px;border-radius:999px;background:rgba(0,0,0,.18);font:600 .875rem/1 "Source Sans 3",sans-serif}
.anruf__zeit i{width:9px;height:9px;border-radius:50%;background:#BBF7D0;box-shadow:0 0 0 0 rgba(187,247,208,.7);animation:anruf-puls 1.6s infinite}
@keyframes anruf-puls{70%{box-shadow:0 0 0 8px rgba(187,247,208,0)}100%{box-shadow:0 0 0 0 rgba(187,247,208,0)}}
.anruf__zeit time{margin-left:auto;font-variant-numeric:tabular-nums}
.anruf__verlauf{list-style:none;margin:0;padding:14px 12px 6px;display:flex;flex-direction:column;gap:8px}
.anruf__blase{max-width:86%;padding:9px 13px;border-radius:16px;font-size:.9375rem;line-height:1.4;transition:opacity .35s var(--ease),transform .35s var(--ease)}
.anruf__blase--frage{align-self:flex-start;background:#fff;color:var(--h);border-bottom-left-radius:5px;box-shadow:0 2px 6px rgba(1,27,79,.08)}
.anruf__blase--antwort{align-self:flex-end;display:grid;gap:6px;background:var(--blau);color:#fff;border-bottom-right-radius:5px}
.anruf__satz{display:flex;align-items:flex-start;gap:8px;font-weight:600}
.anruf__nr{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--blau);font:800 .75rem/1 Archivo,sans-serif}
.anruf__wird{justify-self:end;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.18);font-size:.8125rem}
.anruf__wird b{font-weight:800}
.anruf__tippt{display:flex;gap:4px;align-self:end;margin:0 12px 14px;padding:10px 12px;width:max-content;border-radius:14px;background:#fff;opacity:0;transition:opacity .2s}
.anruf__tippt i{width:7px;height:7px;border-radius:50%;background:#9AA6BF;animation:tippen 1s infinite}
.anruf__tippt i:nth-child(2){animation-delay:.15s}.anruf__tippt i:nth-child(3){animation-delay:.3s}
@keyframes tippen{30%{transform:translateY(-4px);background:var(--marine)}}
.anruf.laeuft .anruf__tippt.an{opacity:1}
.anruf__tippt.rechts{margin-left:auto;background:#DCE7FF}
.js .anruf.bereit .anruf__blase:not(.da){display:none}
.anruf.bereit .anruf__blase.da{animation:blase-rein .4s var(--ease)}
@keyframes blase-rein{from{opacity:0;transform:translateY(10px) scale(.97)}}
.anruf__nochmal{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid rgba(138,180,255,.5);background:transparent;color:#fff;font:700 .9375rem/1 Archivo,sans-serif;cursor:pointer}
.anruf__nochmal:hover{border-color:#fff}
.anruf__nochmal[hidden]{display:none}
.gp-handy{margin:0;display:grid;justify-items:center;gap:10px}
.gp-handy figcaption{font:700 .9375rem/1.2 Archivo,sans-serif;color:var(--t-hell)}
.gp-handy__rahmen{width:min(290px,100%);display:grid;gap:10px;padding:14px 14px 20px;border-radius:36px;background:#fff;border:10px solid #0A1230;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(138,180,255,.25)}
.gp-handy__leiste{margin:0;font:600 .75rem/1 "Source Sans 3",sans-serif;color:var(--ged);text-align:center}
.gp-handy__marke{margin:0 0 2px;font:800 1.0625rem/1.2 Archivo,sans-serif;color:var(--h)}
.gp-handy__teil{position:relative;display:grid;gap:5px;padding:12px 12px 12px 42px;border-radius:12px;background:var(--grund);border:1.5px solid var(--linie);transition:border-color .4s,background-color .4s,box-shadow .4s,opacity .4s}
.gp-handy__teil .gp__nr{position:absolute;left:10px;top:12px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--blau);color:#fff;font:800 .8125rem/1 Archivo,sans-serif}
.gp-handy__wort{font:700 .6875rem/1 Archivo,sans-serif!important;letter-spacing:.06em;text-transform:uppercase;color:var(--blau)!important}
.gp-handy__teil b{font:800 .9375rem/1.25 Archivo,sans-serif;color:var(--h)}
.gp-handy__teil small{font-size:.8125rem;line-height:1.35;color:var(--ged)}
.gp-handy__chips{display:flex;flex-wrap:wrap;gap:4px}
.gp-handy__chips i{padding:3px 8px;border-radius:999px;background:#fff;border:1px solid var(--linie-2);color:var(--h);font:600 .75rem/1.3 "Source Sans 3",sans-serif;font-style:normal}
.gp-handy__knopf{display:flex;justify-content:center;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;background:var(--blau);color:#fff;font:700 .875rem/1 Archivo,sans-serif}
.js .tel.bereit .gp-handy__teil{opacity:.45}
.js .tel.bereit .gp-handy__teil.an{opacity:1;border-color:var(--blau);background:#F2F6FF;box-shadow:0 10px 22px -14px rgba(1,85,253,.9)}

/* Vorbereiten: Liste zum Abhaken */
.vb{display:grid;gap:18px}
@media (min-width:960px){.vb{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;align-items:start}}
.vb-zettel{padding:20px 16px 16px;border-radius:20px;background:#fff;box-shadow:var(--schatten);border-top:6px solid var(--blau)}
@media (min-width:600px){.vb-zettel{padding:24px 26px 20px}}
.vb-zettel__kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin:0 0 10px}
.vb-zettel__kopf b{font:800 1.375rem/1.2 Archivo,sans-serif;color:var(--h)}
.vb-zettel__stand{padding:5px 12px;border-radius:999px;background:#E8F0FF;color:var(--blau-h);font:700 .875rem/1.2 Archivo,sans-serif;transition:background-color .3s,color .3s}
.vb-zettel__stand.voll{background:#DDF2E4;color:#14532D}
.vb-liste{list-style:none;margin:0;padding:0;display:grid}
.vb-punkt{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 30px;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid var(--linie);cursor:pointer}
.vb-liste li:last-child .vb-punkt{border-bottom:0}
.vb-punkt input{position:absolute;opacity:0;width:1px;height:1px}
.vb-punkt__zeichen{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--sand-grund);color:var(--gold-t);transition:background-color .25s,color .25s}
.vb-punkt__text{font-size:1.0625rem;line-height:1.45}
.vb-punkt__text b{color:var(--h)}
.vb-punkt__kasten{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:2.5px solid #76839F;color:transparent;transition:background-color .2s,border-color .2s,color .2s,transform .25s var(--ease)}
.vb-punkt:hover .vb-punkt__kasten{border-color:var(--blau)}
.vb-punkt input:focus-visible ~ .vb-punkt__kasten{outline:3px solid var(--blau);outline-offset:3px}
.vb-punkt input:checked ~ .vb-punkt__kasten{background:var(--blau);border-color:var(--blau);color:#fff;transform:scale(1.08)}
.vb-punkt input:checked ~ .vb-punkt__zeichen{background:var(--blau);color:#fff}
.vb-punkt input:checked ~ .vb-punkt__text b{text-decoration:line-through;text-decoration-color:rgba(1,85,253,.5);text-decoration-thickness:2px}
.vb__karten{display:grid;gap:16px}
.vb-karte{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:22px 20px;border-radius:20px;background:#fff;box-shadow:var(--schatten)}
.vb-karte__zeichen{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--marine);color:var(--hellblau)}
.vb-karte h3{margin:2px 0 8px;font:800 1.3125rem/1.25 Archivo,sans-serif;color:var(--h)}
.vb-karte p{margin:0 0 8px;line-height:1.6}
.vb-karte p:last-child{margin-bottom:0}
@media (max-width:420px){.vb-karte{grid-template-columns:1fr;gap:12px}.vb-punkt{grid-template-columns:40px minmax(0,1fr) 28px;gap:12px}.vb-punkt__zeichen{width:40px;height:40px}}

/* ---------- Gefunden werden ---------- */
.wege{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media (min-width:960px){.wege{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.fweg{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:20px;background:#fff;box-shadow:var(--schatten)}
.fweg__nr{display:flex;align-items:center;gap:10px;margin:0;font:800 1.1875rem/1.2 Archivo,sans-serif;color:var(--h)}
.fweg__nr span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--marine);color:#fff}
.fweg--karte .fweg__nr span{background:#EA4335}
.fweg--ki .fweg__nr span{background:linear-gradient(135deg,var(--blau),var(--hellblau))}
.fweg__bild{flex:1;margin:0}
.fweg__dafuer{margin:0;padding-top:12px;border-top:1px solid var(--linie);font-size:1rem;line-height:1.5}
.fweg__dafuer b{color:var(--h)}
.wege__hinweis{margin:16px 0 0}
.g-karte{display:grid;align-content:start;gap:12px;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--linie);color:var(--t)}
.g-karte__suche{display:flex;align-items:center;gap:12px;margin:0;min-height:44px;padding:9px 16px;border-radius:999px;border:1px solid #DADCE0;box-shadow:0 1px 4px rgba(32,33,36,.12);font:500 .9375rem/1.2 "Source Sans 3",sans-serif;color:#202124}
.g-karte__lupe{position:relative;flex:none;width:13px;height:13px;border:2px solid #5F6368;border-radius:50%}
.g-karte__lupe::after{content:"";position:absolute;right:-5px;bottom:-5px;width:6px;height:2px;background:#5F6368;transform:rotate(45deg)}
.g-karte__treffer{display:grid;gap:4px;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.g-karte__treffer p{margin:0}
.g-karte__treffer > :first-child{font-size:.875rem;color:#202124}
.g-karte__treffer > :nth-child(2){font:500 1.0625rem/1.3 "Source Sans 3",sans-serif;color:#1A0DAB}
.g-karte__treffer > :nth-child(n+3){font-size:.9375rem;line-height:1.5;color:#4D5156}
.js .fweg--google:not(.fertig) .g-karte__treffer{opacity:0;transform:translateY(8px)}
.am-tippen::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.15em;background:currentColor;animation:schreibmarke .8s steps(1) infinite}
@keyframes schreibmarke{50%{opacity:0}}
.profil-karte{display:grid;align-content:start;gap:6px;padding:0 0 14px;border-radius:14px;background:#fff;border:1px solid var(--linie);overflow:hidden}
.profil-karte p{margin:0}
.profil-karte__karte{position:relative;height:96px;margin:0 0 6px;background:linear-gradient(115deg,transparent 46%,#fff 46%,#fff 52%,transparent 52%),linear-gradient(25deg,transparent 60%,#FCE8B2 60%,#FCE8B2 64%,transparent 64%),linear-gradient(0deg,transparent 38%,#fff 38%,#fff 44%,transparent 44%),#E5EDE0}
.profil-karte__nadel{position:absolute;left:58%;top:24px;width:24px;height:24px;border-radius:50% 50% 50% 0;background:#EA4335;transform:rotate(-45deg);box-shadow:0 4px 8px rgba(0,0,0,.25)}
.profil-karte__nadel::after{content:"";position:absolute;left:8px;top:8px;width:8px;height:8px;border-radius:50%;background:#fff}
.profil-karte__info{display:grid;gap:6px;padding:0 14px;transition:opacity .5s var(--ease) .25s,transform .5s var(--ease) .25s}
.profil-karte__name{font:500 1.3125rem/1.2 "Source Sans 3",sans-serif;color:#202124}
.profil-karte__art{font-size:.9375rem;color:#5F6368}
.profil-karte__zeit{display:flex;align-items:center;gap:8px;font-size:.9375rem;color:#188038}
.profil-karte__punkt{width:8px;height:8px;border-radius:50%;background:#188038}
.profil-karte__knoepfe{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px!important}
.profil-karte__knoepfe span{padding:7px 12px;border-radius:999px;border:1px solid #DADCE0;color:#1A73E8;font:600 .875rem/1 "Source Sans 3",sans-serif}
.js .fweg--karte:not(.da) .profil-karte__nadel{opacity:0;transform:translateY(-40px) rotate(-45deg)}
.fweg--karte.da .profil-karte__nadel{animation:nadel-fall .7s cubic-bezier(.3,1.6,.5,1) both}
@keyframes nadel-fall{from{opacity:0;transform:translateY(-40px) rotate(-45deg)}to{opacity:1;transform:rotate(-45deg)}}
.js .fweg--karte:not(.da) .profil-karte__info{opacity:0;transform:translateY(8px)}
.ki-karte{display:grid;align-content:start;gap:12px;padding:14px;border-radius:14px;background:var(--grund);border:1px solid var(--linie)}
.ki-karte__frage{justify-self:end;max-width:90%;margin:0;padding:11px 15px;border-radius:18px 18px 4px 18px;background:var(--marine);color:#fff;font-weight:600;line-height:1.45}
.ki-karte__antwort{justify-self:start;max-width:96%;margin:0;padding:13px 15px;border-radius:18px 18px 18px 4px;background:#fff;border:1px solid var(--linie-2);line-height:1.55}
.ki-karte__wer{display:flex;align-items:center;gap:8px;margin-bottom:6px;font:700 .8125rem/1 Archivo,sans-serif;letter-spacing:.04em;color:var(--blau)}
.ki-karte__wer::before{content:"";width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,var(--blau),var(--hellblau))}
/* Prüfung in fünf Bereichen */
.pb-raster{display:grid;gap:28px}
@media (min-width:960px){.pb-raster{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center}}
.pb-hinweis{margin:0;max-width:52ch;font-size:1rem;line-height:1.6;color:var(--t-m)}
.pb{margin:0;border-radius:20px;background:#fff;color:var(--t);box-shadow:0 40px 80px -36px rgba(0,0,0,.8);overflow:hidden}
.pb__kopf{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#EEF2F9;border-bottom:1px solid var(--linie)}
.pb__punkte{display:flex;gap:5px}
.pb__punkte i{width:9px;height:9px;border-radius:50%;background:#C3CBDA}
.pb__kopf b{font:800 1rem/1.2 Archivo,sans-serif;color:var(--h)}
.pb__kopf span:last-child{margin-left:auto;padding:3px 10px;border-radius:8px;background:#fff;font-size:.8125rem;color:var(--ged)}
.pb__liste{list-style:none;margin:0;padding:6px 16px}
.pb-zeile{display:grid;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--linie)}
.pb-zeile:last-child{border-bottom:0}
.pb-zeile__zeichen{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#E8F0FF;color:var(--blau)}
.pb-zeile__text{display:grid;gap:3px;min-width:0}
.pb-zeile__marke{justify-self:start;padding:3px 8px;border-radius:6px;background:var(--marine);color:#fff;font:800 .8125rem/1.2 Archivo,sans-serif;letter-spacing:.05em}
.pb-zeile__text b{font:800 1.0625rem/1.3 Archivo,sans-serif;color:var(--h)}
.pb-zeile__punkte{font-size:.9375rem;line-height:1.45;color:var(--ged)}
.pb-zeile__stand{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#16A34A;color:#fff}
.pb-zeile__kreis{display:none}
.js .pb.bereit .pb-zeile:not(.geprueft) .pb-zeile__stand{background:transparent;color:transparent}
.js .pb.bereit .pb-zeile:not(.geprueft) .pb-zeile__kreis{display:block;position:absolute;inset:3px;border-radius:50%;border:3px solid #D3DBEA;border-top-color:var(--blau);animation:drehen .8s linear infinite}
.js .pb.bereit .pb-zeile:not(.geprueft):not(.dran) .pb-zeile__kreis{animation:none;border-top-color:#D3DBEA}
.pb-zeile.geprueft .pb-zeile__stand{animation:zeichen-pop .45s var(--ease)}
@keyframes drehen{to{transform:rotate(360deg)}}
.pb__fuss{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#F4F7FD;border-top:1px solid var(--linie)}
.pb__balken{flex:1;height:8px;border-radius:8px;background:#DCE4F2;overflow:hidden}
.pb__balken i{display:block;height:100%;width:calc(var(--pb,1) * 100%);border-radius:8px;background:linear-gradient(90deg,var(--blau),#16A34A);transition:width .6s var(--ease)}
.pb__zahl{font-size:.9375rem;color:var(--ged);white-space:nowrap}
.pb__zahl b{color:var(--h);font-family:Archivo,sans-serif}
@media (max-width:420px){.pb__liste{padding:4px 12px}.pb-zeile{grid-template-columns:36px minmax(0,1fr) 28px;gap:10px}.pb-zeile__zeichen{width:36px;height:36px}.pb-zeile__stand{width:28px;height:28px}.pb__zahl{white-space:normal}}
.sp-karte{position:relative;padding:24px 22px 22px;border-radius:20px;background:#fff;box-shadow:var(--schatten)}
@media (min-width:900px){.sp-karte{padding:30px 32px 28px}}
.sp-karte h2,.sp-karte h3{margin:0 0 10px;font:800 clamp(1.375rem,1.2rem + .7vw,1.75rem)/1.25 Archivo,sans-serif;color:var(--h);letter-spacing:-.01em}
.sp-karte p{margin:0 0 10px;font-size:1.0625rem;line-height:1.6}
.sp-karte p:last-child{margin-bottom:0}
.sp-karte__zeichen{display:grid;place-items:center;width:48px;height:48px;margin-bottom:16px;border-radius:14px;background:#FDE3E0;color:#C5221F}
.sp-karte__preis b{font:800 1.5rem/1 Archivo,sans-serif;color:var(--h);margin-right:4px;white-space:nowrap}
.sp-karte--dunkel{background:radial-gradient(30rem 18rem at 100% 0,rgba(1,85,253,.3),transparent 60%),var(--marine)}
.sp-karte--dunkel h2,.sp-karte--dunkel h3{color:#fff}
.sp-karte--dunkel p{color:var(--t-hell)}
.sp-karte--dunkel .sp-karte__zeichen{background:rgba(138,180,255,.16);color:var(--hellblau)}

/* ---------- Fragen ---------- */
.fr-raster{display:grid;gap:28px}
@media (min-width:960px){.fr-raster{grid-template-columns:270px minmax(0,1fr);gap:56px;align-items:start}}
.fr-themen{display:none}
@media (min-width:960px){.fr-themen{display:block;position:sticky;top:calc(var(--kopf-h) + 28px);padding:16px;border-radius:18px;background:#fff;box-shadow:var(--schatten)}}
.fr-themen__titel{margin:0 0 10px;padding:0 8px;font:700 .8125rem/1 Archivo,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--ged)}
.fr-themen ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.fr-themen a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:6px 8px;border-radius:12px;color:var(--t);font:600 1rem/1.25 Archivo,sans-serif;text-decoration:none;transition:background-color .2s,color .2s}
.fr-themen__zeichen{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#E8F0FF;color:var(--blau);transition:background-color .2s,color .2s}
.fr-themen__zahl{display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:var(--wechsel);font-size:.8125rem;color:var(--ged)}
.fr-themen a:hover{background:#F2F6FF;color:var(--blau)}
.fr-themen a[aria-current]{background:var(--marine);color:#fff}
.fr-themen a[aria-current] .fr-themen__zeichen{background:var(--blau);color:#fff}
.fr-themen a[aria-current] .fr-themen__zahl{background:rgba(255,255,255,.16);color:#fff}
.fr-liste{display:grid;gap:8px;max-width:860px}
.fg{display:grid;gap:10px;margin-bottom:30px;scroll-margin-top:calc(var(--kopf-h) + 20px)}
.fg__titel{display:flex;align-items:center;gap:12px;margin:0 0 4px;font-size:clamp(1.375rem,1.15rem + .8vw,1.75rem)}
.fg__zeichen{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--marine);color:#fff}
.fg .frage summary{padding-block:18px}
.fg .frage p a{color:var(--blau)}
.nd{display:grid;gap:10px;padding:26px 24px;border-radius:20px;overflow:hidden}
.nd__titel{margin:0;font-size:1.5rem;color:#fff}
.nd p{margin:0;color:var(--t-hell)}
.nd__tel{display:flex;align-items:center;gap:10px;font:800 1.5rem/1.2 Archivo,sans-serif}
.nd__tel svg{flex:none;width:40px;height:40px;padding:10px;border-radius:50%;background:var(--blau);color:#fff}
.nd__tel a{color:#fff;text-decoration:none;white-space:nowrap}
.nd__zeiten{font-size:.9375rem;color:var(--t-m)!important}
.nd__mail a{color:var(--hellblau)}
.nd .btn{margin-top:6px}

/* ---------- Über uns ---------- */
.pers-raster{display:grid;gap:18px}
@media (min-width:900px){.pers-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
.pers{display:grid;gap:0;border-radius:20px;background:#fff;overflow:hidden;box-shadow:var(--schatten)}
.pers__bild{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 22%;transition:transform .6s var(--ease)}
.pers:hover .pers__bild{transform:scale(1.03)}
.pers__text{display:grid;gap:10px;align-content:start;padding:20px 22px 24px}
.pers__text h3{font-size:1.5rem}
.pers__text p{margin:0;line-height:1.6}
.pers__rolle{justify-self:start;padding:4px 10px;border-radius:999px;background:#E8F0FF;font:700 .875rem/1.2 Archivo,sans-serif!important;color:var(--blau-h)}
@media (min-width:600px){.pers{grid-template-columns:200px minmax(0,1fr)}.pers__bild{aspect-ratio:auto;height:100%;min-height:270px}}
@media (min-width:900px) and (max-width:1149px){.pers{grid-template-columns:1fr}.pers__bild{aspect-ratio:3/2;height:auto;min-height:0}}
.warum h2{margin:0 0 16px;font-size:clamp(1.75rem,1.2rem + 2.1vw,2.625rem)}
.warum__gross{margin:0 0 30px;max-width:46ch;font:700 clamp(1.3125rem,1.05rem + 1.1vw,1.875rem)/1.4 Archivo,sans-serif;color:var(--h);letter-spacing:-.01em}
.warum__eigen{margin:26px 0 0;max-width:60ch;padding:4px 0 4px 20px;border-left:4px solid var(--gold-d);font-size:1.1875rem;line-height:1.6;color:var(--h)}
.zg{list-style:none;margin:0;padding:0;display:grid;gap:14px}
@media (min-width:700px){.zg{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.zg__karte{display:grid;gap:6px;padding:22px 20px;border-radius:20px;background:#fff;box-shadow:var(--schatten)}
.zg__zeichen{display:grid;place-items:center;width:52px;height:52px;margin-bottom:8px;border-radius:15px;background:var(--marine);color:var(--gold)}
.zg__karte:nth-child(2) .zg__zeichen{background:var(--blau);color:#fff}
.zg__karte:nth-child(3) .zg__zeichen{background:var(--sand);color:var(--gold-t)}
.zg__karte b{font:800 1.3125rem/1.2 Archivo,sans-serif;color:var(--h)}
.zg__karte span{line-height:1.5}
.zg__muster{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:18px 0 0;font-size:1.0625rem}
.nummern{list-style:none;margin:0;padding:0;display:grid;gap:14px}
@media (min-width:700px){.nummern{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}}
@media (min-width:1100px){.nummern{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nummern li{display:grid;gap:6px;padding:22px 20px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(138,180,255,.2);transition:background-color .3s,border-color .3s}
.nummern li:hover{background:rgba(255,255,255,.08);border-color:rgba(138,180,255,.4)}
.nummern__nr{font:800 1.75rem/1 Archivo,sans-serif;color:var(--gold);margin-bottom:6px;letter-spacing:-.02em}
.nummern b{font:800 1.25rem/1.3 Archivo,sans-serif;color:#fff}
.nummern span:last-child{line-height:1.55;color:var(--t-hell)}
.wo{display:grid;gap:30px}
@media (min-width:960px){.wo{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center}}
.wo__fakten{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.wo__fakten li{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--blau-grund)}
.wo__zeichen{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--marine);color:#fff}
.wo__fakten b{font:800 1.125rem/1.2 Archivo,sans-serif;color:var(--h)}
.wo__fakten span:last-child{font-size:.9375rem;color:var(--ged)}
.wo__orte{margin:0;font-size:1rem;line-height:1.6;color:var(--ged);max-width:58ch}
.karte{margin:0;justify-self:center;width:100%;max-width:600px}
.karte__svg{display:block;width:100%;height:auto;border-radius:24px;background:#F3F7FE;box-shadow:var(--schatten),inset 0 0 0 1px var(--linie)}
.karte figcaption{margin-top:10px;font-size:.875rem;color:var(--ged);text-align:center}
.karte figcaption a{color:inherit}
.karte__kreis{stroke:var(--blau);stroke-width:2;stroke-dasharray:6 7;stroke-opacity:.6}
.karte__puls{fill:none;stroke:var(--blau);stroke-width:2;opacity:0}
.karte__land{fill:#fff;stroke:var(--blau);stroke-width:2;stroke-linejoin:round;filter:drop-shadow(0 8px 14px rgba(1,27,79,.12))}
.karte__elbe{fill:none;stroke:#7FB0F0;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.karte__fluss{font:italic 600 14px "Source Sans 3",sans-serif;fill:#3E78C9;letter-spacing:.1em}
.karte__ort circle{fill:var(--h);stroke:#fff;stroke-width:2}
.karte__ort text{font:600 15px "Source Sans 3",sans-serif;fill:var(--h);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.karte__ort--mitte circle{fill:var(--blau)}
.karte__ort--mitte text{font:800 18px Archivo,sans-serif}
.karte__ort--zuhause circle{fill:var(--gold-d)}
.karte__ort--zuhause .karte__ring{fill:rgba(227,184,118,.3);stroke:none}
.karte__ort--zuhause text{font:800 16px Archivo,sans-serif}
.karte__massstab path{fill:none;stroke:var(--ged);stroke-width:2}
.karte__massstab text{font:600 13px "Source Sans 3",sans-serif;fill:var(--ged)}
@media (max-width:599px){.karte__ort text{font-size:19px;stroke-width:5px}.karte__ort--mitte text{font-size:22px}.karte__ort--zuhause text{font-size:20px}.karte__fluss{font-size:17px}.karte__massstab text{font-size:16px}}
.js .karte:not(.da) .karte__ort{opacity:0;transform:translateY(-6px)}
.karte__ort{transition:opacity .45s var(--ease),transform .45s var(--ease);transition-delay:calc(var(--i) * 70ms)}
.js .karte:not(.da) .karte__kreis{stroke-dashoffset:300;opacity:0}
.karte__kreis{transition:opacity .8s,stroke-dashoffset 1.4s var(--ease)}
.karte.da .karte__puls{animation:karte-puls 3.2s var(--ease) 1.2s infinite}
@keyframes karte-puls{0%{opacity:.5;transform:scale(.7)}100%{opacity:0;transform:scale(1.04)}}

/* ---------- Nächstes Thema und Kontaktband ---------- */
.sp-weiter{padding-block:48px}
@media (min-width:900px){.sp-weiter{padding-block:64px}}
.sp-weiter__raster{display:grid;gap:22px}
@media (min-width:900px){.sp-weiter__raster{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:40px;align-items:center}}
.sp-weiter__karte{position:relative;display:grid;gap:4px;padding:24px 80px 24px 24px;border-radius:20px;background:radial-gradient(30rem 16rem at 100% 0,rgba(138,180,255,.35),transparent 60%),linear-gradient(150deg,#1863FF,var(--blau-h));color:#fff;text-decoration:none;box-shadow:0 24px 50px -24px rgba(1,85,253,.9)}
@media (min-width:900px){.sp-weiter__karte{padding:30px 100px 30px 32px}}
.sp-weiter__wort{font:700 .8125rem/1 Archivo,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--hellblau)}
.sp-weiter__frage{font-size:1.0625rem;color:#D3E1FF}
.sp-weiter__antwort{font:800 clamp(1.5rem,1.2rem + 1.4vw,2.25rem)/1.15 Archivo,sans-serif;color:#fff;letter-spacing:-.02em}
.sp-weiter__pfeil{position:absolute;right:22px;top:50%;display:grid;place-items:center;width:48px;height:48px;margin-top:-24px;border-radius:50%;background:#fff;color:var(--blau);transition:transform .2s var(--ease)}
@media (min-width:900px){.sp-weiter__pfeil{right:30px;width:56px;height:56px;margin-top:-28px}}
.sp-weiter__karte:hover .sp-weiter__pfeil{transform:translateX(4px)}
.sp-weiter__karte:focus-visible{outline:3px solid var(--blau);outline-offset:3px}
.sp-weiter__rest p{margin:0 0 6px;font-weight:600;color:var(--ged)}
.sp-weiter__rest ul{list-style:none;margin:0;padding:0;display:grid}
.sp-weiter__rest a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid var(--linie-2);color:var(--h);font:700 1.0625rem/1.25 Archivo,sans-serif;text-decoration:none}
.sp-weiter__rest a span{color:var(--blau);line-height:0;transition:transform .2s var(--ease)}
.sp-weiter__rest a:hover{color:var(--blau)}
.sp-weiter__rest a:hover span{transform:translateX(3px)}
.kb__raster{display:grid;gap:22px}
@media (min-width:900px){.kb__raster{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px}}
.kb h2{margin:0 0 10px;color:#fff;font-size:clamp(1.75rem,1.35rem + 1.5vw,2.5rem)}
.kb p{margin:0;color:var(--t-hell);font-size:1.0625rem;line-height:1.55}
.kb__wege{display:grid;gap:14px;justify-items:start}
.kb__tel{display:flex;align-items:center;gap:12px}
.kb__tel svg{flex:none;width:40px;height:40px;padding:10px;border-radius:50%;background:rgba(138,180,255,.16);color:#fff}
.kb__tel span{display:grid}
.kb__tel a{color:#fff;font-weight:700;white-space:nowrap}
.kb__tel small{color:var(--t-m);font-size:.9375rem}

/* ---------- Übersicht der Entwürfe ---------- */
.ueb{background:var(--punkte) 0 0/22px 22px,var(--blau-grund)}
.ueb__innen{padding-block:48px 72px}
.ueb h1{font-size:clamp(2rem,1.5rem + 2vw,3rem);margin:0 0 14px}
.ueb__lead{max-width:72ch;margin:0 0 10px}
.ueb__lead a{color:var(--blau)}
.ueb__raster{display:grid;gap:14px;margin-top:28px}
@media (min-width:800px){.ueb__raster--eins{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ueb__karte{display:grid;gap:6px;padding:18px 20px;border-radius:16px;background:#fff;color:var(--t);text-decoration:none;box-shadow:var(--schatten);border:2px solid transparent;transition:border-color .2s}
.ueb__karte b{font:800 1.25rem/1.2 Archivo,sans-serif;color:var(--blau)}
.ueb__karte span{font-size:.9375rem;line-height:1.5}
.ueb__karte:hover{border-color:var(--blau)}

/* ---------- Bewegung reduzieren ---------- */
@media (prefers-reduced-motion:reduce){
  .mini-schritte li,.nabe__linien path,.nabe__knoten,.anruf__zeit i,.anruf__tippt i,.jb[data-stufe="2"]::before,.karte__puls,.pr-zeichen,.jb__kacheln li,.jb__auswahl li{animation:none!important}
  [data-kippen]{transform:none!important}
  [data-licht]::after{display:none}
}
/* Prüfung 08.10.: „2 Monate gespart“ am Handy mindestens 13 px */
.bt-umschalter small,.bt-umschalter input:checked + span small{font-size:.8125rem}
/* Prüfung 08.10.: ohne Skript setzt niemand die Verkleinerung des Beispiel-Handys (--s); sonst ragt es am Handy 70 px aus der Seite */
html:not(.js) .fq .gs-handy__geraet{--s:.5}
@media (min-width:430px){html:not(.js) .fq .gs-handy__geraet{--s:.6}}
@media (min-width:480px){html:not(.js) .fq .gs-handy__geraet{--s:.72}}
/* Preise, Schritt 3: Hinweis für Kunden mit eigenem Hoster (Hugo, 08.10.2026: Betreuung im ersten Jahr verbindlich) */
.hoster-hinweis{margin:14px 0 0;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid #D3DCEB;font-size:1rem;line-height:1.5;color:var(--t)}
.hoster-hinweis b{color:var(--h)}