/* Gratis-Entwurf (18.10.2026, Schritt-Wizard 19.10.2026): Landeseite /gratis-entwurf/. Ergänzt stil.css und gratis-formular.css, mobil zuerst. */

/* Schriften fuer die Vorschau im Wizard (selbst gehostet, SIL OFL, dieselben Dateien wie die Demos). Laden erst, wenn sie sichtbar werden. */
@font-face{font-family:'GE Manrope';font-weight:400 800;font-display:swap;src:url(/assets/fonts/demo-f036.woff2) format('woff2')}
@font-face{font-family:'GE Archivo';font-weight:400 700;font-display:swap;src:url(/assets/fonts/demo-f006.woff2) format('woff2')}
@font-face{font-family:'GE Bitter';font-weight:400 700;font-display:swap;src:url(/assets/fonts/demo-f030.woff2) format('woff2')}
@font-face{font-family:'GE Bodoni';font-weight:400 600;font-display:swap;src:url(/assets/fonts/demo-f034.woff2) format('woff2')}
@font-face{font-family:'GE Prata';font-weight:400;font-display:swap;src:url(/assets/fonts/demo-f056.woff2) format('woff2')}
@font-face{font-family:'GE Jost';font-weight:300 600;font-display:swap;src:url(/assets/fonts/demo-f043.woff2) format('woff2')}
@font-face{font-family:'GE Nunito';font-weight:400 700;font-display:swap;src:url(/assets/fonts/demo-f032.woff2) format('woff2')}
@font-face{font-family:'GE Barlow Condensed';font-weight:700;font-display:swap;src:url(/assets/fonts/demo-f028.woff2) format('woff2')}
@font-face{font-family:'GE Sora';font-weight:400 700;font-display:swap;src:url(/assets/fonts/demo-f053.woff2) format('woff2')}
@font-face{font-family:'GE Spectral';font-weight:600;font-display:swap;src:url(/assets/fonts/demo-f014.woff2) format('woff2')}

.ge-karte [hidden],.ge-karte[hidden],.ge-fund[hidden],.ge-nav [hidden],.ge-galerie [hidden]{display:none!important}
.ge-kopf{padding-bottom:2.5rem}
.ge-gitter{display:grid;gap:2rem;align-items:start;min-width:0}
.ge-haupt,.ge-vertrauen{min-width:0}
@media (min-width:62rem){.ge-gitter{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:3rem}.ge-vertrauen{position:sticky;top:6rem}}
.ge-kopf h1 em{font-style:italic;color:var(--cyan)}
.ge-versprechen{font-size:1.08rem;max-width:40rem;margin-top:1rem}
.ge-versprechen b{color:var(--auf-nacht);font-weight:600}
.ge-klein{font-size:.88rem;color:var(--auf-nacht-still)}

/* Karte mit Wizard */
.ge-karte{--ge-haus:#2959C4;margin-top:1.5rem;background:rgba(12,22,40,.92);border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;padding:1.1rem;box-shadow:0 30px 60px -30px rgba(0,0,0,.9);scroll-margin-top:5.5rem}
@media (min-width:40rem){.ge-karte{padding:1.75rem}}
.ge-karte.ist-gestartet{border-color:rgba(108,231,250,.35)}
.ge-wizard fieldset{border:0;margin:0;padding:0;min-width:0}
.ge-wizard legend{padding:0;margin:0 0 .4rem;width:100%}
.ge-wizard legend h2{font-size:clamp(1.65rem,1.2rem + 1.8vw,2.3rem);line-height:1.1;outline:none}
.ge-frage-hilfe{color:var(--auf-nacht-still);margin:0 0 1.1rem}
.lm-js .ge-wizard:not(.ist-bereit) .ge-schritt:not([data-schritt=url]){display:none}

/* Fortschritt */
.ge-kopfzeile{margin-bottom:1.1rem;display:grid;gap:.8rem}
.ge-fortschritt{display:grid;gap:.4rem}
.ge-fortschritt-text{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--auf-nacht-still)}
.ge-balken{height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.ge-balken span{display:block;height:100%;width:12%;border-radius:inherit;background:linear-gradient(90deg,var(--koenig),var(--cyan));transition:width .35s ease}
@media (prefers-reduced-motion:reduce){.ge-balken span{transition:none}}

/* Link-Feld */
.ge-url-zeile{display:flex;flex-direction:column;gap:.6rem}
@media (min-width:36rem){.ge-url-zeile{flex-direction:row}.ge-url-zeile input{flex:1;min-width:0}}
.ge-url-feld input{font-size:1.15rem;min-height:3.6rem}
.ge-url-feld label{font-size:.95rem}
.ge-url-zeile .taste{min-height:3.6rem;white-space:nowrap}
.taste.ist-laedt{opacity:.75;cursor:progress}
.ge-url-feld .ge-klein{margin-top:.2rem}
.ge-hoster{margin:1.1rem 0 0;display:flex;flex-wrap:wrap;gap:.35rem .5rem;align-items:center;font-size:.85rem;color:var(--auf-nacht-still)}
.ge-hoster b{font-weight:600;color:var(--auf-nacht);padding:.15rem .55rem;border:1px solid rgba(255,255,255,.14);border-radius:.4rem;background:rgba(255,255,255,.04)}

/* Gefunden */
.ge-fund{padding:.8rem 1rem;border-radius:.8rem;border:1px solid rgba(108,231,250,.3);background:rgba(10,98,255,.08);display:flex;gap:.85rem;align-items:center;min-width:0}
.ge-fund div{min-width:0;overflow-wrap:anywhere}
.ge-fund img{width:44px;height:44px;object-fit:contain;border-radius:.5rem;background:#fff;flex:none}
.ge-fund .ge-farbe{width:16px;height:16px;border-radius:50%;display:inline-block;vertical-align:-2px;margin-left:.4rem;border:1px solid rgba(255,255,255,.5)}
.ge-fund b{color:var(--auf-nacht)}
.ge-fund small{display:block;color:var(--auf-nacht-still);font-size:.84rem;margin-top:.1rem}
.ge-fund-laedt::before{content:"";display:inline-block;width:.85rem;height:.85rem;margin-right:.55rem;vertical-align:-1px;border-radius:50%;border:2px solid var(--cyan);border-right-color:transparent;animation:ge-dreh 0.9s linear infinite}
@keyframes ge-dreh{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ge-fund-laedt::before{animation:none}}

/* Auswahl-Karten */
.ge-wahl input,.ge-chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.ge-wahl{position:relative;display:flex;flex-direction:column;gap:.7rem;padding:1rem;border-radius:1rem;border:1.5px solid var(--taste-linie);background:rgba(255,255,255,.03);cursor:pointer;transition:border-color .15s,background .15s;min-width:0}
.ge-wahl:hover{border-color:#8FA3C2}
.ge-wahl:has(input:checked){border-color:var(--cyan);background:rgba(108,231,250,.08);box-shadow:0 0 0 1px var(--cyan) inset}
.ge-wahl:has(input:focus-visible),.ge-chip:has(input:focus-visible){outline:3px solid var(--cyan);outline-offset:3px}
.ge-wahl::after{content:"";position:absolute;top:.8rem;right:.8rem;width:1.3rem;height:1.3rem;border-radius:50%;border:2px solid var(--taste-linie);background:transparent}
.ge-wahl:has(input:checked)::after{border-color:var(--cyan);background:radial-gradient(circle,var(--cyan) 0 45%,transparent 50%)}
.ge-wahl-text{display:block;padding-right:1.8rem}
.ge-wahl-text b{font-weight:600;color:var(--auf-nacht)}
.ge-wahl-text small{display:block;color:var(--auf-nacht-still);font-size:.88rem;margin-top:.15rem}
.ge-empf{font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.12rem .5rem;border-radius:99px;background:var(--cyan);color:#041018;vertical-align:2px;margin-left:.25rem;white-space:nowrap}
.ge-karten2{display:grid;gap:.8rem}
@media (min-width:30rem){.ge-karten2{grid-template-columns:1fr 1fr}}
.ge-wahl--zeile{flex-direction:row;align-items:center;padding:.85rem 1rem}

/* Mini-Vorschau hell/dunkel */
.ge-mini{display:grid;gap:.45rem;padding:.7rem;border-radius:.6rem;aspect-ratio:16/10;align-content:start;overflow:hidden}
.ge-mini i{display:block;font-style:normal;border-radius:3px}
.ge-mini--hell{background:#F7F8FA;border:1px solid #DDE3EC}
.ge-mini--dunkel{background:#0E1420;border:1px solid #2A3650}
.ge-mini-kopf{display:flex!important;align-items:center;gap:.3rem;padding-bottom:.35rem;border-bottom:1px solid rgba(127,140,160,.25)}
.ge-mini-kopf b{font-size:.68rem;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ge-mini-kopf i{width:1rem;height:.3rem;background:rgba(127,140,160,.45)}
.ge-mini--hell .ge-mini-kopf b{color:#141B26}.ge-mini--dunkel .ge-mini-kopf b{color:#EEF2F8}
.ge-mini-titel{height:.75rem;width:80%;margin-top:.3rem}
.ge-mini--hell .ge-mini-titel{background:#1B2433}.ge-mini--dunkel .ge-mini-titel{background:#E8EDF5}
.ge-mini-zeile{height:.35rem;width:92%;background:rgba(127,140,160,.45)}
.ge-mini-zeile.kurz{width:60%}
.ge-mini-taste{height:.85rem;width:38%;margin-top:.35rem;border-radius:99px!important;background:var(--ge-haus)}

/* Schriften */
.ge-schriften{display:grid;gap:.7rem}
@media (min-width:34rem){.ge-schriften{grid-template-columns:1fr 1fr}}
.ge-schrift{gap:.35rem}
.ge-schrift-probe{display:block;font-size:clamp(1.35rem,1.1rem + 1vw,1.7rem);line-height:1.15;color:var(--auf-nacht);padding-right:1.8rem;overflow-wrap:anywhere}
.ge-schrift .ge-wahl-text b{font-size:.88rem;font-weight:500;color:var(--auf-nacht-still)}
.ge-link-taste{background:none;border:0;padding:.6rem 0;margin-top:.4rem;font:inherit;font-size:.95rem;color:var(--cyan);cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:2.75rem}
.ge-link-taste:hover{color:#A3F2FE}

/* Regler */
.ge-regler{padding:.5rem 0}
.ge-regler input[type=range]{--ge-wert:50%;width:100%;height:2.75rem;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;margin:0}
.ge-regler input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--cyan) var(--ge-wert),rgba(255,255,255,.14) var(--ge-wert))}
.ge-regler input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:rgba(255,255,255,.14)}
.ge-regler input[type=range]::-moz-range-progress{height:8px;border-radius:99px;background:var(--cyan)}
.ge-regler input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-10px;border-radius:50%;background:#fff;border:4px solid var(--koenig);box-shadow:0 4px 12px rgba(0,0,0,.5)}
.ge-regler input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid var(--koenig)}
.ge-regler input[type=range]:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;border-radius:8px}
.ge-regler-enden{display:flex;justify-content:space-between;font-size:.85rem;color:var(--auf-nacht-still)}
.ge-regler-wert{margin-top:1rem;padding:.8rem 1rem;border-radius:.8rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.ge-regler-wert b{color:var(--cyan);font-size:1.25rem;margin-right:.4rem}

/* Chips */
.ge-chips{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;margin:0;padding:0}
.ge-chip{position:relative;cursor:pointer;border-radius:99px}
.ge-chip span{display:inline-flex;align-items:center;min-height:2.9rem;padding:.55rem 1.05rem;border-radius:99px;border:1.5px solid var(--taste-linie);background:rgba(255,255,255,.03);font-size:.95rem;color:var(--auf-nacht)}
.ge-chip:hover span{border-color:#8FA3C2}
.ge-chip:has(input:checked) span{border-color:var(--cyan);background:var(--cyan);color:#041018;font-weight:600}

/* Slogans */
.ge-slogans{display:grid;gap:.6rem}
.ge-slogan .ge-wahl-text b{font-family:var(--anzeige);font-weight:400;font-size:1.25rem;line-height:1.25}
.ge-slogan-eigen{display:grid;gap:.6rem;margin-top:.6rem}
.ge-slogan-eigen .feld{margin:-.2rem 0 .2rem}

/* Kontakt */
.ge-hinweis-box{margin:0 0 1rem;padding:.8rem 1rem;border-radius:.8rem;background:rgba(52,216,160,.08);border:1px solid rgba(52,216,160,.35);font-size:.95rem}
.ge-hinweis-box b{color:#7FEBC5}
.ge-wizard .feld{margin-bottom:.9rem}

/* Navigation im Wizard */
.ge-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.08)}
.ge-nav .ge-weiter,.ge-nav .ge-senden{margin-left:auto}
.ge-nav .ge-ueberspringen{margin:0;padding:.6rem .25rem;font-size:.9rem;color:var(--auf-nacht-still)}
@media (max-width:30rem){.ge-nav .ge-weiter,.ge-nav .ge-senden{order:-1;width:100%;margin-left:0}.ge-nav .ge-zurueck{flex:1}}

/* Danke */
.ge-danke{padding:.25rem 0;outline:none}
.ge-danke-zeichen{width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;background:rgba(52,216,160,.9);color:#041018;font-size:1.5rem;font-weight:700;margin:0 0 .9rem}
.ge-danke h2{margin:0 0 .6rem;font-size:clamp(1.65rem,1.2rem + 1.8vw,2.3rem)}
.ge-zeitachse{list-style:none;margin:1.1rem 0;padding:0;display:grid;gap:.55rem}
.ge-zeitachse li{position:relative;padding-left:1.6rem;color:var(--auf-nacht-still)}
.ge-zeitachse li::before{content:"";position:absolute;left:0;top:.45rem;width:.75rem;height:.75rem;border-radius:50%;border:2px solid var(--taste-linie)}
.ge-zeitachse li.ist-fertig::before{background:rgba(52,216,160,.9);border-color:rgba(52,216,160,.9)}
.ge-zeitachse b{color:var(--auf-nacht);font-weight:600;margin-right:.35rem}
.ge-zusammen ul{margin:.3rem 0 1rem;padding-left:1.1rem;color:var(--auf-nacht-still);font-size:.92rem}
.ge-termin{font-size:.95rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.08)}

/* Vertrauen */
.ge-vertrauenszeile{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;font-size:.88rem;color:var(--auf-nacht-still)}
.ge-vertrauenszeile li::before{content:"✓";color:var(--cyan);margin-right:.35rem;font-weight:700}
.ge-vertrauenszeile--mitte{justify-content:center}
/* Portal plus 20.10.2026: Vertrauensleiste mit CH-Anbietern und Zahlarten (Schriftmarken, keine fremden Logo-Dateien) */
.ge-anbieter{margin:1.1rem auto 0;text-align:center;max-width:44rem}
.ge-anbieter p{margin:0 0 .45rem;font-size:.85rem;color:var(--auf-nacht-still)}
.ge-anbieter ul{list-style:none;margin:0 0 .6rem;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}
.ge-anbieter li{font-weight:800;letter-spacing:-.01em;font-size:.85rem;color:var(--auf-nacht-still);border:1px solid rgba(255,255,255,.14);border-radius:.4rem;padding:.2rem .6rem}
.ge-anbieter .ge-zahlarten{font-weight:600}
.ge-vertrauen{display:grid;gap:1.25rem;padding-top:.5rem}
.ge-ablauf{list-style:none;margin:0;padding:0;display:grid;gap:.9rem;counter-reset:ge}
.ge-ablauf li{counter-increment:ge;position:relative;padding-left:2.6rem;color:var(--auf-nacht-still);font-size:.95rem}
.ge-ablauf li::before{content:counter(ge);position:absolute;left:0;top:0;width:1.85rem;height:1.85rem;display:grid;place-items:center;border-radius:50%;background:rgba(108,231,250,.12);border:1px solid rgba(108,231,250,.5);color:var(--cyan);font-weight:700;font-size:.85rem}
.ge-ablauf b{display:block;color:var(--auf-nacht);font-weight:600}
.ge-beleg a{text-decoration:none}
.ge-team{display:flex;align-items:center;gap:.9rem;width:fit-content;max-width:100%;margin:0;padding:.6rem 1.25rem .6rem .6rem;border-radius:999px;background:var(--nacht-2,#0E1626);border:1px solid rgba(164,178,200,.22);box-shadow:0 24px 44px -22px rgba(0,0,0,.9)}
.ge-team-bilder{display:flex;flex:none}
.ge-team img{display:block;width:60px;height:60px;border-radius:50%;object-fit:cover;object-position:50% 35%;border:2px solid var(--nacht-2,#0E1626);background:#0A2A6B}
.ge-team img+img{margin-left:-14px}
.ge-team figcaption{font-size:.92rem;line-height:1.35;color:var(--auf-nacht-still)}
.ge-team figcaption b,.ge-team figcaption span{display:block}
.ge-team figcaption b{color:var(--auf-nacht);font-weight:600}
@media (max-width:23rem){.ge-team img{width:52px;height:52px}}

/* Und danach: Aenderungen */
.ge-danach{display:grid;gap:2rem;align-items:center}
@media (min-width:58rem){.ge-danach{grid-template-columns:1fr 1fr;gap:3.5rem}}
.ge-haken{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.ge-haken li{position:relative;padding-left:2rem}
.ge-haken li::before{content:"✓";position:absolute;left:0;top:0;width:1.4rem;height:1.4rem;display:grid;place-items:center;border-radius:50%;background:rgba(52,216,160,.9);color:#041018;font-size:.8rem;font-weight:700}
.ge-mock{margin:0;display:grid;gap:.7rem;min-width:0}
.ge-mock-seite{display:grid;gap:.6rem;padding:1.1rem;border-radius:1rem;background:#F7F8FA;border:1px solid #DDE3EC}
.ge-mock-seite i{display:block;font-style:normal;border-radius:4px}
.ge-mock-kopf{height:.6rem;width:40%;background:#C9D2DE}
.ge-mock-titel{padding:.2rem 0}
.ge-mock-markiert{display:inline-block;font-family:var(--anzeige);font-size:1.6rem;color:#141B26;padding:.1rem .4rem;outline:2px dashed #2959C4;outline-offset:3px;border-radius:4px;background:rgba(41,89,196,.08)}
.ge-mock-zeile{height:.45rem;width:90%;background:#D5DCE6}
.ge-mock-zeile.kurz{width:65%}
.ge-mock-bild{height:5.5rem;background:linear-gradient(135deg,#C7D3E4,#E3E9F2)}
.ge-mock-leiste{display:grid;gap:.6rem;padding:.8rem;border-radius:1rem;background:var(--nacht-3);border:1px solid rgba(108,231,250,.35);box-shadow:0 20px 40px -20px rgba(0,0,0,.9)}
.ge-mock-eingabe{display:block;padding:.65rem .85rem;border-radius:.6rem;background:rgba(255,255,255,.06);color:var(--auf-nacht);font-size:.92rem}
.ge-mock-knoepfe{display:flex;flex-wrap:wrap;gap:.4rem}
.ge-mock-knoepfe b{font-weight:600;font-size:.82rem;padding:.35rem .7rem;border-radius:99px;border:1px solid var(--taste-linie);color:var(--auf-nacht)}
.ge-mock-knoepfe b:first-child{background:var(--cyan);border-color:var(--cyan);color:#041018}
.ge-mock figcaption{font-size:.85rem;color:var(--auf-nacht-still)}

/* Galerie */
.ge-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}
.ge-chip-taste{min-height:2.75rem;padding:.5rem 1rem;border-radius:99px;border:1.5px solid var(--taste-linie);background:transparent;color:var(--auf-nacht);font:inherit;font-size:.92rem;cursor:pointer}
.ge-chip-taste:hover{border-color:#8FA3C2}
.ge-chip-taste[aria-pressed=true]{background:var(--cyan);border-color:var(--cyan);color:#041018;font-weight:600}
.ge-chip-taste:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.ge-galerie{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
@media (min-width:48rem){.ge-galerie{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ge-galerie a{display:block;text-decoration:none;color:var(--auf-nacht)}
.ge-galerie img{width:100%;height:clamp(200px,40vw,300px);object-fit:cover;object-position:top;border-radius:.8rem;border:1px solid rgba(255,255,255,.12);transition:transform .2s}
.ge-galerie a:hover img{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){.ge-galerie img{transition:none}.ge-galerie a:hover img{transform:none}}
.ge-galerie span{display:block;margin-top:.5rem;font-size:.85rem;color:var(--auf-nacht-still)}
.ge-galerie span b{display:block;color:var(--auf-nacht);font-weight:600;font-size:.95rem}
.ge-mehr-link{margin-top:1.25rem}
.ge-branchen-wolke{margin-top:2.5rem;padding:1.4rem;border-radius:1.1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02)}
.ge-branchen-wolke h3{font-size:clamp(1.5rem,1.2rem + 1vw,1.9rem);margin-bottom:.3rem}
.ge-branchen-wolke .still{margin-bottom:1rem}
.ge-chips--statisch li{padding:.4rem .85rem;border-radius:99px;border:1px solid rgba(255,255,255,.16);font-size:.9rem;color:var(--auf-nacht-still)}

/* Echte Projekte */
.ge-echt{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:48rem){.ge-echt{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ge-echt a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--auf-nacht-still);border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:var(--nacht-2)}
.ge-echt a:hover{border-color:var(--cyan)}
.ge-echt img,.ge-echt-ohne-bild{width:100%;aspect-ratio:600/292;object-fit:cover}
.ge-echt-ohne-bild{display:grid;place-items:center;font-family:var(--anzeige);font-size:3rem;color:var(--cyan);background:linear-gradient(135deg,var(--marine),var(--nacht-3))}
.ge-echt-text{display:block;padding:.9rem 1rem 1.1rem;font-size:.92rem}
.ge-echt-text b{display:block;color:var(--auf-nacht);font-weight:600;font-size:1rem}

/* Preise */
.ge-preise{display:grid;gap:1rem}
@media (min-width:48rem){.ge-preise{grid-template-columns:1fr 1fr;max-width:52rem}}
.ge-preis{padding:1.4rem;border-radius:1.1rem;border:1px solid rgba(255,255,255,.12);background:var(--nacht-2)}
.ge-preis--hervor{border-color:rgba(108,231,250,.5)}
.ge-preis-titel{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--auf-nacht-still)}
.ge-preis-zahl{margin:.4rem 0 .9rem;color:var(--auf-nacht-still)}
.ge-preis-zahl b{font-family:var(--anzeige);font-weight:400;font-size:2.4rem;color:var(--auf-nacht);margin-right:.25rem}
.ge-preis ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem;color:var(--auf-nacht-still);font-size:.95rem}
.ge-preis-fuss{margin-top:1.1rem}

/* Schluss */
.ge-schluss{text-align:center;display:grid;gap:1.1rem;justify-items:center}
.ge-schluss h2{font-size:clamp(2rem,1.3rem + 3vw,3.2rem);max-width:22ch}
.ge-schluss-form{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:36rem}
@media (min-width:36rem){.ge-schluss-form{flex-direction:row}.ge-schluss-form input{flex:1;min-width:0}}
.ge-schluss-form input{min-height:3.4rem;font-size:1.1rem;padding:.7rem 1rem;border-radius:.7rem;border:1px solid var(--feld-linie);background:rgba(255,255,255,.04);color:var(--auf-nacht);font-family:inherit}
.ge-schluss-form input:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.ge-schluss-form .taste{min-height:3.4rem;white-space:nowrap}

/* stil.css setzt .seiten-kopf p auf Einleitungsgroesse; im Wizard gelten eigene Groessen. */
.seiten-kopf .ge-karte p,.seiten-kopf .ge-vertrauen p{margin-top:0;font-size:1rem;max-width:none}
.seiten-kopf .ge-karte .ge-klein{font-size:.88rem}
.seiten-kopf .ge-url-feld .ge-klein{margin-top:.2rem}
.seiten-kopf .ge-karte .ge-hoster{font-size:.85rem;margin-top:1.1rem}
.seiten-kopf .ge-karte .ge-frage-hilfe{margin-bottom:1.1rem}
.seiten-kopf .ge-karte .ge-regler-wert{margin-top:1rem}
.seiten-kopf .ge-karte .ge-hinweis-box{font-size:.95rem;margin-bottom:1rem}
.seiten-kopf .ge-karte .ge-termin{font-size:.95rem}
.seiten-kopf .ge-karte .ge-danke-zeichen{font-size:1.5rem;margin-bottom:.9rem}
.seiten-kopf .ge-karte .zustimmung-fehler{margin-top:.35rem;font-size:.92rem}

/* Google-Bewertungen (aus bewertungen.json, woertlich; leer = Block bleibt versteckt) */
.ge-bewertungen[hidden]{display:none}
.ge-bew-liste{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:48rem){.ge-bew-liste{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ge-bew{display:flex;flex-direction:column;gap:.6rem;padding:1.2rem;border-radius:1rem;border:1px solid rgba(255,255,255,.12);background:var(--nacht-2)}
.ge-bew-sterne{color:#FBBF24;letter-spacing:.12em}
.ge-bew blockquote{margin:0;color:var(--auf-nacht);white-space:pre-line}
.ge-bew-fuss{margin-top:auto;font-size:.85rem;color:var(--auf-nacht-still)}
.ge-bew-fuss b{color:var(--auf-nacht);font-weight:600}
.ge-wahl--bild::after{top:auto;bottom:1rem}
.seiten-kopf .ge-karte .ge-danke-zeichen{color:#041018;font-weight:700}
.ge-mock-uhr{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--auf-nacht-still)}
.ge-mock-uhr::before{content:"";width:.9rem;height:.9rem;border-radius:50%;border:2px solid var(--cyan);border-top-color:transparent;flex:none}
.ge-kontingent{margin:0 0 .9rem;padding:.55rem .85rem;border-radius:.7rem;border:1px solid rgba(108,231,250,.3);background:rgba(10,98,255,.08);font-size:.92rem;line-height:1.45;color:var(--auf-nacht)}
.ge-kontingent b{color:var(--cyan);font-weight:700}
.ge-kontingent.ist-voll{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.05)}
.ge-kontingent[hidden]{display:none!important}

/* ======================================================================
   Design 2 (19.10.2026): ruhige Strecke, eine Frage pro Bildschirm, mobil ohne Scrollen.
   Tokens: 1 Akzent (Cyan aus dem Logo-Verlauf), 8er-Raster, mobil 2 Schriftstufen (16 und 24 px).
   ====================================================================== */
:root{
  --ge-akzent:var(--cyan,#6CE7FA);
  --ge-akzent-grund:rgba(108,231,250,.10);
  --ge-flaeche:#0C1628; --ge-flaeche-2:rgba(255,255,255,.04);
  --ge-linie:rgba(255,255,255,.12); --ge-linie-stark:#5A6E8C;
  --ge-text:var(--auf-nacht,#EAF0F9); --ge-still:var(--auf-nacht-still,#A4B2C8);
  --ge-1:8px; --ge-2:16px; --ge-3:24px; --ge-4:32px; --ge-6:48px;
  --ge-t1:16px; --ge-t2:24px;
  --ge-rund:16px; --ge-rund-klein:12px;
}
/* Karte */
.ge-karte{background:var(--ge-flaeche);border:1px solid var(--ge-linie);border-radius:var(--ge-rund);padding:var(--ge-2);box-shadow:0 24px 48px -32px rgba(0,0,0,.9);margin-top:var(--ge-3)}
@media (min-width:40rem){.ge-karte{padding:var(--ge-4)}}
.ge-karte.ist-gestartet{border-color:var(--ge-linie)}
.ge-wizard legend{margin:0 0 var(--ge-1)}
.ge-wizard legend h2,.ge-danke h2{font-size:var(--ge-t2);line-height:1.25;letter-spacing:0}
@media (min-width:62rem){.ge-wizard legend h2,.ge-danke h2{font-size:32px}}
.seiten-kopf .ge-karte .ge-frage-hilfe,.ge-frage-hilfe{font-size:var(--ge-t1);margin:0 0 var(--ge-2);color:var(--ge-still)}
.seiten-kopf .ge-karte .ge-klein,.ge-karte .ge-klein{font-size:var(--ge-t1);color:var(--ge-still)}

/* Fortschritt: Text und Balken in einer Zeile */
.ge-kopfzeile{margin-bottom:var(--ge-3);gap:var(--ge-1)}
.ge-fortschritt{grid-template-columns:auto 1fr;align-items:center;gap:var(--ge-2)}
.ge-fortschritt-text{font-size:var(--ge-t1);letter-spacing:0;text-transform:none;color:var(--ge-still);white-space:nowrap}
.ge-balken{height:8px;background:rgba(255,255,255,.08)}
.ge-balken span{background:var(--ge-akzent)}
.ge-fund{padding:var(--ge-1) var(--ge-2);border-radius:var(--ge-rund-klein);border-color:var(--ge-linie);background:var(--ge-flaeche-2)}
.ge-fund small{font-size:var(--ge-t1)}

/* Grosse Antwortkarten */
.ge-wahl{padding:var(--ge-2);border-radius:var(--ge-rund-klein);border:1.5px solid var(--ge-linie);background:var(--ge-flaeche-2);gap:var(--ge-1);min-height:56px}
.ge-wahl:hover{border-color:var(--ge-linie-stark)}
.ge-wahl:has(input:checked){border-color:var(--ge-akzent);background:var(--ge-akzent-grund);box-shadow:none}
.ge-wahl::after{width:20px;height:20px;top:var(--ge-2);right:var(--ge-2);border-color:var(--ge-linie-stark)}
.ge-wahl:has(input:checked)::after{border-color:var(--ge-akzent);background:radial-gradient(circle,var(--ge-akzent) 0 45%,transparent 50%)}
.ge-wahl-text{padding-right:var(--ge-4)}
.ge-wahl-text b{font-size:var(--ge-t1)}
.ge-wahl-text small{font-size:var(--ge-t1);margin-top:0}
.ge-karten2{gap:var(--ge-2)}
.ge-empf{font-size:var(--ge-t1);font-weight:600;text-transform:none;letter-spacing:0;padding:0 var(--ge-1);background:var(--ge-akzent-grund);color:var(--ge-akzent)}

/* Branche: 6 grosse Karten mit Beispielen, mobil 2 Spalten */
.ge-branchen{display:grid;grid-template-columns:1fr 1fr;gap:var(--ge-1)}
@media (min-width:40rem){.ge-branchen{grid-template-columns:repeat(3,1fr);gap:var(--ge-2)}}
.ge-branche{padding:var(--ge-2) var(--ge-2) var(--ge-2);gap:var(--ge-1);justify-content:flex-start}
.ge-branche::after{display:none}
.ge-branche-ico{font-size:var(--ge-t2);line-height:1}
.ge-branche .ge-wahl-text{padding-right:0}
.ge-branche .ge-wahl-text small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
@media (max-width:25rem){.ge-branche .ge-wahl-text small{-webkit-line-clamp:1}}

/* Hell oder dunkel: Vorschau klein halten, damit beides ohne Scrollen passt */
.ge-karten2{grid-template-columns:1fr 1fr}
.ge-mini{aspect-ratio:16/9;padding:var(--ge-1)}
.ge-wahl--bild .ge-wahl-text small{display:none}
@media (min-width:40rem){.ge-wahl--bild .ge-wahl-text small{display:block}}
.ge-wahl--bild::after{bottom:var(--ge-2)}

/* Schriften 2 x 2 */
.ge-schriften{grid-template-columns:1fr 1fr;gap:var(--ge-1)}
@media (min-width:40rem){.ge-schriften{gap:var(--ge-2)}}
.ge-schrift-probe{font-size:var(--ge-t2);padding-right:var(--ge-3)}
.ge-schrift .ge-wahl-text b{font-size:var(--ge-t1)}
.ge-link-taste{font-size:var(--ge-t1);margin-top:var(--ge-1);padding:var(--ge-1) 0;color:var(--ge-akzent)}

/* Regler */
.ge-regler-enden{font-size:var(--ge-t1)}
.ge-regler-wert{margin-top:var(--ge-2);padding:var(--ge-2);border-radius:var(--ge-rund-klein);border-color:var(--ge-linie);background:var(--ge-flaeche-2)}
.ge-regler-wert b{font-size:var(--ge-t1);color:var(--ge-akzent)}

/* Slogans */
.ge-slogans{gap:var(--ge-1)}
.ge-slogan .ge-wahl-text b{font-size:var(--ge-t1);font-family:inherit;font-weight:600}
.ge-slogan-eigen{gap:var(--ge-1);margin-top:var(--ge-1)}
.ge-wahl--zeile{padding:var(--ge-2);min-height:56px}

/* Kontakt */
.seiten-kopf .ge-karte .ge-hinweis-box,.ge-hinweis-box{font-size:var(--ge-t1);padding:var(--ge-2);border-radius:var(--ge-rund-klein);margin-bottom:var(--ge-2)}
.ge-wizard .feld{margin-bottom:var(--ge-2)}
.ge-wizard .feld label,.ge-wizard .zustimmung label{font-size:var(--ge-t1)}

/* Navigation: Zurueck links, ein Hauptknopf rechts, Ueberspringen als leiser Link */
.ge-nav{gap:var(--ge-1);margin-top:var(--ge-3);padding-top:var(--ge-2);border-top:1px solid var(--ge-linie);flex-wrap:nowrap}
.ge-nav .taste{min-height:48px}
.ge-nav .ge-zurueck{flex:none}
.ge-nav .ge-ueberspringen{font-size:var(--ge-t1);padding:var(--ge-1);margin:0 auto 0 var(--ge-1)}
.ge-nav .ge-weiter,.ge-nav .ge-senden{margin-left:auto;flex:1 1 auto;max-width:280px}
@media (max-width:30rem){.ge-nav .ge-weiter,.ge-nav .ge-senden{order:0;width:auto;margin-left:auto}.ge-nav .ge-zurueck{flex:none}}
@media (max-width:23rem){.ge-nav .ge-ueberspringen{display:none}}

/* Danke */
.ge-danke-frist{margin:0 0 var(--ge-2);padding:var(--ge-2);border-radius:var(--ge-rund-klein);background:var(--ge-akzent-grund);border:1px solid rgba(108,231,250,.35)}
.seiten-kopf .ge-karte .ge-danke-frist{font-size:var(--ge-t1)}
.ge-danke-frist b{color:var(--ge-text);font-weight:600}
.ge-zeitachse{margin:var(--ge-2) 0;gap:var(--ge-1)}
.seiten-kopf .ge-karte .ge-termin{font-size:var(--ge-t1);padding-top:var(--ge-2)}

/* Fokus-Modus: sobald die erste Frage kommt, nur Kopf, Fortschritt und Frage. Kein Seitentext, keine Handy-Leiste, kein Regen. */
.ge-fokus .ge-kopf .wo,.ge-fokus .ge-kopf .seiten-kopf-bits,.ge-fokus .ge-kopf h1,.ge-fokus .ge-versprechen,.ge-fokus .ge-haupt > .ge-vertrauenszeile{display:none}
.ge-fokus .leiste,.ge-fokus .regen-voll,.ge-fokus .kopf-tun{display:none!important}
.ge-fokus .ge-kopf{padding-top:var(--ge-2);padding-bottom:var(--ge-6)}
.ge-fokus .ge-karte{margin-top:0}
@media (max-width:61.99rem){.ge-fokus .ge-vertrauen{display:none}}
@media (max-width:30rem){.ge-fokus .ge-kopf .mass{padding-inline:var(--ge-1)}.ge-fokus .ge-karte{padding:var(--ge-2)}}
/* Design 2, Handy: nichts breiter als der Bildschirm; Zurueck klein, Weiter breit, Ueberspringen als Zeile darunter */
.ge-branchen,.ge-schriften,.ge-karten2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:40rem){.ge-branchen{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ge-wahl-text,.ge-wahl-text b{overflow-wrap:anywhere;hyphens:auto}
.ge-nav{flex-wrap:wrap}
.ge-nav .ge-weiter,.ge-nav .ge-senden{flex:1 1 0;min-width:0;max-width:none}
@media (min-width:40rem){.ge-nav .ge-weiter,.ge-nav .ge-senden{flex:0 1 280px;margin-left:auto}}
@media (max-width:39.99rem){
  .ge-nav .ge-ueberspringen{order:3;flex-basis:100%;text-align:center;margin:0;display:block}
  .ge-fokus .ge-fund small{display:none}
  .ge-fokus .ge-kopfzeile{margin-bottom:var(--ge-2)}
}
/* Design 2: Seitenspalte klebt nicht mehr (schnitt sich beim Scrollen mit dem klebenden Kopf) */
@media (min-width:62rem){.ge-vertrauen{position:static}}
/* Design 2, Handy: Branchen als ruhige Liste (Symbol, Name, Beispiele in einer Zeile); Fund-Zeile nur bei der ersten Frage */
@media (max-width:39.99rem){
  .ge-branchen{grid-template-columns:minmax(0,1fr)}
  .ge-branche{flex-direction:row;align-items:center;gap:var(--ge-2);min-height:64px;padding:var(--ge-1) var(--ge-2)}
  .ge-branche .ge-wahl-text{min-width:0}
  .ge-branche .ge-wahl-text b{display:block}
  .ge-branche .ge-wahl-text small{display:block;-webkit-line-clamp:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ge-branche-ico{width:24px;text-align:center;flex:none}
  .ge-karte[data-schritt]:not([data-schritt=branche]) .ge-fund{display:none!important}
}

/* ======================================================================
   Design 3 (19.10.2026, "ruhig"): heller Grund, ein Akzent Marineblau, keine Emojis,
   keine Verlaeufe, kein Leuchten. Jede lesbare Schrift im Wizard mindestens 16 px.
   Farben kommen aus assets/ruhig.css (html.ruhig).
   ====================================================================== */
html.ruhig .ge-kopf h1 em{font-style:normal;color:var(--r-akzent)}
html.ruhig .ge-versprechen{font-size:1.125rem;color:var(--r-still)}
html.ruhig .ge-versprechen b{color:var(--r-text)}
html.ruhig .ge-klein,html.ruhig .seiten-kopf .ge-karte .ge-klein{font-size:1rem;color:var(--r-still)}
html.ruhig .ge-karte{background:var(--r-flaeche);border:1px solid var(--r-linie);box-shadow:0 1px 2px rgba(22,24,29,.04),0 12px 32px -20px rgba(22,24,29,.18);border-radius:16px}
@media (min-width:40rem){html.ruhig .ge-karte{padding:40px}}
html.ruhig .ge-wizard legend h2,html.ruhig .ge-danke h2{font-family:var(--schrift);font-weight:600;letter-spacing:-.015em;color:var(--r-text)}
html.ruhig .ge-frage-hilfe{margin-bottom:24px}

/* Fortschritt */
html.ruhig .ge-fortschritt-text{font-size:1rem;color:var(--r-still)}
html.ruhig .ge-balken{height:4px;background:var(--r-linie)}
html.ruhig .ge-balken span{background:var(--r-akzent)}
html.ruhig .ge-kontingent{font-size:1rem;border:1px solid var(--r-linie);background:var(--r-flaeche-2);color:var(--r-text)}
html.ruhig .ge-kontingent b{color:var(--r-akzent)}
html.ruhig .ge-fund{background:var(--r-flaeche-2);border:1px solid var(--r-linie)}
html.ruhig .ge-fund small{font-size:1rem}
html.ruhig .ge-fund img{border:1px solid var(--r-linie)}
html.ruhig .ge-fund .ge-farbe{border-color:var(--r-linie-stark)}
html.ruhig .ge-fund-laedt::before{border-color:var(--r-akzent);border-right-color:transparent}

/* Link-Feld und Anbieter */
html.ruhig .ge-url-feld label{font-size:1rem}
html.ruhig .ge-hoster,html.ruhig .seiten-kopf .ge-karte .ge-hoster{font-size:1rem;color:var(--r-still)}
html.ruhig .ge-hoster b{font-weight:500;color:var(--r-text);border:1px solid var(--r-linie);background:var(--r-flaeche-2);border-radius:6px}

/* Antwortkarten */
html.ruhig .ge-wahl{background:var(--r-flaeche);border:1px solid var(--r-linie-stark);border-radius:12px}
html.ruhig .ge-wahl:hover{border-color:var(--r-text)}
html.ruhig .ge-wahl:has(input:checked){border-color:var(--r-akzent);background:var(--r-akzent-grund);box-shadow:0 0 0 1px var(--r-akzent) inset}
html.ruhig .ge-wahl:has(input:focus-visible){outline:3px solid var(--r-akzent);outline-offset:3px}
html.ruhig .ge-wahl::after{border:1.5px solid var(--r-linie-stark)}
html.ruhig .ge-wahl:has(input:checked)::after{border-color:var(--r-akzent);background:radial-gradient(circle,var(--r-akzent) 0 42%,transparent 47%)}
html.ruhig .ge-wahl-text b{color:var(--r-text)}
html.ruhig .ge-wahl-text small{font-size:1rem;color:var(--r-still);line-height:1.45}
html.ruhig .ge-empf{display:inline-block;font-size:1rem;font-weight:500;line-height:1.4;padding:0 8px;border-radius:6px;background:var(--r-flaeche-2);color:var(--r-akzent);border:1px solid var(--r-linie);white-space:normal}

/* Branche: duenne Linien-Symbole, Beispiele brechen um statt abgeschnitten */
html.ruhig .ge-branche-ico{display:block;width:28px;height:28px;color:var(--r-akzent);font-size:0;flex:none}
html.ruhig .ge-branche-ico svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html.ruhig .ge-branche .ge-wahl-text small{display:block;-webkit-line-clamp:unset;-webkit-box-orient:initial;overflow:visible;white-space:normal;text-overflow:clip}
@media (max-width:39.99rem){
  html.ruhig .ge-branche{align-items:flex-start;padding:16px}
  html.ruhig .ge-branche .ge-wahl-text small{white-space:normal;overflow:visible;text-overflow:clip}
  html.ruhig .ge-branche-ico{margin-top:2px}
}

/* Hell oder dunkel */
html.ruhig .ge-mini-kopf b{font-size:1rem}
html.ruhig .ge-mini--hell{background:#FAFAF9;border-color:var(--r-linie)}

/* Schrift: Abzeichen steht unter dem Namen der Schrift, nichts ueberlappt */
html.ruhig .ge-schrift .ge-wahl-text b{display:block;font-size:1rem;color:var(--r-still);font-weight:500}
html.ruhig .ge-schrift .ge-empf{display:inline-block;margin:6px 0 0}
html.ruhig .ge-schrift .ge-wahl-text{padding-right:0}
html.ruhig .ge-schrift-probe{color:var(--r-text);padding-right:28px}
@media (max-width:29.99rem){html.ruhig .ge-schriften{grid-template-columns:minmax(0,1fr)}html.ruhig .ge-schrift-probe{font-size:22px}}
html.ruhig .ge-link-taste{color:var(--r-akzent);font-size:1rem}
html.ruhig .ge-link-taste:hover{color:var(--r-akzent-tief)}

/* Regler */
html.ruhig .ge-regler input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,var(--r-akzent) var(--ge-wert),var(--r-linie) var(--ge-wert))}
html.ruhig .ge-regler input[type=range]::-moz-range-track{height:4px;background:var(--r-linie)}
html.ruhig .ge-regler input[type=range]::-moz-range-progress{height:4px;background:var(--r-akzent)}
html.ruhig .ge-regler input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px;border:2px solid var(--r-akzent);background:#fff;box-shadow:0 1px 3px rgba(22,24,29,.2)}
html.ruhig .ge-regler input[type=range]::-moz-range-thumb{border:2px solid var(--r-akzent);box-shadow:none}
html.ruhig .ge-regler-enden{font-size:1rem;color:var(--r-still)}
html.ruhig .ge-regler-wert{background:var(--r-flaeche-2);border:1px solid var(--r-linie)}
html.ruhig .ge-regler-wert b{color:var(--r-akzent);font-size:1rem}

/* Kontakt */
html.ruhig .ge-hinweis-box,html.ruhig .seiten-kopf .ge-karte .ge-hinweis-box{background:var(--r-flaeche-2);border:1px solid var(--r-linie);color:var(--r-text)}
html.ruhig .ge-hinweis-box b{color:var(--r-text)}
html.ruhig .seiten-kopf .ge-karte .zustimmung-fehler{font-size:1rem}

/* Navigation */
html.ruhig .ge-nav{border-top:1px solid var(--r-linie)}
html.ruhig .ge-nav .ge-ueberspringen{color:var(--r-still);font-size:1rem}

/* Vertrauensblock im Wizard (Schritt 1 und 8) */
.ge-wir{display:flex;align-items:center;gap:16px;margin:24px 0 0;padding:16px;border-radius:12px;background:var(--r-flaeche-2,#F3F1EE);border:1px solid var(--r-linie,#E3E0DB)}
.ge-wir img{width:96px;height:72px;flex:none;border-radius:8px;object-fit:cover;object-position:50% 30%}
.ge-wir div{min-width:0;font-size:1rem;line-height:1.45;color:var(--r-still,#4A4F59)}
.ge-wir b{display:block;color:var(--r-text,#16181D);font-weight:600}
.ge-wir a{white-space:nowrap}
.seiten-kopf .ge-karte .ge-wir p{font-size:1rem;margin:0}
@media (max-width:23rem){.ge-wir img{width:72px;height:60px}}

/* Danke */
html.ruhig .ge-danke-zeichen{width:48px;height:48px;background:var(--r-akzent-grund);color:var(--r-akzent);border:1px solid var(--r-linie)}
html.ruhig .ge-danke-zeichen svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html.ruhig .ge-danke-frist{background:var(--r-akzent-grund);border:1px solid var(--r-linie)}
html.ruhig .ge-danke-frist b{color:var(--r-text)}
html.ruhig .ge-zeitachse{counter-reset:gez;gap:12px;margin:24px 0}
html.ruhig .ge-zeitachse li{counter-increment:gez;padding-left:44px;min-height:32px;display:flex;align-items:center;color:var(--r-text)}
html.ruhig .ge-zeitachse li::before{content:counter(gez);top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--r-linie-stark);background:var(--r-flaeche);color:var(--r-text);font-weight:600;font-size:1rem}
html.ruhig .ge-zeitachse li.ist-jetzt::before{background:var(--r-akzent);border-color:var(--r-akzent);color:#fff}
html.ruhig .ge-zeitachse b{font-weight:500;color:var(--r-text);margin:0}
.ge-erneut{display:grid;gap:8px;justify-items:start;margin:0 0 24px}
.ge-erneut-zeile{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.seiten-kopf .ge-karte .ge-erneut-meldung{font-size:1rem;color:var(--r-still,#4A4F59);margin:0}
.ge-erneut-meldung[hidden]{display:none}
.ge-postfach{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.ge-postfach .taste{min-height:48px}
.ge-beispiel-link{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;padding:16px;border-radius:12px;border:1px solid var(--r-linie-stark,#A8A39B);background:var(--r-flaeche,#fff);color:var(--r-text,#16181D)!important;text-decoration:none;font-weight:600}
.ge-beispiel-link:hover{border-color:var(--r-akzent,#143977)}
.ge-beispiel-link span:last-child{color:var(--r-akzent,#143977);flex:none}
html.ruhig .ge-zusammen ul{font-size:1rem;color:var(--r-still)}
html.ruhig .ge-termin,html.ruhig .seiten-kopf .ge-karte .ge-termin{border-top:1px solid var(--r-linie)}

/* Seitenspalte und Vertrauenszeile */
html.ruhig .ge-vertrauenszeile{font-size:1rem;color:var(--r-still)}
html.ruhig .ge-vertrauenszeile li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--r-akzent);margin-right:10px;vertical-align:3px}
html.ruhig .ge-ablauf li{font-size:1rem;color:var(--r-still)}
html.ruhig .ge-ablauf li::before{background:var(--r-flaeche);border:1px solid var(--r-linie-stark);color:var(--r-text);font-size:1rem}
html.ruhig .ge-ablauf b{color:var(--r-text)}
html.ruhig .ge-team{background:var(--r-flaeche);border:1px solid var(--r-linie);box-shadow:none}
html.ruhig .ge-team img{border-color:var(--r-flaeche);background:var(--r-flaeche-2)}
html.ruhig .ge-team figcaption{font-size:1rem;color:var(--r-still)}
html.ruhig .ge-team figcaption b{color:var(--r-text)}

/* Abschnitte unter dem Wizard */
html.ruhig .ge-haken li::before{content:"";width:8px;height:8px;top:.6em;left:6px;border-radius:50%;background:var(--r-akzent)}
html.ruhig .ge-mock-seite{background:var(--r-flaeche);border-color:var(--r-linie)}
html.ruhig .ge-mock-bild{background:var(--r-flaeche-2)}
html.ruhig .ge-mock-markiert{outline-color:var(--r-akzent);background:var(--r-akzent-grund);font-family:var(--schrift);font-weight:600}
html.ruhig .ge-mock-leiste{background:var(--r-flaeche);border:1px solid var(--r-linie);box-shadow:none}
html.ruhig .ge-mock-eingabe{background:var(--r-flaeche-2);color:var(--r-text);font-size:1rem}
html.ruhig .ge-mock-knoepfe b{font-size:1rem;border-color:var(--r-linie-stark);color:var(--r-text)}
html.ruhig .ge-mock-knoepfe b:first-child{background:var(--r-akzent);border-color:var(--r-akzent);color:#fff}
html.ruhig .ge-mock-uhr,html.ruhig .ge-mock figcaption{font-size:1rem;color:var(--r-still)}
html.ruhig .ge-mock-uhr::before{border-color:var(--r-akzent);border-top-color:transparent}
html.ruhig .ge-chip-taste{font-size:1rem;border:1px solid var(--r-linie-stark);color:var(--r-text);background:var(--r-flaeche)}
html.ruhig .ge-chip-taste[aria-pressed=true]{background:var(--r-akzent);border-color:var(--r-akzent);color:#fff}
html.ruhig .ge-galerie img{border:1px solid var(--r-linie);transition:none}
html.ruhig .ge-galerie a:hover img{transform:none}
html.ruhig .ge-galerie span{font-size:1rem;color:var(--r-still)}
html.ruhig .ge-galerie span b{font-size:1rem;color:var(--r-text)}
html.ruhig .ge-branchen-wolke{background:var(--r-flaeche);border:1px solid var(--r-linie)}
html.ruhig .ge-chips--statisch li{font-size:1rem;border:1px solid var(--r-linie);color:var(--r-still);background:var(--r-flaeche)}
html.ruhig .ge-echt a{background:var(--r-flaeche);border:1px solid var(--r-linie);color:var(--r-still)}
html.ruhig .ge-echt a:hover{border-color:var(--r-akzent)}
html.ruhig .ge-echt-ohne-bild{background:var(--r-flaeche-2);color:var(--r-akzent);font-family:var(--schrift);font-weight:600}
html.ruhig .ge-echt-text{font-size:1rem}
html.ruhig .ge-preis{background:var(--r-flaeche);border:1px solid var(--r-linie)}
html.ruhig .ge-preis--hervor{border-color:var(--r-akzent)}
html.ruhig .ge-preis-titel{font-size:1rem;letter-spacing:0;text-transform:none;font-weight:600;color:var(--r-text)}
html.ruhig .ge-preis-zahl b{font-family:var(--schrift);font-weight:600;font-size:2rem}
html.ruhig .ge-preis ul{font-size:1rem}
html.ruhig .ge-bew{background:var(--r-flaeche);border:1px solid var(--r-linie)}
html.ruhig .ge-bew-fuss{font-size:1rem}
html.ruhig .ge-schluss h2{font-family:var(--schrift);font-weight:600}
html.ruhig .ge-schluss-form input{background:var(--r-flaeche);border:1px solid var(--r-linie-stark);border-radius:8px;color:var(--r-text)}
html.ruhig .seiten-kopf .wo{font-size:1rem}
html.ruhig .ge-empf{overflow-wrap:normal;word-break:normal;hyphens:none;-webkit-hyphens:none}
html.ruhig .ge-wahl--bild::after{top:auto;bottom:16px}
@media (max-width:29.99rem){html.ruhig .ge-mini-kopf i{display:none}}
html.ruhig .ge-postfach .taste{flex:1 1 8.5rem;padding-inline:12px}
html.ruhig .zustimmung a{color:var(--r-akzent)}
html.ruhig .ge-wir-branche,html.ruhig .ge-danke-branche{margin-top:8px!important;color:var(--r-text)}
html.ruhig .gratis-form .zustimmung-zeile label a{color:var(--r-akzent)}
html.ruhig .gratis-form .zustimmung-zeile label{color:var(--r-text);font-size:1rem}
html.ruhig .gratis-form .zustimmung-zeile input[type=checkbox]{accent-color:var(--r-akzent);border-color:var(--r-linie-stark);background:#fff}
html.ruhig .gratis-form .zustimmung-zeile input[type=checkbox]:focus-visible{outline-color:var(--r-akzent)}
html.ruhig .gratis-fehler{color:#A3221B}
html.ruhig .ge-wahl--bild::after{display:none}
html.ruhig .ge-mini-kopf b{min-width:0}
html.ruhig .ge-wir picture{flex:none;display:block}html.ruhig .ge-wir img{object-position:50% 40%}

/* ---------- UCD 19.10.2026 ---------- */
/* Massnahme 1: Anzeigen-Landing, Kopf nur Logo, Telefon, WhatsApp */
.ge-landing-kopf .kopf-in{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}
.ge-landing-kopf .marke{flex:0 1 auto;min-width:0}
.ge-landing-nav{display:flex;align-items:center;gap:8px;flex:none}
.ge-landing-nav a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--r-linie,#E3E0DB);background:var(--r-flaeche,#fff);color:var(--r-text,#16181D);text-decoration:none;font-size:1rem;font-weight:600;white-space:nowrap}
.ge-landing-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media (max-width:26rem){.ge-landing-tel span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ge-landing-nav a{padding:0 10px}}
.ge-landing-fuss .fuss-unten{border-top:0;padding-top:0}
/* Galerie ohne Links */
.ge-galerie figure{margin:0}
.ge-galerie figcaption{display:block;margin-top:.5rem;font-size:1rem;color:var(--r-still,#4A4F59)}
.ge-galerie figcaption b{display:block;color:var(--r-text,#16181D);font-weight:600;font-size:1rem}
/* Massnahme 3: E-Mail-App oeffnen */
.ge-postfach-titel{flex:1 0 100%;margin:0;font-weight:600;color:var(--r-text,#16181D);font-size:1rem}
/* Massnahme 2: Verfeinern auf der Danke-Seite */
.ge-verfeinern{margin:0 0 24px;padding:16px;border-radius:12px;border:1px solid var(--r-linie,#E3E0DB);background:var(--r-flaeche-2,#F3F1EE)}
.ge-verfeinern[hidden]{display:none!important}
.ge-verfeinern h3{margin:0 0 4px;font-size:1.25rem}
.ge-verf-felder{display:grid;gap:20px;margin:16px 0}
.ge-verf-felder .ge-schritt{display:block!important;margin:0;padding:0;border:0;min-width:0}
.ge-verf-felder .ge-schritt[hidden]{display:block!important}
.ge-verf-felder legend h2{font-size:1.1rem;margin:0 0 4px}
.ge-verf-felder .ge-karten2{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Massnahme 6: Google-Zahl im Vertrauens-Block */
.ge-wir-google{color:var(--r-text,#16181D)!important;font-weight:600}
.ge-wir-google a,.ge-beleg a{color:inherit}
.ge-bew-vermerk-link{white-space:nowrap}
/* Massnahme 9: Branchen-Beschreibung immer umbrechen, nie abschneiden */
html.ruhig .ge-branche .ge-wahl-text small,.ge-branche .ge-wahl-text small{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important}
html.ruhig .ge-schrift .ge-wahl-text{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
html.ruhig .ge-schrift .ge-empf{margin:0;position:static}

/* ---------- Funnel 26.10.2026: eine Frage pro Bildschirm, Live-Vorschau "Ihr Entwurf entsteht" ---------- */
.ge-karten3{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
.ge-karten3 .ge-wahl{padding:14px 16px}
@media (max-width:39.99rem){.ge-karten2--klein{grid-template-columns:minmax(0,1fr)!important}.ge-karten2--klein .ge-wahl{padding:14px 16px}}
.ge-karten3 .ge-empf{display:inline-block;margin:0 0 0 6px;vertical-align:1px}
.ge-live{margin:0 0 20px}
.ge-live[hidden]{display:none!important}
.ge-live-titel{display:flex;align-items:center;gap:8px;margin:0 0 8px!important;font-size:1rem!important;font-weight:600;color:var(--r-text,#16181D)}
.ge-live-punkt{width:8px;height:8px;border-radius:50%;background:#1F9D55;box-shadow:0 0 0 0 rgba(31,157,85,.5);animation:ge-puls 1.8s infinite}
@keyframes ge-puls{0%{box-shadow:0 0 0 0 rgba(31,157,85,.45)}70%{box-shadow:0 0 0 8px rgba(31,157,85,0)}100%{box-shadow:0 0 0 0 rgba(31,157,85,0)}}
.ge-live-fenster{--ge-haus:var(--r-akzent,#143977);--l-grund:#FFFFFF;--l-text:#16181D;--l-still:#C9CED6;--l-flaeche:#F2F3F5;border-radius:12px;overflow:hidden;border:1px solid var(--r-linie,#E3E0DB);background:var(--l-grund);box-shadow:0 18px 40px -24px rgba(22,24,29,.35);transition:background .35s,color .35s}
.ge-live-fenster.ist-dunkel{--l-grund:#0F1521;--l-text:#EEF2F8;--l-still:#3A475E;--l-flaeche:#1A2232}
.ge-live-leiste{display:flex;align-items:center;gap:5px;padding:7px 10px;background:#ECEEF1;border-bottom:1px solid #E1E4E8}
.ge-live-leiste i{width:8px;height:8px;border-radius:50%;background:#D3D7DD}
.ge-live-leiste span{margin-left:8px;flex:1;min-width:0;font-size:12px;color:#5B6270;background:#fff;border-radius:6px;padding:2px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ge-live-seite{padding:12px 14px 14px;color:var(--l-text)}
.ge-live-kopf{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--l-still)}
.ge-live-kopf b{flex:1;min-width:0;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-family .2s}
.ge-live-menue{display:flex;gap:5px}
.ge-live-menue i{width:18px;height:4px;border-radius:2px;background:var(--l-still)}
.ge-live-shop{font-size:11px;font-weight:700;padding:2px 7px;border-radius:99px;background:var(--ge-haus);color:#fff}
.ge-live-shop[hidden]{display:none}
.ge-live-held{padding:14px 0 10px;display:grid;gap:6px;justify-items:start}
.ge-live-slogan{margin:0!important;font-size:20px!important;line-height:1.2;color:var(--l-text)!important;max-width:100%!important}
.ge-live-zeile{display:block;height:5px;width:88%;border-radius:3px;background:var(--l-still)}
.ge-live-zeile.kurz{width:58%}
.ge-live-taste{margin-top:6px;font-size:12px;font-weight:700;padding:6px 12px;border-radius:99px;background:var(--ge-haus);color:#fff}
.ge-live-bilder{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ge-live-bilder i{display:block;aspect-ratio:4/3;border-radius:6px;background:var(--l-flaeche)}
.ge-live-haken{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ge-live-haken li{font-size:.9rem;line-height:1.3;padding:4px 10px;border-radius:99px;background:var(--r-akzent-grund,#EEF2FA);color:var(--r-text,#16181D);border:1px solid var(--r-linie,#E3E0DB)}
.ge-live-haken li::before{content:"✓ ";color:#1F9D55;font-weight:700}
.ge-live.ist-neu .ge-live-fenster{animation:ge-auf .45s ease-out}
.ge-live.ist-neu .ge-live-haken li:last-child{animation:ge-auf .45s ease-out}
@keyframes ge-auf{from{transform:translateY(4px) scale(.985);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.ge-live-punkt,.ge-live.ist-neu .ge-live-fenster,.ge-live.ist-neu .ge-live-haken li{animation:none}}
/* Handy: Vorschau kompakt, damit Frage und Antworten ohne viel Scrollen passen */
@media (max-width:61.99rem){
  .ge-live-bilder,.ge-live-zeile.kurz,.ge-live-haken{display:none}
  .ge-live-held{padding:10px 0 4px}
  .ge-live-slogan{font-size:17px!important}
  .ge-live-seite{padding:10px 12px 12px}
}
/* Desktop: Vorschau oben in der Seitenspalte, waehrend der Fragen ersetzt sie Team und Ablauf; die Spalte bleibt sichtbar stehen */
@media (min-width:62rem){
  .ge-live-an .ge-vertrauen{position:sticky;top:6rem}
  .ge-live-an .ge-vertrauen > :not(.ge-live){display:none}
  .ge-live-slogan{font-size:24px!important}
}
/* Funnel-Plus 26.10.2026: echte Bewertungen im Wizard, nahe am Start-Knopf und im letzten Schritt direkt am Absende-Knopf.
   Quelle wie Startseite (24 Google-Bewertungen, zwei Kundenstimmen), Schrift wie im ruhigen Stil mindestens 1rem. */
.ge-stimmen{margin:20px 0 0;padding:14px 16px;border-radius:12px;border:1px solid var(--r-linie,#E3E0DB);background:var(--r-flaeche,#FFFFFF);display:grid;gap:12px}
.seiten-kopf .ge-karte .ge-stimmen p{margin:0;max-width:none}
.seiten-kopf .ge-karte .ge-stimmen-kopf{font-size:1rem;line-height:1.4;color:var(--r-text,#16181D)}
.ge-stimmen-kopf a{color:inherit;text-decoration:none}
.ge-stimmen-kopf a:hover b,.ge-stimmen-kopf a:focus-visible b{text-decoration:underline}
.ge-stimmen-sterne{color:#B45309;letter-spacing:.08em;margin-right:2px}
.ge-stimme{margin:0;padding:0 0 0 12px;border-left:3px solid var(--r-akzent-grund,#EEF2F9)}
.ge-stimme blockquote{margin:0;font-size:1rem;line-height:1.5;color:var(--r-text,#16181D)}
.ge-stimme figcaption{margin-top:4px;font-size:1rem;line-height:1.4;color:var(--r-still,#4A4F59)}
.ge-stimme figcaption b{color:var(--r-text,#16181D);font-weight:600}
.seiten-kopf .ge-karte .ge-stimmen-fuss{font-size:1rem;line-height:1.45;color:var(--r-still,#4A4F59)}
/* Liefert das Cockpit die Google-Zahl live (data-ge-google sichtbar), steht sie im Team-Kasten; die feste Zeile tritt zurueck */
.ge-karte:has([data-ge-google]:not([hidden])) .ge-stimmen-kopf{display:none}
/* Live-Vorschau: klar als Skizze bezeichnet, der echte Entwurf kommt per Mail */
.seiten-kopf .ge-live p.ge-live-hinweis,.ge-live p.ge-live-hinweis{margin:10px 0 0;font-size:1rem;line-height:1.45;color:var(--r-still,#4A4F59)}
/* Letzter Schritt: Bewertungen unter dem Absende-Knopf, nur solange die Karte im Schritt "kontakt" steht (data-schritt setzt assets/gratis-entwurf.js) */
.ge-karte .ge-stimmen--schluss{display:none}
.ge-karte[data-schritt="kontakt"] .ge-stimmen--schluss{display:grid}