/* Firmenkompass – Frankfurter Beratungshaus. Kalkstein, Nachtblau-Tinte, Raleway (Überschriften) + Montserrat (Text), CI-Schriften. */
@font-face{font-family:"Montserrat";src:url(/assets/fonts/montserrat-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Montserrat";src:url(/assets/fonts/montserrat-var-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Raleway";src:url(/assets/fonts/raleway-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Raleway";src:url(/assets/fonts/raleway-var-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}

:root{
  --grund:#F7F8FA;--stein:#EDF0F4;--sand:#E9EDF2;--sand-tief:#CBD3DD;--blatt:#fff;
  --nacht:#0B2540;--nacht-2:#123459;--tinte:#0B2540;--text:#2A3644;--grau:#596474;
  --linie:#E1E6EC;--linie-stark:#C9D1DB;
  --blau:#145DA0;--blau-tief:#0F4A82;--hell:#E9F1F9;--hell-2:#D6E6F5;
  --serif:"Raleway",ui-sans-serif,system-ui,sans-serif;--sans:"Montserrat",ui-sans-serif,system-ui,sans-serif;--display:var(--serif);
  --max:1280px;--gut:clamp(16px,2.4vw,32px);--rand:clamp(18px,4.4vw,56px);
  --s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:64px;--s6:clamp(80px,10vw,140px);
  --r:6px;--r-gross:14px;
  --schatten:0 1px 2px rgba(11,37,64,.05),0 14px 34px -14px rgba(11,37,64,.20);
  --schatten-hoch:0 2px 4px rgba(11,37,64,.06),0 28px 60px -22px rgba(11,37,64,.32);
  --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px;scrollbar-color:var(--linie-stark) var(--grund)}
body{margin:0;background:var(--grund);color:var(--text);font:400 1rem/1.7 var(--sans);text-rendering:optimizeLegibility}
html,html *{font-feature-settings:"kern" 1,"liga" 1,"lnum" 1}
img{max-width:100%;height:auto;display:block}
a{color:var(--blau);text-decoration-thickness:1px;text-underline-offset:.22em}
a:hover{color:var(--blau-tief);text-decoration-thickness:2px}
::selection{background:var(--hell-2);color:var(--nacht)}
:focus-visible{outline:2px solid var(--blau);outline-offset:3px;border-radius:2px}
h1,h2,h3,h4,.btn,.tel,.preis,.preisblock,.tab{font-variant-numeric:lining-nums tabular-nums}
h1,h2,h3,h4{font-family:var(--serif);color:var(--tinte);margin:0;text-wrap:balance;font-weight:560;letter-spacing:-.018em;font-optical-sizing:auto}
h1{font-size:clamp(2.55rem,5.6vw,5rem);line-height:1.03;letter-spacing:-.028em;font-weight:520}
h2{font-size:clamp(1.9rem,3.5vw,3.05rem);line-height:1.08;letter-spacing:-.022em;font-weight:530}
h3{font-size:1.3rem;line-height:1.22;font-weight:600;letter-spacing:-.01em}
h1 em,h2 em{font-style:italic;font-weight:440;color:var(--blau)}
p{margin:0 0 1em}
.tab{font-variant-numeric:tabular-nums lining-nums}
.skip{position:absolute;left:-999px;top:8px;background:var(--nacht);color:#fff;padding:10px 14px;z-index:100;border-radius:var(--r)}
.skip:focus{left:8px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--rand)}
.raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
.label{font:600 .8rem/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--blau)}
.sec{padding:var(--s6) 0}
.sec-hell{background:var(--stein)}
.sec-feld{background:var(--blatt)}
.sec-blau{background:var(--nacht);color:#D9E5F2}
.sec-blau h2,.sec-blau h3{color:#fff}
.sec-blau h2 em{color:#9CC6F0}
.sec-nacht{background:var(--nacht);color:#D7E6F5}
.sec-nacht h2,.sec-nacht h3{color:#fff}
.kopf{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:18px;margin-bottom:var(--s5);align-items:start}
.kopf h2{grid-column:1/span 8}
.kopf p{grid-column:1/span 7;margin:0;color:var(--grau);font-size:1.12rem;line-height:1.6;max-width:46em}
.sec-blau .kopf p,.sec-nacht .kopf p{color:#BFD3E8}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:12px;font:600 1.02rem/1 var(--sans);padding:17px 24px;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:background .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s var(--ease);border-radius:var(--r);white-space:nowrap}
.btn svg{transition:transform .35s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn-primaer{background:var(--nacht);color:#fff;box-shadow:0 12px 26px -14px rgba(11,37,64,.65)}
.btn-primaer:hover{background:var(--blau);color:#fff;transform:translateY(-1px)}
.leiste-cta .btn-primaer,.zwischen-cta .btn-primaer,.sec-blau .btn-primaer,.abschluss .btn-primaer{background:#fff;color:var(--nacht)}
.leiste-cta .btn-primaer:hover,.zwischen-cta .btn-primaer:hover,.sec-blau .btn-primaer:hover,.abschluss .btn-primaer:hover{background:var(--sand);color:var(--nacht)}
.btn-linie{border-color:var(--linie-stark);color:var(--tinte);background:var(--blatt)}
.btn-linie:hover{border-color:var(--tinte);color:var(--tinte)}
.btn-weiss{background:#fff;color:var(--nacht)}
.btn-weiss:hover{background:var(--hell);color:var(--nacht)}
.aktionen{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
.tel{display:inline-flex;align-items:center;gap:10px;font:600 1.02rem var(--sans);color:var(--tinte);text-decoration:none}
.tel svg{width:20px;height:20px;color:var(--blau)}
.tel:hover{color:var(--blau)}
.link{font:600 1.02rem var(--sans);color:var(--blau);text-decoration:none;display:inline-flex;gap:10px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:3px}
.link:hover{border-bottom-width:2px}

/* Kopfleiste */
.kopfleiste{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.3) blur(14px);-webkit-backdrop-filter:saturate(1.3) blur(14px);border-bottom:1px solid rgba(11,37,64,.07)}
.kopfleiste .wrap{display:flex;align-items:center;gap:var(--s3);height:80px}
.marke{display:flex;align-items:center;flex:none;text-decoration:none}
.marke svg{height:40px;width:auto}
.hauptnav{display:flex;gap:4px;margin-left:auto;align-items:center}
.hauptnav .nav-punkt>a{font:500 1rem var(--sans);color:var(--tinte);text-decoration:none;padding:10px 12px;border-radius:var(--r);transition:background .2s,color .2s}
.hauptnav .nav-punkt>a:hover{background:rgba(11,37,64,.05);color:var(--tinte)}
.hauptnav .nav-punkt>a[aria-current]{color:var(--blau);background:var(--hell)}
.kopf-cta{display:flex;align-items:center;gap:20px}
.kopf-cta .btn{padding:13px 18px;font-size:.98rem;box-shadow:none}
.kopf-cta .tel{font-size:.98rem}
.menue{display:none;margin-left:auto}
.menue summary{list-style:none;cursor:pointer;font:600 1rem var(--sans);color:var(--tinte);padding:10px 14px;display:flex;gap:10px;align-items:center;border:1px solid var(--linie-stark);border-radius:var(--r);background:var(--blatt)}
.menue summary::-webkit-details-marker{display:none}
.menue[open] .menue-panel{display:block}
.menue-panel{display:none;position:absolute;left:0;right:0;top:80px;background:var(--blatt);padding:8px var(--rand) 24px;box-shadow:0 24px 40px -24px rgba(11,37,64,.35)}
.menue-panel a{display:block;font:500 1.2rem var(--serif);color:var(--tinte);text-decoration:none;padding:14px 0;border-bottom:1px solid var(--linie)}
.menue-panel .btn{margin-top:18px;display:flex;justify-content:center;font-family:var(--sans)}
@media(max-width:1380px){.kopf-cta .tel{display:none}}
@media(max-width:1140px){.hauptnav,.kopf-cta{display:none}.menue{display:block}}

/* Hero Startseite */
.hero{padding:clamp(40px,6.5vw,96px) 0 0;position:relative}
.hero .raster{align-items:center}
.hero-text{grid-column:1/span 7;padding-right:clamp(0px,2vw,24px)}
.hero h1 .blau{display:block;font-style:italic;font-weight:420;color:var(--blau)}
.hero .einstieg{font-size:clamp(1.12rem,1.5vw,1.3rem);line-height:1.6;color:var(--text);max-width:33em;margin:var(--s3) 0 var(--s4)}
.hero .aktionen{margin-bottom:var(--s3)}
.hero-hinweis{font-size:.92rem;color:var(--grau);max-width:40em}
.hero-belege{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--linie);font-size:.95rem;color:var(--grau)}
.hero-belege span{white-space:nowrap}
.hero-belege b{font:600 1.15rem var(--serif);color:var(--tinte);margin-right:6px}

.hero-hinweis{display:none}
.hero-team{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--grau);font-size:.95rem;line-height:1.4;margin-top:var(--s1)}
.hero-team .gesichter{display:flex;flex:none}
.hero-team .gesichter img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid var(--grund);margin-left:-14px;transition:transform .3s var(--ease)}
.hero-team .gesichter img:first-child{margin-left:0}
.hero-team:hover .gesichter img{transform:translateY(-2px)}
.hero-team b{display:block;color:var(--tinte);font:600 1.02rem var(--serif)}
.hero-team:hover b{color:var(--blau)}

/* Führungsteam */
.wir .raster{align-items:center}
.wir-bild{grid-column:1/span 6;margin:0;position:relative}
.wir-bild img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 30%;border-radius:var(--r-gross);box-shadow:var(--schatten)}
.wir-bild figcaption{margin-top:12px;font-size:.88rem;color:var(--grau)}
.wir-text{grid-column:8/-1}
.wir-text h2{margin-bottom:20px}
.wir-einstieg{font-size:1.12rem;line-height:1.6;color:var(--text)}
.wir blockquote{margin:28px 0;padding:0 0 0 22px;border-left:2px solid var(--blau);font:italic 420 clamp(1.3rem,1.9vw,1.6rem)/1.35 var(--serif);color:var(--tinte)}
.wir blockquote cite{display:block;margin-top:10px;font:600 .82rem var(--sans);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--grau)}
.wir-leute{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wir-leute a{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;padding:10px;border-radius:var(--r-gross);background:var(--blatt);text-decoration:none;color:var(--grau);font-size:.88rem;line-height:1.35;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.wir-leute a:hover{box-shadow:var(--schatten);transform:translateY(-2px)}
.wir-leute img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.wir-leute b{display:block;font:600 1.05rem var(--serif);color:var(--tinte);margin-bottom:2px}

/* Hero mit Teamfoto */
.hero-foto{padding:0;background:linear-gradient(var(--sand) 0 calc(100% - 140px),var(--grund) calc(100% - 140px))}
.hero-buehne{position:relative;min-height:clamp(600px,80vh,780px);display:flex;align-items:center}
.hero-buehne>.wrap{width:100%}
.hero-foto .hero-text{grid-column:1/span 6;padding:clamp(40px,5vw,72px) 0 clamp(150px,13vw,180px)}
.hero-foto h1{font-size:clamp(2.4rem,4.3vw,4.1rem)}
.hero-foto .einstieg{margin:var(--s3) 0 var(--s4);font-size:clamp(1.08rem,1.3vw,1.22rem)}
.hero-bild{position:absolute;top:0;right:0;bottom:0;width:min(47vw,760px);margin:0}
.hero-bild img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;border-radius:0 0 0 28px}
.hero-bild figcaption{position:absolute;right:20px;bottom:clamp(150px,13vw,190px);font-size:.8rem;color:#fff;background:rgba(11,37,64,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:6px 10px;border-radius:999px}
.hero-foto .hero-team .gesichter img{border-color:var(--sand)}
.hero-foto .hero-belege{border-top-color:var(--sand-tief)}
.foerdercheck.quer{position:relative;z-index:2;margin-top:-140px;display:grid;grid-template-columns:minmax(260px,4fr) 8fr}
.foerdercheck.quer .fc-kopf{display:flex;flex-direction:column;justify-content:space-between;padding:28px 28px 26px}
.foerdercheck.quer .fc-titel{flex-direction:column;align-items:flex-start;gap:6px}
.foerdercheck.quer .fc-kopf b{font-size:1.7rem;line-height:1.15}
.foerdercheck.quer .fc-kopf p{margin:12px 0 0;color:#DCEAF8;font-size:.98rem;line-height:1.5}
.foerdercheck.quer .fc-buehne{min-height:250px;padding:28px 30px 22px}
.foerdercheck.quer .fc-optionen{grid-template-columns:1fr 1fr}
.foerdercheck.quer .fc-wege{grid-template-columns:1fr 1fr}
.foerdercheck.quer .fc-ergebnis .btn{width:auto}

.hero-unterseite{background:var(--sand)}
.hero-unterseite .hero-text{padding:clamp(36px,4.5vw,64px) 0 clamp(56px,6vw,88px)}
.hero-unterseite .hero-bild figcaption{bottom:20px}
.hero-unterseite .krumen{margin-bottom:var(--s4)}
.wir-zitat{grid-column:1/span 8;margin:0 0 var(--s4);padding:0 0 0 24px;border-left:2px solid var(--blau);font:italic 420 clamp(1.4rem,2.2vw,1.9rem)/1.35 var(--serif);color:var(--tinte)}
.wir-zitat cite{display:block;margin-top:12px;font:600 .82rem var(--sans);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--grau)}
.wir-leute-breit{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}

/* Fördercheck (Signature) */
.foerdercheck{grid-column:8/-1;background:var(--blatt);border-radius:var(--r-gross);box-shadow:var(--schatten-hoch);overflow:hidden;position:relative}
.fc-kopf{background:var(--blau);color:#fff;padding:20px 26px 18px}
.fc-kopf .fc-titel{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.fc-kopf b{font:600 1.25rem var(--serif);letter-spacing:-.01em}
.fc-kopf span{font:500 .9rem var(--sans);color:#CFE3F7}
.fc-balken{height:3px;background:rgba(255,255,255,.25);border-radius:3px;margin-top:14px;overflow:hidden}
.fc-balken i{display:block;height:100%;width:25%;background:#fff;border-radius:3px;transition:width .6s var(--ease)}
.fc-buehne{padding:26px 26px 22px;min-height:340px;display:flex;flex-direction:column}
.fc-frage h2{font:560 1.55rem/1.2 var(--serif);letter-spacing:-.015em;margin-bottom:18px}
.fc-optionen{display:grid;gap:10px}
.fc-optionen button{display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;font:500 1.04rem/1.3 var(--sans);color:var(--tinte);background:var(--grund);border:1px solid transparent;border-radius:var(--r);padding:15px 16px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s var(--ease)}
.fc-optionen button::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--blau);border-top:2px solid var(--blau);transform:rotate(45deg);opacity:.5;transition:opacity .2s,transform .3s var(--ease)}
.fc-optionen button:hover{background:var(--hell);border-color:var(--hell-2)}
.fc-optionen button:hover::after{opacity:1;transform:translateX(3px) rotate(45deg)}
.fc-optionen button[aria-pressed=true]{background:var(--hell);border-color:var(--blau)}
.fc-fuss{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.88rem;color:var(--grau)}
.fc-fuss button{font:600 .92rem var(--sans);color:var(--blau);background:none;border:0;padding:6px 0;cursor:pointer}
.fc-fuss button[hidden]{display:none}
.fc-neu{animation:fcRein .5s var(--ease) both}
@keyframes fcRein{from{opacity:.35;transform:translateX(16px)}}
.fc-ergebnis h2{font:560 1.5rem/1.2 var(--serif);margin-bottom:6px}
.fc-ergebnis>p{color:var(--grau);font-size:.98rem;margin-bottom:14px}
.fc-wege{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.fc-wege li{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:12px 14px;border-radius:var(--r);background:var(--grund);font-size:.96rem;line-height:1.45}
.fc-wege li b{display:block;color:var(--tinte);font-weight:600}
.fc-wege li::before{content:"";width:18px;height:18px;border-radius:50%;margin-top:2px;background:var(--hell-2) no-repeat center/10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l3 3 5-6' fill='none' stroke='%23145DA0' stroke-width='1.8'/%3E%3C/svg%3E")}
.fc-wege li.pruefen::before{background:var(--sand) no-repeat center/10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 1v5M5 8v1' fill='none' stroke='%230B2540' stroke-width='1.8'/%3E%3C/svg%3E")}
.fc-wege li.nein::before{background:#EDF0F4 no-repeat center/9px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 2l6 6M8 2l-6 6' fill='none' stroke='%23596474' stroke-width='1.6'/%3E%3C/svg%3E")}
.fc-ergebnis .btn{width:100%;justify-content:center}
.fc-klein{font-size:.82rem;color:var(--grau);margin:12px 0 0;line-height:1.45}

/* Modulwähler (Seite /avgs/) */
.modulwahl{grid-column:8/-1;background:var(--blatt);border-radius:var(--r-gross);box-shadow:var(--schatten);overflow:hidden}
.modulwahl-kopf{padding:22px 22px 16px}
.modulwahl-kopf h2{font-size:1.3rem;letter-spacing:-.01em}
.modulwahl-kopf p{margin:6px 0 14px;font-size:.95rem;color:var(--grau)}
.vorhaben{display:flex;flex-wrap:wrap;gap:6px}
.vorhaben button{font:500 .9rem var(--sans);border:1px solid var(--linie-stark);background:var(--blatt);color:var(--tinte);padding:7px 12px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.vorhaben button:hover{border-color:var(--tinte)}
.vorhaben button[aria-pressed=true]{background:var(--nacht);border-color:var(--nacht);color:#fff}
.module{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0 14px 14px;list-style:none}
.module li{min-height:112px}
.module a{display:flex;flex-direction:column;height:100%;padding:13px 13px 11px;border-radius:var(--r);background:var(--grund);text-decoration:none;color:var(--tinte);transition:background .45s var(--ease),color .45s var(--ease),opacity .45s var(--ease)}
.module .nr{font:600 .76rem var(--sans);color:var(--blau);letter-spacing:.06em}
.module .name{font:600 1rem/1.2 var(--serif);margin-top:6px}
.module .ue{margin-top:auto;font:500 .8rem var(--sans);color:var(--grau)}
.module a:hover{background:var(--hell)}
.modulwahl[data-aktiv] .module a{opacity:.35}
.modulwahl[data-aktiv] .module a.an{opacity:1;background:var(--blau);color:#fff}
.modulwahl[data-aktiv] .module a.an .nr,.modulwahl[data-aktiv] .module a.an .ue{color:#CFE3F7}
.modulwahl[data-aktiv] .module a.an:hover{background:var(--blau-tief)}
.modulwahl-fuss{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;background:var(--grund);font-size:.92rem;color:var(--grau)}
.modulwahl-fuss strong{font:600 1.05rem var(--serif);color:var(--tinte)}
.sec-nacht a:hover,.weg a:hover,.leiste-cta a:hover{color:#fff}

/* Logowand: Herkunft der Coaches */
.logowand{padding:clamp(48px,6vw,80px) 0 clamp(8px,2vw,24px)}
.logowand .wrap{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:var(--gut);align-items:center}
.logowand p{margin:0;font:500 1rem/1.4 var(--serif);font-style:italic;color:var(--grau)}
.logowand ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;gap:24px 28px}
.logowand li{display:flex;justify-content:center}
.logowand img{height:26px;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.logowand li:hover img{filter:none;opacity:1}

/* Beweisleiste (Unterseiten) */
.beweis{margin-top:clamp(40px,6vw,80px)}
.beweis ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.beweis li{padding:20px 22px;background:var(--blatt);border-radius:var(--r);display:flex;flex-direction:column;gap:2px}
.beweis b{font:560 1.5rem/1.1 var(--serif);color:var(--tinte)}
.beweis span{font-size:.93rem;color:var(--grau)}
.stern{color:var(--blau)}

/* Fotoband */
.fotoband{position:relative;margin:clamp(40px,6vw,88px) auto 0;max-width:calc(var(--max) - 2*var(--rand) + 2*var(--rand));padding:0 var(--rand)}
.fotoband img{width:100%;height:clamp(380px,50vw,680px);object-fit:cover;object-position:50% 0%;border-radius:var(--r-gross)}
.fotoband figcaption{position:absolute;left:var(--rand);right:var(--rand);bottom:0;border-radius:0 0 var(--r-gross) var(--r-gross);background:linear-gradient(to top,rgba(7,24,43,.88),rgba(7,24,43,0));padding:clamp(80px,10vw,160px) 0 clamp(26px,4vw,48px)}
.fotoband figcaption .wrap{padding:0 clamp(22px,4vw,48px)}
.fotoband .zitat{grid-column:1/span 8;font:italic 440 clamp(1.7rem,3.4vw,3rem)/1.12 var(--serif);color:#fff;letter-spacing:-.02em;margin:0}
.fotoband .ort{grid-column:9/-1;align-self:end;color:#C7D9EC;font-size:.95rem;text-align:right}

/* Schritte */
.schrittfolge{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
.schrittfolge li{position:relative;padding-top:8px}
.schrittfolge .nr{font:italic 400 3.6rem/1 var(--serif);color:var(--blau);display:block;margin-bottom:16px}
.schrittfolge h3{margin-bottom:8px}
.schrittfolge p{color:var(--grau);font-size:1.02rem}
.sec-blau .schrittfolge .nr{color:#9CC6F0}.sec-blau .schrittfolge p{color:#C9DAEC}.sec-blau .link{color:#fff}

/* Coaches */
.coaches{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
.coach{display:flex;flex-direction:column}
.coach a.coach-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}
.coach .bild{aspect-ratio:4/5;overflow:hidden;background:var(--stein);border-radius:var(--r-gross)}
.coach img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .6s}
.coach a:hover img{transform:scale(1.04)}
.coach .info{padding:16px 2px 4px;display:flex;flex-direction:column;gap:4px;flex:1}
.coach h3{font-size:1.28rem}
.coach .rolle{font-size:.95rem;color:var(--grau);line-height:1.4}
.coach .themen{display:none}
.coaches-fuss{grid-column:1/-1;margin-top:var(--s5);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.sec-blau .coach .rolle{color:#BFD3E8}

/* Förderwege */
.wege{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:var(--gut)}
.weg{background:rgba(255,255,255,.06);padding:clamp(26px,3.2vw,44px);border-radius:var(--r-gross);border:1px solid rgba(255,255,255,.12)}
.weg .meta{margin:0 0 16px;color:#BFD3E8;font-size:1rem}
.weg h3{font-size:clamp(1.5rem,2.2vw,1.9rem);margin:0 0 8px}
.weg ol{margin:0;padding:0;list-style:none;counter-reset:w}
.weg li{counter-increment:w;display:grid;grid-template-columns:36px 1fr;gap:10px;padding:14px 0;border-top:1px solid rgba(255,255,255,.14);color:#D9E5F2}
.weg li::before{content:counter(w);font:italic 400 1.35rem/1 var(--serif);color:#9CC6F0}
.weg li b{color:#fff;font-weight:600}
.weg a{color:#fff}

/* Ergebnisse */
.ergebnisse{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ergebnis{padding:28px 28px 26px;background:var(--blatt);border-radius:var(--r-gross);display:flex;flex-direction:column}
.ergebnis h3{margin-bottom:10px}
.ergebnis p{margin:0;color:var(--grau);font-size:1rem}
.ergebnis .modulref{margin-top:auto;padding-top:18px;font:600 .8rem var(--sans);color:var(--blau);letter-spacing:.06em;text-transform:uppercase}

/* Geschichten */
.geschichten{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut)}
.geschichte{padding:30px 28px 26px;background:var(--blatt);border-radius:var(--r-gross);display:flex;flex-direction:column}
.geschichte .meta{display:block;margin:0 0 12px;color:var(--blau);font:600 .82rem var(--sans);letter-spacing:.06em;text-transform:uppercase}
.geschichte h3{font-size:1.45rem;margin-bottom:10px}
.geschichte p{color:var(--grau);font-size:1.02rem}
.geschichte .link{margin-top:auto;align-self:flex-start}

/* Rechner */
.rechner{grid-column:1/-1;display:grid;grid-template-columns:5fr 7fr;gap:0;background:var(--blatt);border-radius:var(--r-gross);box-shadow:var(--schatten);overflow:hidden}
.rechner-eingabe{padding:clamp(26px,3.4vw,44px);display:flex;flex-direction:column;gap:18px}
.rechner-eingabe h3{font-size:1.6rem}
.rechner-eingabe p{color:var(--grau);margin:0}
.rechner label{display:flex;flex-direction:column;gap:8px;font:600 .95rem var(--sans);color:var(--tinte)}
.rechner .feld{display:flex;align-items:center;border:1px solid var(--linie-stark);border-radius:var(--r);background:var(--blatt);transition:border-color .2s,box-shadow .2s}
.rechner .feld:focus-within{border-color:var(--blau);box-shadow:0 0 0 3px var(--hell-2)}
.rechner input[type=number]{flex:1;min-width:0;font:560 1.6rem var(--serif);color:var(--tinte);border:0;background:none;padding:12px 14px;outline:none;-moz-appearance:textfield}
.rechner input::-webkit-outer-spin-button,.rechner input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.rechner .feld span{padding:0 16px;color:var(--grau);font-weight:600}
.rechner input[type=range]{width:100%;accent-color:var(--blau)}
.rechner-ergebnis{background:var(--nacht);color:#D9E5F2;padding:clamp(26px,3.4vw,44px);display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;align-content:start}
.rechner-ergebnis .phase{border-top:1px solid rgba(255,255,255,.16);padding-top:14px}
.rechner-ergebnis .phase small{display:block;font-size:.9rem;color:#BFD3E8;margin-bottom:6px}
.rechner-ergebnis .phase b{font:520 clamp(1.8rem,3vw,2.5rem)/1 var(--serif);color:#fff;letter-spacing:-.02em}
.rechner-ergebnis .phase span{display:block;font-size:.9rem;color:#BFD3E8;margin-top:6px}
.rechner-ergebnis .summe{grid-column:1/-1;background:rgba(255,255,255,.07);border-radius:var(--r);padding:18px 20px;display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.rechner-ergebnis .summe b{font:520 clamp(2.2rem,4vw,3.2rem)/1 var(--serif);color:#fff}
.rechner-ergebnis .klein{grid-column:1/-1;font-size:.86rem;color:#AFC4DA;margin:0}
.rechner-ergebnis a{color:#fff}

.rechner .quelle{font-size:.88rem;color:var(--grau);line-height:1.5;margin-top:auto}
.rechner .quelle a{color:var(--grau)}
.rechner select{flex:1;min-width:0;font:560 1.35rem var(--serif);color:var(--tinte);border:0;background:none;padding:12px 14px;outline:none;cursor:pointer}
.rechner input[type=date]{flex:1;min-width:0;font:560 1.35rem var(--serif);color:var(--tinte);border:0;background:none;padding:11px 14px;outline:none}
.rechner .haken-feld{flex-direction:row;align-items:center;gap:12px;font-weight:500;cursor:pointer}
.rechner .haken-feld input{width:20px;height:20px;accent-color:var(--nacht)}
.rechner-ergebnis .phase.gross{grid-column:1/-1}
.rechner-ergebnis .phase.gross b{font-size:clamp(2.4rem,4.4vw,3.6rem)}
.rechner-ergebnis .phase .klein-b{font-size:1.6rem}
.rechner-ergebnis [data-tage]{color:#9CC6F0;font-weight:600}
.rechner-stapel{grid-column:1/-1;display:grid;gap:var(--s5)}
.prosa .rechner{grid-template-columns:1fr;margin:2em 0}
.prosa .rechner h3{margin:0}
.prosa .rechner-ergebnis{grid-template-columns:1fr 1fr}

/* Ratgeber-Index */
.index{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
.index-gruppe{grid-column:span 6;margin-bottom:var(--s4)}
.index-gruppe h3{font:600 .82rem var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--blau);padding-bottom:12px}
.index-gruppe ul{list-style:none;margin:0;padding:0;background:var(--blatt);border-radius:var(--r-gross);overflow:hidden}
.index-gruppe li+li{border-top:1px solid var(--linie)}
.index-gruppe a{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:18px 22px;text-decoration:none;color:var(--tinte);transition:background .2s}
.index-gruppe a b{font:600 1.15rem/1.25 var(--serif)}
.index-gruppe a span{grid-column:1;color:var(--grau);font-size:.96rem}
.index-gruppe a svg{grid-column:2;grid-row:1/span 2;align-self:center;color:var(--blau);transition:transform .35s var(--ease)}
.index-gruppe a:hover{background:var(--hell)}
.index-gruppe a:hover svg{transform:translateX(4px)}

/* Standorte */
.laender{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.laender a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:16px 18px;text-decoration:none;color:var(--tinte);background:var(--blatt);border-radius:var(--r);height:100%;transition:background .25s,color .25s}
.laender a:hover{background:var(--nacht);color:#fff}
.laender a:hover small{color:#BFD3E8}
.laender b{font:600 1.02rem var(--sans)}
.laender small{font-size:.86rem;color:var(--grau);white-space:nowrap}
.ortsuche{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);margin-bottom:var(--s4);align-items:end}
.ortsuche label{grid-column:1/span 5;display:flex;flex-direction:column;gap:8px;font:600 .98rem var(--sans);color:var(--tinte)}
.ortsuche input{font:500 1.12rem var(--sans);padding:16px 18px;border:1px solid var(--linie-stark);border-radius:var(--r);background:var(--blatt);color:var(--tinte);width:100%}
.ortsuche input:focus{outline:none;border-color:var(--blau);box-shadow:0 0 0 3px var(--hell-2)}
.ortsuche output{grid-column:6/-1;color:var(--grau);font-size:.96rem;padding-bottom:16px}
.treffer{grid-column:1/-1;list-style:none;margin:0 0 var(--s4);padding:0;display:grid;grid-template-columns:repeat(4,1fr);column-gap:var(--gut)}
.treffer a{display:block;padding:10px 0;border-bottom:1px solid var(--linie);text-decoration:none;font-weight:600;color:var(--tinte)}
.treffer a:hover{color:var(--blau)}
.treffer small{color:var(--grau);font-weight:400}

/* FAQ */
.faq{grid-column:1/-1;background:var(--blatt);border-radius:var(--r-gross);padding:6px clamp(20px,3vw,40px)}
.faq details+details{border-top:1px solid var(--linie)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 28px;gap:20px;align-items:center;padding:22px 0;font:560 1.22rem/1.3 var(--serif);color:var(--tinte);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:12px;height:12px;justify-self:end;border-right:2px solid var(--blau);border-bottom:2px solid var(--blau);transform:translateY(-3px) rotate(45deg);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:translateY(3px) rotate(-135deg)}
.faq summary:hover{color:var(--blau)}
.faq .antwort{padding:0 60px 24px 0;color:var(--text);max-width:72ch}
.faq .antwort p:last-child{margin:0}
.sec-blau .faq{background:rgba(255,255,255,.05)}
.sec-blau .faq details+details{border-top-color:rgba(255,255,255,.14)}
.sec-blau .faq summary{color:#fff}.sec-blau .faq summary:hover{color:#CFE3F7}.sec-blau .faq summary::after{border-color:#9CC6F0}
.sec-blau .faq .antwort{color:#D9E5F2}

/* Abschluss: weißes Blatt auf Kalkstein, Nachtblau als Aktion */
.abschluss{background:var(--stein);color:var(--text);padding:clamp(56px,7vw,104px) 0}
.abschluss .raster{align-items:center;background:var(--blatt);border:1px solid var(--linie);border-radius:var(--r-gross);box-shadow:var(--schatten);padding:clamp(28px,4.5vw,64px);max-width:calc(var(--max) - 2*var(--rand));margin:0 auto}
@media(min-width:1px){.abschluss .wrap.raster{margin-left:max(var(--rand),calc((100% - var(--max))/2 + var(--rand)));margin-right:max(var(--rand),calc((100% - var(--max))/2 + var(--rand)))}}
.abschluss-text{grid-column:1/span 7}
.abschluss h2{color:var(--tinte);margin-bottom:18px}
.abschluss h2 em{color:var(--blau)}
.abschluss p{color:var(--text);font-size:1.15rem;max-width:36em;margin-bottom:30px}
.abschluss .btn-weiss,.abschluss .btn-primaer{background:var(--nacht);color:#fff;box-shadow:none}
.abschluss .btn-weiss:hover,.abschluss .btn-primaer:hover{background:var(--nacht-2);color:#fff}
.abschluss .tel{color:var(--tinte)}.abschluss .tel svg{color:var(--blau)}
.abschluss a:hover:not(.btn){color:var(--blau-tief)}
.ansprech{grid-column:9/-1;display:grid;grid-template-columns:1fr 1fr;gap:var(--gut)}
.ansprech figure{margin:0}
.ansprech img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--r)}
.ansprech figcaption{margin-top:12px;font-size:.92rem;color:var(--grau);line-height:1.35}
.ansprech figcaption b{display:block;color:var(--tinte);font:600 1.1rem var(--serif)}

/* Fuß */
.fuss{background:var(--nacht);color:#A9BFD6;font-size:.96rem;padding:var(--s5) 0 var(--s4)}
.fuss a{color:#E4EEF8;text-decoration:none}
.fuss a:hover{color:#fff;text-decoration:underline}
.fuss .raster{row-gap:var(--s4)}
.fuss-marke{grid-column:1/span 3}
.fuss-marke svg{height:38px;width:auto;margin-bottom:18px}
.fuss-marke p{max-width:30em}
.fuss-spalte{grid-column:span 2}
.fuss-laender{grid-column:span 3}
.fuss-laender ul{display:block!important;columns:2;column-gap:24px}
.fuss-laender li{break-inside:avoid;margin-bottom:9px}
.fuss-spalte h3{font:600 .8rem var(--sans);text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:14px}
.fuss-spalte ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.fuss-unten{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;font-size:.88rem}
.fuss-unten ul{list-style:none;margin:0;padding:0;display:flex;gap:20px;flex-wrap:wrap}

/* Unterseiten-Kopf */
.seitenkopf{padding:clamp(40px,5.5vw,84px) 0 clamp(44px,5.5vw,72px)}
.krumen{grid-column:1/-1;font-size:.92rem;color:var(--grau);margin-bottom:var(--s3)}
.krumen a{color:var(--grau);text-decoration:none}
.krumen a:hover{color:var(--blau);text-decoration:underline}
.krumen span[aria-hidden]{margin:0 9px;color:var(--linie-stark)}
.seitenkopf h1{grid-column:1/span 9;font-size:clamp(2.3rem,4.8vw,4.1rem)}
.seitenkopf .einstieg{grid-column:1/span 8;font-size:clamp(1.1rem,1.4vw,1.28rem);line-height:1.6;margin:var(--s3) 0 0;color:var(--text)}
.seitenkopf .aktionen{grid-column:1/-1;margin-top:var(--s4)}
.seitenkopf .stand{grid-column:1/-1;margin-top:var(--s3);font-size:.92rem;color:var(--grau);display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center}
.seitenkopf .stand img{width:34px;height:34px;object-fit:cover;border-radius:50%}
.seitenkopf-bild{grid-column:10/-1;grid-row:2/span 4;align-self:start}
.seitenkopf-bild img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--r-gross)}
.foerderhinweis{grid-column:1/span 8;margin-top:var(--s3);padding:16px 20px;background:var(--hell);border-radius:var(--r);font-size:.98rem}
.foerderhinweis p{margin:0}

/* Lesetext */
.artikel{padding:var(--s5) 0 var(--s6);background:var(--blatt)}
.artikel .raster{align-items:start}
.prosa{grid-column:1/span 8;max-width:70ch}
.seitenleiste{grid-column:10/-1;position:sticky;top:104px;display:flex;flex-direction:column;gap:var(--s3)}
.prosa>*+*{margin-top:0}
.prosa h2{font-size:clamp(1.6rem,2.5vw,2.15rem);margin:2.1em 0 .6em;scroll-margin-top:104px}
.prosa h3{margin:1.6em 0 .5em}
.prosa h2:first-child,.prosa .kurz:first-child{margin-top:0}
.prosa ul,.prosa ol{padding-left:1.25em;margin:0 0 1.2em}
.prosa li{margin:.35em 0}
.prosa ul.check{list-style:none;padding:0}
.prosa ul.check li{position:relative;padding-left:30px}
.prosa ul.check li::before{content:"";position:absolute;left:2px;top:.45em;width:13px;height:7px;border-left:2px solid var(--blau);border-bottom:2px solid var(--blau);transform:rotate(-45deg)}
.prosa ol.schritte{list-style:none;padding:0;counter-reset:s}
.prosa ol.schritte li{counter-increment:s;position:relative;padding:16px 0 16px 52px;margin:0;border-bottom:1px solid var(--linie)}
.prosa ol.schritte li::before{content:counter(s);position:absolute;left:0;top:12px;font:italic 400 1.7rem/1 var(--serif);color:var(--blau)}
.prosa table{width:100%;border-collapse:collapse;margin:1.4em 0 1.8em;font-size:.97rem;display:block;overflow-x:auto}
.prosa thead th{text-align:left;font:600 .88rem var(--sans);color:var(--tinte);border-bottom:2px solid var(--tinte);padding:10px 14px 10px 0;vertical-align:bottom}
.prosa td{border-bottom:1px solid var(--linie);padding:12px 14px 12px 0;vertical-align:top}
.prosa .kurz{background:var(--grund);border-radius:var(--r-gross);padding:26px 28px 12px;margin-bottom:2em}
.prosa .kurz h2{font-size:1.35rem;margin:0 0 .8em}
.prosa .kasten{background:var(--hell);border-radius:var(--r-gross);padding:22px 26px 8px;margin:1.6em 0}
.prosa .kasten h3{margin:0 0 .5em;font-size:1.15rem}
.prosa .kasten.warnung{background:var(--sand)}
.prosa blockquote{margin:1.5em 0;padding:0 0 0 22px;border-left:2px solid var(--blau);font:italic 400 1.25rem/1.45 var(--serif);color:var(--tinte)}
.prosa .platzhalter,.platzhalter{background:#FFF1C9;outline:1px dashed #C99A00;padding:0 3px;font-style:normal}
.inhalt{background:var(--grund);border-radius:var(--r-gross);padding:20px 22px}
.inhalt h2{font:600 .8rem var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--blau);margin-bottom:10px}
.inhalt ol{list-style:none;margin:0;padding:0}
.inhalt li a{display:block;padding:7px 0;color:var(--tinte);text-decoration:none;font-size:.96rem;line-height:1.35}
.inhalt li+li a{border-top:1px solid var(--linie)}
.inhalt li a:hover{color:var(--blau)}
.leiste-cta{background:var(--nacht);color:#D9E5F2;padding:26px;border-radius:var(--r-gross)}
.leiste-cta h2{color:#fff;font-size:1.35rem;margin-bottom:8px}
.leiste-cta p{font-size:.97rem}
.leiste-cta .btn{width:100%;justify-content:center}
.leiste-cta .tel{color:#fff;margin-top:16px;font-size:.98rem}
.leiste-cta .tel svg{color:#fff}
.zwischen-cta{display:grid;grid-template-columns:1fr auto;gap:16px 24px;align-items:center;background:var(--nacht);color:#fff;padding:26px 28px;margin:2em 0;border-radius:var(--r-gross)}
.zwischen-cta b{font:560 1.35rem/1.2 var(--serif);display:block;margin-bottom:4px}
.zwischen-cta span{color:#C9DAEC;font-size:.98rem}
.coach-mini{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:center;background:var(--grund);border-radius:var(--r-gross);padding:14px;margin:1.6em 0;text-decoration:none;color:inherit}
.coach-mini img{width:76px;height:76px;object-fit:cover;border-radius:50%}
.coach-mini b{display:block;font:600 1.15rem var(--serif);color:var(--tinte)}
.coach-mini span{display:block;font-size:.94rem;color:var(--grau);line-height:1.4}
a.coach-mini:hover b{color:var(--blau)}
.quellen{margin-top:3em;border-top:1px solid var(--linie);padding-top:16px;font-size:.92rem;color:var(--grau)}
.quellen h2{font:600 .8rem var(--sans)!important;text-transform:uppercase;letter-spacing:.08em;color:var(--grau);margin:0 0 10px!important}
.quellen ol{padding-left:1.2em}
.autor{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;background:var(--grund);border-radius:var(--r-gross);padding:16px;margin-top:2.5em}
.autor img{width:64px;height:64px;object-fit:cover;border-radius:50%}
.autor p{margin:0;font-size:.96rem;color:var(--grau)}
.autor b{color:var(--tinte)}
.verwandt{grid-column:1/-1}

/* Modul-Navigation */
.modulnav{grid-column:1/-1;display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin-top:var(--s4)}
.modulnav a{padding:12px 12px;text-decoration:none;color:var(--tinte);background:var(--blatt);border-radius:var(--r);font:600 .9rem/1.2 var(--serif);transition:background .2s}
.modulnav a span{display:block;color:var(--blau);font:600 .74rem var(--sans);letter-spacing:.06em;margin-bottom:4px}
.modulnav a[aria-current]{background:var(--nacht);color:#fff}
.modulnav a[aria-current] span{color:#9CC6F0}
.modulnav a:hover:not([aria-current]){background:var(--hell)}

/* Teamseite / Person */
.person{padding:clamp(40px,5.5vw,84px) 0 var(--s5)}
.person .bild{grid-column:1/span 5}
.person .bild img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--r-gross)}
.person .text{grid-column:7/-1;align-self:center}
.person .rolle{font:italic 440 1.35rem/1.35 var(--serif);color:var(--blau);margin:14px 0 22px}
.person dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px;margin:26px 0;padding:20px 22px;background:var(--blatt);border-radius:var(--r-gross)}
.person dt{font:600 .8rem var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--grau);padding-top:3px}
.person dd{margin:0}
.orga{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);column-gap:var(--gut);row-gap:var(--s4)}
.orga figure{margin:0}
.orga img{aspect-ratio:4/5;object-fit:cover;width:100%;margin-bottom:14px;border-radius:var(--r-gross)}
.orga b{display:block;font:600 1.2rem var(--serif);color:var(--tinte)}
.orga span{display:block;font-size:.95rem;color:var(--grau);line-height:1.4;margin-top:2px}

/* Kontakt */
.kontakt-raster{align-items:start}
.formular{grid-column:1/span 7;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;background:var(--blatt);border-radius:var(--r-gross);padding:clamp(22px,3vw,36px);box-shadow:var(--schatten)}
.formular .voll{grid-column:1/-1}
.formular label{display:flex;flex-direction:column;gap:7px;font:600 .95rem var(--sans);color:var(--tinte)}
.formular input,.formular select,.formular textarea{font:400 1.05rem var(--sans);padding:14px 15px;border:1px solid var(--linie-stark);border-radius:var(--r);background:var(--blatt);color:var(--tinte);width:100%}
.formular textarea{min-height:130px;resize:vertical}
.formular input:focus,.formular select:focus,.formular textarea:focus{outline:none;border-color:var(--blau);box-shadow:0 0 0 3px var(--hell-2)}
.formular .klein{font:400 .88rem var(--sans);color:var(--grau)}
.formular .zustimmung{flex-direction:row;align-items:flex-start;gap:10px;font:400 .93rem var(--sans);color:var(--grau)}
.formular .zustimmung input{width:auto;margin-top:4px;accent-color:var(--blau)}
.kontaktwege{grid-column:9/-1;display:flex;flex-direction:column;gap:var(--s3)}
.kontaktweg{background:var(--blatt);border-radius:var(--r-gross);padding:20px 22px}
.kontaktweg h2{font-size:1.25rem;margin-bottom:6px}
.kontaktweg p{margin:0 0 6px;color:var(--grau)}
.kontaktweg a.gross{font:560 1.6rem var(--serif);color:var(--tinte);text-decoration:none;letter-spacing:-.01em}
.kontaktweg a.gross:hover{color:var(--blau)}
.kontakt-leute figcaption{color:var(--grau)}.kontakt-leute figcaption b{color:var(--tinte)}

/* Shop */
.shopfilter{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--s4)}
.shopfilter a{font:500 .95rem var(--sans);padding:9px 16px;border:1px solid var(--linie-stark);color:var(--tinte);text-decoration:none;border-radius:999px;background:var(--blatt);transition:border-color .2s,background .2s,color .2s}
.shopfilter a:hover{border-color:var(--nacht);background:var(--nacht);color:#fff}
.produkte{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut)}
.produkt{background:var(--blatt);border-radius:var(--r-gross);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.produkt:hover{box-shadow:var(--schatten);transform:translateY(-2px)}
.produkt a.p-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}
.produkt .bild{aspect-ratio:16/10;overflow:hidden;background:var(--stein)}
.produkt .bild img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.produkt a:hover .bild img{transform:scale(1.03)}
.produkt .info{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.produkt h3{font-size:1.3rem}
.produkt p{margin:0;color:var(--grau);font-size:.98rem}
.produkt .preis{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--linie)}
.produkt .preis b{font:560 1.4rem var(--serif);color:var(--tinte)}
.produkt .preis small{color:var(--grau);font-size:.84rem}
.kategorie-kopf{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:20px;margin:var(--s5) 0 var(--s3)}
.kategorie-kopf:first-child{margin-top:0}
.kategorie-kopf h2{font-size:clamp(1.6rem,2.4vw,2.1rem)}
.kategorie-kopf p{margin:0;color:var(--grau);max-width:40em}
.produktseite .bild{grid-column:1/span 6}
.produktseite .bild img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:var(--r-gross)}
.produktseite .kauf{grid-column:8/-1}
.preisblock{background:var(--blatt);border-radius:var(--r-gross);padding:20px 22px;margin:24px 0}
.preisblock b{font:520 2.5rem var(--serif);color:var(--tinte);letter-spacing:-.02em}
.preisblock small{display:block;color:var(--grau);font-size:.92rem;margin-top:4px}
.shop-hinweis{font-size:.9rem;color:var(--grau);margin-top:14px}
.bildhinweis{font-size:.8rem;color:var(--grau);margin-top:8px}

/* Entwurf-Hinweise */
.entwurf{background:#FFF1C9;color:#5B4300;font-size:.86rem;padding:8px var(--rand);text-align:center}
.entwurf a{color:#5B4300}

/* Kopfkarte: rechtes Blatt im Seitenkopf */
.seitenkopf.mit-karte h1{font-size:clamp(2.2rem,4vw,3.6rem);overflow-wrap:break-word}
.seitenkopf.mit-karte h1,.seitenkopf.mit-karte .einstieg,.seitenkopf.mit-karte .foerderhinweis,.seitenkopf.mit-karte .stand,.seitenkopf.mit-karte .aktionen{grid-column:1/span 8}
.kopfkarte{grid-column:9/-1;grid-row:2/span 5;align-self:start;background:var(--blatt);color:var(--text);padding:26px 26px 18px;border-radius:var(--r-gross);box-shadow:var(--schatten);border-top:0}
.kopfkarte h2{font-size:1.35rem;margin:0 0 12px}
.kopfkarte p{color:var(--grau);font-size:.98rem}
.kopfkarte ul{margin:0;padding:0;list-style:none}
.kopfkarte li{position:relative;padding:10px 0 10px 28px;font-size:.98rem;line-height:1.45}
.kopfkarte li+li{border-top:1px solid var(--linie)}
.kopfkarte li::before{content:"";position:absolute;left:2px;top:1em;width:12px;height:7px;border-left:2px solid var(--blau);border-bottom:2px solid var(--blau);transform:rotate(-45deg)}
.kopfkarte li strong{color:var(--tinte)}
.kopfkarte dl{display:grid;grid-template-columns:auto 1fr;gap:0;margin:0}
.kopfkarte dt,.kopfkarte dd{margin:0;padding:11px 0}
.kopfkarte dt:not(:first-of-type),.kopfkarte dd:not(:first-of-type){border-top:1px solid var(--linie)}
.kopfkarte dt{font:600 .78rem var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--grau);padding-right:16px;padding-top:14px}
.kopfkarte dd{font:600 1.05rem var(--serif);color:var(--tinte)}
.seite-rechts{grid-column:8/-1;align-self:start}

/* Stationen mit Logos */
.logoleiste{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:12px}
.logoleiste img{height:16px;width:auto;max-width:72px;object-fit:contain;mix-blend-mode:multiply}
.coach a:hover .logoleiste img{filter:none;opacity:1}
.profil{row-gap:var(--s5);align-items:start}
.profil-spalte{grid-column:span 4;background:var(--blatt);border-radius:var(--r-gross);padding:26px 26px 18px}
.profil-spalte.breit{grid-column:span 4}
.profil-spalte h2{font-size:1.4rem;margin-bottom:16px}
.profil-spalte p{color:var(--text)}
.haken{list-style:none;margin:0 0 16px;padding:0}
.haken li{position:relative;padding:9px 0 9px 28px}
.haken li+li{border-top:1px solid var(--linie)}
.haken li::before{content:"";position:absolute;left:2px;top:1em;width:13px;height:7px;border-left:2px solid var(--blau);border-bottom:2px solid var(--blau);transform:rotate(-45deg)}
.im-coaching{font-size:.96rem;color:var(--grau)}
.stationen{list-style:none;margin:0;padding:0}
.stationen li{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;padding:13px 0}
.stationen li+li{border-top:1px solid var(--linie)}
.st-logo{display:flex;align-items:center;height:40px}
.st-logo img{max-width:116px;max-height:32px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.st-logo b{font:600 1rem var(--serif);color:var(--tinte);line-height:1.15}
.st-rolle{font-size:.96rem;color:var(--grau);line-height:1.4}
.zitat-feld{grid-column:1/-1;margin:0;background:var(--nacht);color:#fff;padding:clamp(30px,4.4vw,56px);border-radius:var(--r-gross);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
.zitat-feld blockquote{grid-column:1/span 9;margin:0;font:italic 440 clamp(1.5rem,2.6vw,2.3rem)/1.25 var(--serif);letter-spacing:-.015em}
.zitat-feld figcaption{grid-column:10/-1;align-self:end;justify-self:end;font:600 .82rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#9CC6F0}

/* Auftritt: nur der Hero */
@media (prefers-reduced-motion:no-preference){
  .hero-text>*{animation:auf .9s var(--ease) both}
  .hero-text>*:nth-child(2){animation-delay:.07s}.hero-text>*:nth-child(3){animation-delay:.14s}.hero-text>*:nth-child(4){animation-delay:.21s}.hero-text>*:nth-child(5){animation-delay:.28s}
  .foerdercheck{animation:blatt 1.1s var(--ease) .18s both}
  .modulwahl{animation:auf 1s var(--ease) .15s both}
}
@keyframes auf{from{transform:translateY(14px)}}
@keyframes blatt{from{transform:translateY(24px) rotate(.6deg)}}

/* Einblenden beim Scrollen (Klasse setzt das Skript am Seitenende, nur unterhalb des ersten Bildschirms) */
@media (prefers-reduced-motion:no-preference){
  .einblenden{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
  .einblenden.da{opacity:1;transform:none}
}
@media print{.einblenden{opacity:1!important;transform:none!important}}

/* Responsiv */
@media(max-width:1100px){
  .hero-text{grid-column:1/-1}
  .hero-foto{background:var(--sand)}
  .wir-leute-breit{grid-template-columns:1fr 1fr}
  .hero-buehne{flex-direction:column;align-items:stretch;min-height:0}
  .hero-foto .hero-text{grid-column:1/-1;padding:40px 0 32px}
  .hero-bild{position:relative;width:100%;height:clamp(380px,70vw,620px)}
  .hero-bild img{border-radius:0}
  .hero-bild figcaption{display:none}
  .foerdercheck.quer{margin-top:-56px;grid-template-columns:1fr}
  .hero-foto>.wrap{padding-bottom:8px}
  .wir-bild{grid-column:1/-1;max-width:640px}.wir-text{grid-column:1/-1;margin-top:var(--s4)}
  .foerdercheck,.modulwahl{grid-column:1/-1;margin-top:var(--s4)}
  .coaches{grid-template-columns:repeat(3,1fr)}
  .seitenkopf-bild{display:none}
  .seitenkopf h1,.seitenkopf .einstieg,.foerderhinweis{grid-column:1/-1}
  .prosa{grid-column:1/-1}
  .seitenleiste{grid-column:1/-1;position:static;margin-top:var(--s5)}
  .abschluss-text{grid-column:1/-1}.ansprech{grid-column:1/span 8;margin-top:var(--s4)}
  .formular{grid-column:1/-1}.kontaktwege{grid-column:1/-1;margin-top:var(--s5)}
  .produktseite .bild,.produktseite .kauf{grid-column:1/-1}
  .modulnav{grid-template-columns:repeat(3,1fr)}
  .kopfkarte{grid-column:1/-1;grid-row:auto;margin-top:var(--s4)}
  .seitenkopf.mit-karte h1,.seitenkopf.mit-karte .einstieg,.seitenkopf.mit-karte .foerderhinweis,.seitenkopf.mit-karte .stand,.seitenkopf.mit-karte .aktionen{grid-column:1/-1}
  .seite-rechts{grid-column:1/-1;margin-top:var(--s4)}
  .rechner{grid-template-columns:1fr}
  .profil-spalte,.profil-spalte.breit{grid-column:span 6}.profil-spalte.breit{grid-column:1/-1}
  .person .bild{grid-column:1/span 6}.person .text{grid-column:7/-1}
}
@media(max-width:860px){
  .kopf h2,.kopf p{grid-column:1/-1}.kopf p{margin-top:16px}
  .logowand .wrap{grid-template-columns:1fr}
  .logowand ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 24px}
  .logowand li{justify-content:flex-start}
  .beweis ul{grid-template-columns:1fr 1fr}
  .schrittfolge{grid-template-columns:1fr 1fr;row-gap:var(--s4)}
  .wege{grid-template-columns:1fr}
  .ergebnisse{grid-template-columns:1fr 1fr}
  .geschichten{grid-template-columns:1fr}
  .index-gruppe{grid-column:1/-1}
  .laender{grid-template-columns:repeat(2,1fr)}
  .treffer{grid-template-columns:repeat(2,1fr)}
  .ortsuche label,.ortsuche output{grid-column:1/-1}
  .orga{grid-template-columns:repeat(2,1fr)}
  .person .bild{grid-column:1/span 9}.person .text{grid-column:1/-1;margin-top:var(--s4)}
  .produkte{grid-template-columns:repeat(2,1fr)}
  .fuss-marke{grid-column:1/-1}.fuss-spalte{grid-column:span 6}.fuss-laender{grid-column:1/-1}
  .fotoband .zitat,.fotoband .ort{grid-column:1/-1;text-align:left}
  .fotoband .ort{margin-top:12px}
}
@media(max-width:700px){.profil-spalte{grid-column:1/-1}.stationen li{grid-template-columns:96px 1fr;gap:14px}.st-logo img{max-width:92px}.zitat-feld blockquote,.zitat-feld figcaption{grid-column:1/-1;justify-self:start;margin-top:14px}}
@media(max-width:600px){
  body{font-size:1.03rem}
  .coaches{grid-template-columns:1fr 1fr;gap:18px 14px}
  .coach h3{font-size:1.08rem}
  .coach .rolle{font-size:.86rem}
  .coach .logoleiste{display:none}
  .module li{min-height:96px}
  .module .name{font-size:.86rem}
  .schrittfolge,.ergebnisse{grid-template-columns:1fr}
  .schrittfolge .nr{font-size:2.8rem;margin-bottom:10px}
  .produkte{grid-template-columns:1fr}
  .zwischen-cta{grid-template-columns:1fr}
  .ansprech{grid-column:1/-1}
  .formular{grid-template-columns:1fr}
  .faq .antwort{padding-right:0}
  .faq summary{font-size:1.1rem}
  .btn{white-space:normal}
  .hero .aktionen .btn{width:100%;justify-content:center}
  .treffer{grid-template-columns:1fr}
  .laender{grid-template-columns:1fr}
  .fc-buehne{padding:22px 18px 18px;min-height:0}
  .fc-kopf{padding:18px 18px 16px}
  .fc-frage h2{font-size:1.35rem}
  .rechner-ergebnis{grid-template-columns:1fr}
  .logowand img{height:20px}
  .hero-belege{gap:8px 18px}
  .wir-leute{grid-template-columns:1fr}
  .wir-zitat{grid-column:1/-1}
  .foerdercheck.quer .fc-optionen,.foerdercheck.quer .fc-wege{grid-template-columns:1fr}
  .foerdercheck.quer .fc-kopf{padding:20px 18px}
  .foerdercheck.quer .fc-kopf b{font-size:1.35rem}
  .foerdercheck.quer .fc-kopf p{display:none}
  .foerdercheck.quer .fc-ergebnis .btn{width:100%}
  .hero-team .gesichter img{width:44px;height:44px}
  .fotoband img{height:420px}
}
@media print{.kopfleiste,.fuss,.abschluss,.seitenleiste,.entwurf{display:none}}

/* Firmenblock Teamseite */
.firma{align-items:start;row-gap:var(--s4)}
.firma-text{grid-column:1/span 6}
.firma-text h2{margin-bottom:20px}
.firma-lead{font-size:1.2rem;color:var(--tinte);line-height:1.5}
.firma-fakten{grid-column:8/-1;margin:0;display:grid;grid-template-columns:max-content 1fr;background:var(--blatt);border:1px solid var(--linie);border-radius:var(--r-gross);padding:8px 28px}
.firma-fakten dt,.firma-fakten dd{margin:0;padding:15px 0;border-bottom:1px solid var(--linie)}
.firma-fakten dt{font:700 .78rem var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--grau);padding-right:24px;padding-top:18px}
.firma-fakten dd{color:var(--tinte)}
.firma-fakten dt:last-of-type,.firma-fakten dd:last-of-type{border-bottom:0}
@media(max-width:900px){.firma-text,.firma-fakten{grid-column:1/-1}}
@media(max-width:520px){.firma-fakten{grid-template-columns:1fr;padding:6px 20px}.firma-fakten dt{border-bottom:0;padding-bottom:0}}

/* Downloads */
.dl-raster{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gut)}
.dl-karte{background:var(--blatt);border:1px solid var(--linie);border-radius:var(--r-gross);padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:10px}
.dl-typ{font:700 .76rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}
.dl-karte h3{font-size:1.45rem}
.dl-karte p{margin:0;color:var(--text)}
.dl-aktion{margin-top:auto;padding-top:18px;display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.dl-groesse{font-weight:400;opacity:.75;font-size:.85em}
.dl-bald{font-weight:600;color:var(--grau)}
@media(max-width:760px){.dl-raster{grid-template-columns:1fr}}

.nowrap,.prosa td.nowrap{white-space:nowrap}

/* Google-Bewertungen */
.bew-schnitt b{font:600 1.15em var(--serif);color:var(--tinte)}
.bewertungen{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
.bewertung{margin:0;background:var(--blatt);border:1px solid var(--linie);border-radius:var(--r-gross);padding:24px 26px;display:flex;flex-direction:column;gap:12px}
.bewertung .sterne{display:flex;gap:3px;color:#E8A317}
.bewertung .sterne svg{width:17px;height:17px}
.bewertung blockquote{margin:0;color:var(--text);font-size:1rem;line-height:1.6;flex:1}
.bewertung figcaption{font-weight:600;color:var(--tinte);font-size:.95rem}
.bewertung figcaption span{font-weight:400;color:var(--grau)}
@media(max-width:1000px){.bewertungen{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.bewertungen{grid-template-columns:1fr}}

.orga .logoleiste{margin-top:10px}
.logoleiste{row-gap:8px}

/* Originallogo */
.marke .logo-bild{height:42px;width:auto}
.fuss-marke .logo-bild{height:40px;width:auto;margin-bottom:18px}

/* Abschluss: Ansprechpartner links untereinander, Text rechts */
.abschluss .ansprech-liste{grid-column:1/span 4;display:flex;flex-direction:column;gap:18px;padding-right:clamp(0px,2vw,24px);border-right:1px solid var(--linie)}
.abschluss .abschluss-text{grid-column:6/-1}
.ansprech-titel{font:700 .76rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}
.ansprech-person{margin:0;display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center}
.ansprech-person img{width:96px;height:96px;object-fit:cover;border-radius:var(--r)}
.ansprech-person figcaption{font-size:.95rem;color:var(--grau);line-height:1.4}
.ansprech-person figcaption b{display:block;color:var(--tinte);font:600 1.12rem var(--serif);margin-bottom:2px}
@media(max-width:900px){.abschluss .ansprech-liste{grid-column:1/-1;border-right:0;padding-right:0;border-bottom:1px solid var(--linie);padding-bottom:24px;margin-bottom:28px}.abschluss .abschluss-text{grid-column:1/-1}}

/* „Das sind wir“: Personen untereinander, Fotos auf einer Linie */
.wir-text .wir-leute:not(.wir-leute-breit){grid-template-columns:minmax(0,1fr);gap:8px}
.wir-text .wir-leute:not(.wir-leute-breit) a{grid-template-columns:56px minmax(0,1fr);gap:16px;padding:10px 14px;border:1px solid var(--linie);background:var(--blatt)}
.wir-text .wir-leute:not(.wir-leute-breit) img{width:56px;height:56px}
.wir-text .wir-leute:not(.wir-leute-breit) b{white-space:nowrap}
.wir-leute-breit{grid-template-columns:repeat(4,minmax(0,1fr))}
.wir-leute-breit a{align-items:start}

/* „Das sind wir“: Foto links, Text rechts, Personen als Reihe darunter */
.wir .raster{align-items:center;row-gap:var(--s4)}
.wir-bild img{aspect-ratio:4/3}
.wir-text{grid-column:8/-1}
.wir-reihe{grid-column:1/-1;margin:var(--s3) 0 0}
.wir-reihe a{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--linie);background:var(--blatt)}
.wir-reihe img{width:56px;height:56px}
.wir-mehr{grid-column:1/-1}
@media(max-width:1100px){.wir-reihe{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wir-reihe{grid-template-columns:minmax(0,1fr)}}

/* Logoleisten größer und immer nebeneinander */
.logoleiste,.orga .logoleiste{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:12px;padding-top:12px;border-top:1px solid var(--linie)}
.logoleiste img,.orga .logoleiste img{height:26px;width:auto;max-width:120px;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:600px){.logoleiste img,.orga .logoleiste img{height:24px;max-width:104px}}

.logoleiste img,.orga .logoleiste img{aspect-ratio:auto!important;margin:0!important;border-radius:0!important;box-shadow:none!important}

.logoleiste img.quadrat{height:36px!important}

a.modulref{text-decoration:none}a.modulref:hover{text-decoration:underline}

/* Partnernetzwerk */
.partner-liste{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gut)}
.partner-liste li{background:var(--blatt);border:1px solid var(--linie);border-radius:var(--r-gross);padding:26px 18px 18px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.partner-logo{height:56px;display:flex;align-items:center;justify-content:center}
.partner-logo img{width:auto;max-width:150px;object-fit:contain}
.partner-rolle{font:600 .82rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--grau);border-top:1px solid var(--linie);padding-top:12px;width:100%}
@media(max-width:1100px){.partner-liste{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.partner-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Firmenlogos der Erfolgsgeschichten */
.firmenlogo{display:flex;align-items:center;height:64px;margin-bottom:16px}
.firmenlogo img{max-height:64px;max-width:220px;width:auto;height:auto;object-fit:contain}
.firmenlogo.gross{height:auto;margin:6px 0 22px;padding:18px 22px;background:var(--blatt);border:1px solid var(--linie);border-radius:var(--r-gross);display:inline-flex}
.firmenlogo.gross img{max-height:90px;max-width:300px}

/* Logoleiste: einheitliches Kachelraster, jedes Logo im gleichen Kästchen */
.logoleiste,.orga .logoleiste{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--linie)}
.logoleiste .logo-kachel{display:flex;align-items:center;justify-content:center;height:52px;padding:8px 10px;background:#fff;border:1px solid var(--linie);border-radius:8px;overflow:hidden}
.logoleiste .logo-kachel img,.orga .logoleiste .logo-kachel img,.logoleiste img.quadrat{height:auto!important;max-height:30px!important;width:auto!important;max-width:100%!important;object-fit:contain;mix-blend-mode:normal}
.logoleiste .logo-kachel.hoch img{max-height:38px!important}
@media(min-width:1101px){.wir-leute .logoleiste{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Karten: Name und Rolle mit fester Höhe, damit Logo-Kästchen in jeder Reihe auf einer Linie beginnen */
.coach h3,.orga figure > b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;min-height:1.3em}
.coach .rolle,.orga figure > span:not(.logoleiste){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:2.8em;height:2.8em}
.coach .logoleiste,.orga .logoleiste{margin-top:12px}
@media(max-width:600px){
  .coach h3,.orga figure > b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;height:2.6em}
  .coach .rolle,.orga figure > span:not(.logoleiste){-webkit-line-clamp:3;min-height:4.2em;height:4.2em}
}
.orga{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:860px){.orga{grid-template-columns:repeat(2,minmax(0,1fr))}}
.coaches{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.coaches{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.coaches{grid-template-columns:repeat(2,minmax(0,1fr))}}

.coach .rolle,.orga figure > span:not(.logoleiste){overflow-wrap:break-word}

/* Führungsteam-Reihe ohne Fotos (Maximilian, 18.10.) */
.wir-reihe a{grid-template-columns:minmax(0,1fr);padding:20px 22px;border:1px solid var(--linie);align-items:start}
.wir-reihe b{font-size:1.1rem;margin-bottom:6px}
/* Montserrat läuft breiter: Navigation einzeilig halten */
.hauptnav .nav-punkt>a,.kopfleiste .tel{white-space:nowrap}
.hauptnav .nav-punkt>a{font-size:.93rem;padding:10px 9px}
.kopfleiste .tel{font-size:.95rem}
@media(max-width:1100px){.hauptnav,.kopf-cta{display:none}.menue{display:block}}
/* Unser Team (Startseite) */
.team-gruppe{grid-column:1/-1;font-size:1.25rem;margin:var(--s4) 0 18px;padding-top:18px;border-top:1px solid var(--linie)}
.team-gruppe:first-of-type{margin-top:0;border-top:0;padding-top:0}
#team .coaches{margin-bottom:var(--s3)}
html{scroll-padding-top:90px}
@media(max-width:1100px){.wir-bild,.wir-text{grid-column:1/-1}.wir-text{margin-top:var(--s4)}}
.kompetenzen-titel{margin-top:var(--s4)}
/* Ansprechpersonen immer gleich groß, niemand hervorgehoben (Maximilian, 18.10.) */
.ansprech{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ansprech figure{min-width:0}
.ansprech img{width:100%;aspect-ratio:4/5;height:auto}
.ansprech figcaption{overflow-wrap:anywhere}
/* Branchen, in denen ein Coach Gründungen begleitet hat */
.branchen{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.branchen li{font-size:.86rem;line-height:1.3;padding:6px 11px;border:1px solid var(--linie-stark);border-radius:999px;background:var(--blatt);color:var(--tinte)}
/* Ratgeber-Übersicht: Einträge links und rechts gleich hoch, damit die Reihen synchron laufen (19.10.) */
@media(min-width:861px){
  .index-gruppe a b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .index-gruppe a span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:calc(2 * 1.6em);line-height:1.6}
}
/* Stationen: lange Wörter (z. B. Unternehmensentwicklung) nicht über den Rand laufen lassen */
.stationen li{grid-template-columns:120px minmax(0,1fr)}
.st-rolle{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.stationen li{grid-template-columns:96px minmax(0,1fr)}}
.st-logo{min-width:0}
.st-logo b{display:block;overflow-wrap:anywhere;font-size:.92rem;line-height:1.25}

/* ---------- Ratgeber-System (20.10.2026): Bausteine, Kernzahlen, Inhaltsverzeichnis, Übersicht, Themen ---------- */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Kernzahlen im Kasten „Das Wichtigste in Kürze“ */
.kopfkarte dl.kernzahlen,.prosa dl.kernzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:0 0 16px}
.kernzahlen div{background:var(--grund);border-radius:var(--r);padding:12px 14px}
.kopfkarte .kernzahlen dt,.kernzahlen dt{font:600 clamp(1.45rem,2.2vw,1.9rem)/1.1 var(--serif);color:var(--blau);text-transform:none;letter-spacing:-.01em;padding:0;border:0!important}
.kopfkarte .kernzahlen dd,.kernzahlen dd{font:500 .86rem/1.35 var(--sans);color:var(--grau);margin:4px 0 0;padding:0;border:0!important}
/* Inhaltsverzeichnis: Desktop mitlaufend (Seitenleiste), mobil aufklappbar */
.inhalt-mobil{display:none;margin:0 0 2em;background:var(--grund);border-radius:var(--r-gross)}
.inhalt-mobil summary{cursor:pointer;list-style:none;padding:16px 20px;font:600 .9rem var(--sans);color:var(--tinte);display:flex;justify-content:space-between;align-items:center}
.inhalt-mobil summary::-webkit-details-marker{display:none}
.inhalt-mobil summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--blau);border-bottom:2px solid var(--blau);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.inhalt-mobil[open] summary::after{transform:rotate(-135deg)}
.inhalt-mobil .inhalt{padding-top:0;background:none}
.seitenleiste .inhalt{max-height:calc(100vh - 360px);overflow:auto}
@media(max-width:1100px){.inhalt-mobil{display:block}.seitenleiste .inhalt{display:none}}
/* Feste Bausteine */
.prosa .kasten.merk{background:var(--hell);border-left:4px solid var(--blau)}
.prosa .kasten.merk h3::before{content:"Wichtig · ";color:var(--blau)}
.prosa .kasten.beispiel{background:var(--grund);border:1px solid var(--linie-stark)}
.prosa .kasten.beispiel table{margin:.6em 0 1em}
.prosa .kasten.fehler{background:var(--sand);border-left:4px solid var(--nacht)}
.prosa .kasten.fehler h3::before{content:"✕ ";color:var(--nacht)}
.prosa ul.checkliste{list-style:none;padding:0;margin:1.2em 0 1.6em}
.prosa ul.checkliste li{position:relative;padding:12px 0 12px 40px;margin:0;border-bottom:1px solid var(--linie)}
.prosa ul.checkliste li::before{content:"";position:absolute;left:2px;top:13px;width:20px;height:20px;border:2px solid var(--blau);border-radius:5px}
/* Kacheln (verwandte Ratgeber, Themenseiten) */
.kacheln{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
.kachel{display:flex;flex-direction:column;gap:8px;background:var(--blatt);border-radius:var(--r-gross);padding:24px 24px 20px;text-decoration:none;color:var(--text);box-shadow:var(--schatten);transition:transform .3s var(--ease),box-shadow .3s}
.kachel:hover{transform:translateY(-3px);box-shadow:var(--schatten-hoch);color:var(--text)}
.kachel b{font:600 1.22rem/1.25 var(--serif);color:var(--tinte)}
.kachel-text{color:var(--grau);font-size:.96rem;flex:1}
.kachel-thema{font:600 .74rem var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--blau)}
.kachel-mehr{display:inline-flex;gap:8px;align-items:center;color:var(--blau);font-weight:600;font-size:.94rem}
@media(max-width:1000px){.kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.kacheln{grid-template-columns:minmax(0,1fr)}}
/* Übersicht /ratgeber/: Suche und Themenfilter */
.rg-suche{grid-column:1/-1;margin-top:var(--s4);display:flex;flex-direction:column;gap:16px;max-width:860px}
.rg-feld input{width:100%;font:500 1.08rem var(--sans);color:var(--tinte);background:var(--blatt);border:1px solid var(--linie-stark);border-radius:999px;padding:16px 24px 16px 52px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%23145DA0' stroke-width='2'/%3E%3Cpath d='M16.5 16.5L21 21' stroke='%23145DA0' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:20px;background-position:20px center}
.rg-feld input:focus{outline:2px solid var(--blau);outline-offset:2px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:600 .9rem var(--sans);color:var(--tinte);background:var(--blatt);border:1px solid var(--linie-stark);border-radius:999px;padding:9px 16px;cursor:pointer;text-decoration:none;transition:background .2s,color .2s}
.chip:hover{border-color:var(--blau);color:var(--blau)}
.chip[aria-pressed="true"]{background:var(--nacht);border-color:var(--nacht);color:#fff}
.themen-wechsel{grid-column:1/-1;margin-top:var(--s3)}
[data-rg-bereich].filtert .rg-einstieg{display:none}
/* Wo stehst du? */
.lagen{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
.lage{background:var(--blatt);border-radius:var(--r-gross);padding:26px;box-shadow:var(--schatten)}
.lage-stelle{font:600 .74rem var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--blau)}
.lage h3{font-size:1.3rem;margin:6px 0 14px}
.lage ul,.etappe ul,.themen-kachel ul{list-style:none;margin:0;padding:0}
.lage li a,.etappe li a,.themen-kachel li a{display:block;padding:9px 0;border-top:1px solid var(--linie);color:var(--tinte);text-decoration:none;font-size:.98rem;line-height:1.35}
.lage li a:hover,.etappe li a:hover,.themen-kachel li a:hover{color:var(--blau)}
/* Gründungsfahrplan */
.fahrplan{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gut);counter-reset:none}
.etappe{background:var(--blatt);border-radius:var(--r-gross);padding:22px 20px;position:relative}
.etappe-nr{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--nacht);color:#fff;font:600 1.05rem var(--serif);margin-bottom:12px}
.etappe h3{font-size:1.15rem;margin:0 0 4px}
.etappe p{color:var(--grau);font-size:.92rem;margin:0 0 10px}
@media(max-width:1180px){.fahrplan{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.lagen{grid-template-columns:minmax(0,1fr)}.fahrplan{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.fahrplan{grid-template-columns:minmax(0,1fr)}}
/* Themenkacheln */
.themen-kacheln{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gut)}
.themen-kachel{background:var(--blatt);border-radius:var(--r-gross);padding:24px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--schatten)}
.thema-icon{width:34px;height:34px;color:var(--blau);margin-bottom:6px}
.themen-kachel h3{font-size:1.2rem;margin:0}
.themen-kachel h3 a{color:var(--tinte);text-decoration:none}
.themen-kachel h3 a:hover{color:var(--blau)}
.themen-zahl{font-size:.88rem;color:var(--grau);margin-bottom:6px}
.themen-kachel .link{margin-top:auto;padding-top:10px}
@media(max-width:1180px){.themen-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.themen-kacheln{grid-template-columns:minmax(0,1fr)}}
/* Liste A bis Z (wird gefiltert) */
.rg-liste{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rg-liste a{display:flex;flex-direction:column;gap:4px;height:100%;background:var(--blatt);border-radius:var(--r-gross);padding:18px 20px;text-decoration:none;color:var(--text)}
.rg-liste a:hover{box-shadow:var(--schatten)}
.rg-liste b{font:600 1.08rem/1.3 var(--serif);color:var(--tinte)}
.rg-liste a>span:last-child{color:var(--grau);font-size:.92rem}
@media(max-width:1000px){.rg-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.rg-liste{grid-template-columns:minmax(0,1fr)}}
.kopfkarte dl.kernzahlen{grid-template-columns:1fr;gap:8px}
.kopfkarte .kernzahlen div{display:grid;grid-template-columns:minmax(118px,auto) 1fr;align-items:center;gap:14px;padding:10px 14px}
.kernzahlen dt{white-space:nowrap}
.kopfkarte .kernzahlen dd{margin:0}
.etappe li a,.lage li a,.themen-kachel li a,.kachel b,.rg-liste b{overflow-wrap:break-word}
/* Kasten „Nächster Schritt“ */
.naechster-schritt{margin:2.4em 0 0;background:var(--grund);border:1px solid var(--linie-stark);border-radius:var(--r-gross);padding:22px 24px;display:flex;flex-direction:column;gap:12px}
.ns-label{font:600 .76rem var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--blau)}
.naechster-schritt>b{font:600 1.3rem/1.25 var(--serif);color:var(--tinte)}
.naechster-schritt p{margin:0}
.ns-ziel{display:grid;grid-template-columns:1fr auto;gap:2px 16px;background:var(--blatt);border-radius:var(--r);padding:16px 18px;text-decoration:none;color:var(--text)}
.ns-ziel b{font:600 1.18rem/1.25 var(--serif);color:var(--tinte)}
.ns-ziel span{grid-column:1;color:var(--grau);font-size:.95rem}
.ns-ziel svg{grid-column:2;grid-row:1/span 2;align-self:center;color:var(--blau)}
.ns-ziel:hover b{color:var(--blau)}
.naechster-schritt .btn{align-self:flex-start}
/* Rechner 2 (20.10.2026) */
.rechner label small{font:400 .84rem var(--sans);color:var(--grau)}
.rechner select{flex:1;font:560 1.15rem var(--sans);color:var(--tinte);border:0;background:none;padding:12px 14px;outline:none}
.liq-tabelle{grid-column:1/-1;overflow-x:auto}
.liq-tabelle table{width:100%;border-collapse:collapse;font-size:.88rem;color:#D9E5F2}
.liq-tabelle th{text-align:left;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.25);padding:6px 8px 6px 0}
.liq-tabelle td{padding:6px 8px 6px 0;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}
.liq-tabelle td.minus{color:#FFC9C9;font-weight:600}
.rechner-ratgeber{grid-column:1/-1;list-style:none;margin:0 0 var(--s3);padding:0;display:flex;flex-wrap:wrap;gap:10px}
.rechner-ratgeber a{display:inline-block;background:var(--blatt);border-radius:999px;padding:10px 18px;text-decoration:none;font-weight:600;color:var(--tinte)}
.rechner-ratgeber a:hover{color:var(--blau)}
@media(max-width:900px){.rechner{grid-template-columns:1fr}}
/* Förderdatenbank (20.10.2026) */
.fp-reihe{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:12px;align-items:end}
.fp-land{display:flex;flex-direction:column;gap:6px;font:600 .82rem var(--sans);color:var(--grau);text-transform:uppercase;letter-spacing:.06em}
.fp-land select{font:500 1.02rem var(--sans);color:var(--tinte);background:var(--blatt);border:1px solid var(--linie-stark);border-radius:999px;padding:15px 20px;text-transform:none;letter-spacing:0}
.fp-liste{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fp{background:var(--blatt);border-radius:var(--r-gross);display:flex;flex-direction:column}
.fp>a{display:flex;flex-direction:column;gap:6px;padding:18px 20px 10px;text-decoration:none;color:var(--text);flex:1}
.fp>a:hover b{color:var(--blau)}
.fp b{font:600 1.08rem/1.3 var(--serif);color:var(--tinte)}
.fp-hoehe{font-size:.94rem;color:var(--text)}
.fp-meta{font-size:.86rem;color:var(--grau)}
.fp-quelle{font-size:.8rem;color:var(--grau);padding:0 20px 14px}
.fp-duenn{background:var(--sand);border-radius:var(--r);padding:12px 16px;margin-top:12px;color:var(--tinte)}
.steckbrief th{width:34%;text-align:left;font:600 .9rem var(--sans);color:var(--tinte);padding:12px 14px 12px 0;border-bottom:1px solid var(--linie);vertical-align:top}
@media(max-width:1000px){.fp-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.fp-liste{grid-template-columns:minmax(0,1fr)}.fp-reihe{grid-template-columns:1fr}}
/* Was passt zu dir? (20.10.2026) */
.was-passt-lagen,.was-passt .lagen{grid-template-columns:repeat(2,minmax(0,1fr))}
.lage p{color:var(--grau);font-size:.95rem;margin:0 0 12px}
.was-passt{margin:var(--s5) 0;padding:26px;border-radius:var(--r-gross);background:var(--stein)}
.was-passt .was-passt-titel{font-size:1.35rem;margin:0 0 16px}
.was-passt .lage{padding:20px;box-shadow:none}
.was-passt .lage h3{font-size:1.1rem}
.was-passt .lage ul{margin:0;padding:0}
.was-passt .lage li{margin:0;padding:0}
.was-passt .lage li::before{display:none}
.themen-kachel p{margin:4px 0 8px;color:var(--grau);font-size:.95rem}
@media(max-width:700px){.was-passt-lagen,.was-passt .lagen{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1100px){.themen-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.themen-kacheln{grid-template-columns:minmax(0,1fr)}}
.dl-im-text{margin:var(--s4) 0}.dl-im-text .dl-karte h3{margin:0}
/* Suche (Pagefind, 20.10.2026) */
.suche-link{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--tinte)}
.suche-link svg{width:21px;height:21px}
.suche-link:hover{color:var(--blau);background:var(--stein)}
.suche-feld{grid-column:1/-1;max-width:860px;--pagefind-ui-scale:1;--pagefind-ui-primary:var(--blau);--pagefind-ui-text:var(--tinte);--pagefind-ui-background:var(--blatt);--pagefind-ui-border:var(--linie-stark);--pagefind-ui-tag:var(--stein);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:10px;--pagefind-ui-font:var(--sans)}
.suche-feld .pagefind-ui__result-link{color:var(--tinte)}
.suche-feld mark{background:#FFE58A;color:inherit}
/* Fördercheck (20.10.2026) */
.fc2,.fc2-kontakt,.fc2-ergebnis{grid-column:1/-1;max-width:900px}
.fc2-ergebnis{margin-top:var(--s5)}
.fc2-ergebnis h3{margin:var(--s4) 0 var(--s3)}
.fc2-kontakt{margin-top:var(--s5)}
.fc2-kontakt h2{font-size:1.5rem;margin:0}
.fc2-wege em{font-style:normal;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;margin-left:6px;color:var(--grau)}
.fc2-programme{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.fc2-programme{grid-template-columns:minmax(0,1fr)}}
/* Auswahlfelder: eigener Pfeil mit Abstand zum runden Rand (20.10.2026) */
.fp-land select,.formular select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230B2540' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px 8px;cursor:pointer}
.fp-land select{background-position:right 24px center;padding-right:52px}
.formular select{background-position:right 18px center;padding-right:46px}
/* Kartenraster ohne Leerflächen: Karten nur so hoch wie ihr Inhalt (Hinweis Maximilian, 20.10.2026) */
.fahrplan,.lagen,.themen-kacheln{align-items:start}
/* Mikrodarlehen-Tabelle: am Handy als Karten je Programm (20.10.2026) */
@media(max-width:700px){
.prosa table.mikro-tabelle{display:block;overflow:visible}
.mikro-tabelle thead{display:none}
.mikro-tabelle tbody,.mikro-tabelle tr,.mikro-tabelle td{display:block;width:100%}
.mikro-tabelle tr{border-bottom:1px solid var(--linie-stark);padding:12px 0}
.mikro-tabelle td{border:0;padding:3px 0}
.mikro-tabelle td:empty{display:none}
.mikro-tabelle td::before{content:attr(data-l);display:block;font:600 .72rem var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--grau)}
.mikro-tabelle td[data-l="Land"]{font-weight:700;color:var(--tinte)}
.mikro-tabelle td[data-l="Land"]::before{display:none}
}
/* Rollentitel nie abschneiden: Text bricht frei um, Mindesthöhe hält die Logoleisten meist bündig (20.10.2026) */
.coach .rolle{display:block;-webkit-line-clamp:unset;height:auto;min-height:2.8em;overflow:visible}
@media(max-width:600px){.coach .rolle{min-height:4.2em}}
/* Dezente Coach-Karte in Ratgebern (eine pro Seite, unten) */
.coach-mini.klein{grid-template-columns:48px 1fr;gap:12px;padding:10px 14px;margin:1.4em 0 .6em;background:transparent;border:1px solid var(--linie);max-width:520px}
.coach-mini.klein img{width:48px;height:48px}
.coach-mini.klein small{display:block;font:600 .7rem var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--grau);margin-bottom:2px}
.coach-mini.klein b{font-size:1rem}
.coach-mini.klein span span{font-size:.85rem}
/* Volle Kachelreihen (voll_raster in build.py): Desktop --sp Spalten, Tablet 2, Handy 1; gleiche Höhe je Reihe */
.voll{grid-template-columns:repeat(var(--sp,4),minmax(0,1fr));align-items:stretch}
.fahrplan.voll,.lagen.voll,.themen-kacheln.voll{align-items:stretch}
.voll>.lage,.voll>.etappe,.voll>.themen-kachel{display:flex;flex-direction:column;min-width:0}
.voll>.lage ul,.voll>.etappe ul{margin-bottom:0}
.themen-kachel.zusatz{background:var(--hell,#eef4fa);box-shadow:none;border:1px solid var(--linie)}
@media(max-width:1100px){.voll,.fahrplan.voll,.lagen.voll{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.voll,.fahrplan.voll,.lagen.voll{grid-template-columns:minmax(0,1fr)}}
/* Gründerlexikon */
.lex-abc{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s4,24px)}
.lex-abc a,.lex-abc span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:8px;font:600 1rem var(--sans);text-decoration:none}
.lex-abc a{background:var(--blatt);color:var(--blau);box-shadow:var(--schatten)}
.lex-abc a:hover{background:var(--blau);color:#fff}
.lex-abc span{color:var(--linie)}
.lex-inhalt{grid-column:1/-1;max-width:860px}
.lex-buchstabe{scroll-margin-top:110px;margin-bottom:var(--s5,40px)}
.lex-buchstabe h2{border-bottom:2px solid var(--linie);padding-bottom:6px}
.lex{margin:0}
.lex-eintrag{padding:14px 0;border-bottom:1px solid var(--linie);scroll-margin-top:110px}
.lex dt{font:700 1.1rem var(--sans);color:var(--tinte);overflow-wrap:break-word}
.lex dd{margin:4px 0 0}
.lex dd p{margin:0 0 6px;color:var(--grau)}
/* Handy: Kernzahlen im Seitenkopf und Shop-Kategorieköpfe ohne Überbreite (Stichprobe 21.10.2026) */
.kategorie-kopf>*{min-width:0}
.kernzahlen dd{overflow-wrap:anywhere}
@media(max-width:600px){
  .kopfkarte .kernzahlen div{grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:10px}
  .kernzahlen dt{white-space:normal;font-size:1.3rem}
  .kategorie-kopf{flex-direction:column;align-items:flex-start;gap:8px}
}

/* ===== Gründerwissen-Hub (Design-Runde 21.10.2026) ===== */
.hub-kopf{padding:clamp(28px,4vw,56px) 0 clamp(40px,5vw,72px);background:var(--grund)}
.hub-kopf .raster{align-items:center}
.hub-kopf .krumen{grid-column:1/-1}
.hub-text{grid-column:1/span 7}
.hub-text h1{font-size:clamp(2.2rem,4.4vw,3.7rem);line-height:1.05}
.hub-text .einstieg{font-size:clamp(1.08rem,1.3vw,1.22rem);line-height:1.6;margin:var(--s3) 0 0;max-width:34em;color:var(--text)}
.hub-suche{display:flex;gap:10px;margin:var(--s4) 0 0;max-width:620px;background:var(--blatt);padding:8px;border-radius:calc(var(--r) + 4px);box-shadow:var(--schatten);border:1px solid var(--linie)}
.hub-suche input{flex:1;min-width:0;border:0;background:transparent;font:500 1.05rem/1.2 var(--sans);color:var(--tinte);padding:12px 12px}
.hub-suche input::placeholder{color:#6A7686}
.hub-suche input:focus{outline:none}
.hub-suche:focus-within{border-color:var(--blau);box-shadow:0 0 0 3px rgba(20,93,160,.18),var(--schatten)}
.hub-suche .btn{padding:14px 22px}
.hub-haeufig{margin:14px 0 0;font-size:.94rem;color:var(--grau);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
.hub-haeufig span{font-weight:600;color:var(--text)}
.hub-haeufig a{color:var(--blau);text-underline-offset:3px}
.hub-fakten{list-style:none;margin:var(--s4) 0 0;padding:var(--s3) 0 0;display:flex;flex-wrap:wrap;gap:10px 36px;border-top:1px solid var(--sand-tief);max-width:620px}
.hub-fakten li{margin:0;padding:0;color:var(--grau);font-size:.95rem}
.hub-fakten li::before{display:none}
.hub-fakten b{display:block;font:700 1.7rem/1.1 var(--serif);color:var(--tinte);font-variant-numeric:lining-nums tabular-nums}
.hub-bild{grid-column:9/-1;margin:0;position:relative}
.hub-bild img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-gross);box-shadow:var(--schatten)}
.hub-bild figcaption{position:relative;margin:-48px 18px 0 -28px;background:var(--blatt);border-radius:var(--r-gross);box-shadow:var(--schatten);padding:18px 20px;font-size:.95rem;line-height:1.5;color:var(--text)}
.hub-bild figcaption b{display:block;font:600 1.05rem/1.3 var(--serif);color:var(--tinte);margin-bottom:4px}
.hub-bild figcaption a:last-child{display:inline-block;margin-top:8px;font-weight:600}
@media(max-width:1100px){.hub-text{grid-column:1/-1}.hub-bild{grid-column:1/-1;margin-top:var(--s4);max-width:640px}.hub-bild figcaption{margin:-40px 14px 0 14px}}
@media(max-width:600px){.hub-suche{flex-direction:column;padding:6px}.hub-suche .btn{justify-content:center}.hub-fakten{gap:10px 24px}.hub-fakten b{font-size:1.45rem}}

.hub-start{padding-top:clamp(48px,6vw,88px)}
.lage-link{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.lage-link h3{color:var(--tinte)}
.lage-link ul{margin:10px 0 16px;padding:0;list-style:none}
.lage-link li{padding:7px 0;border-top:1px solid var(--linie);font-size:.95rem;color:var(--text);margin:0}
.lage-link li::before{display:none}
.lage-mehr{margin-top:auto;font-weight:600;color:var(--blau);display:inline-flex;gap:8px;align-items:center}
.lage-link:hover{box-shadow:0 2px 4px rgba(11,37,64,.06),0 22px 40px -16px rgba(11,37,64,.28);transform:translateY(-2px)}
.lage-link:hover h3{color:var(--blau)}

/* Bereiche: Feature-Kachel + Werkzeuge, ganze Karte klickbar, immer volle Reihen */
.bereiche{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gut);grid-auto-flow:dense}
.bereich{position:relative;background:var(--blatt);border-radius:var(--r-gross);box-shadow:var(--schatten);padding:24px 24px 22px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.bereich-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.bereich-kopf svg{width:28px;height:28px;color:var(--blau)}
.bereich-zahl{font:600 .86rem/1 var(--sans);color:var(--grau);background:var(--grund);padding:6px 10px;border-radius:999px;font-variant-numeric:lining-nums tabular-nums}
.bereich h3{font-size:1.25rem;margin:0}
.bereich h3 a{color:var(--tinte);text-decoration:none}
.bereich h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.bereich p{margin:0;color:var(--grau);font-size:.97rem;line-height:1.55;overflow-wrap:break-word}
.bereich ul{list-style:none;margin:6px 0 0;padding:0;position:relative;z-index:1}
.bereich ul li{margin:0;padding:0;border-top:1px solid var(--linie)}
.bereich ul li::before{display:none}
.bereich ul a{display:block;padding:9px 0;color:var(--text);text-decoration:none;font-weight:500}
.bereich ul a:hover{color:var(--blau)}
.bereich .link{margin-top:auto;padding-top:10px;color:var(--blau);font-weight:600;text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.bereich:hover{box-shadow:0 2px 4px rgba(11,37,64,.06),0 22px 40px -16px rgba(11,37,64,.28);transform:translateY(-2px)}
.bereich:hover h3 a{color:var(--blau)}
.bereich:focus-within{outline:2px solid var(--blau);outline-offset:3px}
.bereich h3 a:focus-visible{outline:none}
.b-ratgeber{grid-column:span 2;grid-row:span 2;padding:32px 32px 28px;background:var(--blau);color:#fff}
.b-ratgeber .bereich-kopf svg{color:#fff;width:34px;height:34px}
.b-ratgeber .bereich-zahl{background:rgba(255,255,255,.14);color:#fff}
.b-ratgeber h3{font-size:clamp(1.6rem,2.4vw,2.1rem)}
.b-ratgeber h3 a,.b-ratgeber:hover h3 a{color:#fff}
.b-ratgeber p{color:#DCEAF8;font-size:1.04rem;max-width:34em}
.b-ratgeber ul{margin-top:12px}
.b-ratgeber ul li{border-top-color:rgba(255,255,255,.22)}
.b-ratgeber ul a{color:#fff;font-weight:500;padding:11px 0}
.b-ratgeber ul a:hover{color:#DCEAF8;text-decoration:underline;text-underline-offset:3px}
.b-ratgeber .link{color:#fff}
.b-berufe{grid-column:span 2}
.b-berufe ul{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
.b-check{background:var(--hell);box-shadow:none;border:1px solid var(--linie)}
@media(max-width:1100px){.bereiche{grid-template-columns:repeat(2,minmax(0,1fr))}.b-ratgeber{grid-row:auto}}
@media(max-width:600px){.bereiche{grid-template-columns:minmax(0,1fr)}.b-ratgeber,.b-berufe{grid-column:auto}.b-berufe ul{grid-template-columns:1fr}.b-ratgeber{padding:26px 22px}}

/* Leselisten „Wichtig zum Start“ / „Neu“ */
.hub-lesen .raster{row-gap:var(--s5)}
.hub-spalte{grid-column:span 6}
.hub-spalte h2{font-size:clamp(1.6rem,2.4vw,2.2rem)}
.hub-unter{color:var(--grau);margin:10px 0 var(--s3)}
.rl-liste{list-style:none;margin:0 0 var(--s3);padding:0;counter-reset:none}
.rl-liste li{margin:0;padding:0;border-top:1px solid var(--linie)}
.rl-liste li:last-child{border-bottom:1px solid var(--linie)}
.rl-liste li::before{display:none}
.rl-liste a{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:18px 4px;text-decoration:none;color:inherit;align-items:start}
.rl-liste:not(.rl-nummer) a{grid-template-columns:1fr}
.rl-nr{font:600 1.5rem/1 var(--serif);color:var(--blau);min-width:1.4em;font-variant-numeric:lining-nums tabular-nums}
.rl-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.rl-thema{font:600 .78rem/1.2 var(--sans);color:var(--blau)}
.rl-text b{font:600 1.12rem/1.3 var(--serif);color:var(--tinte);overflow-wrap:break-word}
.rl-teaser{color:var(--grau);font-size:.95rem;line-height:1.5}
.rl-liste a:hover b{color:var(--blau)}
@media(max-width:860px){.hub-spalte{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.bereich,.lage-link{transition:none}.bereich:hover,.lage-link:hover{transform:none}}
/* Hub: Feinschliff nach Sichtprüfung */
.hub-bild{grid-column:8/-1}
.hub-start,.hub-bereiche{padding:clamp(48px,6vw,96px) 0}
.hub-bereiche{padding-top:0}
.hub-lesen{padding:clamp(56px,7vw,104px) 0}
@media(max-width:600px){
  .lage-link ul{display:none}
  .lage-link{padding:18px 20px}
  .lage-link h3{margin-bottom:10px}
  .bereich{padding:18px 20px}
  .b-berufe ul{display:none}
  .hub-start .kopf,.hub-bereiche .kopf{margin-bottom:var(--s3)}
  .rl-teaser{display:none}
}
/* Barrierefreiheit (Detector 21.10.): Skip-Link, Fokus auf dunklem Grund, Tippflächen */
.skip:hover,.skip:focus{color:#fff}
.fuss :focus-visible,.leiste-cta :focus-visible,.zwischen-cta :focus-visible,.sec-nacht :focus-visible,.b-ratgeber :focus-visible,.skip:focus-visible{outline-color:#fff}
@media(max-width:860px){button.chip,a.chip{min-height:44px}.link{min-height:44px;display:inline-flex;align-items:center}}
/* Ratgeber-Übersicht: Chips am Handy als wischbare Zeile */
@media(max-width:860px){
  .rg-suche .chips{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin-right:calc(-1 * var(--rand));padding-right:var(--rand);scrollbar-width:none}
  .rg-suche .chips::-webkit-scrollbar{display:none}
  .rg-suche .chip{flex:0 0 auto;scroll-snap-align:start}
}
.kachel-zusatz{background:var(--hell);box-shadow:none;border:1px solid var(--linie)}
.kacheln.voll{grid-template-columns:repeat(var(--sp,3),minmax(0,1fr))}
@media(max-width:1000px){.kacheln.voll{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.kacheln.voll{grid-template-columns:minmax(0,1fr)}}
/* Ratgeberseite: Autorenzeile, Überschriftenstufen, Merkkästen (Design-Runde 21.10.2026) */
.seitenkopf .byline{grid-column:1/span 8;margin-top:var(--s4);display:grid;grid-template-columns:48px 1fr;column-gap:14px;row-gap:2px;align-items:center;padding-top:var(--s3);border-top:1px solid var(--sand-tief);max-width:40em}
.byline img{width:48px;height:48px;object-fit:cover;border-radius:50%;grid-row:1/span 2}
.byline p{margin:0;line-height:1.35}
.byline-name{display:block;font-weight:600;color:var(--tinte);font-size:.98rem}
.byline-name a{color:var(--tinte);text-underline-offset:3px}
.byline-rolle{display:block;color:var(--grau);font-size:.9rem}
.byline-meta{grid-column:2;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.88rem;color:var(--grau);margin-top:4px!important}
.byline-meta a{color:var(--blau);font-weight:600}
.seitenkopf.mit-karte .byline{grid-column:1/span 7}
@media(max-width:1100px){.seitenkopf .byline,.seitenkopf.mit-karte .byline{grid-column:1/-1}}
.prosa h3{font-size:clamp(1.18rem,1.5vw,1.32rem)}
.prosa{font-size:1.06rem}
.prosa .kasten.merk{border-left:0;border:1px solid var(--linie-stark);background:var(--hell)}
.prosa .kasten.fehler{border-left:0;border:1px solid var(--sand-tief);background:var(--stein)}
.prosa .kasten.fehler h3::before{content:""}
.quellen{scroll-margin-top:104px}
.hub-bild figcaption a{white-space:normal}.hub-bild figcaption{overflow-wrap:break-word}
@media(max-width:600px){.rg-liste li a span:not(.kachel-thema){display:none}}
.seitenkopf + .sec:not(.sec-hell):not(.sec-feld){padding-top:clamp(24px,3vw,48px)}
/* Kein Label über der Überschrift: Stelle steht unter dem Titel */
.lage{display:flex;flex-direction:column}
.lage h3{order:1}
.lage .lage-stelle{order:2;margin:6px 0 4px;text-transform:none;letter-spacing:0;font:500 .9rem/1.3 var(--sans);color:var(--grau)}
.lage ul{order:3}
.lage .lage-mehr{order:4}
.lage p{order:3}
.zuletzt{margin:14px 0 0;font-size:.88rem;color:var(--grau);grid-column:1/-1}
.dl-fueller{background:var(--hell);box-shadow:none;border:1px solid var(--linie)}
/* Preisstufen bei Von-bis-Paketen */
.preisstufen{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}
.preisstufen a{display:grid;gap:4px;padding:14px 18px;background:var(--blatt);border:1px solid var(--linie);border-radius:var(--r);color:var(--text);text-decoration:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.preisstufen a:hover,.preisstufen a:focus-visible{border-color:var(--blau);box-shadow:var(--schatten)}
.ps-kopf{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.ps-kopf b{color:var(--tinte);font-size:1.05rem}
.ps-kopf .tab{font-weight:600;color:var(--tinte);white-space:nowrap}
.ps-umfang{font-size:.95rem}
.ps-fuss{font-size:.85rem;color:var(--grau)}
/* Fördercheck-Hinweis auf der Downloads-Seite */
.dl-fc{display:grid;gap:8px;justify-items:start;margin-top:28px;padding:22px 24px;background:var(--hell);border:1px solid var(--hell-2);border-radius:var(--r-gross);color:var(--text);text-decoration:none;max-width:760px;transition:box-shadow .2s var(--ease),border-color .2s var(--ease)}
.dl-fc:hover,.dl-fc:focus-visible{border-color:var(--blau);box-shadow:var(--schatten)}
.dl-fc b{font:600 1.35rem var(--serif);color:var(--tinte)}
.dl-fc .btn{margin-top:6px}
/* ---------- Design-Prüfung Desktop und Handy (21.10.2026) ---------- */
/* Lange deutsche Wörter brechen sauber statt über den Rand zu laufen */
h1,h2,h3,h4,dt,dd,figcaption,.kachel,.kachel-text,.laender b,.fuss-spalte li,.partner-rolle,.index-gruppe a span{overflow-wrap:break-word}
@media(max-width:600px){
}
/* Inline gesetzte Spalten (Ratgeber-Text neben Kopfkarte) auf Tablet/Handy volle Breite */
@media(max-width:1100px){.raster>.prosa[style*="grid-column"],.raster>.kopfkarte[style*="grid-column"]{grid-column:1/-1!important}}
/* Führungsteam-Reihe ohne Fotos: Text nicht in die 64-px-Bildspalte quetschen */
.wir-leute-breit a{grid-template-columns:minmax(0,1fr)}
@media(max-width:1100px){.wir-leute-breit{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wir-leute-breit{grid-template-columns:minmax(0,1fr)}}
/* Faktenlisten: zweite Spalte darf schrumpfen, auf dem Handy untereinander */
.person dl,.kopfkarte dl{grid-template-columns:max-content minmax(0,1fr)}
.firma-fakten{grid-template-columns:max-content minmax(0,1fr)}
@media(max-width:1100px) and (min-width:901px){.firma-fakten{grid-template-columns:minmax(0,1fr)}.firma-fakten dt{border-bottom:0;padding-bottom:0}}
@media(max-width:600px){.person dl,.kopfkarte dl:not(.kernzahlen){grid-template-columns:minmax(0,1fr);gap:2px 0}.person dd{margin-bottom:10px}.kopfkarte dl:not(.kernzahlen) dt{padding-bottom:0}.kopfkarte dl:not(.kernzahlen) dd{border-top:0!important;padding-top:4px}}
/* Länderkacheln und Fußzeile: Spalten dürfen schrumpfen */
.laender{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:860px){.laender{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.laender{grid-template-columns:minmax(0,1fr)}}
.fuss-spalte,.fuss-laender,.partner-liste li{min-width:0}
/* Coach-Namen nie abschneiden: auf schmalen Kacheln zweizeilig */
@media(max-width:1100px) and (min-width:601px){.coach h3,.orga figure > b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;height:2.6em}}
/* Ansprechpartner (Abschluss): auf sehr schmalen Handys Foto kleiner */
@media(max-width:380px){.ansprech-person{grid-template-columns:72px minmax(0,1fr);gap:14px}.ansprech-person img{width:72px;height:72px}}
.ansprech-person figcaption{min-width:0;overflow-wrap:anywhere}
/* Ratgeber-Index: Titel darf schrumpfen */
.index-gruppe a{grid-template-columns:minmax(0,1fr) auto}
/* Tippziele auf dem Handy mindestens 40 px hoch */
@media(max-width:760px){
  .krumen a{padding:12px 0}
  .inhalt li a{padding:11px 0}
  .vorhaben button{padding:10px 14px;min-height:40px}
  .rechner input[type=range]{height:40px}
}

/* hidden-Attribut immer respektieren (z. B. Fördercheck-Felder, die erst nach Auswahl erscheinen) */
[hidden]{display:none!important}
/* Kopfleiste mit sieben Menüpunkten (Fördercheck neu, 21.10.): Telefonnummer nicht mehr im Kopf (steht in Menü, Abschluss und Fußzeile), Menüpunkte enger, unter 1300 px Menü-Knopf */
.kopfleiste .kopf-cta .tel{display:none}.hauptnav .nav-punkt>a{padding:10px 6px}.kopf-cta{gap:14px}
@media(max-width:1300px){.hauptnav,.kopf-cta{display:none}.menue{display:block}}
/* Design-Prüfung 21.10., Runde 3 */
/* Alle inline gesetzten Spalten (Modulwahl, Ratgeber-Text, Kopfkarte) ab Tablet volle Breite */
@media(max-width:1100px){.raster>[style*="grid-column"]{grid-column:1/-1!important}}
/* Keine automatische Silbentrennung (Inhaberwunsch); lange Wörter bekommen ­ im Build (weiche_trennungen) */
.inhalt li a,.faq .antwort p,.kopfkarte li,.ns-ziel b,.lage li,.kernzahlen dt,.dl-fc b,.dl-fc span{overflow-wrap:break-word}
.ns-ziel{grid-template-columns:minmax(0,1fr) auto}
.dl-fc{max-width:100%;min-width:0}
/* Brotkrumen dürfen an den Trennstrichen umbrechen */
.krumen span[aria-hidden]{display:inline-block}
/* Tippziele Handy */
@media(max-width:760px){.lex-abc a,.lex-abc span{min-width:44px;height:44px}.shopfilter a{padding:11px 16px}}
.faq summary{grid-template-columns:minmax(0,1fr) 28px;overflow-wrap:break-word}
/* Fördercheck-Kasten auf der Downloads-Seite über die volle Rasterbreite */
.raster>.dl-fc{grid-column:1/-1}
/* Modulwahl auf dem Handy: Modulnamen passen in die Kachel */
@media(max-width:600px){.module{gap:5px;padding:0 10px 10px}.module a{padding:11px 9px 9px}.module .name{font-size:.8rem;overflow-wrap:break-word}}
/* Gründerwissen-Kopf: Bildkarte ab Tablet unter dem Text in voller Breite, Kennzahlen 2 × 2 */
@media(max-width:1100px){.hub-bild{grid-column:1/-1}}
@media(max-width:600px){.hub-fakten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}}
/* Volle Reihen (Regel Kachelraster, Design-Prüfung 21.10.) */
.produkt-fueller{background:var(--hell);border:1px solid var(--hell-2);box-shadow:none}
.produkt-fueller .info{justify-content:center;align-items:flex-start;padding:28px 30px}
.produkt-fueller .btn{margin-top:10px}
@media(min-width:861px){.produkt-fueller.s3-0{display:none}.produkt-fueller.s3-2{grid-column:span 2}}
@media(max-width:860px) and (min-width:601px){.produkt-fueller.s2-0{display:none}}
@media(max-width:600px){.produkt-fueller{display:none}}
/* Ratgeber-Index (Startseite): ungerade letzte Gruppe über die volle Breite, Einträge zweispaltig */
@media(min-width:861px){
  .index>.index-gruppe:not([style]):last-child:nth-child(odd){grid-column:1/-1}
  .index>.index-gruppe:not([style]):last-child:nth-child(odd) ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .index>.index-gruppe:not([style]):last-child:nth-child(odd) li+li{border-top:0}
  .index>.index-gruppe:not([style]):last-child:nth-child(odd) li:nth-child(n+3){border-top:1px solid var(--linie)}
}
/* Kachelraster mit 2 oder 4 Kacheln zweispaltig statt Lücke */
@media(min-width:1001px){.kacheln:has(>:nth-child(2):last-child),.kacheln:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Ratgeber- und Förderlisten: letzte Karte füllt die Reihe */
@media(min-width:1001px){
  .rg-liste>li:last-child:nth-child(3n+2),.fp-liste>li:last-child:nth-child(3n+2){grid-column:span 2}
  .rg-liste>li:last-child:nth-child(3n+1),.fp-liste>li:last-child:nth-child(3n+1){grid-column:1/-1}
}
@media(max-width:1000px) and (min-width:621px){.rg-liste>li:last-child:nth-child(odd),.fp-liste>li:last-child:nth-child(odd){grid-column:1/-1}}
/* Logo-Kästchen: ungerades letztes Logo über beide Spalten */
.logoleiste>:last-child:nth-child(odd){grid-column:1/-1}
/* Kernzahlen in der Kopfkarte: lange Werte („12 Monate + 14 Tage“) umbrechen statt überlaufen */
.kopfkarte .kernzahlen div{grid-template-columns:fit-content(50%) minmax(0,1fr)}
.kopfkarte .kernzahlen dt{white-space:normal;text-wrap:balance}
/* Städtelisten als Verzeichnis in Spalten (von oben nach unten alphabetisch), keine halbleeren Rasterreihen */
.treffer{display:block;columns:4;column-gap:var(--gut)}
.treffer li{break-inside:avoid}
@media(max-width:860px){.treffer{columns:2}}
@media(max-width:600px){.treffer{columns:1}}
/* Zwischenbreiten (Tablet): volle Reihen bei Coach-, Ergebnis- und Themenkacheln */
@media(max-width:1100px) and (min-width:861px){.coaches:has(>:nth-child(4n):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:860px) and (min-width:601px){.coaches:has(>:nth-child(2n):last-child):not(:has(>:nth-child(6n):last-child)){grid-template-columns:repeat(2,minmax(0,1fr))}.ergebnisse>:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:1000px) and (min-width:621px){.kacheln>:last-child:nth-child(odd){grid-column:1/-1}}
/* Lange Wörter in Listen und Karten */
.laender a{flex-wrap:wrap;row-gap:2px}
.produkt p,.rg-liste span,.coach-mini span,.lex dd,.zitat-feld blockquote,.firma-fakten dd,.haken li,.hub-fakten li,.ns-ziel span{overflow-wrap:break-word}
.coach-mini{grid-template-columns:76px minmax(0,1fr)}
.coach-mini.klein{grid-template-columns:48px minmax(0,1fr)}
.lex dd a,.firma-fakten dd a{overflow-wrap:anywhere}
@media(max-width:520px){.firma-fakten{grid-template-columns:minmax(0,1fr)}}
li a b,.index-gruppe a b{overflow-wrap:break-word}

@media(max-width:380px){.partner-liste li{padding:22px 10px 14px}.partner-rolle{letter-spacing:.02em;font-size:.76rem}}
/* Partnerlogos auf schmalen Handys nie breiter als die Karte */
.partner-logo{max-width:100%;min-width:0}
@media(max-width:600px){.partner-logo img{max-width:100%;height:auto!important;max-height:44px}}
/* Über uns: Management und Backoffice als Karten mit Porträt, ohne Logos (21.10.2026) */
.orga.orga-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--s3)}
.person-karte{display:block;color:inherit;text-decoration:none}
.person-karte:hover b,.person-karte:focus-visible b{color:var(--blau)}
.person-karte img{transition:box-shadow .2s var(--ease)}
.person-karte:hover img{box-shadow:var(--schatten)}
.wir .wir-zitat{grid-column:1/-1;margin-top:var(--s4)}
@media(max-width:600px){.orga.orga-3{grid-template-columns:1fr;row-gap:16px}.orga-3 figure{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:16px;align-items:center}.orga-3 figure img{grid-row:1/3;margin:0;aspect-ratio:1/1}.orga-3 figure > b,.orga-3 figure > span{white-space:normal;height:auto;min-height:0;-webkit-line-clamp:unset}}
/* Partnernetzwerk: Rollen nur an Wortgrenzen umbrechen, nie mitten im Wort (Maximilian, 21.10.2026) */
.partner-rolle{hyphens:manual!important;-webkit-hyphens:manual!important;overflow-wrap:normal!important;word-break:keep-all}
@media(max-width:600px){.partner-rolle{letter-spacing:.02em;font-size:.74rem}}
/* Downloads: Fördercheck-Kasten in der Inhaltsspalte unter der Einleitung, nicht in einer schmalen Restspalte */
.seitenkopf .dl-fc{grid-column:1/span 8;max-width:none}
@media(max-width:1100px){.seitenkopf .dl-fc{grid-column:1/-1}}
/* Shop: Kategorien zum Aufklappen (21.10.2026) */
.shop-kats{grid-column:1/-1;display:grid;gap:12px}
.shop-kat{background:var(--blatt);border:1px solid var(--linie);border-radius:var(--r-gross);scroll-margin-top:96px;transition:box-shadow .3s var(--ease),border-color .3s var(--ease)}
.shop-kat:hover{border-color:var(--linie-stark)}
.shop-kat[open]{background:var(--grund);border-color:var(--linie-stark)}
.shop-kat summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:4px 24px;align-items:center;padding:24px 28px}
.shop-kat summary::-webkit-details-marker{display:none}
.shop-kat summary:focus-visible{outline:2px solid var(--blau);outline-offset:3px;border-radius:var(--r-gross)}
.shop-kat summary h2{grid-column:1;grid-row:1;font-size:clamp(1.35rem,2vw,1.7rem);margin:0;min-width:0}
.shop-kat summary:hover h2{color:var(--blau)}
.sk-kurz{grid-column:1;grid-row:2;min-width:0;color:var(--grau);font-size:.97rem;line-height:1.5;max-width:60em}
.sk-meta{grid-column:2;grid-row:1/span 2;display:grid;justify-items:end;gap:2px;white-space:nowrap}
.sk-meta b{font:600 1rem var(--sans);color:var(--tinte)}
.sk-meta span{font-size:.92rem;color:var(--grau)}
.sk-pfeil{grid-column:3;grid-row:1/span 2;width:12px;height:12px;justify-self:end;border-right:2px solid var(--blau);border-bottom:2px solid var(--blau);transform:translateY(-3px) rotate(45deg);transition:transform .3s var(--ease)}
.shop-kat[open] .sk-pfeil{transform:translateY(3px) rotate(225deg)}
.shop-kat .produkte{padding:0 28px 28px}
@media(max-width:600px){
  .shop-kat summary{grid-template-columns:minmax(0,1fr) 20px;gap:4px 14px;padding:18px 18px}
  .sk-meta{grid-column:1;grid-row:3;justify-items:start;display:flex;gap:12px;margin-top:6px}
  .sk-pfeil{grid-column:2;grid-row:1/span 3}
  .shop-kat .produkte{padding:0 14px 16px}
}
/* Prüfbefunde Downloads (Sub-Agent, 21.10.2026) */
.dl-fc b,.dl-fc span{hyphens:manual!important;-webkit-hyphens:manual!important}
.ansprech-person figcaption{hyphens:manual!important;-webkit-hyphens:manual!important;overflow-wrap:normal!important}
.dl-aktion{column-gap:18px}
@media(max-width:1100px){.seitenkopf .einstieg,.seitenkopf .dl-fc,.seitenkopf .foerderhinweis{max-width:46rem}}
.seitenkopf .dl-fc{padding:20px 22px}
/* Handy-Menü: Knopf mit weißer Schrift, Telefon mit Abstand zum Symbol */
.menue-panel a.btn-primaer{color:#fff;border-bottom:0;padding:16px 22px;font:600 1.05rem var(--sans)}
.menue-panel a.btn-primaer:hover{color:#fff}
.menue-panel a.tel{display:flex;align-items:center;gap:10px;font:600 1.05rem var(--sans)}
/* Rechner: Spalten dürfen schrumpfen, breite Tabellen scrollen im Ergebnis statt abgeschnitten zu werden */
.rechner{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
@media(max-width:1100px){.rechner{grid-template-columns:minmax(0,1fr)}}
.rechner-eingabe,.rechner-ergebnis,.rechner label,.rechner .feld{min-width:0}
.rechner-ergebnis{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:600px){.rechner-ergebnis{grid-template-columns:minmax(0,1fr)}}
.rechner-ergebnis table,.rechner table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.rechner-eingabe h3{overflow-wrap:break-word}
/* Ansprechpartner ohne Silbentrennung: lange Rollen („Unternehmensentwicklung“) passen durch kleineres Foto und Schrift */
.ansprech-person{grid-template-columns:80px minmax(0,1fr);gap:16px}
.ansprech-person img{width:80px;height:80px}
.ansprech-person figcaption{font-size:.88rem}
@media(max-width:600px){.ansprech-person{grid-template-columns:72px minmax(0,1fr);gap:14px}.ansprech-person img{width:72px;height:72px}}
/* Partnerkarten im 6er-Raster: Logo und Label passen in die Karte */
.partner-logo img{max-width:100%}
@media(min-width:1101px){.partner-rolle{font-size:.74rem;letter-spacing:.04em}}
/* Rechner im Ratgebertext und Rechtsform-Test auf dem Handy */
@media(max-width:600px){.prosa .rechner-ergebnis{grid-template-columns:minmax(0,1fr)}.rechner-ergebnis .phase .klein-b{font-size:1.3rem}}
.rechner-ergebnis .phase b,.rechner-ergebnis .phase small{overflow-wrap:break-word}
/* Team-Raster: volle Reihen bei 5er- oder 3er-Teilbarkeit */
@media(min-width:1101px){
  .coaches:has(>:nth-child(5n):last-child):not(:has(>:nth-child(4n):last-child)){grid-template-columns:repeat(5,minmax(0,1fr))}
  .coaches:has(>:nth-child(3n):last-child):not(:has(>:nth-child(4n):last-child)):not(:has(>:nth-child(5n):last-child)){grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Über uns und Profile – Prüfbefunde 21.10.2026 */
/* 2) Keine automatische Silbentrennung (Wunsch des Inhabers); bewusst gesetzte Trennungen (­, rolle_zeilen) bleiben */
html body,html body *{-webkit-hyphens:manual!important;hyphens:manual!important}
.st-rolle,.st-logo b,.ansprech figcaption,.ansprech-person figcaption,.kernzahlen dd,.coach .rolle,.firma-fakten dd,.kopfkarte dd{overflow-wrap:break-word!important;word-break:normal}
.firma-fakten dd a{overflow-wrap:break-word}  /* E-Mail bricht nur an den <wbr> vor @ und Punkt */
.firma-fakten dd a.tab{white-space:nowrap}
/* 1) Berater-Raster: Spaltenzahl aus der Kartenzahl (build.py coach_karten volle_reihen), immer volle Reihen */
.coaches.coaches-fest{grid-template-columns:repeat(var(--sp-d,4),minmax(0,1fr))!important}
@media(max-width:1100px){.coaches.coaches-fest{grid-template-columns:repeat(var(--sp-t,2),minmax(0,1fr))!important}}
@media(max-width:600px){.coaches.coaches-fest{grid-template-columns:repeat(var(--sp-m,2),minmax(0,1fr))!important}}
/* 3) und 4) Faktenkästen: Label über Wert statt schmaler Wertspalte */
.firma-fakten{grid-template-columns:minmax(0,1fr)!important}
.firma-fakten dt{border-bottom:0!important;padding-bottom:0!important}
.firma-fakten dd{padding-top:4px}
.kopfkarte-gestapelt dl{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
.kopfkarte-gestapelt dt{padding-bottom:0!important}
.kopfkarte-gestapelt dd{border-top:0!important;padding-top:4px!important}
/* 5) Weniger Leerfläche zwischen Eileen-Zitat und „Unsere Berater“ */
.ueber-management{padding-bottom:var(--s4)}
.ueber-management .wir-zitat{margin-bottom:0}
.ueber-berater{padding-top:var(--s4)}
/* 6) Abschluss: Ansprechpartner-Spalte breiter, damit die Rolle nicht zerrissen wird */
@media(min-width:901px){.abschluss .ansprech-liste{grid-column:1/span 5}.abschluss .abschluss-text{grid-column:7/-1}}
@media(min-width:901px) and (max-width:1180px){.ansprech-person{grid-template-columns:80px minmax(0,1fr);gap:14px}.ansprech-person img{width:80px;height:80px}}
/* 8) Profilseiten: Kurzprofil und Schwerpunkte links gestapelt, Stationen breit rechts bzw. allein über volle Breite */
.profil{align-items:start}
.profil-links{grid-column:1/span 4;display:flex;flex-direction:column;gap:var(--gut);min-width:0}
.profil-links .profil-spalte{grid-column:auto}
.profil .profil-spalte.breit{grid-column:5/-1;min-width:0}
.profil .profil-spalte.breit.voll{grid-column:1/-1}
@media(min-width:1101px){.profil-spalte.breit .stationen li{grid-template-columns:170px minmax(0,1fr);gap:24px}}
@media(max-width:1100px){.profil-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.profil-links>:only-child{grid-column:1/-1}.profil .profil-spalte.breit{grid-column:1/-1}}
@media(max-width:700px){.profil-links{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1101px){.coaches:has(>:nth-child(5n):last-child):not(:has(>:nth-child(4n):last-child)) h3{font-size:1.1rem}.coaches:has(>:nth-child(5n):last-child):not(:has(>:nth-child(4n):last-child)) .rolle{font-size:.88rem}}
/* Letzte Sicherung: ein Wort, das trotz Trennstellen nicht passt, bricht um statt überzulaufen */
.prosa p,.prosa li,.kasten p,.faq .antwort p,.einstieg,.quellen li{overflow-wrap:break-word}
/* Über uns und Profile – Prüfbefunde 21.10.2026 (Fortsetzung): ohne Trennung Fußzeile auf dem Tablet breiter, Stationen auf dem Handy Logo über Rolle */
@media(max-width:1100px) and (min-width:861px){.fuss-marke{grid-column:1/-1}.fuss-spalte{grid-column:span 4}.fuss-laender{grid-column:1/-1}.fuss-laender ul{columns:4}}
@media(max-width:600px){.stationen li,.profil-spalte .stationen li{grid-template-columns:minmax(0,1fr);gap:4px;align-items:start}.st-logo{height:auto;min-height:28px}}
/* Über uns und Profile – Prüfbefunde 21.10.2026 (Fortsetzung): In Rollen, Faktenkästen, Profiltexten und Bewertungen passen die Wörter in die Spalte, daher hier auch keine weichen Trennstellen (&shy;) ausnutzen; break-word bleibt als Notbremse gegen Überlauf */
.person-karte span,.person dd,.person .rolle,.profil-spalte p,.profil-spalte li,.coach .rolle,.coach h3,.firma-fakten dd,.kopfkarte-gestapelt dd,.wir-zitat,.bewertungen blockquote,.zitat-feld blockquote,.ueber-management .kopf p,.ueber-berater .kopf p{-webkit-hyphens:none!important;hyphens:none!important;overflow-wrap:break-word}
/* Über uns und Profile – Prüfbefunde 21.10.2026 (Fortsetzung): Berater-Raster auf dem Tablet 2 Spalten als Querkarten (Bild links), damit zehn Porträts nicht 3000 px hoch werden */
@media(max-width:1100px) and (min-width:601px){.coaches-fest .coach a.coach-link{flex-direction:row;align-items:center;gap:20px}.coaches-fest .coach .bild{flex:0 0 clamp(120px,15vw,150px)}.coaches-fest .coach .info{padding:0;min-width:0}.coaches-fest .coach h3{height:auto;min-height:0}.coaches-fest .coach .rolle{min-height:0}}
/* Stationen ohne Logo: Firmenname passt in die Logospalte, nie in den Text daneben */
@media(max-width:700px){.stationen li{grid-template-columns:108px minmax(0,1fr)!important}.st-logo b{font-size:.84rem}}
.st-logo{min-width:0;overflow:visible}
.st-logo b{max-width:100%}
/* Modul-Navigation: Spalten dürfen schrumpfen, rechter Rand bündig */
.modulnav{grid-template-columns:repeat(9,minmax(0,1fr))}
@media(max-width:1100px){.modulnav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.modulnav a{padding:11px 10px;font-size:.84rem}.modulnav a span{font-size:.68rem}}
/* Über uns und Profile – Prüfbefunde 21.10.2026 (Fortsetzung): Stationen ab Tablet ohne Trennung (Wörter passen in die Spalten); auf dem Handy bleiben nur die weichen Trennstellen an Wortfugen */
@media(min-width:701px){.st-rolle,.st-logo b{-webkit-hyphens:none!important;hyphens:none!important}}
@media(max-width:1100px) and (min-width:701px){.profil-spalte.breit .stationen li{grid-template-columns:170px minmax(0,1fr)}}
/* Restbefunde Zwischenbreiten (320 px, 768 px, 1180 px) */
.produkt-fueller .btn{white-space:normal;max-width:100%;text-align:left}
.bewertungen>*{min-width:0}
@media(max-width:640px){.bewertungen{grid-template-columns:minmax(0,1fr)}}
@media(max-width:400px){.zitat-feld blockquote{font-size:1.3rem}.zitat-feld{padding:24px 20px}}
.zitat-feld blockquote{min-width:0;overflow-wrap:break-word}
@media(max-width:360px){.partner-rolle{font-size:.68rem;letter-spacing:.02em}}
@media(min-width:1101px) and (max-width:1260px){.partner-rolle{font-size:.7rem;letter-spacing:.02em}}
@media(max-width:1000px) and (min-width:641px){.bewertungen{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Über uns: Porträts nie größer als ihre Auflösung (Original 900 px, Varianten 360/720/900), Management etwas größer als Backoffice (21.10.2026) */
@media(min-width:601px){
  .orga.orga-3.orga-management{grid-template-columns:repeat(3,minmax(0,300px));justify-content:start;column-gap:clamp(20px,3vw,40px)}
  .orga.orga-3.orga-backoffice{grid-template-columns:repeat(3,minmax(0,240px));justify-content:start;column-gap:clamp(20px,3vw,40px)}
}
/* Stationslogos: sehr breite Logos (z. B. Comcave 467×45) dürfen die ganze Logospalte nutzen, damit sie lesbar bleiben */
.st-logo img{max-width:100%!important}

/* Kopfleiste im warmen Sandton des Hero (Maximilian, 21.10.2026) */
.kopfleiste{background:rgba(255,255,255,.97)!important;border-bottom-color:rgba(11,37,64,.08)}

/* Bitrix24-Formular (Zwei-Klick) und Landingpages, 21.10.2026 */
.b24-box{background:var(--blatt);border-radius:var(--r-gross);padding:clamp(22px,3vw,36px);box-shadow:var(--schatten);color:var(--text)}
.b24-platzhalter h3{margin:0 0 8px;color:var(--tinte)}
.b24-platzhalter p{margin:0 0 12px}
.b24-platzhalter .aktionen{margin-top:var(--s3)}
.b24-hinweis{font-size:.9rem;line-height:1.55;color:var(--grau);border-left:3px solid var(--hell-2);padding-left:12px}
.b24-ziel:empty{display:none}
.b24-ziel{min-height:120px}
.b24-laedt{color:var(--grau);font-size:.95rem;margin:0}
.b24-ersatz{margin:var(--s2) 0 0;padding:14px 16px;background:var(--hell);border-radius:var(--r);color:var(--tinte)}
.b24-alternativ{margin:var(--s2) 0 0;font-size:.88rem;color:var(--grau)}
.b24-aktiv .b24-alternativ{border-top:1px solid var(--linie);padding-top:12px}
.prosa .b24-box{margin:var(--s3) 0}
.kontakt-formular{grid-column:1/span 7}
.kontakt-thema{margin:12px 0 0;font-size:.95rem;color:var(--grau)}
.lp-check{grid-column:1/span 8;margin:var(--s3) 0 0}
.lp-klein{grid-column:1/span 8;margin:10px 0 0;font-size:.9rem;color:var(--grau)}
.lp-formular .wrap.raster{align-items:start}
.lp-formular-text{grid-column:1/span 5}
.lp-formular-text h2{margin-bottom:14px}
.lp-formular-text p{color:var(--grau)}
.lp-formular-box{grid-column:7/-1}
.lp-dauer{display:inline-block;margin-top:10px;font:600 .8rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#9CC6F0}
.lp-zwischen{grid-column:1/-1;margin-top:var(--s5);display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;padding:22px 26px;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-gross)}
.lp-zwischen b{color:#fff;font:560 1.2rem var(--serif)}
.lp-zwischen-hell{margin-top:0;background:var(--hell);border:0}
.lp-zwischen-hell b{color:var(--tinte);display:block}
.lp-zwischen-hell span{color:var(--grau)}
.lp-modulnr{font:600 .78rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--blau);margin-bottom:10px}
.lp-summe{grid-column:1/-1;margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:24px 28px;background:var(--nacht);color:#D9E5F2;border-radius:var(--r-gross)}
.lp-summe b{display:block;color:#fff;font:560 1.25rem var(--serif)}
.lp-summe span{font-size:.93rem}
.lp-summe strong{font:560 clamp(1.3rem,2vw,1.7rem) var(--serif);color:#fff}
.lp-kalender-wrap{grid-column:1/span 8}
.lp-kalender{background:var(--blatt);border-radius:var(--r-gross);padding:clamp(22px,3vw,32px)}
.lp-kalender h3{margin:0 0 8px}
.lp-kalender .aktionen{margin-top:var(--s2)}
.lp-berater-liste{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:var(--gut)}
.lp-berater{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:22px;background:var(--blatt);border-radius:var(--r-gross);padding:22px;align-items:start}
.lp-berater img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.lp-berater h3{margin:0 0 4px}.lp-berater h3 a{color:var(--tinte);text-decoration:none}
.lp-berater .rolle{display:block;font-size:.92rem;color:var(--blau);margin-bottom:10px}
.lp-berater p{margin:0;color:var(--grau);font-size:.98rem}
.schrittfolge.lp-drei{grid-template-columns:repeat(3,1fr)}
@media(max-width:1100px){.lp-formular-text,.lp-formular-box,.kontakt-formular,.lp-kalender-wrap{grid-column:1/-1}.lp-formular-box{margin-top:var(--s4)}.lp-berater-liste{grid-template-columns:1fr}}
@media(max-width:700px){.lp-berater{grid-template-columns:1fr}.lp-berater img{max-width:200px}.schrittfolge.lp-drei{grid-template-columns:1fr}.lp-summe,.lp-zwischen{padding:20px}}
/* Erfolgsgeschichten: Kurzfassungen als 3 × 2 Kacheln mit Firmenlogo und Sprunglink (21.10.2026) */
.geschichte-kachel .firmenlogo{height:56px;margin:0 0 6px}
.geschichte-kachel .firmenlogo img{max-height:52px;max-width:180px}
.geschichte-kachel .kachel-text strong{color:var(--tinte)}
.geschichten-ueberblick{padding-top:clamp(40px,5vw,72px)}
.geschichten-ueberblick .kopf{margin-bottom:var(--s4)}
/* Ergebnis-/Modulkacheln (auch Landingpage) und große Firmenlogos: nie breiter als die Spalte */
.ergebnisse{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:860px){.ergebnisse{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ergebnisse{grid-template-columns:minmax(0,1fr)}}
.ergebnis{min-width:0}
.ergebnis h3,.ergebnis p,.ergebnis a{overflow-wrap:break-word}
.firmenlogo.gross{max-width:100%;box-sizing:border-box}
.firmenlogo.gross img{max-width:100%}

/* Startseiten-Hero mit weißem Hintergrund (Maximilian, 21.10.2026) */
.hero-foto{background:linear-gradient(#fff 0 calc(100% - 140px),var(--grund) calc(100% - 140px))!important}
@media(max-width:1100px){.hero-foto{background:#fff!important}}
/* Vertrauensbelege im Kopf: vier Belege inkl. Integrationsquote als 2 × 2 (volle Reihen, 21.10.2026) */
.hero-belege{display:grid;grid-template-columns:repeat(2,max-content);gap:10px 36px;justify-content:start}
.seitenkopf .hero-belege{grid-column:1/-1}
@media(max-width:600px){.hero-belege{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.hero-belege span{white-space:normal;line-height:1.35}.hero-belege b{display:block;margin:0 0 2px}}
@media(min-width:1101px){.seitenkopf.mit-karte .hero-belege{grid-column:1/span 8}}

/* Kopfleiste und Startseiten-Hero in zwei hellen Warmtönen (Maximilian, 21.10.2026, ersetzt Sand-Kopf und weißen Hero) */
.kopfleiste{background:rgba(255,255,255,.97)!important;border-bottom-color:rgba(11,37,64,.07)}
.hero-foto{background:linear-gradient(#F1F4F7 0 calc(100% - 140px),var(--grund) calc(100% - 140px))!important}
@media(max-width:1100px){.hero-foto{background:#F1F4F7!important}}

/* Startseite: Abstand zwischen „das sind wir“ und „Unser Team“ halbiert (Maximilian, 21.10.2026) */
.sec.wir{padding-bottom:calc(var(--s6) / 2)}
.sec.wir + #team{padding-top:calc(var(--s6) / 2)}
.beweis ul{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:860px){.beweis ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.beweis li{min-width:0;overflow-wrap:break-word}
/* Häkchen-Listen auch außerhalb von Ratgebertexten (z. B. Formularblock der Landingpages) */
ul.check{list-style:none;padding:0}
ul.check li{position:relative;padding-left:30px}
ul.check li::before{content:"";position:absolute;left:2px;top:.45em;width:13px;height:7px;border-left:2px solid var(--blau);border-bottom:2px solid var(--blau);transform:rotate(-45deg)}
/* Bitrix-Formular: lange Beschriftung im Textfeld („Wann können wir dich …“) umbrechen statt abschneiden */
.b24-form-control-container:has(textarea) .b24-form-control-label{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;line-height:1.3!important;right:12px!important;max-width:calc(100% - 24px)!important}
@media(max-width:380px){.b24-box{padding:14px 10px}}
/* Startseite „das sind wir“: Text etwa so hoch wie das Teamfoto, oben bündig, rechts Luft (Maximilian, 21.10.2026) */
@media(min-width:1101px){
  .sec.wir:not(.ueber-management) .raster{align-items:start}
  .wir-text{padding-right:clamp(8px,2vw,32px)}
  .wir-text h2{font-size:clamp(2rem,3vw,2.6rem);line-height:1.1;margin-bottom:18px}
  .wir-einstieg{font-size:1.06rem;line-height:1.65;margin:0}
  .sec.wir:not(.ueber-management) .wir-text blockquote{margin:18px 0 0;font-size:1.2rem;line-height:1.35}  /* Fließtext 1,06 rem + 13 % (Maximilian, 21.10.) */
  .sec.wir:not(.ueber-management) .wir-text blockquote cite{margin-top:8px}
}
/* ---------- Fördercheck neu strukturiert (Maximilian, 21.10.2026): Wahl im Kopf, Formular mit Seitenleiste, Ergebnis zweispaltig ---------- */
.fc2-wahl{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gut);margin-top:var(--s4)}
.fc2-wahl-karte{display:flex;flex-direction:column;gap:8px;padding:22px 24px;background:var(--blatt);border:1px solid var(--linie);border-radius:var(--r-gross);text-decoration:none;color:var(--text);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.fc2-wahl-karte b{font:600 1.25rem/1.25 var(--serif);color:var(--tinte)}
.fc2-wahl-karte>span:not(.kachel-thema):not(.kachel-mehr){color:var(--grau);font-size:.97rem;line-height:1.5;flex:1}
.fc2-wahl-karte:hover,.fc2-wahl-karte:focus-visible{border-color:var(--blau);box-shadow:var(--schatten)}
.fc2-wahl-plus{border-color:var(--blau);box-shadow:var(--schatten)}
.fc2-bereich .raster{align-items:start;row-gap:var(--s5)}
.fc2-bereich .fc2,.fc2-bereich .fc2-ergebnis,.fc2-bereich .fc2-kontakt{max-width:none;margin-top:0}
.fc2-leiste{background:var(--hell);border:1px solid var(--hell-2);border-radius:var(--r-gross);padding:24px 26px}
.fc2-leiste h2{font-size:1.3rem;margin:0 0 12px}
.fc2-leiste ul.check{margin:0 0 16px}
.fc2-leiste ul.check li{margin:8px 0;font-size:.97rem;line-height:1.45}
.fc2-iq{margin:0 0 12px;padding-top:14px;border-top:1px solid var(--hell-2);color:var(--grau);font-size:.95rem}
.fc2-iq b{font:600 1.35rem var(--serif);color:var(--tinte);margin-right:6px}
.fc2-leiste .klein{margin:0;font-size:.88rem;line-height:1.5;color:var(--grau)}
.fc2-ergebnis .kopf{margin-bottom:var(--s3)}
.fc2-ergebnis .kopf h2,.fc2-ergebnis .kopf p{grid-column:1/-1}
.fc2-programme{grid-template-columns:minmax(0,1fr)!important;gap:8px}
.fc2-programme .fp>a{padding:14px 18px 6px}
.fc2-programme .fp-quelle{padding:0 18px 12px}
.fc2-mehr{margin:10px 0 0}
.fc2-mehr summary{cursor:pointer;font-weight:600;color:var(--blau);padding:10px 0;list-style:none}
.fc2-mehr summary::-webkit-details-marker{display:none}
.fc2-mehr summary::after{content:" ▾"}
.fc2-mehr[open] summary::after{content:" ▴"}
.fc2-weiter{align-items:center;gap:12px 24px;flex-wrap:wrap}
.fc2-brief{margin:14px 0 0;border-top:1px solid var(--hell-2);padding-top:12px}
.fc2-brief summary{cursor:pointer;font-weight:600;color:var(--tinte)}
.fc2-brief textarea{margin:10px 0}
.fc2-termin{margin:14px 0 0}
.fc2-erklaerung .kopf{margin-bottom:0}
@media(min-width:1101px){
  .fc2-bereich .fc2{grid-column:1/span 8}
  .fc2-leiste{grid-column:9/-1;align-self:start} /* nicht sticky: sonst liegt sie über Ergebnis und Kontaktformular (21.10.2026) */
  .fc2-bereich .fc2-ergebnis{grid-column:1/span 7}
  .fc2-bereich .fc2-kontakt{grid-column:8/-1;grid-template-columns:minmax(0,1fr)}
  .fc2-bereich .fc2-kontakt .fc2-paket,.fc2-bereich .fc2-kontakt .fc2-paket-felder{grid-template-columns:minmax(0,1fr)}
  .fc2-erklaerung .kopf h2{grid-column:1/span 5}
  .fc2-erklaerung .kopf p{grid-column:6/-1;margin-top:0}
}
@media(max-width:1100px){.fc2-bereich .fc2,.fc2-leiste,.fc2-bereich .fc2-ergebnis,.fc2-bereich .fc2-kontakt{grid-column:1/-1}}
@media(max-width:700px){.fc2-wahl{grid-template-columns:minmax(0,1fr)}}
/* Breite nutzen (21.10.2026): /avgs/ Fragenteil mit Seitenleiste, Lexikon zweispaltig */
.avgs-fragen{max-width:none}
@media(min-width:1101px){.avgs-leiste{grid-column:10/-1;align-self:start}}
@media(min-width:1101px){
  .lex-inhalt{max-width:none}
  .lex{columns:2;column-gap:calc(var(--gut) * 2)}
  .lex-eintrag{break-inside:avoid}
}
@media(min-width:1101px) and (max-width:1260px){.module a{padding:12px 10px 10px}.module .name{font-size:.88rem}}
/* Zwischenbreiten 1101–1240 px: Partner 3 × 2, Coach-Namen zweizeilig statt abgeschnitten, Seitenleiste nie höher als der Bildschirm */
@media(min-width:1101px) and (max-width:1240px){
  .partner-liste{grid-template-columns:repeat(3,minmax(0,1fr))}
  .partner-rolle{font-size:.76rem;letter-spacing:.04em}
  .coach h3,.orga figure > b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;height:2.6em}
}
@media(min-width:1101px){.seitenleiste{max-height:calc(100vh - 124px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}
/* Ansprechpartner (Maximilian, Louis) auf allen Seiten so groß wie der Text daneben (Maximilian 21.10.2026) */
.abschluss .ansprech-liste{gap:26px}
.abschluss .ansprech-liste .ansprech-person{grid-template-columns:136px minmax(0,1fr);gap:24px;align-items:center}
.abschluss .ansprech-liste .ansprech-person img{width:136px;height:136px}
.abschluss .ansprech-liste .ansprech-person figcaption{font-size:1.08rem;line-height:1.45;color:var(--text)}
.abschluss .ansprech-liste .ansprech-person figcaption b{font-size:1.4rem;line-height:1.25;margin-bottom:4px}
.abschluss .ansprech-titel{font-size:.82rem}
@media(min-width:901px) and (max-width:1180px){.abschluss .ansprech-liste .ansprech-person{grid-template-columns:104px minmax(0,1fr);gap:18px}.abschluss .ansprech-liste .ansprech-person img{width:104px;height:104px}}
@media(max-width:900px){.abschluss .ansprech-liste .ansprech-person{grid-template-columns:112px minmax(0,1fr)}.abschluss .ansprech-liste .ansprech-person img{width:112px;height:112px}}
@media(max-width:560px){.abschluss .ansprech-liste .ansprech-person{grid-template-columns:84px minmax(0,1fr);gap:16px}.abschluss .ansprech-liste .ansprech-person img{width:84px;height:84px}.abschluss .ansprech-liste .ansprech-person figcaption{font-size:1rem}.abschluss .ansprech-liste .ansprech-person figcaption b{font-size:1.2rem}}
.ansprech figcaption{font-size:1.05rem;color:var(--text);line-height:1.45}
.ansprech figcaption b{font-size:1.2rem;margin-bottom:4px}
.ansprech-person figcaption,.ansprech figcaption{-webkit-hyphens:manual!important;hyphens:manual!important;overflow-wrap:normal!important}

/* Hauptmenü mit Dropdowns (Eileen, 21.10.2026): Panels in voller Breite unter der Kopfleiste, am Handy Akkordeon */
.hauptnav{height:100%}
.nav-punkt{height:100%;display:flex;align-items:center}
.hauptnav .nav-punkt>a{display:flex;align-items:center;gap:6px}
.hauptnav .nav-punkt.offen>a{background:rgba(11,37,64,.05)}
.hauptnav .pfeil{width:10px;height:10px;opacity:.6;transition:transform .25s var(--ease)}
.nav-punkt.offen .pfeil{transform:rotate(180deg);opacity:1}
.nav-panel{position:absolute;left:0;right:0;top:80px;background:var(--blatt);border-top:1px solid var(--linie);box-shadow:var(--schatten-hoch);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .25s var(--ease),visibility 0s .25s}
.nav-punkt.offen .nav-panel{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .25s var(--ease),visibility 0s}
.nav-panel-innen{max-width:var(--max);margin:0 auto;padding:32px var(--rand) 28px;display:grid;gap:40px}
.nav-panel h3{font:600 .72rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--grau);margin:0 0 12px}
.nav-panel ul{list-style:none;margin:0;padding:0}
.nav-panel li a{display:block;text-decoration:none;color:var(--tinte);padding:8px 10px;margin:0 -10px;border-radius:var(--r);transition:background .15s}
.nav-panel li a:hover{background:var(--hell);color:var(--tinte)}
.nav-panel li a b{display:block;font:600 .98rem/1.35 var(--serif)}
.nav-panel li a span{display:block;font-size:.84rem;line-height:1.45;color:var(--grau);margin-top:2px}
.nav-panel .einfach li a{font:500 .95rem/1.4 var(--sans);padding:7px 10px}
.nav-panel li a span.nr{display:inline-block;margin:0;min-width:28px;font:600 .8rem var(--sans);color:var(--blau)}
.nav-panel .zwei{columns:2;column-gap:28px}
.nav-panel .vier{columns:4;column-gap:24px}
.nav-panel .zwei li,.nav-panel .vier li{break-inside:avoid}
.nav-fuss{grid-column:1/-1;border-top:1px solid var(--linie);padding-top:16px;display:flex;gap:28px;flex-wrap:wrap}
.nav-fuss a{font:600 .92rem var(--sans);text-decoration:none}
.nav-fuss a:hover{text-decoration:underline}
.nav-karte{background:var(--hell);border-radius:var(--r-gross);padding:24px;display:flex;flex-direction:column;gap:10px;align-self:start}
.nav-marke{font:600 .72rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--blau)}
.nav-karte b{font:600 1.25rem/1.3 var(--serif);color:var(--tinte)}
.nav-karte p{margin:0;font-size:.9rem;line-height:1.55;color:var(--text)}
.nav-karte .btn{align-self:flex-start;margin-top:6px;padding:11px 16px;font-size:.92rem}
.p-avgs .nav-panel-innen{grid-template-columns:1.05fr 1.25fr .9fr}
.p-wissen .nav-panel-innen{grid-template-columns:.8fr 1.6fr .9fr}
.p-regionen .nav-panel-innen{grid-template-columns:1fr 3fr}
.p-uns .nav-panel-innen{grid-template-columns:1fr 1fr}
.menue-panel{max-height:calc(100vh - 80px);overflow:auto}
.menue-panel details>summary{display:flex;justify-content:space-between;align-items:center;font:500 1.2rem var(--serif);color:var(--tinte);padding:14px 0;border:0;border-bottom:1px solid var(--linie);border-radius:0;background:none;cursor:pointer;list-style:none}
.menue-panel details>summary::-webkit-details-marker{display:none}
.menue-panel details>summary .pfeil{width:12px;height:12px;transition:transform .25s}
.menue-panel details[open]>summary .pfeil{transform:rotate(180deg)}
.menue-panel .unter{padding:6px 0 14px 14px;border-bottom:1px solid var(--linie)}
.menue-panel .unter a{font:500 1rem var(--sans);color:var(--text);padding:8px 0;border-bottom:0}
.menue-panel .unter a.alle{color:var(--blau);font-weight:600}
@media print{.nav-panel{display:none}}

/* Kompakter Footer (Eileen, 21.10.2026): ersetzt fuss-marke/fuss-spalte/fuss-laender/fuss-unten */
.fuss{font-size:.88rem;line-height:1.45;padding:44px 0 22px}
.fuss ul{list-style:none;margin:0;padding:0}
.fuss-kopf{display:flex;align-items:center;gap:16px 44px;flex-wrap:wrap;padding-bottom:26px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12)}
.fuss-kopf .logo-bild{height:38px;width:auto;margin:0}
.fuss-kontakt{display:flex;gap:10px 32px;flex-wrap:wrap}
.fuss-kontakt li{display:flex;gap:10px;align-items:center;font-size:1.05rem}
.fuss-kontakt svg{width:18px;height:18px;flex:none;color:#7FA8D6}
.fuss-kontakt a{font-weight:600;color:#fff}
.fuss-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.fuss-liste summary{list-style:none;font:600 .72rem var(--sans);text-transform:uppercase;letter-spacing:.1em;color:#fff;margin:0 0 12px;pointer-events:none}
.fuss-liste summary::-webkit-details-marker{display:none}
.fuss-liste li{margin-bottom:7px}
.fuss-zeile{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:6px 20px;align-items:baseline}
.fuss-zeile b{font:600 .72rem var(--sans);text-transform:uppercase;letter-spacing:.1em;color:#fff;flex:none}
.fuss-zeile ul{display:flex;flex-wrap:wrap;gap:4px 0;flex:1}
.fuss-zeile li:not(:last-child)::after{content:"·";margin:0 9px;color:#5E7896}
.fuss-recht{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1fr auto;gap:8px 32px;font-size:.8rem;color:#8EA6C0}
.fuss-recht p{margin:0;grid-column:1/-1}
.fuss-recht ul{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:1100px){.fuss-raster{gap:24px}}
@media(max-width:760px){.fuss{padding:36px 0 20px}.fuss-raster{display:block}.fuss-kopf{display:block;padding-bottom:20px;margin-bottom:0}.fuss-kopf .logo-bild{margin-bottom:16px}.fuss-kontakt{display:block}.fuss-kontakt li{margin-bottom:8px}
 .fuss-liste{border-top:1px solid rgba(255,255,255,.12)}.fuss-liste summary{pointer-events:auto;cursor:pointer;margin:0;padding:13px 0;display:flex;justify-content:space-between}
 .fuss-liste summary::after{content:"+";font-size:1.1rem;line-height:1;color:#7FA8D6}.fuss-liste[open] summary::after{content:"–"}.fuss-liste ul{padding-bottom:12px}
 .fuss-zeile{margin-top:0;display:block}.fuss-zeile b{display:block;margin-bottom:8px}.fuss-recht{grid-template-columns:1fr}}

/* Dropdowns als Kasten unter dem Menüpunkt statt über die volle Breite (Eileen, 21.10.2026) */
.kopfleiste .wrap{position:relative}.nav-punkt{position:static}
/* alle Kästen gleich: so breit wie die Kopfleiste, vom Logo bis zum Erstgespräch-Button */
.nav-panel{left:var(--rand);right:var(--rand);top:calc(100% - 10px);width:auto;border:1px solid var(--linie);border-radius:var(--r-gross)}
.nav-panel-innen{max-width:none;margin:0;padding:28px 30px 24px;gap:32px}
.nav-panel{background:#F6F7F9}  /* gleicher Ton wie die Kopfleiste */
.nav-panel li a:hover{background:#ECEFF3}
.p-uns .nav-panel-innen{grid-template-columns:1fr 1fr 1fr}
.p-avgs .nav-panel-innen{grid-template-columns:1.3fr 1fr 1fr}.p-wissen .nav-panel-innen{grid-template-columns:.75fr 1.9fr .85fr}
/* Gründer-Typ-Quiz und Firmennamen-Check (22.10.2026) */
.werkzeug{grid-column:1/-1;background:var(--blatt);border-radius:var(--r-gross);box-shadow:var(--schatten);padding:clamp(22px,3.4vw,40px);margin:var(--s3,28px) 0;display:flex;flex-direction:column;gap:16px}
.werkzeug h3{font-size:1.5rem;margin:0}.werkzeug h4{margin:12px 0 0}.werkzeug>p{color:var(--grau);margin:0}
.werkzeug form{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.werkzeug label[for]{font:600 .95rem var(--sans)}
.werkzeug .feld{display:flex;width:100%;max-width:520px;border:1px solid var(--linie-stark);border-radius:var(--r);background:var(--blatt)}
.werkzeug .feld:focus-within{border-color:var(--blau);box-shadow:0 0 0 3px var(--hell-2)}
.werkzeug input[type=text]{flex:1;min-width:0;font:500 1.05rem var(--sans);border:0;background:none;padding:13px 14px;outline:none}
.quiz-fehler{color:#9B1C1C;font-weight:600;margin:0}
.quiz-knoepfe{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.fn-liste{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.fn-liste li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--linie);border-radius:var(--r)}
.fn-liste a{font-weight:600}.fn-liste span{color:var(--grau);font-size:.95rem}
.fn-ideen{list-style:none;padding:0;margin:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:700px){.werkzeug .btn{width:100%;justify-content:center}}
.werkzeug ul.fn-liste,.werkzeug ul.fn-ideen{padding-left:0;margin-left:0}.werkzeug ul.fn-liste li::before,.werkzeug ul.fn-ideen li::before{content:none}
/* Firmenkompass Gründerprofil (22.10.2026): Bereichsfarben O #6B4FA0, G #145DA0, E #C2571A, V #2E7D5B, S #0E7C86 */
.ga [data-ga-intro]{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.ga-lead{font-size:clamp(1.05rem,1.3vw,1.18rem);color:var(--text);margin:0;max-width:62ch}
.ga-klein{font-size:.88rem;color:var(--grau);margin:0}
.ga-stand{display:flex;flex-direction:column;gap:8px;width:100%;position:sticky;top:80px;background:var(--blatt);padding:10px 0;z-index:2}
.ga-leiste{height:10px;border-radius:999px;background:var(--hell);overflow:hidden}
.ga-leiste i{display:block;height:100%;width:0;background:#145DA0;border-radius:inherit;transition:width .35s cubic-bezier(.16,1,.3,1)}
.ga-stand span{font:600 .85rem var(--sans);color:var(--grau);font-variant-numeric:tabular-nums}
[data-ga-seite]{display:flex;flex-direction:column;gap:12px;width:100%}
.ga-frage{border:1px solid var(--linie);border-radius:var(--r);padding:16px 18px 18px;margin:0;width:100%}
.ga-frage legend{font:600 1.05rem/1.4 var(--sans);color:var(--tinte);padding:0 6px;display:flex;gap:10px}
.ga-frage legend span{font:700 .8rem/1.9 var(--sans);color:var(--blau);font-variant-numeric:tabular-nums;min-width:1.6em}
.ga-skala{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}
.ga-skala label{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:8px 6px;border:1px solid var(--linie-stark);border-radius:var(--r);font:500 .84rem/1.25 var(--sans);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ga-skala input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.ga-skala label:hover{border-color:var(--blau);background:var(--hell)}
.ga-skala label:has(input:checked){background:var(--blau);border-color:var(--blau);color:#fff;font-weight:600}
.ga-skala label:has(input:focus-visible){outline:2px solid var(--blau);outline-offset:2px}
.ga-nav{display:flex;gap:10px;flex-wrap:wrap}
.ga-werkzeuge{display:flex;flex-direction:column;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--linie);margin-bottom:8px}
.ga-werkzeuge label{font:600 .95rem var(--sans)}
.ga-ergebnis:focus{outline:none}
.ga-bericht{display:flex;flex-direction:column;gap:28px}
.ga-deckblatt h3{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:6px 0 10px;color:var(--tinte)}
.ga-marke{font:600 .82rem var(--sans);letter-spacing:.04em;color:var(--blau);margin:0}
.ga-typtext{font-size:1.12rem;margin:0 0 12px;max-width:62ch}
.ga-hinweis{font-size:.85rem;color:var(--grau);background:var(--grund);border-radius:var(--r);padding:12px 14px;margin:0}
.ga-teil h4{font-size:1.3rem;margin:0 0 14px;color:var(--tinte)}
.ga-bereich{margin:0 0 18px}
.ga-kopf{display:flex;justify-content:space-between;gap:12px;font:600 .95rem var(--sans);color:var(--tinte)}
.ga-kopf b{color:var(--f)}
.ga-kopf span{font-variant-numeric:tabular-nums;color:var(--grau);white-space:nowrap}
.ga-balken{position:relative;height:14px;border-radius:999px;background:color-mix(in srgb,var(--f) 14%,#fff);margin:6px 0 8px;overflow:hidden;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.ga-balken i{display:block;height:100%;background:var(--f);border-radius:inherit}
.ga-balken em{position:absolute;top:0;bottom:0;width:2px;background:#fff;left:40%}.ga-balken em+em{left:60%}
.ga-bereich p{margin:0;font-size:.95rem;color:var(--text);max-width:70ch}
.ga-kurz{display:none}
@media(max-width:700px){.ga-skala{gap:4px}.ga-skala label{min-height:48px;padding:6px 2px;font-size:.8rem}.ga-lang{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ga-kurz{display:block}.ga-frage{padding:12px 12px 14px}.ga-frage legend{font-size:1rem}}
@media print{
html.ga-druck body *:not(:has(.ga-bericht)):not(.ga-bericht):not(.ga-bericht *){display:none!important}
html.ga-druck body *:has(.ga-bericht){display:block!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;max-width:none!important;width:auto!important;position:static!important}
html.ga-druck body{background:#fff}
html.ga-druck .ga-bericht{gap:16px;font-size:10.5pt}
html.ga-druck .ga-teil,html.ga-druck .ga-bereich{break-inside:avoid}
html.ga-druck .ga-umbruch{break-before:page}
html.ga-druck .ga-bericht a{color:var(--blau);text-decoration:none}
html.ga-druck .ga-bericht::after{content:"Firmenkompass GmbH · firmenkompass.de · Firmenkompass Gründerprofil (kostenlos), Selbsteinschätzung ohne Gewähr";display:block;font:500 8pt var(--sans);color:var(--grau);border-top:1px solid var(--linie);padding-top:6px;margin-top:10px}
@page{margin:16mm 15mm}
}
.ga-muster{font-size:.9rem;margin:10px 0 0;color:var(--text)}
.ga-methode-zeile{margin:0;font-size:.95rem;color:var(--blau)}
/* Rechner zum Einbetten (22.10.2026) */
body.einbett{background:var(--blatt);margin:0}
.einbett-rahmen{padding:8px}.einbett-rahmen .rechner{box-shadow:none;border:1px solid var(--linie)}
.einbett-credit{font:500 .85rem var(--sans);color:var(--grau);margin:10px 4px 0}.einbett-credit a{color:var(--blau);font-weight:600}
.einbett-liste{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.einbett-karte{background:var(--blatt);border-radius:var(--r-gross);box-shadow:var(--schatten);padding:22px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.einbett-karte h3{margin:0;font-size:1.2rem}.einbett-karte p{margin:0;color:var(--grau);font-size:.95rem}
.einbett-karte label{font:600 .85rem var(--sans)}
.einbett-karte textarea{width:100%;font:500 .78rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid var(--linie-stark);border-radius:var(--r);padding:10px;resize:vertical;background:var(--grund);color:var(--text)}
/* Gründungsreport-Kachel auf /presse/ (22.10.2026) */
.report-kachel{grid-column:1/-1;background:var(--blatt);border-radius:var(--r-gross);box-shadow:var(--schatten);padding:clamp(22px,3.4vw,40px);display:flex;flex-direction:column;gap:12px}
.report-kachel h3{margin:0;font-size:clamp(1.4rem,2.4vw,1.9rem)}.report-kachel p{margin:0;max-width:68ch}
.report-zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.report-zahlen div{background:var(--hell);border-radius:var(--r);padding:14px}
.report-zahlen b{display:block;font:700 1.6rem var(--serif);color:var(--blau);font-variant-numeric:tabular-nums}.report-zahlen span{font-size:.9rem}
@media(max-width:600px){.report-zahlen{grid-template-columns:1fr}}
/* Gründungskosten je Stadt (22.10.2026) */
.gk-kasten{grid-column:1/-1;background:var(--blatt);border-radius:var(--r-gross);box-shadow:var(--schatten);padding:clamp(18px,3vw,32px);display:flex;flex-direction:column;gap:12px}
.gk-tab{width:100%;border-collapse:collapse}.gk-tab th,.gk-tab td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--linie);font-size:.95rem}
.gk-tab th{width:30%;font-weight:600;color:var(--tinte)}.gk-q{font-size:.8rem;margin-left:4px}
.gk-det summary{cursor:pointer;color:var(--blau);font-size:.88rem;margin-top:6px}.gk-det p{font-size:.85rem;color:var(--grau);margin:6px 0 0}
.gk-hinweis{font-size:.85rem;color:var(--grau);margin:0}.gk-kasten>p{margin:0}
.gk-filter{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-bottom:16px}.gk-filter label{display:flex;flex-direction:column;gap:6px;font:600 .9rem var(--sans)}
.gk-filter .feld{display:flex;border:1px solid var(--linie-stark);border-radius:var(--r);background:var(--blatt)}.gk-filter input[type=search],.gk-filter select{border:0;background:none;padding:11px 12px;font:500 1rem var(--sans);min-width:200px}
.gk-filter .gk-check{flex-direction:row;align-items:center;gap:8px;min-height:44px}.gk-filter [data-gk-zahl]{font-size:.9rem;color:var(--grau);min-height:44px;display:flex;align-items:center}
.gk-scroll{overflow-x:auto;background:var(--blatt);border-radius:var(--r-gross);box-shadow:var(--schatten)}
.gk-liste{width:100%;border-collapse:collapse;font-size:.92rem;font-variant-numeric:tabular-nums}.gk-liste th,.gk-liste td{padding:10px 12px;border-bottom:1px solid var(--linie);text-align:left;white-space:nowrap}
.gk-liste thead th{position:sticky;top:0;background:var(--grund)}.gk-liste thead button{all:unset;cursor:pointer;font-weight:600;color:var(--tinte)}.gk-liste thead button:focus-visible{outline:2px solid var(--blau)}
.gk-liste [aria-sort=ascending] button::after{content:" ▲";font-size:.7em}.gk-liste [aria-sort=descending] button::after{content:" ▼";font-size:.7em}
@media(max-width:600px){.gk-tab th{width:auto;display:block;border:0;padding-bottom:0}.gk-tab td{display:block}}
/* Gründungsfahrplan (22.10.2026, aus fahrplan-generator/einbau/fahrplan.css) */
/* Gründer-Fahrplan-Generator (22.10.2026) – ans Ende von src/assets/style.css anhängen */
@font-face{font-family:"FK Druck Text";src:url(/assets/fonts/pdf/montserrat-400.ttf) format("truetype");font-weight:400;font-display:block}
@font-face{font-family:"FK Druck Text";src:url(/assets/fonts/pdf/montserrat-600.ttf) format("truetype");font-weight:600;font-display:block}
@font-face{font-family:"FK Druck Titel";src:url(/assets/fonts/pdf/raleway-600.ttf) format("truetype");font-weight:600;font-display:block}
.fp h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:0}
.fp-lead{color:var(--text);max-width:62ch;margin:8px 0 0}
.fp-klein{font-size:.86rem;color:var(--grau)}
.fp-opt{font-weight:400;color:var(--grau)}
.fp form{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;align-items:start}
.fp-feld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fp-feld .feld{max-width:none}
.fp select,.fp input[type=text]{width:100%;min-height:48px;border:0;background:none;padding:10px 14px;font:400 1rem var(--sans);color:var(--tinte)}
.fp .feld:focus-within{border-color:var(--blau);box-shadow:0 0 0 3px var(--hell-2)}
.fp-wahl{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;min-width:0}
.fp-wahl legend{font:600 .95rem var(--sans);margin-bottom:6px;padding:0}
.fp-wahl label{display:flex;gap:10px;align-items:center;min-height:44px;padding:4px 10px;border-radius:var(--r);cursor:pointer;font-size:.97rem}
.fp-wahl label:hover{background:var(--hell)}
.fp-wahl input{width:20px;height:20px;accent-color:var(--blau);flex:none}
.fp-wahl a{margin:4px 10px 0}
.fp form>.btn,.fp form>.quiz-fehler{grid-column:1/-1;justify-self:start}
.fp-werkzeuge{border-top:1px solid var(--linie);padding-top:16px}
.fp-ergebnis:focus{outline:none}
.fp-bericht{display:flex;flex-direction:column;gap:28px}
.fp-kopf{background:var(--hell);border-radius:var(--r-gross);padding:clamp(18px,3vw,28px)}
.fp-marke{font:600 .82rem var(--sans);color:var(--blau);margin:0 0 6px}
.fp-kopf h3{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0}
.fp-profil{font-weight:600;color:var(--tinte);margin:8px 0 4px}
.fp-hinweis{border:1px solid var(--linie-stark);border-radius:var(--r-gross);padding:16px 20px;background:var(--blatt)}
.fp-hinweis h4{margin:0 0 6px;font-size:1.05rem}.fp-hinweis ul{margin:0;padding-left:20px}.fp-hinweis li{margin:6px 0}
.fp-phase h4{font-size:1.25rem;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--linie)}
.fp-schritte{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.fp-schritt{display:grid;grid-template-columns:36px 1fr;gap:14px}
.fp-nr{width:32px;height:32px;border-radius:50%;background:var(--nacht);color:#fff;display:grid;place-items:center;font:700 .9rem var(--serif);font-variant-numeric:tabular-nums}
.fp-schritt h5{font:600 1.08rem var(--serif);margin:4px 0 4px;color:var(--tinte)}
.fp-schritt p{margin:0 0 8px;max-width:72ch}
.fp-schritt ul{margin:0 0 8px;padding-left:20px}
.fp-meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;font-size:.9rem}
.fp-meta div{display:flex;gap:6px}.fp-meta dt{color:var(--grau)}.fp-meta dd{margin:0;font-weight:600;color:var(--tinte)}
.fp-links{font-size:.9rem;margin-top:6px}
.fp-avgs>div{background:var(--hell);border-radius:var(--r-gross);padding:14px 18px}
.fp-cta{margin:12px 0 0}
.fp-blick{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fp-blick>div{border:1px solid var(--linie);border-radius:var(--r-gross);padding:16px 18px}
.fp-blick h5{font:600 1rem var(--serif);margin:0 0 8px}
.fp-blick ul,.fp-weiter,.fp-quellen ul{margin:0;padding-left:18px;font-size:.92rem}.fp-blick li,.fp-weiter li,.fp-quellen li{margin:5px 0}
.fp-quellen{font-size:.9rem}
.fp-cta-text{background:var(--hell);border-radius:var(--r-gross);padding:16px 20px;margin:0}
@media(max-width:860px){.fp form{grid-template-columns:1fr}.fp-blick{grid-template-columns:1fr}}
@media(max-width:600px){.fp-schritt{grid-template-columns:28px 1fr;gap:10px}.fp-avgs>div{padding:10px 12px;margin-left:-4px}.fp .werkzeug,.fp{padding-inline:16px}.fp-nr{width:28px;height:28px;font-size:.82rem}.fp-meta{flex-direction:column}}
@media print{
html.fp-druck body *:not(:has(.fp-bericht)):not(.fp-bericht):not(.fp-bericht *){display:none!important}
html.fp-druck body *:has(.fp-bericht){display:block!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;max-width:none!important;width:auto!important;position:static!important}
html.fp-druck body{background:#fff}
html.fp-druck .fp-bericht{gap:14px;font:400 9.5pt/1.45 "FK Druck Text",sans-serif;color:#2A3644}
html.fp-druck .fp-bericht h3,html.fp-druck .fp-bericht h4,html.fp-druck .fp-bericht h5,html.fp-druck .fp-nr{font-family:"FK Druck Titel",sans-serif;font-weight:600}
html.fp-druck .fp-bericht b,html.fp-druck .fp-meta dd,html.fp-druck .fp-profil,html.fp-druck .fp-marke{font-family:"FK Druck Text",sans-serif;font-weight:600}
html.fp-druck .fp-schritt,html.fp-druck .fp-hinweis,html.fp-druck .fp-kopf,html.fp-druck .fp-blick li{break-inside:avoid}
html.fp-druck .fp-phase h4{break-after:avoid}
html.fp-druck .fp-cta{display:none!important}
html.fp-druck .fp-kopf,html.fp-druck .fp-avgs>div,html.fp-druck .fp-cta-text{background:#E9F1F9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
html.fp-druck .fp-nr{background:#0B2540!important;color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}
html.fp-druck .fp-blick{display:grid!important;grid-template-columns:repeat(3,1fr)}
html.fp-druck .fp-bericht a{color:#145DA0;text-decoration:none}
html.fp-druck .fp-bericht::after{content:"Firmenkompass GmbH · firmenkompass.de · Gründer-Fahrplan, allgemeine Information ohne Gewähr";display:block;font:400 7.5pt "FK Druck Text",sans-serif;color:#596474;border-top:1px solid #E1E6EC;padding-top:6px;margin-top:10px}
@page{margin:15mm 14mm}
}

/* WhatsApp-Knopf unten rechts (Eileen, 22.10.2026) */
.wa-knopf{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;align-items:center;gap:10px;height:56px;padding:0 16px;border-radius:999px;background:#25D366;color:#fff;text-decoration:none;box-shadow:0 10px 24px -8px rgba(11,37,64,.45);transition:transform .2s var(--ease),box-shadow .2s}
.wa-knopf svg{width:26px;height:26px;flex:none}
.wa-knopf span{font:600 .92rem var(--sans);white-space:nowrap;max-width:0;overflow:hidden;transition:max-width .3s var(--ease)}
.wa-knopf:hover,.wa-knopf:focus-visible{color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px -8px rgba(11,37,64,.5)}
.wa-knopf:hover span,.wa-knopf:focus-visible span{max-width:200px}
.wa-knopf{gap:0}.wa-knopf:hover,.wa-knopf:focus-visible{gap:10px}
@media(max-width:760px){.wa-knopf{right:14px;bottom:14px;height:52px;padding:0 13px}}
@media print{.wa-knopf{display:none}}
/* Seitenkopf in voller Breite (Maximilian 22.10.2026): Texte beginnen an der Logo-Kante und enden an der Kante des Erstgespräch-Knopfs.
   Gilt für alle Seiten ohne Seitenkarte (Ratgeber, Rechner, Werkzeuge). Städte-, Bundesland- und Landingpages behalten .mit-karte. */
.seitenkopf h1{grid-column:1/-1;text-wrap:balance}
.seitenkopf .einstieg{grid-column:1/-1;font-size:clamp(1.12rem,1.45vw,1.34rem);text-wrap:pretty}
.seitenkopf .byline{grid-column:1/-1;max-width:none}
.kurz-quer{grid-column:1/-1;margin-top:var(--s4);background:var(--blatt);color:var(--text);padding:clamp(22px,2.6vw,34px);border-radius:var(--r-gross);box-shadow:var(--schatten)}
.kurz-quer h2{font-size:1.35rem;margin:0 0 16px}
.kurz-quer dl.kernzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 18px}
.kurz-quer .kernzahlen div{background:var(--grund);border-radius:var(--r);padding:14px 16px}
.kurz-quer ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));column-gap:clamp(20px,3vw,40px)}
.kurz-quer li{position:relative;padding:10px 0 10px 28px;font-size:.98rem;line-height:1.45;border-top:1px solid var(--linie)}
.kurz-quer li::before{content:"";position:absolute;left:2px;top:1em;width:12px;height:7px;border-left:2px solid var(--blau);border-bottom:2px solid var(--blau);transform:rotate(-45deg)}
.kurz-quer li strong{color:var(--tinte)}
.kurz-quer p{color:var(--grau);font-size:.98rem;margin:12px 0 0}
.kurz-quer>dl:not(.kernzahlen){display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:16px;margin:0}
.kurz-quer>dl:not(.kernzahlen) dt{font:600 .78rem var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--grau)}
.kurz-quer>dl:not(.kernzahlen) dd{font:600 1.05rem var(--serif);color:var(--tinte);margin:4px 0 0}
@media(max-width:760px){.kurz-quer dl.kernzahlen{grid-template-columns:1fr}.kurz-quer ul{grid-template-columns:1fr}.kurz-quer>dl:not(.kernzahlen){grid-template-rows:none;grid-auto-flow:row;grid-template-columns:auto 1fr;row-gap:10px}}
/* ---------- Firmenkompass Research /studien-reports/ (23.10.2026) ---------- */
.rs-kicker{grid-column:1/-1;font:600 .8rem var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--blau);margin:0 0 10px}
.rs-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:.92rem;color:var(--grau);margin:var(--s3) 0}
.rs-kern dd small{display:block;margin-top:6px;font-size:.78rem;color:var(--grau)}
.rs-kern dt{font:560 1.7rem/1.1 var(--serif);color:var(--tinte)}
.rs-kern dd{margin:6px 0 0;font-size:.92rem;line-height:1.4}
.rs-summary{margin:0;font-size:1.02rem;line-height:1.65;max-width:62em}
.rs-abb{margin:2.2em 0;padding:22px 0 0;border-top:1px solid var(--linie)}
.rs-abb-titel{font:600 1.08rem/1.35 var(--serif);color:var(--tinte);margin-bottom:14px}
.rs-svg{display:block;width:100%;max-width:600px;height:auto;font-family:var(--sans)}
.rs-quelle,.rs-klein{font-size:.84rem;color:var(--grau);line-height:1.5;margin-top:10px}
.rs-daten summary{cursor:pointer;font-size:.9rem;color:var(--blau);font-weight:600}
.rs-daten table,.rs-tabelle table{width:100%;border-collapse:collapse;font-size:.92rem;margin-top:10px}
.rs-daten th,.rs-daten td,.rs-tabelle th,.rs-tabelle td{padding:8px 10px;border-bottom:1px solid var(--linie);text-align:left;vertical-align:top}
.rs-daten td,.rs-tabelle td{font-variant-numeric:tabular-nums}
.rs-tabelle{overflow-x:auto;-webkit-overflow-scrolling:touch}
.rs-tabelle caption{text-align:left;font:600 1.02rem var(--serif);color:var(--tinte);margin-bottom:8px}
.rs-entwurf{margin:2.4em 0;padding:22px 24px;border:2px dashed #E0B341;background:#FFF8E1;border-radius:var(--r-gross)}
.rs-entwurf h2{margin-top:0}
.rs-frei{margin:2.4em 0;padding:22px 24px;border-left:4px solid #145DA0;background:#E9F1F9;border-radius:var(--r-gross)}.rs-frei h2{margin-top:0}
.rs-person{display:flex;gap:16px;align-items:center;margin-bottom:12px}.rs-person img{width:80px;height:80px;border-radius:50%;object-fit:cover}
.rs-weiter ol li a{font-size:.92rem}
.rs-karten{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:20px}
.rs-karte{display:flex;flex-direction:column;background:var(--blatt);border:1px solid var(--linie);border-radius:var(--r-gross);padding:clamp(20px,2.4vw,30px) clamp(20px,3vw,40px)}
.rs-karte h3{font:560 clamp(1.3rem,2vw,1.65rem)/1.18 var(--serif);margin:0 0 8px}.rs-karte h3 a{color:var(--tinte);text-decoration:none}.rs-karte h3 a:hover{color:var(--blau)}
.rs-karte-zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid var(--linie);padding-top:14px;margin:14px 0 18px}
.rs-karte-zahlen dt{font:560 1.45rem/1.1 var(--serif);color:var(--tinte)}.rs-karte-zahlen dd{margin:4px 0 0;font-size:.85rem;color:var(--grau);line-height:1.35}
.rs-karte-links{display:flex;flex-wrap:wrap;gap:10px;margin:0}.rs-karte>p:not([class]){margin:0}
@media (max-width:900px){.rs-karte-zahlen{grid-template-columns:1fr}}
@media print{.rs-entwurf,.rs-daten summary{display:none}}
.kurz-quer dl.rs-kern{grid-template-columns:repeat(5,1fr)}
@media (max-width:1100px){.kurz-quer dl.rs-kern{grid-template-columns:1fr}.rs-kern div{display:grid;grid-template-columns:7.5em 1fr;gap:14px;align-items:baseline}.rs-kern dd{margin:0}}
/* Auswahlfelder zentral (23.10.2026): ein Pfeil für alle select, etwas weiter vom rechten Rand; :not(#x) hebt die Regel über die Bereichsregeln mit background:none */
select:not([multiple]):not([size]):not(#x){-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230B2540' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px 8px;background-position:right 22px center;padding-right:48px;cursor:pointer;text-overflow:ellipsis}
.fp-land select:not(#x){background-position:right 30px center;padding-right:58px}
.formular select:not(#x){background-position:right 24px center;padding-right:52px}
.gk-leer{color:var(--grau);font-size:.85em}.gk-spitze{display:block;color:#8A5A00;font-size:.78em;font-weight:600}
.gk-stand{color:var(--grau);font-size:.85em}
.gk-rw{display:inline-block;font-size:.72em;font-weight:600;color:#5B4B8A;border:1px solid #B9AEDB;border-radius:4px;padding:0 4px;font-style:normal}
.gk-unter{display:block;font-size:.72em;font-weight:500;color:var(--grau);letter-spacing:0;text-transform:none;margin-top:2px;white-space:normal}
.gk-liste thead th{white-space:normal;vertical-align:bottom;max-width:9.5em;line-height:1.25}
@media (max-width:600px){.gk-liste th,.gk-liste td{padding:8px 7px;font-size:.84rem}.gk-liste thead th{max-width:7.5em}}

/* Landingpage für Meta-Werbung (Eileen, 23.10.2026): schlanker Kopf, Vertrauenszeile, Handy-Leiste */
.lp-leiste{display:none}
@media(max-width:1100px){.lp-check,.lp-held .lp-klein{grid-column:1/-1}}
@media(max-width:760px){
 .lp-leiste{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(246,247,249,.97);border-top:1px solid var(--linie);box-shadow:0 -8px 24px -12px rgba(11,37,64,.25)}
 .lp-leiste .btn{flex:1;justify-content:center;white-space:nowrap;padding-left:14px;padding-right:14px}
 .lp-leiste-wa{display:flex;align-items:center;justify-content:center;width:52px;flex:none;border-radius:var(--r);background:#25D366;color:#fff}
 .lp-leiste-wa svg{width:26px;height:26px}
 .lp-leiste~.wa-knopf{display:none}
 .fuss-lp{padding-bottom:96px}
}
@media print{.lp-leiste{display:none}}

.beweis b .stern{font-size:inherit;color:#E8A317}  /* Google-Stern in der Kachel-Leiste (Eileen, 23.10.2026) */

/* Landingpage: engere Abstände als auf der übrigen Website (Eileen, 23.10.2026) */
body.lp .seitenkopf{padding:clamp(24px,3vw,44px) 0 clamp(32px,4vw,52px)}
body.lp .sec{padding:clamp(44px,5.5vw,76px) 0}
body.lp .logowand{padding:clamp(20px,2.5vw,32px) 0}
body.lp .abschluss{padding:clamp(44px,5.5vw,76px) 0}
body.lp .kopf{margin-bottom:clamp(24px,3vw,40px)}
body.lp .sec:has(> .wrap > .lp-zwischen-hell){padding-top:0}
body.lp .sec-hell + .abschluss{padding-top:8px}

/* Landingpage /gruendungscoaching/ nach der Live-Seite (Eileen, 23.10.2026): Foto-Kopf, Kacheln, Abzeichen, Schlussblock */
.lp-held-foto{position:relative;overflow:hidden;background:#fff}
.lp-held-foto .wrap{position:relative;z-index:1}
.lp-held-foto > .wrap > *{grid-column:1/span 6}
.lp-foto{position:absolute;inset:0}
.lp-foto img{width:100%;height:100%;object-fit:cover;object-position:right center}
body.lp .lp-held-foto{padding:clamp(40px,5vw,72px) 0 clamp(48px,6vw,88px)}
.lp-held h1 em,.lp-held .einstieg em{font-style:normal;color:var(--blau)}
.lp-badge{display:inline-block;justify-self:start;margin:0 0 18px;padding:6px 14px;border-radius:999px;background:var(--hell);color:var(--blau-tief);font:600 .85rem var(--sans)}
.lp-kachelzeile{padding:clamp(20px,3vw,36px) 0 0}
.lp-kacheln{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lp-kacheln li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:20px 14px;background:var(--blatt);border-radius:var(--r-gross)}
.lp-kacheln svg{width:30px;height:30px;color:var(--blau);margin-bottom:8px}
.lp-kacheln b{font:600 1rem/1.3 var(--serif);color:var(--tinte)}
.lp-kacheln span{font-size:.86rem;color:var(--grau)}
.lp-eyebrow{grid-column:1/-1;display:block;font:600 .75rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--blau)}
.sec-blau .lp-eyebrow{color:#9CC6F0}
.lp-chips{list-style:none;margin:10px 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.lp-chips li{padding:3px 10px;border-radius:999px;background:var(--hell);color:var(--blau-tief);font:600 .76rem var(--sans)}
.lp-berater-fuss{display:block;margin-top:10px;font:600 .82rem var(--sans);color:var(--blau)}
.lp-nurwir{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#FDE68A;color:#7A5200;font:700 .68rem var(--sans);letter-spacing:.06em;vertical-align:1px}
.lp-summe s{opacity:.75}
.lp-schluss .wrap{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.lp-schluss h2{color:#fff;max-width:18em}
.lp-schluss p{margin:0;color:#C9DCF0}
.lp-badge-dunkel{background:rgba(255,255,255,.12);color:#fff;margin:0}
.lp-schluss-bewertung{font-size:.95rem}.lp-schluss-bewertung b{color:#fff}
.lp-schluss-punkte{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;color:#C9DCF0;font-size:.9rem}
.lp-schluss-punkte li::before{content:"✓ ";color:#9CC6F0}
@media(max-width:1100px){.lp-held-foto > .wrap > *{grid-column:1/span 8}}
@media(max-width:760px){
 .lp-held-foto > .wrap > *{grid-column:1/-1}
 .lp-foto{position:static;display:block;height:300px;margin-top:20px}
 .lp-foto img{object-position:center 85%}
 .lp-held-foto{display:flex;flex-direction:column-reverse}
 body.lp .lp-held-foto{padding-bottom:0}
 .lp-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.lp-zwischen > div b,.lp-zwischen > div span{display:block}
.lp-schluss-bewertung .stern{color:#F5B301;letter-spacing:2px}
body.lp .fuss-lp{border-top:1px solid rgba(255,255,255,.1)}

.faq .antwort{max-width:none}  /* Antworten nutzen die volle Kastenbreite (Eileen, 23.10.2026) */

/* Kontaktseite: Termin wählen oder Rückruf anfordern (Eileen, 23.10.2026) */
.termin-direkt{padding-top:var(--s5)}
.termin-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 40px;flex-wrap:wrap;margin-bottom:28px}
.termin-kopf h2{margin-bottom:10px}.termin-kopf p{margin:0;max-width:40em;color:var(--grau)}
.termin-ansprech{list-style:none;margin:0;padding:0;display:flex;gap:14px 28px;flex-wrap:wrap}
.termin-ansprech li{display:flex;align-items:center;gap:12px}
.termin-ansprech img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.termin-ansprech b{display:block;color:var(--tinte);font:600 .98rem var(--serif)}
.termin-ansprech span{font-size:.86rem;color:var(--grau);line-height:1.35}
.termin-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}
.termin-kalender,.termin-grid .kontakt-formular{background:var(--blatt);border-radius:var(--r-gross);padding:24px}
.kal-iframe iframe{display:block;width:100%;height:720px;border:0}
.kal-iframe h3{margin-bottom:12px}
.kal-iframe .b24-hinweis{margin:12px 0 0}
.kontaktwege-quer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
@media(max-width:900px){.termin-grid,.kontaktwege-quer{grid-template-columns:1fr}.kal-iframe iframe{height:900px}}
.termin-grid > *{grid-column:auto;min-width:0}

/* Weniger Abstand zwischen Kopfleiste und Brotkrumen auf allen Seiten (Eileen, 23.10.2026): vorher 79 px, jetzt 32 px am PC, 20 px am Handy */
.seitenkopf,.person,.hub-kopf{padding-top:clamp(20px,2.2vw,32px)}
.hero-unterseite .hero-text{padding-top:clamp(20px,2.2vw,32px)}
.hero-unterseite .hero-buehne > .wrap{align-self:flex-start}

/* Integrationsquote sichtbarer (Eileen, 23.10.2026) */
.iq-streifen{padding:clamp(40px,5vw,64px) 0}
.iq-streifen .wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 48px;align-items:center}
.iq-haupt b{display:block;font:560 clamp(3rem,6vw,4.6rem)/1 var(--serif);color:#fff;letter-spacing:-.02em}
.iq-haupt span{display:block;margin-top:6px;font:600 .9rem var(--sans);color:#9CC6F0}
.iq-text{margin:0;color:#D9E5F2;max-width:38em}
.iq-neben{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.iq-neben li{display:flex;align-items:baseline;gap:10px;color:#C9DCF0;font-size:.9rem}
.iq-neben b{font:600 1.15rem var(--serif);color:#fff;min-width:4.5em}
.kurz-iq{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--linie);font-size:.92rem;color:var(--grau)}
.kurz-iq b{color:var(--tinte)}
@media(max-width:900px){.iq-streifen .wrap{grid-template-columns:1fr}}

/* Abschnitte mit gleichem Hintergrund direkt hintereinander: kein doppelter Abstand (Eileen, 23.10.2026), z. B. Team → Firmenkompass GmbH 100 statt 308 px */
.sec:not(.sec-blau):not(.sec-hell):not(.sec-feld)+.sec:not(.sec-blau):not(.sec-hell):not(.sec-feld){padding-top:0}
.sec:not(.sec-blau):not(.sec-hell):not(.sec-feld):has(+.sec:not(.sec-blau):not(.sec-hell):not(.sec-feld)){padding-bottom:clamp(48px,5vw,72px)}
.sec-hell+.sec-hell,.sec-hell+.abschluss{padding-top:0}
.sec-hell:has(+.sec-hell),.sec-hell:has(+.abschluss){padding-bottom:clamp(48px,5vw,72px)}

/* Cookie-Banner (Klaro) im Firmenkompass-Design (Eileen, 24.10.2026) */
.klaro{--font-family:"Montserrat",system-ui,sans-serif;--title-font-family:"Raleway",system-ui,sans-serif;--font-size:14px;--border-radius:14px;
 --green1:#145DA0;--green2:#0F4A82;--green3:#E9F1F9;--blue1:#145DA0;--blue2:#0F4A82;--dark1:#0B2540;--dark2:#2A3644;--dark3:#596474;
 --light1:#FFFFFF;--light2:#E1E6EC;--light3:#C9D1DB;--white1:#FFFFFF;--white2:#F6F7F9;--white3:#EDF0F4;--button-text-color:#FFFFFF;--box-shadow-color:rgba(11,37,64,.25)}
.klaro .cookie-notice .cn-body h2,.klaro .cookie-modal h1{font-family:"Raleway",system-ui,sans-serif;color:#0B2540;letter-spacing:-.01em}
.klaro .cookie-notice .cn-body p{line-height:1.55}
.klaro .cm-btn{border-radius:6px;padding:10px 14px;font-weight:600}
.klaro .cm-btn.cm-btn-success{background:#145DA0}
.klaro .cm-btn.cm-btn-danger,.klaro .cm-btn.cn-decline{background:#FFFFFF;color:#0B2540;border:1px solid #C9D1DB}
.klaro .cookie-notice .cn-learn-more{color:#145DA0;font-weight:600}
.klaro .cookie-notice:not(.cookie-modal-notice),.klaro .cookie-modal .cm-modal.cm-klaro{background:#FFFFFF;color:#2A3644}
.klaro .cookie-notice:not(.cookie-modal-notice) p,.klaro .cookie-modal .cm-modal p,.klaro .cookie-modal .cm-modal span,.klaro .cookie-modal .cm-modal label{color:#2A3644}
.klaro .cookie-notice .cn-body h2,.klaro .cookie-modal .cm-header h1{color:#0B2540}
.klaro .cookie-notice strong,.klaro .cookie-modal strong{color:#0B2540}
.klaro .cookie-modal .cm-modal .cm-header,.klaro .cookie-modal .cm-modal .cm-footer{border-color:#E1E6EC}
.klaro .cookie-modal .cm-bg{background:rgba(11,37,64,.55)}
.klaro .cookie-modal a,.klaro .cookie-notice a{color:#145DA0}
.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider{background-color:#145DA0}

/* Cookie-Banner kompakt rechts unten (Eileen, 24.10.2026) */
.klaro .cookie-notice:not(.cookie-modal-notice){left:auto;right:20px;bottom:20px;width:360px;max-width:calc(100vw - 40px);border:1px solid #E1E6EC;border-radius:14px;box-shadow:0 18px 40px -14px rgba(11,37,64,.35);outline:none;z-index:1000}
.klaro .cookie-notice:not(.cookie-modal-notice):focus,.klaro .cookie-notice:not(.cookie-modal-notice):focus-visible{outline:none}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body{padding:20px 20px 16px}
.klaro .cookie-notice .cn-body h2{font:600 1rem/1.3 "Raleway",system-ui,sans-serif;margin:0 0 6px;letter-spacing:0}
.klaro .cookie-notice .cn-body p{font-size:.82rem;line-height:1.5;margin:0 0 12px}
.klaro .cookie-notice .cn-body p strong{font-weight:600}
.klaro .cookie-notice .cn-ok{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.klaro .cookie-notice .cn-learn-more{font-size:.82rem;margin-right:auto}
.klaro .cookie-notice .cm-btn{font-size:.82rem;padding:8px 12px}
.klaro .cookie-modal .cm-modal h1{font-size:1.25rem}
.klaro .cookie-modal .cm-modal{font-size:.88rem}
@media(max-width:760px){.klaro .cookie-notice:not(.cookie-modal-notice){left:10px;right:10px;bottom:10px;width:auto;max-width:none}
 body.lp .klaro .cookie-notice:not(.cookie-modal-notice){bottom:84px}}

/* Danke-Seite nach dem Formular als Landingpage (Eileen, 24.10.2026) */
.danke-lp .termin-kalender{grid-column:1/-1;margin-top:clamp(20px,2.5vw,32px);background:var(--blatt);border-radius:var(--r-gross);padding:clamp(16px,2vw,24px)}
.danke-lp .einstieg{grid-column:1/span 10}
body.lp .danke-lp{padding-top:clamp(28px,3.5vw,48px)}
@media(max-width:760px){.danke-lp .einstieg{grid-column:1/-1}}
/* Fördercheck als Haupt-Einstieg (Maximilian 24.10.2026) */
.leiste-cta .leiste-wer{font-size:.78rem;line-height:1.4;opacity:.85;margin:10px 0 0}
.fc-band{background:var(--hell);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);padding:clamp(28px,4vw,44px) 0}
.fc-band-in{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.fc-band-in>div{max-width:680px}.fc-band h2{margin:4px 0 8px;font-size:clamp(1.3rem,2.4vw,1.7rem)}.fc-band p{margin:0;color:var(--text)}
.fc-band-label{font:600 .78rem/1 var(--sans,inherit);letter-spacing:.08em;text-transform:uppercase;color:var(--blau)}
.fc3-weiche{background:var(--hell);border-left:4px solid var(--blau);border-radius:var(--r-gross,12px);padding:18px 22px;margin:0 0 var(--gut,24px)}
.fc3-weiche b{font-size:1.1rem;color:var(--nacht)}.fc3-weiche p{margin:6px 0 0}.fc3-weiche-links{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:12px!important}

/* Kontaktkasten: Rolle 16 px, damit „Unternehmensentwicklung“ am PC in eine Zeile passt (Eileen, 25.10.2026) */
.abschluss .ansprech-liste .ansprech-person figcaption{font-size:1rem}

/* Einheitliche Abschnittsabstände auf der ganzen Website (Eileen, 25.10.2026): oben und unten höchstens 72 px statt 140 px, wie über dem Integrationsquoten-Streifen */
.sec{padding-top:clamp(44px,5vw,72px);padding-bottom:clamp(44px,5vw,72px)}
.abschluss{padding:clamp(44px,5vw,72px) 0}
.hero + .sec.wir{padding-top:clamp(64px,8vw,112px)}  /* Startseite: mehr Luft unter der Fördercheck-Karte (Eileen, 25.10.2026) */
/* Produktseite: Bild bleibt beim Scrollen neben den Preisstufen stehen (Eileen 25.10.2026) */
@media (min-width:1101px){.produktseite .bild{position:sticky;top:120px;align-self:start}}
/* Haken auf Höhe der ersten Textzeile (Eileen 25.10.2026): kurz-quer erbte top:.45em von ul.check trotz 10px Innenabstand */
ul.check li::before,.prosa ul.check li::before{top:calc(.45em + 2px)}
.kurz-quer ul li::before,.kurz-quer ul.check li::before{top:calc(10px + .45em)}
.kopfkarte li::before{top:calc(1em + 1px)}
.haken li::before{top:calc(1em + 2px)}
/* Rechtstexte ohne Seitenleiste: Text über die volle Inhaltsbreite (Eileen 26.10.2026) */
.artikel.recht .prosa{grid-column:1/-1;max-width:none}


/* ===== Taste-Vorschau (28.10.2026, Gutachten „Design-Gutachten Taste“, Befunde 1–5) ===== */
:root{--gold:#9A7535}
/* 1 Lange Überschriften: Zusatz nach „:“/„–“ als kleinere zweite Zeile (Text unverändert, build.py zweite_zeile) */
h1 .zeile1,h2 .zeile1{display:block}
h1 .zeile2{display:block;margin-top:.32em;font-size:max(.46em,1.3rem);line-height:1.22;font-weight:480;letter-spacing:-.012em;color:var(--tinte)}
h2 .zeile2{display:block;margin-top:.2em;font-size:.62em;line-height:1.22;font-weight:480;letter-spacing:-.01em}
.zeile2 .strich{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sec-blau h2 .zeile2{color:#fff}
/* 4 Kontakt: Kalender und Formular direkt unter dem Kopf, Kennzahlen darunter, lesbare Einwilligung */
.kontakt-kopf{padding-bottom:0!important}
.termin-direkt{padding-top:clamp(28px,3vw,44px)}
.kontakt-belege{margin:var(--s4) 0 0}.kontakt-belege .hero-belege{margin-top:0}
.kal-iframe{position:relative}
.kal-lade{position:absolute;left:0;right:0;top:50%;margin:0;padding:0 24px;text-align:center;color:var(--grau);font-size:.95rem}
.kal-iframe iframe{position:relative;z-index:1}
.b24-form .b24-form-control-desc,.b24-form .b24-form-field-agreement-link{color:var(--grau)!important}
@media(max-width:600px){.kontakt-formular{padding:0!important;background:none!important;box-shadow:none!important;border:0!important}}
/* 5 Startseite: Navy nur noch im 91,6-%-Band und im Fuß; Schritte, Rechner, Zwei Wege hell mit Gold-Ziffern */
.hell-statt-blau .schrittfolge .nr{color:var(--gold)}
.hell-statt-blau .weg{background:#fff;border:0}
.hell-statt-blau .weg .meta{color:var(--grau)}
.hell-statt-blau .weg li{color:var(--text);border-top-color:var(--linie)}
.hell-statt-blau .weg li::before{color:var(--gold)}
.hell-statt-blau .weg li b{color:var(--tinte)}
.hell-statt-blau .weg a,.hell-statt-blau .weg a:hover{color:var(--blau)}
.hell-statt-blau .rechner-ergebnis{background:var(--stein);color:var(--text)}
.hell-statt-blau .rechner-ergebnis .phase{border-top-color:var(--linie)}
.hell-statt-blau .rechner-ergebnis .phase small,.hell-statt-blau .rechner-ergebnis .phase span,.hell-statt-blau .rechner-ergebnis .klein{color:var(--grau)}
.hell-statt-blau .rechner-ergebnis .phase b,.hell-statt-blau .rechner-ergebnis .summe b{color:var(--tinte)}
.hell-statt-blau .rechner-ergebnis .summe{background:#fff}
.hell-statt-blau .rechner-ergebnis a{color:var(--blau)}