/* Montserrat wird vom eigenen Server geladen: keine Verbindung zu Google Fonts */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400 500;font-display:swap;src:url(../fonts/montserrat-400.woff) format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/montserrat-600.woff) format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/montserrat-700.woff) format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800 900;font-display:swap;src:url(../fonts/montserrat-800.woff) format("woff")}
/* CI nach blog.wegvisor.com: Montserrat, Schiefer #2b3e4f, Petrol #3f888f, Gold #fab900, Karten mit 16px-Radius. */
:root{
  --schweif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='46 35 957 54' preserveAspectRatio='none'%3E%3Cpath fill='%23fab900' d='M826.8,37.6c-7.2-.2-14.5-.3-21.7-.5-257-5.3-509.7,2.7-757.9,22.7-.3,5.3-.6,9.7-.9,14.8.7,3.8,1.5,8.6,2.5,13.9,2.7,0,5.3.2,8,0,34.9-1.6,69.7-3.2,104.6-4.7,41.6-1.8,83.1-3.6,124.7-5.3,29.7-1.2,59.4-2.3,89-3.3,36.4-1.2,72.8-2.5,109.2-3.5,45-1.2,90-2.4,135-3.3,46.5-.8,93.1-1.5,139.6-1.6,38.3-.2,76.6-.6,114.8,1,36.7,1.5,73.1-1.1,109.7-2.7,6.6-.3,13.2-1.5,19.7-2.2.2-7-4.5-12.9-13.8-15.2-9.7-2.4-19.7-4.6-29.7-5.1-35.9-2-71.8-3.7-107.7-4.6-10.1-.2-18.2-.5-22.6-.7-.8,0-1.6,0-2.4.1'/%3E%3C/svg%3E");
  --bg:#ffffff; --alt:#f4f5f3; --surface:#ffffff; --sunk:#e8ecef;
  --ink:#2b3e4f; --ink2:#5b6d7c; --muted:#6b7b89; --line:#e2e7eb; --line2:#c4cdd5;
  --blue:#3f888f; --blue-ink:#34737a; --blue-wash:#eef5f6; --on-blue:#ffffff;
  --sun:#fab900; --sun-ink:#1d2a35; --sun-wash:#fff6d9; --coral:#fab900; --pre:#a7b3bd;
  --l1:#9fd0d5; --l2:#6bb3bb; --l3:#2f7f87; --l4:#1c4d53;
  --l1t:#12343a; --l2t:#0f2c31; --l3t:#ffffff; --l4t:#ffffff;
  --hero:#2b3e4f; --hero-2:#223240; --hero-ink:#ffffff; --hero-ink2:rgba(255,255,255,.74); --hero-line:rgba(255,255,255,.14); --hero-accent:#6fc1c8;
  --shadow:0 1px 2px rgba(43,62,79,.06),0 10px 30px -12px rgba(43,62,79,.22);
  --r:6px; --r-lg:16px;
  --display:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --serif:var(--display); --hand:var(--display);
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#111a22; --alt:#16212a; --surface:#1b2833; --sunk:#0e161d;
  --ink:#e7eef3; --ink2:#9fb0bd; --muted:#8a9cab; --line:#2a3a47; --line2:#3d5061;
  --blue:#62b3ba; --blue-ink:#7cc6cc; --blue-wash:#1a2f38; --on-blue:#0e171e;
  --sun:#fab900; --sun-ink:#1d2a35; --sun-wash:#2e2a17; --coral:#fab900; --err:#fab900; --pre:#5f7384;
  --l1:#255e65; --l2:#3a8a92; --l3:#62b3ba; --l4:#a6dce0;
  --l1t:#ffffff; --l2t:#ffffff; --l3t:#0e171e; --l4t:#0e171e;
  --hero:#0d151c; --hero-2:#14202a; --hero-ink:#ffffff; --hero-ink2:rgba(255,255,255,.74); --hero-line:rgba(255,255,255,.14); --hero-accent:#6fc1c8;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px -12px rgba(0,0,0,.6);
  color-scheme:dark } }
:root[data-theme="dark"]{
  --bg:#111a22; --alt:#16212a; --surface:#1b2833; --sunk:#0e161d;
  --ink:#e7eef3; --ink2:#9fb0bd; --muted:#8a9cab; --line:#2a3a47; --line2:#3d5061;
  --blue:#62b3ba; --blue-ink:#7cc6cc; --blue-wash:#1a2f38; --on-blue:#0e171e;
  --sun:#fab900; --sun-ink:#1d2a35; --sun-wash:#2e2a17; --coral:#fab900; --err:#fab900; --pre:#5f7384;
  --l1:#255e65; --l2:#3a8a92; --l3:#62b3ba; --l4:#a6dce0;
  --l1t:#ffffff; --l2t:#ffffff; --l3t:#0e171e; --l4t:#0e171e;
  --hero:#0d151c; --hero-2:#14202a; --hero-ink:#ffffff; --hero-ink2:rgba(255,255,255,.74); --hero-line:rgba(255,255,255,.14); --hero-accent:#6fc1c8;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px -12px rgba(0,0,0,.6);
  color-scheme:dark }

*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--display);font-size:17px;line-height:1.7;margin:0;-webkit-font-smoothing:antialiased}
a{color:var(--blue-ink)}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--display);margin:0;text-wrap:balance;line-height:1.15;letter-spacing:-.012em}
.brush{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='46 35 957 54' preserveAspectRatio='none'%3E%3Cpath fill='%23fab900' d='M826.8,37.6c-7.2-.2-14.5-.3-21.7-.5-257-5.3-509.7,2.7-757.9,22.7-.3,5.3-.6,9.7-.9,14.8.7,3.8,1.5,8.6,2.5,13.9,2.7,0,5.3.2,8,0,34.9-1.6,69.7-3.2,104.6-4.7,41.6-1.8,83.1-3.6,124.7-5.3,29.7-1.2,59.4-2.3,89-3.3,36.4-1.2,72.8-2.5,109.2-3.5,45-1.2,90-2.4,135-3.3,46.5-.8,93.1-1.5,139.6-1.6,38.3-.2,76.6-.6,114.8,1,36.7,1.5,73.1-1.1,109.7-2.7,6.6-.3,13.2-1.5,19.7-2.2.2-7-4.5-12.9-13.8-15.2-9.7-2.4-19.7-4.6-29.7-5.1-35.9-2-71.8-3.7-107.7-4.6-10.1-.2-18.2-.5-22.6-.7-.8,0-1.6,0-2.4.1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 100%;background-size:100% .22em;padding-bottom:.1em}
p{margin:0}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.prose{font-size:1rem;line-height:1.7;color:var(--ink2);max-width:64ch}
.prose strong{color:var(--ink);font-weight:700}
.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--sun);flex-shrink:0}
.hand{font-weight:700;font-size:1rem;line-height:1.45;color:var(--ink);border-left:3px solid var(--sun);padding-left:14px}
.num{font-variant-numeric:tabular-nums}

/* Kopfzeile */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.top.scrolled{box-shadow:0 6px 24px rgba(20,32,42,.08)}
.top-in{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;padding-block:10px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);margin-right:auto}
.brand svg{height:21px;width:auto;display:block;fill:var(--ink)}
.brand span{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-left:2px solid var(--sun);padding:1px 0 1px 10px;line-height:1.2;letter-spacing:.18em;color:var(--muted)}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{padding:10px 13px;border-radius:var(--r);text-decoration:none;color:var(--ink);font-weight:600;font-size:.93rem;white-space:nowrap}
.nav a:hover{background:var(--blue-wash)}
.nav a[aria-current="page"]{background:var(--schweif) no-repeat 50% calc(100% - 3px)/calc(100% - 22px) 6px}
.nav a[aria-current="page"]:hover{background-color:var(--blue-wash)}
.btn{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:var(--r);background:var(--blue);color:var(--on-blue);font-weight:700;font-size:.86rem;letter-spacing:.01em;line-height:1.2;padding:14px 26px;text-decoration:none;cursor:pointer;transition:transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.btn.sun{background:var(--sun);color:var(--sun-ink)}
.hero .btn.ghost,.study-top .btn.ghost{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.pdf-st{align-self:center;font-size:.84rem;color:var(--hero-ink2)}
.btn.sm{padding:10px 18px;font-size:.82rem}

/* Hero */
.hero{background:radial-gradient(1100px 520px at 85% -10%,rgba(63,136,143,.38),transparent 60%),var(--hero);color:var(--hero-ink)}
.hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center;padding-block:56px 48px}
.hero .eyebrow{color:var(--hero-accent)}
.hero h1{font-size:clamp(2.3rem,5.4vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-block:18px 20px;color:#fff}
.hero p.lead{font-size:clamp(1.05rem,1rem + .4vw,1.25rem);line-height:1.65;color:var(--hero-ink2);max-width:44ch}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.facts-wrap{padding-bottom:clamp(36px,5vw,60px)}
.facts-wrap .eyebrow{margin-bottom:16px}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.facts div{background:rgba(255,255,255,.07);border:1px solid var(--hero-line);border-top:4px solid var(--sun);border-radius:var(--r-lg);padding:22px 22px 24px}
.facts b{display:block;white-space:nowrap;font-size:clamp(2rem,1.1rem + 2.4vw,3.1rem);font-weight:800;line-height:1;letter-spacing:-.02em;color:#fff}
.facts b em{font-style:normal;color:var(--sun)}
.facts span{display:block;margin-top:10px;font-size:.95rem;color:var(--hero-ink2);font-weight:600;line-height:1.35}

/* Kompass */
.compass{position:relative;max-width:420px;margin-inline:auto;width:100%}
.compass svg{display:block;width:100%;height:auto;overflow:visible}
.compass .q{cursor:pointer;fill:transparent}
.compass .q:hover,.compass .q[aria-pressed="true"]{fill:#6fc1c8;fill-opacity:.2}
.compass .ring{fill:none;stroke:rgba(255,255,255,.2)}
.compass .ax{stroke:var(--hero-ink2);stroke-width:1}
.compass text{fill:var(--hero-ink2);font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.08em}
.compass .qt{fill:var(--hero-ink);font-size:9.5px;letter-spacing:.04em;pointer-events:none}
.compass .prof{fill:var(--sun);fill-opacity:.22;stroke:var(--sun);stroke-width:2;stroke-linejoin:round}
.compass .pt{fill:var(--sun);stroke:#223240;stroke-width:2}
.typecard{margin-top:14px;border:1px solid var(--hero-line);background:rgba(255,255,255,.05);border-radius:var(--r-lg);padding:12px 16px}
.tc-stack{display:grid}
.tc{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .4s}
.tc.on{visibility:visible;opacity:1}
.tdots{display:flex;gap:6px;margin-top:8px}
.tdots i{width:18px;height:3px;border-radius:2px;background:rgba(255,255,255,.22)}
.tdots i.on{background:var(--sun)}
.compass .q{transition:fill-opacity .5s}
.typecard h4{font-size:.95rem;font-weight:700;margin-bottom:6px}
.typecard h4 span{color:var(--hero-ink2);font-weight:600}
.typecard p{font-size:.88rem;color:var(--hero-ink2);line-height:1.5}

/* Abschnitte */
section.band{padding-block:clamp(52px,7vw,96px)}
section.band.alt{background:var(--alt)}
.sec-head{display:grid;gap:12px;margin-bottom:32px;max-width:760px}
.sec-head h2{font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:800}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.steps{display:grid;gap:0;counter-reset:s;list-style:none;margin:0;padding:0}
.steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding-block:18px;border-top:1px solid var(--line)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps li::before{counter-increment:s;content:"0" counter(s);font-weight:800;font-size:.8rem;letter-spacing:.14em;color:var(--blue);line-height:1.9}
.steps h3{font-size:1.05rem;font-weight:700;margin-bottom:4px}
.steps p{font-size:.95rem;color:var(--ink2)}
.bigstat{font-weight:800;font-size:clamp(3.2rem,9vw,5.6rem);line-height:1;letter-spacing:-.01em}
.note{font-size:.8rem;color:var(--muted);line-height:1.45}
.paths{display:grid;gap:14px}
.ratio{display:flex;gap:2px;height:14px}
.ratio i{display:block;background:var(--blue);border-radius:4px 0 0 4px}
.ratio i+i{background:var(--sun);border-radius:0 4px 4px 0}
.path .val{font-size:.85rem;font-weight:700;text-align:right}
.key{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:.82rem;font-weight:600;color:var(--ink2)}
.key span{display:inline-flex;align-items:center;gap:7px}
.key i{width:12px;height:12px;border-radius:3px;display:inline-block;background:var(--blue)}
.key i.sun{background:var(--sun)} .key i.pre{background:var(--pre)} .key i.coral{background:var(--coral)} .key i.dot{border-radius:50%}
.key i.l1{background:var(--l1)} .key i.l2{background:var(--l2)} .key i.l3{background:var(--l3)} .key i.l4{background:var(--l4)}
.gets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gets div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow)}
.gets h3{font-size:1rem;font-weight:700;margin-bottom:4px}
.gets p{font-size:.92rem;color:var(--ink2)}
.voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.voices.two-col{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
.voices blockquote{margin:0;font-weight:500;font-size:.98rem;line-height:1.6;color:var(--ink)}
.voices figcaption{margin-top:10px;font-size:.78rem;color:var(--muted);font-weight:600}
.voices figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow);border-top:4px solid var(--sun)}
.ptabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}
.ptab{font:inherit;text-align:left;cursor:pointer;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;display:grid;gap:6px;align-content:start;box-shadow:var(--shadow);transition:transform .15s,background-color .2s}
.ptab:hover{transform:translateY(-2px)}
.ptab svg{width:52px;height:52px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}
.ptab svg .g{fill:var(--sun);stroke:none}
.ptab .who{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.ptab .q{font-weight:700;font-size:1rem;line-height:1.3}
.ptab{position:relative}
.ptab .go{margin-top:8px;font-size:.84rem;font-weight:700;color:var(--blue-ink);display:inline-flex;align-items:center;gap:6px;background:var(--schweif) no-repeat 0 100%/100% 5px;justify-self:start;padding-bottom:6px}
.ptab .go .on{display:none}
.ptab:hover{border-color:var(--blue)}
.ptab[aria-selected="true"] .go{color:var(--sun);background:none}
.ptab[aria-selected="true"] .go .on{display:inline}
.ptab[aria-selected="true"] .go .off{display:none}
.ptab[aria-selected="true"]::after{content:"";position:absolute;left:50%;bottom:-11px;width:22px;height:22px;background:var(--hero);transform:translateX(-50%) rotate(45deg);border-radius:3px}
.ptab[aria-selected="true"]{background:var(--hero);border-color:transparent;color:#fff}
.ptab[aria-selected="true"] svg{stroke:#fff}
.ptab[aria-selected="true"] .who{color:var(--hero-accent)}
.persp article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,3vw,36px);box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:20px 44px;align-items:start}
.persp .lead-col,.persp .text-col{display:grid;gap:10px;align-content:start}
.persp .who{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.persp .k{font-weight:800;font-size:clamp(2.8rem,2rem + 3vw,4.4rem);line-height:1;margin-top:6px}
.persp .u{font-size:.9rem;font-weight:700;color:var(--muted);line-height:1.4;max-width:30ch}
.persp h3{font-size:1.25rem;font-weight:700;line-height:1.3;letter-spacing:0}
.persp p{font-size:1rem;color:var(--ink2);line-height:1.65;max-width:62ch}
.persp p.so{border-left:3px solid var(--sun);padding-left:14px;color:var(--ink)}
.journey-bar{display:flex;align-items:center;gap:14px;font-size:.84rem;font-weight:700;color:var(--ink2);margin-bottom:26px}
.journey-bar i{flex:1;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--pre),var(--blue) 60%,var(--sun));min-width:40px}
.journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;position:relative}
.journey::before{content:"";position:absolute;left:36px;right:calc((100% - 72px)/5 - 36px);top:35px;height:2px;background:var(--line2)}
.journey li{position:relative;display:grid;gap:16px;align-content:start}
.journey li:not(:last-child)::after{content:"";position:absolute;top:30px;right:-14px;width:10px;height:10px;border-top:2px solid var(--line2);border-right:2px solid var(--line2);transform:rotate(45deg);background:transparent}
.st-ic{width:72px;height:72px;border-radius:50%;background:var(--surface);border:2px solid var(--blue);display:grid;place-items:center;position:relative;z-index:1;box-shadow:var(--shadow)}
.st-ic svg{width:38px;height:38px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.st-ic svg .g{fill:var(--sun);stroke:none}
.journey li.goal .st-ic{background:var(--hero);border-color:var(--sun)}
.journey li.goal .st-ic svg{stroke:#fff}
.st-tx{display:grid;gap:6px;align-content:start}
.st-ph{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.st-q{font-weight:800;font-size:1.12rem;line-height:1.25}
.journey h3{font-size:.92rem;font-weight:700;letter-spacing:0;color:var(--ink2)}
.journey p{font-size:.9rem;color:var(--ink2);line-height:1.6}
.flow3{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:40px;font-weight:700;font-size:.95rem}
.flow3 span{display:inline-flex;align-items:center;gap:8px}
.flow3 b{width:26px;height:26px;border-radius:50%;background:var(--sun);color:var(--sun-ink);display:grid;place-items:center;font-size:.8rem}
.flow3 i{flex:0 1 60px;height:2px;background:var(--line2);position:relative;min-width:24px}
.flow3 i::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:2px solid var(--line2);border-right:2px solid var(--line2);transform:rotate(45deg)}
.pick-h{font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.net{position:relative;display:grid;grid-template-columns:210px minmax(0,1fr) minmax(0,1fr);column-gap:clamp(40px,7vw,110px);align-items:stretch}
.nc{display:grid;grid-template-rows:auto 1fr;position:relative;z-index:1}
.nc>.net-col,.nc>.net-prof{align-self:center}
.nc .pick-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ink);font-size:.86rem}
.nc .pick-h b{width:26px;height:26px;border-radius:50%;background:var(--sun);color:var(--sun-ink);display:grid;place-items:center;font-size:.8rem;letter-spacing:0}
.nc .pick-h span{flex-basis:100%;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted);font-size:.8rem}
.net-prof{background:var(--surface);border:2px solid var(--blue);border-radius:var(--r-lg);padding:8px;box-shadow:var(--shadow)}
.net-prof svg{display:block;width:100%;height:auto}
.net-prof .ring{fill:none;stroke:var(--line)}
.net-prof .ax{stroke:var(--line2)}
.net-prof .pf{fill:var(--sun);fill-opacity:.3;stroke:var(--sun);stroke-width:2.5;stroke-linejoin:round}
.net-prof text{font-family:var(--display);font-size:9px;font-weight:700;fill:var(--ink2)}
.np-note{text-align:center;margin:2px 0 6px}
.net-ctl{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:6px}
.net-ctl .note{flex:1 1 320px;margin:0}
@keyframes netdraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
#net-svg path.draw{stroke-dasharray:1;stroke-dashoffset:1;animation:netdraw .7s ease forwards}
#net-svg circle.draw{opacity:0;animation:netfade .3s ease forwards}
@keyframes netfade{to{opacity:1}}
.net.play #types button{transition-delay:.5s}
#net-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
#net-svg path{fill:none;stroke:var(--line2);stroke-width:1.5;transition:stroke .25s,stroke-width .25s,opacity .25s}
#net-svg path.on{stroke:var(--blue);stroke-width:3.5}
#net-svg path.off{opacity:.35}
#net-svg circle{fill:var(--line2)}
#net-svg circle.on{fill:var(--blue)}
.net-col{display:grid;gap:12px;position:relative;z-index:1}
.net-col button{font:inherit;text-align:left;cursor:pointer;background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:var(--r-lg);transition:border-color .25s,opacity .25s,transform .15s}
.net-col button:hover{transform:translateY(-1px)}
#types button{padding:14px 16px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 12px;align-items:center}
#types svg{width:40px;height:40px;grid-row:1/span 2}
#types svg circle,#types svg line{fill:none;stroke:var(--line2);stroke-width:2}
#types svg path{fill:var(--sun)}
#types b{font-size:.98rem;line-height:1.25}
#types small{font-size:.8rem;color:var(--ink2);line-height:1.35}
#types button[aria-pressed="true"]{border-color:var(--blue);box-shadow:var(--shadow)}
#types button[aria-pressed="false"]{opacity:.7}
#net-ways div{background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:var(--r-lg);padding:12px 16px;font-weight:600;font-size:.95rem;line-height:1.25;opacity:.55;transition:border-color .25s,opacity .25s}
#net-ways div.near{border-color:var(--blue);opacity:1;font-weight:700}
.net.play #net-ways div{transition-delay:1.3s}
.explore-w{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:24px;align-items:start}
.way-list{display:grid;gap:10px}
.way-list button{font:inherit;text-align:left;cursor:pointer;background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;font-size:.98rem;line-height:1.25;transition:border-color .2s,transform .15s}
.way-list button:hover{transform:translateX(2px);border-color:var(--blue)}
.way-list button[aria-pressed="true"]{border-color:var(--blue);background:var(--blue-wash);box-shadow:var(--shadow)}
.way-list .fit-tag{font-size:.78rem;font-weight:700;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}
.rank{list-style:none;margin:0;padding:0;display:grid;gap:0}
.rank li{display:grid;grid-template-columns:26px 34px minmax(0,1fr) auto;gap:12px;align-items:center;padding-block:10px;border-top:1px solid var(--line)}
.rank li:first-child{border-top:0}
.rank .pos{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:800;background:var(--sunk);color:var(--ink2)}
.rank li.nah .pos{background:var(--blue);color:var(--on-blue)}
.rank svg{width:34px;height:34px}
.rank svg circle,.rank svg line{fill:none;stroke:var(--line2);stroke-width:2}
.rank svg path{fill:var(--sun)}
.rank .nm{font-weight:700;font-size:.92rem;display:block;margin-bottom:5px}
.rank li:not(.nah) .nm{font-weight:600;color:var(--ink2)}
.rank .bar{height:8px;border-radius:4px;background:var(--sunk);overflow:hidden}
.rank .bar i{display:block;height:100%;border-radius:4px;background:var(--pre)}
.rank li.nah .bar i{background:var(--blue)}
.rank .tg{font-size:.76rem;font-weight:700;color:var(--muted);white-space:nowrap}
.rank li.nah .tg{color:var(--blue-ink)}
.way-list .fit-tag.nah{color:var(--blue-ink);display:inline-flex;align-items:center;gap:6px}
.way-list .fit-tag.nah::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--blue)}
.explore-w .pick-h span{display:block;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted);font-size:.8rem;margin-top:2px}
.net-say{margin-top:20px;font-size:1.05rem;font-weight:700;border-left:3px solid var(--sun);padding-left:14px;margin-bottom:10px}
.way-detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(18px,3vw,30px);box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 40px}
.way-detail h3{font-size:1.25rem;font-weight:800;margin-bottom:6px}
.way-detail .fit{font-size:.95rem;color:var(--ink2);line-height:1.55;border-left:3px solid var(--sun);padding-left:12px;margin-top:10px}
.way-detail dl{margin:14px 0 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;font-size:.9rem}
.way-detail dt{font-weight:700;color:var(--ink)}
.way-detail dd{margin:0;color:var(--ink2)}
.lm{display:grid;grid-template-columns:minmax(0,1fr) 84px 6.2rem;gap:10px;align-items:center;padding-block:8px;border-top:1px solid var(--line);font-size:.88rem}
.lm:first-of-type{border-top:0}
.lm b{font-weight:600}
.lm.on b{font-weight:800}
.lm .bar{height:8px;border-radius:4px;background:var(--sunk);overflow:hidden}
.lm .bar i{display:block;height:100%;background:var(--pre);border-radius:4px}
.lm.on .bar i{background:var(--blue)}
.lm span{color:var(--ink2);font-size:.8rem;text-align:right}
.ratio{display:flex;gap:2px;height:14px}
.gets svg{width:44px;height:44px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px;display:block}
.gets svg .g{fill:var(--sun);stroke:none}
.voice-lead{display:grid;gap:14px;background:var(--hero);color:#fff;border-radius:var(--r-lg);padding:clamp(24px,4vw,44px);margin:0 0 18px}
.voice-lead blockquote{margin:0;font-weight:600;font-size:clamp(1.1rem,1rem + .7vw,1.5rem);line-height:1.45;max-width:54ch}
.voice-lead figcaption{font-size:.86rem;color:var(--hero-ink2)}
.voice-lead figcaption b{color:#fff;display:block}
.voices figcaption b{color:var(--ink);display:block;font-size:.86rem}
.v-tag{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.v-tag svg{width:56px;height:56px;flex:none;padding:10px;border-radius:50%;background:var(--blue-wash);fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.v-tag svg .g{fill:var(--sun);stroke:none}
.voice-lead .v-tag{color:var(--hero-accent);margin-bottom:4px}
.voice-lead .v-tag svg{background:rgba(255,255,255,.1);stroke:#fff;width:64px;height:64px;padding:12px}
.voices figure.stud{border-top-color:var(--blue)}
.tl-row{display:grid;grid-template-columns:5.8rem minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,1.3fr);gap:8px 18px;align-items:center;padding-block:12px;border-top:1px solid var(--line);position:relative}
.tl-row.head{border-top:0;padding-block:0 8px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:end}
.tl-y{font-weight:800;font-size:1.15rem;display:flex;align-items:center;gap:8px}
.tl-y::before{content:"";width:11px;height:11px;border-radius:50%;background:var(--blue);flex:none}
.tl-row.gap .tl-y::before{background:transparent;box-shadow:inset 0 0 0 2px var(--line2)}
.tl-row.mark .tl-y::before{background:var(--sun)}
.tl-row.gap .tl-y{color:var(--muted)}
.tl-row.run .tl-y{font-size:1rem;white-space:nowrap}
.tl-m{font-size:.88rem;color:var(--ink2);line-height:1.45}
.tl-m b{color:var(--ink);display:block}
.tl-b{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:700;font-variant-numeric:tabular-nums}
.tl-b i{display:block;height:10px;border-radius:0 4px 4px 0;background:var(--blue);min-width:2px}
.tl-b.na{color:var(--muted);font-weight:500}
.tl-d{display:grid;grid-template-columns:minmax(0,1fr) 7.6rem;gap:10px;align-items:center}
.tl-d .v{font-size:.82rem;font-weight:600;color:var(--ink2);text-align:right;font-variant-numeric:tabular-nums}
.tl-d .v b{color:var(--ink);font-weight:800}
.tl-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}
.tl-sum div{border-left:3px solid var(--sun);padding-left:14px}
.tl-sum b{display:block;font-size:clamp(1.3rem,1rem + .95vw,1.8rem);font-weight:800;line-height:1.1;white-space:nowrap}
@media (max-width:620px){
  .tl-sum b{white-space:normal}
}
.tl-sum span{font-size:.82rem;color:var(--ink2);font-weight:600}
#lernreise{background:radial-gradient(1100px 520px at 15% -10%,rgba(63,136,143,.38),transparent 60%),var(--hero);color:#fff}
#lernreise .eyebrow{color:var(--hero-accent)}
#lernreise h2{color:#fff;font-size:clamp(1.9rem,4.4vw,3rem)}
#lernreise .prose{color:var(--hero-ink2)}
#lernreise .journey-bar{color:#fff;font-size:.95rem;margin-bottom:34px}
#lernreise .journey-bar i{height:8px;border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,.25),#6fc1c8 55%,var(--sun))}
#lernreise .journey::before{left:calc((100% - 72px)/10);right:calc((100% - 72px)/10);top:46px;height:4px;border-radius:2px;background:linear-gradient(90deg,#6fc1c8,var(--sun))}
#lernreise .journey li:not(:last-child)::after{top:41px;right:-15px;width:12px;height:12px;border-color:rgba(255,255,255,.6);border-width:3px}
#lernreise .st-ic{justify-self:center;width:96px;height:96px;border:3px solid #6fc1c8;background:var(--hero-2);box-shadow:0 0 0 8px rgba(111,193,200,.12)}
#lernreise .st-ic svg{width:48px;height:48px;stroke:#fff}
#lernreise .journey li.goal .st-ic{background:var(--sun);border-color:var(--sun);box-shadow:0 0 0 8px rgba(250,185,0,.2)}
#lernreise .journey li.goal .st-ic svg{stroke:var(--sun-ink)}
#lernreise .journey li.goal .st-ic svg .g{fill:#fff}
#lernreise .st-tx{background:rgba(255,255,255,.06);border:1px solid var(--hero-line);border-radius:var(--r-lg);padding:18px;gap:8px}
#lernreise .journey li.goal .st-tx{border-color:var(--sun)}
#lernreise .st-ph{color:var(--hero-accent)}
#lernreise .st-q{color:#fff;font-size:1.3rem}
#lernreise .journey h3{color:#fff;font-size:.95rem}
#lernreise .journey p{color:var(--hero-ink2)}
#lernreise .hand{color:#fff}
.cta-band{padding-block:0 clamp(52px,7vw,96px);background:var(--bg)}
.cta-band .wrap{padding-top:clamp(40px,5vw,64px)}
.cta-in{display:flex;gap:20px 40px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--hero);color:#fff;border-radius:var(--r-lg);padding:28px 32px}
.cta-in .eyebrow{color:var(--hero-accent)}
.cta-in .btn{background:var(--sun);color:var(--sun-ink)}
.cta-in h2{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:800;max-width:22ch}

/* Studie */
.study-top{background:radial-gradient(1100px 520px at 85% -10%,rgba(63,136,143,.38),transparent 60%),var(--hero);color:#fff}
.study-top .eyebrow{color:var(--hero-accent)}
.study-top .prose{color:var(--hero-ink2)}
.study-top .meta{color:var(--hero-ink2)}
.study-top .meta b{color:#fff;font-size:1.05rem}
.study-top .toc a{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06)}
.crumbs{font-size:.8rem;font-weight:600;color:var(--hero-ink2);margin-bottom:22px}
.crumbs a{color:inherit;text-decoration:none}
.study-hero{padding-block:clamp(36px,5vw,72px)}
.study-hero h1{font-size:clamp(2rem,4.6vw,3.3rem);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin-block:18px 18px;max-width:19ch;color:#fff}
.study-hero .prose{font-size:clamp(1.05rem,1rem + .4vw,1.2rem);max-width:58ch}
.meta{display:flex;align-items:baseline;gap:6px 22px;flex-wrap:wrap;margin-top:22px;font-size:.86rem;font-weight:500;color:var(--muted)}
.toc{display:flex;gap:6px;flex-wrap:wrap;margin-top:26px}
.toc a{font-size:.82rem;font-weight:600;text-decoration:none;color:var(--ink2);padding:6px 12px;border:1px solid var(--line2);border-radius:999px}
.findings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:f}
.finding{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 24px 22px;box-shadow:var(--shadow);counter-increment:f;display:grid;gap:8px;align-content:start;text-decoration:none;color:inherit}
.finding .no{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--blue)}
.finding.rv{position:relative;overflow:hidden;min-height:250px;cursor:pointer;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.finding.rv::before{content:"";position:absolute;left:0;top:0;height:4px;width:44px;background:var(--sun);border-radius:0 0 4px 0;z-index:2;transition:width .45s cubic-bezier(.2,.7,.2,1)}
.finding.rv::after{content:"+";position:absolute;right:18px;top:16px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:var(--blue);background:var(--blue-wash);transition:opacity .3s}
.finding .back{position:absolute;inset:0;background:var(--hero);color:#fff;padding:26px 24px 22px;display:grid;gap:10px;align-content:center;transform:translateY(101%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.finding .back b{font-size:1.08rem;line-height:1.3}
.finding .back p{color:var(--hero-ink2);font-size:.92rem;line-height:1.6}
.finding.rv:hover,.finding.rv:focus-visible,.finding.rv.open{transform:translateY(-6px);box-shadow:0 22px 44px -18px rgba(43,62,79,.45)}
.finding.rv:hover::before,.finding.rv:focus-visible::before,.finding.rv.open::before{width:100%}
.finding.rv:hover::after,.finding.rv:focus-visible::after,.finding.rv.open::after{opacity:0}
.finding.rv:hover .back,.finding.rv:focus-visible .back,.finding.rv.open .back{transform:none}
.finding.cta{min-height:250px}
.finding.cta{background:var(--hero);border-color:transparent;color:#fff}
.finding.cta::before{content:"IHR NÄCHSTER SCHRITT";font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--hero-accent)}
.finding.cta .k,.finding.cta h3{color:#fff}
.finding.cta p{color:var(--hero-ink2)}
.finding.cta span{color:var(--sun);font-weight:700;font-size:.9rem}
.finding .k{font-weight:800;font-size:clamp(2rem,1.5rem + 1.6vw,2.7rem);line-height:1}
.finding .k small{display:block;font-size:.78rem;font-weight:700;color:var(--muted);margin-top:4px}
.finding h3{font-size:1.08rem;font-weight:700;line-height:1.3;letter-spacing:0}
.finding p{font-size:.92rem;color:var(--ink2);line-height:1.6}
.chapter{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:start}
.chapter h2{font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:800;margin-block:10px 14px}
.chapter .prose+.prose{margin-top:14px}
.fig{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(18px,3vw,30px);min-width:0;box-shadow:var(--shadow)}
.fig h3{font-size:1rem;font-weight:700}
.fig .sub{font-size:.84rem;color:var(--muted);margin-top:2px;margin-bottom:14px}
.fig .foot{font-size:.76rem;color:var(--muted);margin-top:12px;line-height:1.45}
.fig details{margin-top:10px;font-size:.8rem}
.fig summary{cursor:pointer;color:var(--blue-ink);font-weight:600}
.tblwrap{overflow-x:auto;margin-top:8px}
table{border-collapse:collapse;width:100%;font-size:.82rem;font-variant-numeric:tabular-nums}
th,td{padding:6px 10px 6px 0;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
th:first-child,td:first-child{text-align:left;white-space:normal}
th{font-weight:700;color:var(--ink2);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}
.annot{margin-top:12px;display:flex;gap:8px;align-items:flex-start}
.annot::before{content:none}

/* Explorer */
.controls{display:grid;gap:14px;margin-bottom:18px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:600;color:var(--ink);cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.ctl-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.explore{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,15rem);gap:28px;align-items:start}
.lk{display:grid;gap:14px}
.lk-row{display:grid;grid-template-columns:4.6rem minmax(0,1fr);gap:10px;align-items:center}
.lk-row>span{font-size:.82rem;font-weight:700;color:var(--ink2)}
.lk-bar{display:flex;gap:2px;height:38px}
.lk-bar i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:.78rem;font-weight:700;min-width:0;transition:flex-basis .5s ease}
.lk-bar i:first-child{border-radius:4px 0 0 4px}.lk-bar i:last-child{border-radius:0 4px 4px 0}
.lk-bar .s1{background:var(--l1);color:var(--l1t)}.lk-bar .s2{background:var(--l2);color:var(--l2t)}.lk-bar .s3{background:var(--l3);color:var(--l3t)}.lk-bar .s4{background:var(--l4);color:var(--l4t)}
.kpis{display:grid;gap:14px}
.kpi b{display:block;font-size:1.7rem;font-weight:800;line-height:1.1}
.kpi span{font-size:.8rem;color:var(--ink2);font-weight:600}

/* Dumbbell */
.db{display:grid;gap:0}
.db-axis,.db-row{display:grid;grid-template-columns:minmax(0,13.5rem) minmax(0,1fr) 11.4rem;gap:6px 14px;align-items:center}
.db-row{padding-block:9px;border-top:1px solid var(--line)}
.db-row .lab{font-size:.86rem;font-weight:600;line-height:1.3}
.db-row.hl .lab{font-weight:800}
.db-track{position:relative;height:24px;background:linear-gradient(var(--line),var(--line)) center/100% 1px no-repeat}
.db-track .ln{position:absolute;top:11px;height:2px;background:var(--line2)}
.db-track .d{position:absolute;width:11px;height:11px;border-radius:50%;margin-left:-5.5px;box-shadow:0 0 0 2px var(--surface)}
.db-track .d.a{top:0}.db-track .d.b{top:13px}
.db-track .d.a{background:var(--pre)} .db-track .d.b{background:var(--blue)}
.db-row .v{font-size:.84rem;font-variant-numeric:tabular-nums;text-align:right;color:var(--ink2);font-weight:600}
.db-row .v b{color:var(--ink);font-weight:800}
.db-axis{font-size:.7rem;color:var(--muted);font-weight:600;padding-bottom:4px}
.db-axis .tk{position:relative;height:1em}
.db-axis .tk span{position:absolute;transform:translateX(-50%)}
.db-axis .tk span:first-child{transform:none}.db-axis .tk span:last-child{transform:translateX(-100%)}

/* Netto */
.nb-row{display:grid;grid-template-columns:minmax(0,13.5rem) minmax(0,1fr) 4.2rem;gap:6px 14px;align-items:center;padding-block:8px;border-top:1px solid var(--line)}
.nb-row .lab{font-size:.86rem;font-weight:600}
.nb-bars{display:grid;grid-template-columns:1fr 1fr;gap:2px;height:16px;background:linear-gradient(var(--line2),var(--line2)) center/1px 100% no-repeat}
.nb-bars .l{display:flex;justify-content:flex-end}.nb-bars i{display:block;height:100%}
.nb-bars .l i{background:var(--coral);border-radius:4px 0 0 4px}.nb-bars .r i{background:var(--blue);border-radius:0 4px 4px 0}
.nb-row .v{font-size:.86rem;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}

/* Forest */
.fr-row,.fr-axis{display:grid;grid-template-columns:8.5rem minmax(0,1fr) 3.2rem;gap:6px 14px;align-items:center}
.fr-row{padding-block:7px;border-top:1px solid var(--line)}
.fr-row .lab{font-size:.86rem;font-weight:700}.fr-row .lab small{display:block;font-weight:600;color:var(--muted);font-size:.74rem}
.fr-track{position:relative;height:18px}
.fr-track .g{position:absolute;top:-8px;bottom:-8px;width:1px;background:var(--line)}
.fr-track .ci{position:absolute;top:8px;height:2px;background:var(--blue)}
.fr-track .p{position:absolute;top:3px;width:12px;height:12px;border-radius:50%;margin-left:-6px;background:var(--blue);box-shadow:0 0 0 2px var(--surface)}
.fr-row.pool .p{border-radius:2px;transform:rotate(45deg);background:var(--ink)}.fr-row.pool .ci{background:var(--ink)}
.fr-row .v{font-size:.86rem;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.fr-axis{font-size:.7rem;color:var(--muted);font-weight:600;padding-top:6px;border-top:1px solid var(--line)}
.fr-axis .tk{position:relative;height:2.4em}.fr-axis .tk span{position:absolute;transform:translateX(-50%);text-align:center;line-height:1.2}

/* Flow */
.fl-row{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:6px 14px;align-items:center;padding-block:8px;border-top:1px solid var(--line)}
.fl-row .lab{font-size:.86rem;font-weight:700}.fl-row .lab small{display:block;font-weight:600;color:var(--muted);font-size:.74rem}
.fl-bar{display:flex;gap:2px;height:26px}
.fl-bar i{white-space:nowrap;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:.76rem;font-weight:700;min-width:0}
.fl-bar .up{background:var(--blue);color:var(--on-blue)}.fl-bar .eq{background:var(--sunk);color:var(--ink2)}.fl-bar .dn{background:var(--coral);color:#1d2a35}
.fl-bar i:first-child{border-radius:4px 0 0 4px}.fl-bar i:last-child{border-radius:0 4px 4px 0}

.impulse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.impulse div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.impulse h3{font-size:1.05rem;font-weight:700;margin-bottom:6px}
.impulse p{font-size:.95rem;color:var(--ink2)}
.method{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 44px}
.method h3{font-size:1rem;font-weight:700;margin-bottom:8px}
.method p,.method li{font-size:.92rem;color:var(--ink2)}
.method ul{margin:0;padding-left:1.1em;display:grid;gap:6px}
.refs a{color:var(--blue-ink);font-weight:600;text-underline-offset:2px}
.refs a::after{content:" ↗";font-weight:700}
.refs{font-size:.84rem;color:var(--ink2);display:grid;gap:8px;max-width:80ch}

#tip{position:fixed;z-index:50;pointer-events:none;background:var(--ink);color:var(--bg);font-size:.78rem;font-weight:600;padding:6px 10px;border-radius:var(--r);max-width:260px;line-height:1.35}

/* Funnel */
.funnel{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:44px;align-items:start;padding-block:48px 72px}
.funnel h1{font-size:clamp(1.8rem,4.4vw,2.8rem);font-weight:800;margin-block:10px 12px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(18px,3vw,34px);box-shadow:var(--shadow)}
.prog{display:flex;gap:6px;margin-bottom:22px}
.prog i{flex:1;height:5px;border-radius:3px;background:var(--sunk)}
.prog i.on{background:var(--blue)}
.stepno{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fstep h2{font-size:1.35rem;font-weight:800;margin-block:6px 18px}
.field{display:grid;gap:6px;margin-bottom:18px}
.field label,.field .lbl{font-size:.86rem;font-weight:700}
.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=number],.field input[type=date],.field textarea{font:inherit;font-size:1rem;color:var(--ink);background:var(--bg);border:1px solid var(--line2);border-radius:var(--r);padding:12px 14px;width:100%}
.field input:focus,.field textarea:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}
.field textarea{min-height:90px;resize:vertical}
.field .hint{font-size:.78rem;color:var(--muted)}
.opts{display:flex;gap:8px;flex-wrap:wrap}
.opts label{position:relative;font-weight:600;font-size:.9rem;cursor:pointer}
.opts input{position:absolute;opacity:0;inset:0;cursor:pointer}
.opts span{display:block;border:1px solid var(--line2);border-radius:var(--r);padding:10px 14px}
.opts input:checked+span{background:var(--blue-wash);border-color:var(--blue);color:var(--ink);box-shadow:inset 0 0 0 1px var(--blue)}
.opts input:focus-visible+span{outline:3px solid var(--sun);outline-offset:2px}
.err{color:var(--err,#8a5a00);font-size:.84rem;font-weight:700;min-height:1.3em;margin-bottom:8px}
.fnav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px}
.out{font-size:.92rem;white-space:pre-wrap;background:var(--alt);border:1px solid var(--line2);border-radius:8px;padding:16px;margin-block:14px;line-height:1.55;user-select:all;-webkit-user-select:all;overflow-wrap:anywhere}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.dsh{margin-top:18px;font-size:.82rem;color:var(--ink2)}
.dsh a{color:inherit}
.sent-q{display:grid;grid-template-columns:88px minmax(0,1fr);gap:20px;align-items:center;margin:16px 0 18px;padding:18px 20px;border-radius:var(--r);background:var(--sun-wash);border-left:4px solid var(--sun)}
.sent-q img{width:88px;height:88px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 3px var(--sun-wash),0 0 0 6px var(--sun)}
.sent-q blockquote{margin:0 0 8px;font-weight:600;font-size:1rem;line-height:1.5;color:var(--ink)}
.sent-q figcaption{display:grid;gap:2px;font-size:.84rem;color:var(--ink2)}
.sent-q figcaption b{color:var(--ink);font-size:.92rem}
.sum{margin-top:18px}
.sum summary{cursor:pointer;font-weight:700;font-size:.9rem;color:var(--ink2)}
.sum .out{margin-bottom:0}
#fn.busy #next{opacity:.7;cursor:progress}
@media (max-width:420px){
.sent-q{grid-template-columns:minmax(0,1fr);gap:14px}
.sent-q img{width:76px;height:76px;margin:6px 0 0 6px}
}
.sendto{display:grid;gap:4px;padding:14px 16px;border-radius:var(--r);background:var(--sun-wash);border-left:4px solid var(--sun);margin-bottom:14px}
.sendto b{font-size:1.1rem;user-select:all;-webkit-user-select:all;overflow-wrap:anywhere}
.aside h3{font-size:1rem;font-weight:700;margin-bottom:10px}
.aside ol{margin:0 0 26px;padding-left:1.2em;display:grid;gap:10px;font-size:.92rem;color:var(--ink2)}
.aside .mini{background:var(--alt);border-radius:var(--r-lg);padding:22px;display:grid;gap:14px}
.aside .mini b{font-size:1.6rem;font-weight:800;display:block;line-height:1.1}
.aside .mini span{font-size:.82rem;color:var(--ink2);font-weight:600}
.contact{margin-top:26px;font-size:.9rem;color:var(--ink2);display:grid;gap:2px}
.contact b{color:var(--ink)}

footer{background:var(--hero-2);color:var(--hero-ink2);font-size:.86rem}
footer svg{height:18px;width:auto;fill:#fff;display:block;margin-bottom:12px}
footer .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-block:36px}
footer b{color:var(--hero-ink);display:block;margin-bottom:6px;letter-spacing:.06em}
footer a{color:var(--hero-ink)}

@media (max-width:1060px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .hero-in,.two,.chapter,.funnel,.explore{grid-template-columns:minmax(0,1fr)}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .facts div{padding:16px}
  .gets,.voices,.voices.two-col,.method,.persp article,footer .wrap,.way-detail{grid-template-columns:minmax(0,1fr)}
  .net{grid-template-columns:170px minmax(0,1fr) minmax(0,1fr);column-gap:36px}
  .explore-w{grid-template-columns:minmax(0,1fr)}
  .tl-sum{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tl-row{grid-template-columns:4.2rem minmax(0,1fr);gap:4px 14px;align-items:start}
  .tl-row>*{grid-column:2}
  .tl-row>.tl-y{grid-column:1;grid-row:1/span 4}
  .tl-b i{display:none}
  .tl-b{white-space:nowrap}
  .tl-b.na{display:none}
  .tl-b.na.run{display:flex}
  .tl-row.head{display:none}
  .tl-b::before{content:attr(data-l);font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-right:2px}
  .findings,.impulse{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journey{grid-template-columns:minmax(0,1fr);gap:26px}
  #lernreise .journey::before{display:none}
  #lernreise .journey li:not(:last-child)::before{content:"";position:absolute;left:34px;top:72px;bottom:-26px;width:4px;background:#6fc1c8}
  #lernreise .journey li:nth-child(4)::before{background:linear-gradient(180deg,#6fc1c8,var(--sun))}
  #lernreise .st-ic{width:72px;height:72px;box-shadow:none}
  #lernreise .st-ic svg{width:36px;height:36px}
  .journey li{grid-template-columns:72px minmax(0,1fr);gap:18px}
  .journey li:not(:last-child)::after{display:none}
  .journey-bar{flex-direction:column;align-items:flex-start;gap:8px}
  .journey-bar i{width:100%;flex:none}
  .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  section.band{padding-block:44px}
}
@media (max-width:640px){
  .wrap{padding-inline:16px}
  .net{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;row-gap:34px}
  .nc.np{grid-column:1/-1;justify-items:center}
  #types button{grid-template-columns:minmax(0,1fr);padding:10px 12px}
  #types svg,#types small{display:none}
  #net-ways div{padding:10px 12px;font-size:.8rem}
  .nc.np+.nc{padding-left:14px}
  .net-prof{width:180px}
  #types b{font-size:.8rem}
  .net-col{gap:8px}
  .ptabs{gap:8px}
  .ptab{padding:12px 10px;justify-items:center;text-align:center}
  .ptab .q{display:none}
  .ptab svg{width:38px;height:38px;margin:0}
  .ptab .who{font-size:.6rem;letter-spacing:.04em}
  .ptab .go{font-size:.7rem;justify-self:center;margin-top:4px}
  .db-axis{display:none}
  .db-row,.nb-row{grid-template-columns:minmax(0,1fr) auto}
  .db-row .lab,.nb-row .lab{grid-column:1/-1}
  .fr-row,.fr-axis,.fl-row{grid-template-columns:5.6rem minmax(0,1fr) 2.8rem}
  .fl-row{grid-template-columns:5.6rem minmax(0,1fr)}
  .kpis,.findings,.impulse{grid-template-columns:minmax(0,1fr)}
  .card{padding:18px}
  .nav a{padding:7px 9px;font-size:.84rem}
}
@media (max-width:370px){.facts b{font-size:1.65rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Studien-Hero: Ergebnis-Animation */
.sh-grid{display:grid;gap:28px;align-items:center}
@media (min-width:980px){.sh-grid{grid-template-columns:minmax(0,1fr) 380px;gap:48px}}
.sres{box-sizing:border-box;height:330px;background:rgba(255,255,255,.07);border:1px solid var(--hero-line);border-radius:var(--r-lg);padding:22px 24px;display:flex;flex-direction:column;color:#fff;width:100%;max-width:440px}
.sres-eb{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-accent)}
.sres-q{height:4.2em;line-height:1.4;font-weight:700;font-size:1rem;margin:10px 0 14px;overflow:hidden;transition:opacity .35s}
.sres-row{display:grid;grid-template-columns:62px 1fr 68px;gap:10px;align-items:center;margin-bottom:10px;font-size:.82rem;color:var(--hero-ink2)}
.sres-row b{color:#fff;font-size:1rem;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.sres-tr{height:22px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden}
.sres-tr i{display:block;height:100%;width:0;background:var(--sun);border-radius:0 4px 4px 0;transition:width .9s cubic-bezier(.2,.7,.2,1)}
.sres-tr i.pre{background:#8fa0ad}
.sres-d{margin-top:6px;color:var(--hero-ink2);font-size:.85rem}
.sres-d strong{color:var(--sun);font-size:1.7rem;font-weight:800;margin-right:4px}
.sres-dots{margin-top:auto;display:flex;gap:6px}
.sres-dots button{flex:1;height:28px;padding:12px 0;border:0;background:none;cursor:pointer}
.sres-dots button::before{content:"";display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.22)}
.sres-dots button[aria-current="true"]::before{background:var(--sun)}
.sres.fade .sres-q{opacity:0}
/* Team-Slider */
.team-dark{background:var(--hero);color:#fff}
.team-dark .eyebrow{color:var(--hero-accent)}
.team-dark h2{color:#fff}
.au-slider{background:rgba(255,255,255,.06);border:1px solid var(--hero-line);border-radius:28px;padding:clamp(24px,4.5vw,60px);display:grid;gap:clamp(22px,3vw,34px);position:relative;overflow:hidden}
.au-slider::after{content:"\201C";position:absolute;right:clamp(12px,3vw,44px);bottom:-.5em;font-size:clamp(8rem,5rem + 9vw,15rem);font-weight:800;line-height:1;color:rgba(255,255,255,.07);pointer-events:none}
.au-track{display:grid}
.au-slide{grid-area:1/1;margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4.5vw,64px);align-items:center;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .6s,transform .6s,visibility 0s .6s;position:relative;z-index:1}
.au-slide.on{opacity:1;visibility:visible;transform:none;transition:opacity .6s,transform .6s,visibility 0s}
.au-face{width:clamp(150px,18vw,230px);aspect-ratio:1/1;border-radius:50%;box-shadow:0 0 0 5px var(--hero),0 0 0 8px var(--sun),0 20px 40px -18px rgba(0,0,0,.6)}
.au-face img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.au-body{display:grid;gap:clamp(16px,2vw,24px)}
.au-body blockquote{margin:0}
.au-body blockquote p{margin:0;font-size:clamp(1.3rem,1rem + 1.5vw,2.1rem);font-weight:800;line-height:1.22;letter-spacing:-.015em;text-wrap:balance;max-width:30ch;color:#fff}
.au-body figcaption{display:grid;gap:2px;padding-left:16px;border-left:3px solid var(--sun)}
.au-body figcaption b{font-size:1.08rem}
.au-body figcaption span{color:var(--hero-ink2);font-size:.92rem}
.au-nav{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.au-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0}
.au-btn:hover{border-color:var(--sun);color:var(--sun)}
.au-btn svg{width:16px;height:16px}
.au-dots{display:flex;gap:10px;align-items:center;padding-bottom:10px}
.au-dots button{position:relative;width:44px;height:44px;border-radius:50%;padding:0;border:0;background:none;cursor:pointer;opacity:.45;transition:opacity .2s,transform .2s}
.au-dots button img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.au-dots button[aria-current="true"]{opacity:1;transform:scale(1.08)}
.au-dots button:hover{opacity:.85}
.au-dots button i{position:absolute;left:4px;right:4px;bottom:-9px;height:3px;border-radius:2px;background:rgba(255,255,255,.2);overflow:hidden;display:none}
.au-dots button[aria-current="true"] i{display:block}
.au-dots button i::after{content:"";position:absolute;inset:0;background:var(--sun);transform:scaleX(0);transform-origin:left}
.au-dots button.run i::after{animation:aufill 7s linear forwards}
.au-slider.hold .au-dots button[aria-current="true"] i::after{transform:scaleX(1)}
@keyframes aufill{to{transform:scaleX(1)}}
@media (max-width:700px){.au-slide{grid-template-columns:1fr;justify-items:start}.au-face{width:128px}.au-nav{justify-content:space-between}}
@media (prefers-reduced-motion:reduce){.au-slide,.sres-tr i,.sres-q{transition:none}.au-dots button.run i::after{animation:none;transform:scaleX(1)}}

#leistung{background:var(--hero);color:#fff}
#leistung .eyebrow{color:var(--hero-accent)}
#leistung h2{color:#fff}
#leistung .gets div{background:rgba(255,255,255,.06);border-color:var(--hero-line);box-shadow:none}
#leistung .gets h3{color:#fff}
#leistung .gets p{color:var(--hero-ink2)}
#leistung .gets svg{stroke:#fff}
#leistung .gets a{color:var(--hero-accent)}

/* ===== Responsive-Feinschliff ===== */
h1,h2,h3,.nm,#types b,#net-ways div{overflow-wrap:break-word}
.top-cta .sx{display:none}
.fr-axis .tk small{display:block;font-size:inherit}
.kpi span,.tl-sum span{display:block;line-height:1.35;margin-top:4px}
.au-slide,.au-body{min-width:0}
.lk-bar i,.fl-bar i{overflow:hidden;white-space:nowrap}
@media (max-width:1010px){
  .top-in{flex-wrap:wrap;gap:6px 12px;padding-block:8px 4px}
  .brand{order:1}
  .top-cta{order:2}
  .nav{order:3;flex:1 0 100%;flex-wrap:nowrap;gap:2px;margin-inline:-9px;overflow-x:auto;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{padding:9px 9px 11px;font-size:.88rem}
  .nav a[aria-current="page"]{background-size:calc(100% - 14px) 6px}
}
@media (max-width:860px){
  .tl-row{grid-template-columns:4.9rem minmax(0,1fr)}
  .tl-row.run .tl-y{font-size:.84rem;white-space:normal;gap:6px}
}
@media (min-width:641px) and (max-width:860px){
  .gets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .voices{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .rank li{grid-template-columns:26px 30px minmax(0,1fr);gap:4px 10px}
  .rank svg{width:30px;height:30px}
  .rank .tg{grid-column:3;justify-self:start}
  .au-slider{padding:22px 18px 26px;border-radius:20px}
  .au-body blockquote p{font-size:clamp(1.12rem,.9rem + 1.6vw,1.45rem);max-width:none}
  .au-nav{gap:8px}
  .au-btn{width:40px;height:40px}
  .au-dots{gap:8px}
  .au-dots button{width:38px;height:38px}
  .finding.rv,.finding.cta{min-height:215px}
  .sres{max-width:none}
  .hero-cta .btn{flex:1 1 auto;justify-content:center;text-align:center}
}
@media (max-width:480px){
  .brand svg{height:17px}
  .brand span{font-size:.6rem;letter-spacing:.14em;padding-left:8px}
  .brand{gap:9px}
  .top-cta .lg{display:none}
  .top-cta .sx{display:inline}
  .top-cta{padding:8px 14px}
  .fr-axis .tk small{display:none}
  .fr-axis .tk{height:1.4em}
  .fr-axis .tk span:first-child{display:none}
  table{font-size:.74rem}
  th{font-size:.64rem;letter-spacing:.02em}
  th,td{padding-right:6px}
  .lk-row{grid-template-columns:3.9rem minmax(0,1fr);gap:8px}
  .sres{padding:20px 18px}
  .sres-row{grid-template-columns:56px 1fr 64px;gap:8px}
}
@media (max-width:380px){
  .nav{justify-content:space-between;margin-inline:-6px}
  .nav a{padding:8px 6px 10px;font-size:.8rem}
  .top-cta{display:none}
  #types b,#net-ways div{font-size:.74rem;hyphens:auto}
  #types button,#net-ways div{padding:9px 9px}
  .net{column-gap:30px}
  .nc.np+.nc{padding-left:8px}
  .ptab .who{font-size:.6rem;letter-spacing:0}
}

/* So wird dort gelernt: ganze Breite */
.lm-wide{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px}
.lm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 28px;margin-top:10px}
.lm-grid .lm{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;padding:0;border:0}
.lm-grid .lm .bar{order:3;flex:1 0 100%;margin-top:4px}
.lm-grid .lm span{white-space:nowrap}
@media (max-width:1240px){.rank li{grid-template-columns:26px 30px minmax(0,1fr);gap:4px 10px}.rank svg{width:30px;height:30px}.rank .tg{grid-column:3;justify-self:start}}
@media (max-width:1060px){.explore-w{grid-template-columns:minmax(0,3.4fr) minmax(0,7.6fr);gap:20px}.way-list button{padding:12px 13px;font-size:.92rem}}
@media (max-width:860px){.explore-w{grid-template-columns:minmax(0,1fr)}.way-list{grid-template-columns:repeat(2,minmax(0,1fr))}.lm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.way-list{grid-template-columns:minmax(0,1fr);gap:8px}.way-list button{padding:11px 14px}.lm-grid{gap:14px 18px}}

/* Kennzahlen kompakt im Titelbereich */
.hero-in{padding-bottom:36px}
.facts-wrap{border-top:1px solid var(--hero-line);padding-block:20px 26px}
.facts-wrap .eyebrow{margin-bottom:12px}
.facts{gap:12px 28px}
.facts div{background:none;border:0;border-left:3px solid var(--sun);border-radius:0;padding:0 0 0 14px;display:flex;flex-direction:column;gap:5px}
.facts b{font-size:clamp(1.5rem,1rem + 1.5vw,2.1rem)}
.facts span{margin-top:0;font-size:.88rem}
@media (max-width:860px){.facts div{padding:0 0 0 12px}.facts{gap:14px 20px}}
@media (min-width:700px){.facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:480px){.facts div{gap:3px}.facts b{font-size:1.5rem}.facts span{font-size:.82rem}}

/* Titelbereich Für Schulen */
.schul-hero{padding-block:clamp(32px,4.5vw,60px)}
.schul-hero .meta{margin-bottom:0}
.fn-h{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:10px}
.funnel{padding-top:clamp(32px,4vw,48px)}

/* Für Schulen: Ansprechpartner und Ablauf */
.hello{background:var(--hero);color:#fff;border-radius:var(--r-lg);padding:20px;display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:28px}
.hello img{width:96px;height:96px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 3px var(--hero),0 0 0 6px var(--sun)}
.hello div{display:grid;gap:3px;font-size:.88rem}
.hello b{font-size:1.02rem;line-height:1.3;margin-bottom:4px}
.hello span{color:var(--hero-ink2)}
.hello a{color:#fff;overflow-wrap:anywhere}
.aside ol.ablauf{list-style:none;padding:0;gap:0;position:relative;margin-bottom:0}
.ablauf li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding-block:8px;position:relative}
.ablauf li:not(:last-child)::before{content:"";position:absolute;left:21px;top:50%;height:100%;width:2px;background:var(--line2)}
.ab-ic{width:44px;height:44px;border-radius:50%;background:var(--hero);display:grid;place-items:center;position:relative;z-index:1}
.ab-ic svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ab-ic svg .g{fill:var(--sun);stroke:none}
.ablauf li.goal .ab-ic{background:var(--sun)}
.ablauf li.goal .ab-ic svg{stroke:var(--sun-ink)}
.ablauf li.goal .ab-ic svg .g{fill:#fff}
.ablauf li>div{display:grid;gap:1px}
.ablauf small{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.ablauf b{color:var(--ink);font-size:.95rem;line-height:1.3}
.ablauf li>div>span{font-size:.84rem;color:var(--ink2)}
@media (min-width:641px) and (max-width:860px){.ablauf{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.ablauf li:not(:last-child)::before{display:none}}

.next3{box-sizing:border-box;background:rgba(255,255,255,.07);border:1px solid var(--hero-line);border-radius:var(--r-lg);padding:24px;color:#fff;width:100%}
.next3 ol{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:18px;position:relative}
.next3 li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start;position:relative}
.next3 li:not(:last-child)::before{content:"";position:absolute;left:17px;top:36px;bottom:-18px;width:2px;background:rgba(255,255,255,.22)}
.next3 li>b{width:36px;height:36px;border-radius:50%;background:var(--sun);color:var(--sun-ink);display:grid;place-items:center;font-weight:800;font-size:.95rem}
.next3 strong{display:block;font-size:1rem;line-height:1.3;margin-top:2px}
.next3 span{display:block;font-size:.88rem;color:var(--hero-ink2);line-height:1.5;margin-top:2px}
.schul-hero .hero-cta{margin-top:26px}
@media (max-width:420px){.hello{grid-template-columns:minmax(0,1fr);justify-items:start}.hello img{width:84px;height:84px;margin:6px 0 0 6px}}
#fn,.fn-h{scroll-margin-top:120px}

/* ===== Für Schulen: Infoseite ===== */
.eck dl{margin:14px 0 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 16px}
.eck dt,.eck dd{padding-block:10px;border-top:1px solid var(--hero-line);margin:0;font-size:.9rem;line-height:1.4}
.eck dt{font-weight:700;color:#fff}
.eck dd{color:var(--hero-ink2)}
.eck dt:first-of-type,.eck dt:first-of-type+dd{border-top:0;padding-top:0}
.qa4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.qa4>div{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--sun);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow)}
.qa4 svg{width:44px;height:44px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;display:block;margin-bottom:12px}
.qa4 svg .g{fill:var(--sun);stroke:none}
.qa4 h3{font-size:1.08rem;font-weight:700;line-height:1.3;margin-bottom:6px}
.qa4 p{font-size:.95rem;color:var(--ink2);line-height:1.6}
.sf-dark{background:radial-gradient(1100px 520px at 15% -10%,rgba(63,136,143,.38),transparent 60%),var(--hero);color:#fff}
.sf-dark .eyebrow{color:var(--hero-accent)}
.sf-dark h2{color:#fff}
.split2{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:18px}
.split2>div{background:rgba(255,255,255,.06);border:1px solid var(--hero-line);border-radius:var(--r-lg);padding:24px}
.split2>div.us{border-color:var(--sun)}
.split2 h3{font-size:1.08rem;font-weight:700;margin-bottom:12px;color:#fff}
.chk{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.chk li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;font-size:.95rem;color:var(--hero-ink2);line-height:1.45}
.chk svg{width:22px;height:22px;padding:3px;border-radius:50%;background:var(--sun);fill:none;stroke:var(--sun-ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;box-sizing:border-box}
.weg4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative}
.weg4::before{content:"";position:absolute;left:22px;right:calc((100% - 54px)/4 - 22px);top:21px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--sun))}
.weg4 li{position:relative;display:grid;gap:6px;align-content:start}
.weg4 b{width:44px;height:44px;border-radius:50%;background:var(--hero);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 0 0 6px var(--alt);margin-bottom:8px}
.weg4 li.goal b{background:var(--sun);color:var(--sun-ink)}
.weg4 h3{font-size:1.08rem;font-weight:700}
.weg4 p{font-size:.92rem;color:var(--ink2);line-height:1.55}
.faq{display:grid;gap:10px;max-width:860px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.faq summary{cursor:pointer;list-style:none;padding:16px 52px 16px 20px;font-weight:700;font-size:1rem;line-height:1.35;position:relative;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:var(--blue);background:var(--blue-wash)}
.faq details[open] summary::after{content:"–"}
.faq p{margin:0;padding:0 20px 18px;font-size:.95rem;color:var(--ink2);line-height:1.65;max-width:70ch}
.kontakt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.kontakt img{width:clamp(110px,14vw,170px);height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 5px var(--hero),0 0 0 8px var(--sun)}
.kontakt h2{font-size:clamp(1.4rem,3vw,2.1rem);font-weight:800;margin:10px 0 10px;color:#fff}
.kontakt p{color:var(--hero-ink2);font-size:.95rem;line-height:1.7}
.kontakt a:not(.btn){color:#fff}
.kontakt .hero-cta{margin-top:20px}
.fn-cr{color:var(--muted)}
.fn-cr a{color:inherit}
h1.fn-h{margin-block:10px 10px}
@media (max-width:860px){.split2{grid-template-columns:minmax(0,1fr)}.weg4{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.weg4::before{display:none}.weg4 b{box-shadow:none}}
@media (max-width:640px){.qa4{grid-template-columns:minmax(0,1fr)}.weg4{grid-template-columns:minmax(0,1fr);gap:0}.weg4 li{grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding-bottom:22px}.weg4 li b{grid-row:1/span 2;margin:0}.weg4 li:not(:last-child)::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:var(--line2)}.weg4 h3{align-self:end}.weg4 p{grid-column:2}.kontakt{grid-template-columns:minmax(0,1fr);justify-items:start}.kontakt img{margin:8px}}

/* Titelbereich Jetzt anfragen */
.anf-hero{padding-block:clamp(28px,4vw,52px)}
.anf-hero .hello{background:rgba(255,255,255,.07);border:1px solid var(--hero-line);margin-bottom:0;box-sizing:border-box;width:100%;max-width:440px}
.anf-hero .hello img{box-shadow:0 0 0 3px var(--hero),0 0 0 6px var(--sun)}
h2.fn-h{margin-bottom:18px}
.anf-hero .sh-grid{align-items:start;margin-top:18px}
.anf-hero h1{margin-top:0}
.anf-hero .hello{max-width:none}
@media (min-width:980px){.anf-hero .sh-grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:44px}}
@media (max-width:979px){.anf-hero .hello{max-width:440px}}
#v-anfrage .aside{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(18px,3vw,28px);box-shadow:var(--shadow)}
#v-anfrage .aside>h3{font-size:1.15rem;font-weight:800;margin-bottom:14px}
@media (min-width:861px){#v-anfrage .aside{margin-top:calc(clamp(1.5rem,3vw,2rem)*1.15 + 18px)}}
@media (min-width:980px){.anf-hero .sh-grid{align-items:stretch}.anf-hero .hello{align-content:center;grid-template-columns:120px minmax(0,1fr);gap:22px;padding:12px 24px}.anf-hero .hello img{width:120px;height:120px}.anf-hero .hello b{font-size:1.15rem}.anf-hero .hello div{font-size:.95rem;gap:5px}}
.anf-hero .sh-l>:last-child{margin-bottom:0}

/* Ablauf in zwei Reitern */
.abtabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--alt);border-radius:999px;padding:4px;margin-bottom:16px}
.abtabs button{font:inherit;font-weight:700;font-size:.86rem;line-height:1.2;border:0;border-radius:999px;background:transparent;color:var(--ink2);padding:10px 8px;cursor:pointer;min-width:0}
.abtabs button[aria-selected="true"]{background:var(--hero);color:#fff}
.abtabs button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.ablauf.num .ab-ic{color:#fff;font-weight:800;font-size:1rem}
.ablauf.num li.goal .ab-ic{color:var(--sun-ink)}
.ablauf.num li{align-items:start}
.ablauf.num li:not(:last-child)::before{top:30px}
.kontakt img{margin:8px}

/* ===== Rechtliches, Footer, Einwilligung ===== */
.legal{padding-block:48px 80px;max-width:820px}
.legal h1{font-size:clamp(1.9rem,4.4vw,2.8rem);font-weight:800;margin-block:10px 22px}
.legal h2{font-size:1.2rem;font-weight:800;margin:30px 0 8px}
.legal p{margin:0 0 12px;font-size:1rem;line-height:1.7;color:var(--ink2);max-width:72ch}
.legal p strong{color:var(--ink)}
.legal a{color:var(--blue-ink)}
.legal code{font-size:.9em;background:var(--alt);padding:1px 6px;border-radius:4px}
mark.todo{background:var(--sun-wash);color:var(--ink);border:1px dashed var(--coral);border-radius:4px;padding:1px 6px;font-weight:600;font-size:.92em}
mark.todo::before{content:"Offen: ";font-weight:800}
.foot-legal{display:flex!important;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;border-top:1px solid var(--hero-line);padding-block:16px 22px!important;font-size:.82rem}
.foot-legal nav{display:flex;gap:6px 20px;flex-wrap:wrap}
.foot-legal a{text-decoration:underline;text-underline-offset:3px}
.cc{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:12px;pointer-events:none}
.cc-in{pointer-events:auto;max-width:760px;margin:0 auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-top:4px solid var(--sun);border-radius:var(--r-lg);box-shadow:0 18px 50px -12px rgba(20,32,42,.45);padding:clamp(18px,3vw,26px);max-height:calc(100vh - 24px);overflow:auto}
.cc h2{font-size:1.15rem;font-weight:800;margin-bottom:8px}
.cc p{font-size:.92rem;line-height:1.6;color:var(--ink2);margin:0}
.cc-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.cc-btns .btn{flex:1 1 180px;justify-content:center;padding:12px 18px}
.cc-btns .btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.cc-links{margin-top:12px!important;font-size:.82rem!important}
.cc-links a{color:var(--blue-ink)}
.cc-cat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;padding-block:12px;border-top:1px solid var(--line)}
.cc-cat b{display:block;font-size:.98rem}
.cc-cat span{font-size:.86rem;color:var(--ink2);line-height:1.5;display:block}
.cc-cat em{font-style:normal;font-size:.8rem;font-weight:700;color:var(--blue-ink);white-space:nowrap}
.cc-cat input{width:22px;height:22px;accent-color:var(--blue)}
.cc-none{padding-block:12px;border-top:1px solid var(--line);font-size:.86rem;color:var(--ink2);line-height:1.5}
@media (max-width:480px){.brand svg{height:15px}.brand span{letter-spacing:.1em;padding-left:7px}.brand{gap:8px}.top-cta{padding:8px 11px;font-size:.78rem}.top-in{flex-wrap:wrap}.brand{flex:0 1 auto;min-width:0}}
@media (max-width:640px){.cc p{font-size:.86rem}.cc-in{padding:16px}}
.foot-legal{border-top:0;padding-block:22px!important}
/* Feinschliff: Umbruch langer Wörter, Mindestschriftgrößen */
body{overflow-wrap:break-word}
dd,.tl-m,.tl-m b,.way-detail dd,.eck dd,.legal p,.faq p,.qa4 p,.chk span{hyphens:auto;overflow-wrap:anywhere}
.brand span{font-size:.66rem!important}
.ptab .who{font-size:.66rem!important}
th{font-size:.7rem!important}
/* Dunkles Farbschema: aktive Elemente abheben */
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]) .ptab[aria-selected="true"]{box-shadow:inset 0 0 0 2px var(--sun)}
:root:not([data-theme="light"]) .abtabs button[aria-selected="true"]{background:var(--blue);color:var(--on-blue)}
:root:not([data-theme="light"]) .weg4 b{box-shadow:0 0 0 2px var(--line2),0 0 0 8px var(--alt)}
:root:not([data-theme="light"]) .ab-ic{box-shadow:0 0 0 2px var(--line2)}
:root:not([data-theme="light"]) .ablauf li.goal .ab-ic{box-shadow:none}
:root:not([data-theme="light"]) mark.todo{color:#fff}
}
:root[data-theme="dark"] .ptab[aria-selected="true"]{box-shadow:inset 0 0 0 2px var(--sun)}
:root[data-theme="dark"] .abtabs button[aria-selected="true"]{background:var(--blue);color:var(--on-blue)}
:root[data-theme="dark"] .weg4 b{box-shadow:0 0 0 2px var(--line2),0 0 0 8px var(--alt)}
:root[data-theme="dark"] .ab-ic{box-shadow:0 0 0 2px var(--line2)}
:root[data-theme="dark"] .ablauf li.goal .ab-ic{box-shadow:none}
:root[data-theme="dark"] mark.todo{color:#fff}
.sres-row{grid-template-columns:70px 1fr 68px}
.sres-row>span{white-space:nowrap}
@media (max-width:480px){.sres-row{grid-template-columns:64px 1fr 62px;gap:8px;font-size:.78rem}}
/* Broschüre zum Download */
.bro{margin-top:26px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 32px;align-items:center;background:var(--alt);border-left:4px solid var(--sun);border-radius:var(--r-lg);padding:clamp(18px,3vw,28px)}
.bro h3{font-size:1.2rem;font-weight:800;margin:8px 0 6px}
.bro p{font-size:.95rem;color:var(--ink2);line-height:1.6;max-width:60ch}
.bro .hero-cta{margin-top:0}
@media (max-width:860px){.bro{grid-template-columns:minmax(0,1fr)}}
/* So wird dort gelernt: Name und Einstufung immer in einer Zeile */
.lm-grid .lm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:baseline}
.lm-grid .lm b,.lm-grid .lm span{white-space:nowrap}
.lm-grid .lm b{grid-area:1/1}.lm-grid .lm span{grid-area:1/2}
.lm-grid .lm .bar{grid-area:2/1/3/3;order:0;margin-top:0;flex:none}
.lm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 40px}
@media (max-width:560px){.lm-grid{grid-template-columns:minmax(0,1fr);gap:12px}}
html{scroll-behavior:auto}
body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}