:root{--nacht:#080D1A;--tiefe:#0D1526;--navy:#234FA5;--gold:#E0B84C;--eis:#D6E4F7;--nebel:#7C8AA5;--linie:rgba(214,228,247,.09)}
*{margin:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Archivo",sans-serif;background:var(--nacht);color:var(--eis);overflow-x:hidden}
.mono{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums}
a{color:inherit}
.strom{position:fixed;inset:0;overflow:hidden;z-index:0;opacity:.34}
.spalte{position:absolute;top:-60%;display:flex;flex-direction:column;gap:26px;font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--nebel);white-space:nowrap;animation:ziehen linear infinite}
.spalte span.g{color:var(--gold);opacity:.85}
@keyframes ziehen{from{transform:translateY(0)}to{transform:translateY(45%)}}
.schleier{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(1100px 600px at 70% -10%,rgba(35,79,165,.35),transparent 60%),linear-gradient(to bottom,rgba(8,13,26,.25),var(--nacht) 78%)}
.inhalt{position:relative;z-index:2}
header.kopf{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(20px,5vw,64px);background:rgba(8,13,26,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--linie)}
.marke{display:flex;align-items:center;gap:12px;text-decoration:none}
.marke img{height:34px;width:auto}
.marke .mtxt{font-weight:800;font-stretch:112%;font-size:15px;color:#fff;line-height:1.15}
.marke .mtxt small{display:block;font-weight:400;font-size:10px;color:var(--nebel);letter-spacing:.14em;text-transform:uppercase}
.kopfnav{display:flex;gap:22px;align-items:center}
.kopfnav a.nl{font-size:13.5px;color:var(--nebel);text-decoration:none;transition:.2s}
.kopfnav a.nl:hover{color:#fff}
.kopfcta{font-size:13px;font-weight:700;color:#191408;background:var(--gold);text-decoration:none;padding:10px 18px;border-radius:999px;transition:.25s;white-space:nowrap}
.kopfcta:hover{box-shadow:0 0 26px rgba(224,184,76,.4)}
@media(max-width:760px){.kopfnav a.nl{display:none}}
.hero{padding:clamp(52px,9vw,120px) clamp(20px,5vw,64px) 40px;max-width:1180px;margin:0 auto}
.eyebrow{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:22px;font-weight:600}
h1{font-weight:900;font-stretch:120%;text-transform:uppercase;line-height:.96;font-size:clamp(38px,7.4vw,92px);letter-spacing:-.01em;color:#fff;max-width:14ch}
h1 .glueht{color:var(--gold);text-shadow:0 0 34px rgba(224,184,76,.4)}
.zeile{display:block;opacity:0;transform:translateY(28px);animation:auftauchen .7s cubic-bezier(.2,.8,.2,1) forwards}
.zeile:nth-child(2){animation-delay:.14s}
@keyframes auftauchen{to{opacity:1;transform:none}}
.unter{margin-top:26px;max-width:62ch;font-size:clamp(15px,1.9vw,18px);line-height:1.75;color:var(--nebel)}
.unter b{color:var(--eis);font-weight:600}
.cta-reihe{margin-top:34px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cta{display:inline-block;background:var(--gold);color:#191408;font-weight:800;font-size:16px;padding:17px 30px;border-radius:999px;text-decoration:none;transition:box-shadow .3s,transform .2s}
.cta:hover{transform:translateY(-2px);box-shadow:0 0 44px 4px rgba(224,184,76,.3)}
.neben{font-size:13px;color:var(--nebel);line-height:1.5}
.neben b{color:var(--eis)}
.ticker{border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);margin-top:clamp(44px,6vw,72px);background:rgba(13,21,38,.6);backdrop-filter:blur(6px)}
.ticker-innen{max-width:1180px;margin:0 auto;padding:32px clamp(20px,5vw,64px);display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:26px 34px}
.tick{border-left:2px solid rgba(224,184,76,.5);padding-left:18px}
.tick b{display:block;font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;font-size:clamp(27px,3.1vw,38px);font-weight:600;color:#fff;white-space:nowrap;line-height:1.1}
.tick b .gold{color:var(--gold)}
.tick .label{font-size:11.5px;color:var(--nebel);letter-spacing:.08em;text-transform:uppercase;display:block;margin-top:7px;line-height:1.55}
.sektion{max-width:1180px;margin:0 auto;padding:clamp(52px,8vw,100px) clamp(20px,5vw,64px)}
.sektion-kopf{max-width:780px}
h2{font-weight:800;font-stretch:114%;text-transform:uppercase;font-size:clamp(24px,3.8vw,40px);color:#fff;line-height:1.08}
h2 em{font-style:normal;color:var(--gold)}
.begleit{margin-top:16px;color:var(--nebel);max-width:66ch;line-height:1.75;font-size:15.5px}
.begleit b{color:var(--eis)}
.kacheln{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:16px}
.kachel{border:1px solid var(--linie);border-radius:14px;background:rgba(13,21,38,.72);padding:26px 24px 22px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(26px);transition:all .55s cubic-bezier(.2,.8,.2,1)}
.kachel.sichtbar{opacity:1;transform:none}
.kachel:hover{border-color:rgba(224,184,76,.55)}
.kat{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.kachel h3{font-size:18.5px;font-weight:800;color:#fff;line-height:1.3}
.kachel p{font-size:14px;line-height:1.7;color:var(--nebel);flex:1}
.kachel .kl{font-size:13.5px;font-weight:700;color:var(--eis);text-decoration:none}
.kachel .kl::after{content:" →";color:var(--gold)}
.schritte{margin-top:38px;display:flex;flex-direction:column}
.schritt{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:22px 4px;border-bottom:1px solid var(--linie);align-items:start;opacity:0;transform:translateX(-34px);transition:all .55s cubic-bezier(.2,.8,.2,1)}
.schritt.sichtbar{opacity:1;transform:none}
.schritt .nr{font-family:"IBM Plex Mono",monospace;font-size:24px;color:var(--gold);font-weight:600;padding-top:2px}
.schritt h3{font-size:17px;font-weight:800;color:#fff;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.frei{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--nacht);background:var(--gold);border-radius:999px;padding:3px 10px}
.schritt p{margin-top:7px;font-size:14px;line-height:1.7;color:var(--nebel);max-width:72ch}
.preisgrid{margin-top:38px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.preiskarte{border:1px solid var(--linie);border-radius:14px;background:rgba(13,21,38,.72);padding:26px 24px;opacity:0;transform:translateY(24px);transition:all .55s cubic-bezier(.2,.8,.2,1)}
.preiskarte.sichtbar{opacity:1;transform:none}
.preiskarte h3{font-size:16px;font-weight:800;color:#fff}
.preiskarte dl{margin-top:16px;font-family:"IBM Plex Mono",monospace;font-size:14px}
.preiskarte dl div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;color:var(--nebel)}
.preiskarte dl .summe{border-top:2px solid rgba(224,184,76,.6);margin-top:6px;padding-top:10px;color:#fff;font-weight:600}
.preiskarte .fuss{margin-top:12px;font-size:12px;color:var(--nebel);line-height:1.6}
.faelle{margin-top:38px;display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:16px}
.fall{border:1px solid var(--linie);border-left:3px solid var(--gold);border-radius:12px;background:rgba(13,21,38,.72);padding:22px;opacity:0;transform:translateY(24px);transition:all .55s cubic-bezier(.2,.8,.2,1)}
.fall.sichtbar{opacity:1;transform:none}
.fall h3{font-size:15.5px;color:#fff;font-weight:800}
.fall p{margin-top:9px;font-size:13.5px;line-height:1.7;color:var(--nebel)}
.fall .erg{margin-top:12px;font-family:"IBM Plex Mono",monospace;font-size:12.5px;color:var(--gold)}
.faq{margin-top:34px;max-width:820px}
.faq details{border-bottom:1px solid var(--linie)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 2px;font-size:15.5px;font-weight:700;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:20px;font-weight:400;transition:.25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .antwort{padding:0 2px 20px;font-size:14.5px;line-height:1.75;color:var(--nebel);max-width:70ch}
.team{margin-top:38px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:760px}
.person{border:1px solid var(--linie);border-radius:14px;background:rgba(13,21,38,.72);padding:24px;display:flex;gap:16px;align-items:center}
.avatar{width:64px;height:64px;border-radius:50%;background:var(--navy);border:2px solid rgba(224,184,76,.6);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:#fff;flex:none}
.person h3{font-size:15.5px;color:#fff}
.person p{font-size:12.5px;color:var(--nebel);margin-top:4px;line-height:1.5}
.bogen-sektion{border-top:1px solid var(--linie);background:rgba(13,21,38,.55)}
.bogen{margin-top:34px;max-width:760px;border:1px solid var(--linie);border-radius:16px;background:rgba(8,13,26,.8);padding:clamp(20px,4vw,34px)}
.fortschritt{display:flex;gap:8px;margin-bottom:26px}
.fortschritt i{height:4px;flex:1;background:var(--linie);border-radius:99px}
.fortschritt i.aktiv{background:var(--gold)}
.bogen h3{color:#fff;font-size:17px;margin-bottom:6px}
.pflichtinfo{font-size:12.5px;color:var(--nebel);line-height:1.6;margin-bottom:22px}
.gruppe{margin-top:20px}
.glabel{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--eis);font-weight:700;margin-bottom:10px}
.glabel .opt{color:var(--nebel);font-weight:400;text-transform:none;letter-spacing:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid rgba(214,228,247,.25);border-radius:10px;padding:9px 14px;font-size:13.5px;cursor:pointer;color:var(--eis);transition:.2s;user-select:none}
.chip:hover{border-color:var(--gold)}
.chip.an{background:var(--gold);border-color:var(--gold);color:#191408;font-weight:700}
textarea,input[type=text],input[type=email],input[type=tel]{width:100%;background:rgba(13,21,38,.9);border:1px solid rgba(214,228,247,.25);border-radius:10px;color:#fff;font-family:inherit;font-size:15px;padding:13px 14px;transition:.2s}
textarea:focus,input:focus{outline:none;border-color:var(--gold)}
textarea{min-height:100px;resize:vertical}
.fehler{color:#F0A5A5;font-size:13px;margin-top:8px;display:none}
.fehler.zeigen{display:block}
.bogen-nav{display:flex;justify-content:space-between;gap:12px;margin-top:26px;align-items:center}
.btn-weiter{background:var(--gold);color:#191408;font-weight:800;font-size:15px;border:none;border-radius:999px;padding:14px 26px;cursor:pointer;transition:.2s}
.btn-weiter:hover{box-shadow:0 0 30px rgba(224,184,76,.35)}
.btn-weiter:disabled{opacity:.6;cursor:wait}
.btn-zurueck{background:none;border:none;color:var(--nebel);font-size:14px;cursor:pointer;padding:10px}
.vertrauen{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:7px}
.vertrauen li{font-size:13px;color:var(--nebel)}
.vertrauen li b{color:var(--gold);margin-right:6px}
.ruf{border:1px solid rgba(214,228,247,.2);border-radius:10px;padding:14px;margin-top:16px}
.ruf label.haupt{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:14px;color:var(--eis);font-weight:600}
.ruf input[type=checkbox]{width:16px;height:16px;accent-color:var(--gold);margin-top:2px}
.standort{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;max-width:900px}
.ort-karte{border:1px solid var(--linie);border-radius:14px;background:rgba(13,21,38,.72);padding:24px}
.ort-karte h3{font-size:15px;color:#fff}
.ort-karte p{margin-top:10px;font-size:14px;line-height:1.75;color:var(--nebel)}
.ort-karte a{color:var(--gold);text-decoration:none;font-weight:600}
.einordnung{background:rgba(13,21,38,.7);border-top:1px solid var(--linie)}
.einordnung-innen{max-width:1180px;margin:0 auto;padding:32px clamp(20px,5vw,64px);font-size:13px;line-height:1.75;color:var(--nebel)}
.einordnung-innen b{color:var(--eis)}
footer{border-top:1px solid var(--linie)}
.fuss-innen{max-width:1180px;margin:0 auto;padding:44px clamp(20px,5vw,64px) 110px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:30px}
.fuss-innen h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--eis);margin-bottom:14px}
.fuss-innen ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.fuss-innen a{font-size:13.5px;color:var(--nebel);text-decoration:none}
.fuss-innen a:hover{color:var(--gold)}
.fuss-innen p{font-size:13px;color:var(--nebel);line-height:1.7}
.leiste{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(8,13,26,.92);backdrop-filter:blur(10px);border-top:1px solid var(--linie)}
.leiste a{display:block;text-align:center;background:var(--gold);color:#191408;font-weight:800;font-size:15px;padding:14px;border-radius:999px;text-decoration:none}
@media(min-width:761px){.leiste{display:none}.fuss-innen{padding-bottom:44px}}
.brotkrumen{max-width:1180px;margin:0 auto;padding:18px clamp(20px,5vw,64px) 0;font-size:12.5px;color:var(--nebel)}
.brotkrumen a{color:var(--nebel);text-decoration:none}
.brotkrumen a:hover{color:var(--gold)}
.brotkrumen span{color:var(--eis)}
.legal{max-width:860px;margin:0 auto;padding:clamp(36px,6vw,70px) clamp(20px,5vw,64px) 90px}
.legal h1{font-size:clamp(30px,5vw,52px)}
.legal h2{font-size:17px;margin-top:34px;text-transform:none;font-stretch:100%;color:var(--gold)}
.legal p,.legal li,.legal div{font-size:14.5px;line-height:1.8;color:var(--nebel);margin-top:10px}
.legal a{color:var(--gold)}
.legal strong{color:var(--eis)}
.gross404{text-align:center;padding:clamp(80px,16vw,180px) 24px}
.gross404 .zahl{font-family:"IBM Plex Mono",monospace;font-size:clamp(70px,16vw,150px);color:var(--gold);font-weight:600}
@media(prefers-reduced-motion:reduce){.spalte{animation:none}.zeile{animation:none;opacity:1;transform:none}.kachel,.schritt,.preiskarte,.fall{opacity:1;transform:none;transition:none}}

/* Kartenraster ohne Einzelgaenger: 4er als 2x2 oder 4x1, 3er als 3x1 */
@media(min-width:640px){.kacheln.vier{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.kacheln.vier{grid-template-columns:repeat(4,1fr)}}
@media(min-width:900px){.kacheln.drei{grid-template-columns:repeat(3,1fr)}}
.sektion.nah{padding-top:clamp(12px,3vw,32px)}
.kachel .kat{flex:none}
.preiskarte dl dd{white-space:nowrap;margin:0}
/* ---------- v13: eigene Schriften, keine Verbindung zu Google ---------- */
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-latin-wdth.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-latin-ext-wdth.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600.woff2) format("woff2")}
@font-face{font-family:"Archivo Ersatz";src:local("Arial"),local("Liberation Sans"),local("Helvetica");size-adjust:100.8%;ascent-override:87.8%;descent-override:21%;line-gap-override:0%}
body{font-family:"Archivo","Archivo Ersatz",Arial,sans-serif}

/* ---------- v13: Grundlagen für alle Endgeräte ---------- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px;color-scheme:dark}
body{overflow-wrap:break-word}
h1,h2,h3,h4,summary{text-wrap:balance;overflow-wrap:break-word;hyphens:manual}
p,li,dd,.antwort{text-wrap:pretty;hyphens:auto;-webkit-hyphens:auto}
img{max-width:100%;height:auto}
a[href^="mailto:"]{overflow-wrap:anywhere}
.sprung{position:absolute;left:-9999px;top:0;z-index:100;background:var(--gold);color:#191408;padding:12px 18px;border-radius:0 0 10px 0;font-weight:800}
.sprung:focus{left:0}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* Überschriften: flüssig, nie breiter als der Bildschirm */
h1{font-size:clamp(28px,8.4vw,92px);max-width:16ch}
@media(max-width:480px){h1{font-size:clamp(26px,8.6vw,40px);font-stretch:108%}}
h2{font-size:clamp(22px,5.4vw,40px)}
@media(max-width:480px){h2{font-stretch:104%}}
.legal h1{font-size:clamp(26px,6.4vw,52px);overflow-wrap:anywhere;max-width:none}
.legal h2{font-size:clamp(16px,4.4vw,17px)}
.gross404 .zahl{font-size:clamp(64px,18vw,150px)}

/* Kopf: Firmenname, Menüknopf, kurzer Button auf dem Handy */
header.kopf{gap:12px;padding-left:max(clamp(16px,5vw,64px),env(safe-area-inset-left));padding-right:max(clamp(16px,5vw,64px),env(safe-area-inset-right))}
.marke{min-height:44px;flex:0 1 auto;min-width:0}
.marke .mtxt{white-space:nowrap}
.kopfrechts{display:flex;align-items:center;gap:8px;flex:none}
.kopfcta{min-height:44px;display:inline-flex;align-items:center}
.kopfcta .kurz{display:none}
.kopfnav a.nl{min-height:44px;display:inline-flex;align-items:center;padding:0 2px}
.menue{display:none;width:44px;height:44px;border:1px solid var(--linie);border-radius:10px;background:rgba(13,21,38,.8);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}
.menue span{display:block;width:20px;height:2px;background:var(--eis);border-radius:2px;transition:.25s}
.menue[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menue[aria-expanded="true"] span:nth-child(2){opacity:0}
.menue[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:999px){
  .kopfnav a.nl{display:flex}
  .menue{display:inline-flex}
  .kopfnav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--nacht);box-shadow:0 18px 30px rgba(0,0,0,.45);border-bottom:1px solid var(--linie);padding:6px max(16px,env(safe-area-inset-left)) 14px;display:none;max-height:calc(100dvh - 72px);overflow-y:auto}
  .kopfnav.offen{display:flex}
  .kopfnav a.nl{font-size:16px;color:var(--eis);padding:0 4px;border-bottom:1px solid var(--linie);min-height:52px}
}
@media(max-width:560px){
  .marke .mtxt small{display:none}
  .marke .mtxt{font-size:13px}
  .marke img{height:30px}
  .kopfcta{padding:10px 16px}
  .kopfcta .lang{display:none}
  .kopfcta .kurz{display:inline}
}
@media(max-width:360px){.marke .mtxt{font-size:12px;letter-spacing:-.01em}.marke{gap:8px}}

/* Tippflächen mindestens 44 px */
.kachel .kl,.linkreihe .kl{display:inline-flex;align-items:center;min-height:44px}
.linkreihe{margin-top:22px;display:flex;flex-wrap:wrap;gap:6px 26px}
.linkreihe .kl{font-size:14px;font-weight:700;color:var(--eis);text-decoration:none}
.linkreihe .kl::after{content:" →";color:var(--gold);margin-left:4px}
.chip{min-height:44px;display:inline-flex;align-items:center;font:inherit;font-size:14px;background:none;text-align:left;line-height:1.3}
.chips{gap:10px}
.faq summary{min-height:52px;align-items:center}
.fuss-innen ul{gap:0}
.fuss-innen li a{display:inline-flex;align-items:center;min-height:44px}
.brotkrumen a{display:inline-flex;align-items:center;min-height:44px}
.cta{min-height:52px;display:inline-flex;align-items:center;text-align:center;line-height:1.25}
.btn-weiter{min-height:48px}
.leiste a{min-height:48px;display:flex;align-items:center;justify-content:center}
.ort-karte a,.legal a,.einordnung a{overflow-wrap:anywhere}

/* Formular: 16 px gegen das Hineinzoomen auf dem iPhone */
textarea,input[type=text],input[type=email],input[type=tel]{font-size:16px}
fieldset.gruppe{border:0;padding:0;min-width:0}
legend.glabel{padding:0}
.hinweis{font-size:12.5px;color:var(--nebel);margin-top:8px;line-height:1.5}
.honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bogen{position:relative}
.bogen-nav{justify-content:flex-start}
.chip[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#191408;font-weight:700}
.fehler a{color:#F0A5A5}

/* Vergleich Leistungen */
.vergleich{margin-top:38px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.vkarte{border:1px solid var(--linie);border-radius:14px;background:rgba(13,21,38,.72);padding:24px}
.vkarte.ja{border-left:3px solid var(--gold)}
.vkarte h3{font-size:17px;color:#fff;font-weight:800}
.vkarte ul{list-style:none;padding:0;margin-top:14px;display:flex;flex-direction:column;gap:9px}
.vkarte li{font-size:14.5px;line-height:1.55;color:var(--eis);padding-left:22px;position:relative}
.vkarte.ja li::before{content:"";position:absolute;left:2px;top:.45em;width:9px;height:5px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.vkarte.nein li{color:var(--nebel)}
.vkarte.nein li::before{content:"";position:absolute;left:2px;top:.7em;width:10px;height:2px;background:var(--nebel)}
.vkarte p{margin-top:14px;font-size:13.5px;line-height:1.7;color:var(--nebel)}

/* Raster: nie breiter als der Bildschirm */
.kacheln,.preisgrid,.faelle,.team,.standort,.ticker-innen{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.ticker-innen{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
@media(max-width:420px){.ticker-innen{grid-template-columns:1fr 1fr;gap:22px 16px}.tick{padding-left:12px}.tick .label{font-size:10.5px}}
.preiskarte dl div{flex-wrap:wrap}
.preiskarte dl dd{white-space:nowrap}
.person{flex-wrap:wrap}
.schritt{grid-template-columns:44px 1fr;gap:12px}

/* Leiste unten und Cookie-Hinweis nicht übereinander */
body.hinweis-offen .leiste{display:none}
@media(max-width:760px){.fuss-innen{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}

/* Rechtstexte */
.legal{padding-left:max(clamp(20px,5vw,64px),env(safe-area-inset-left));padding-right:max(clamp(20px,5vw,64px),env(safe-area-inset-right))}
@media(max-width:430px){.marke .mtxt{white-space:normal;font-size:12px;line-height:1.1;max-width:9.5em}.marke img{height:28px}.kopfcta{padding:10px 14px;font-size:13px}}