@font-face{font-family:Outfit;src:url(/fonts/Outfit-VariableFont_wght.ttf)format("truetype-variations"),url(/fonts/Outfit-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{--action:#0f172a;--primary:#009ee3;--primary-tief:#0077c0;--primary-hell:#4cc3f5;--marine:#14294a;--marine-2:#1d3760;--steel:#334155;--base:#edf1f7;--flaeche:#e4eaf3;--surface:#fff;--ink:#0f172a;--muted:#64748b;--linie:#141e5a17;--success:#10b981;--signal:#ef4444;--amber:#f59e0b;--gold:#f59e0b1a;--gold-ink:#b45309;--akzent-flaeche:#009ee31a;--glas:#ffffff7a;--glas-hover:#fffc;--glas-rand:#ffffffa3;--sans:"Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--schatten:0 2px 12px 0 #0000000d, inset 0 0 18px 0 #009ee30d;--schatten-popover:0 2px 8px 0 #00000012, 0 8px 40px 0 #00000021;--schatten-btn:0 2px 8px 0 #009ee340;--schatten-btn-hover:0 4px 14px 0 #009ee361}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--base);-webkit-font-smoothing:antialiased;font-size:17px;font-weight:400;line-height:1.55;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}:focus-visible{outline-offset:2px;outline:2px solid #009ee380}.stat{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.primary{color:var(--primary)}b,strong{font-weight:600}.buehne{flex-direction:column;display:flex;position:fixed;inset:0}.licht{z-index:-1;background:linear-gradient(-32deg, var(--base) 64.6%, var(--flaeche) 135.4%);transition:background .6s;position:fixed;inset:0;overflow:hidden}.licht:before,.licht:after{content:"";aspect-ratio:1;filter:blur(80px);border-radius:50%;transition:background .6s;position:absolute}.licht:before{background:#009ee31a;width:46%;top:-20%;left:-8%;box-shadow:70vw 60vh #006ed214}.licht:after{background:#00c3ff12;width:36%;top:-11%;right:-5%;box-shadow:-40vw 60vh 0 6vw #009ee312}.buehne.dunkel .licht{background:#1a1818}.buehne.dunkel .licht:before{background:#009ee317}.buehne.dunkel .licht:after{background:#009ee30f}.kopf{flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;padding:18px 32px;display:flex}.kopf img{width:auto;height:26px;display:block}.werkzeuge{opacity:.55;gap:4px;transition:opacity .15s;display:flex}.werkzeuge:hover{opacity:1}.icon-btn{width:38px;height:38px;color:var(--muted);border:1px solid #0000;border-radius:10px;place-items:center;transition:background .15s,color .15s;display:grid}.icon-btn:hover{background:var(--glas);color:var(--primary)}.buehne.dunkel .icon-btn{color:#ffffff6b}.buehne.dunkel .icon-btn:hover{color:#fff;background:#28282cb3}.folie-rahmen{flex:1;position:relative;overflow:hidden}.folie{justify-content:center;align-items:center;padding:8px 48px 24px;display:flex;position:absolute;inset:0;overflow-y:auto}.folie-inhalt{width:100%;max-width:1240px;margin:auto}.fuss{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 32px 20px;display:flex}.fortschritt{background:#141e5a14;border-radius:2px;flex:1;max-width:520px;height:4px;overflow:hidden}.fortschritt span{background:var(--primary);border-radius:2px;height:100%;transition:width .4s;display:block}.zaehler{color:var(--muted);text-align:center;min-width:56px;font-size:13px;font-weight:500}.buehne.dunkel .zaehler{color:#ffffff6b}.buehne.dunkel .fortschritt{background:#ffffff1a}.nav-btns{gap:8px;display:flex}.rein>*{animation:.5s cubic-bezier(.2,.7,.2,1) both rein}.rein>:nth-child(2){animation-delay:70ms}.rein>:nth-child(3){animation-delay:.14s}.rein>:nth-child(4){animation-delay:.21s}.rein>:nth-child(5){animation-delay:.28s}.rein>:nth-child(6){animation-delay:.35s}@keyframes rein{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.rein>*,.rein>* *{animation:none!important}*{transition-duration:0s!important}}.eyebrow{background:var(--akzent-flaeche);color:var(--primary);letter-spacing:.01em;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:5px 11px;font-size:13px;font-weight:500;display:inline-flex}.dunkel .eyebrow{color:var(--primary-hell);background:#009ee329}.h1{letter-spacing:-.02em;color:var(--action);font-size:clamp(40px,4.6vw,70px);font-weight:600;line-height:1.06}.h2{letter-spacing:-.015em;color:var(--action);font-size:clamp(30px,3.1vw,46px);font-weight:600;line-height:1.12}.h3{color:var(--action);font-size:clamp(19px,1.5vw,22px);font-weight:600;line-height:1.3}.lead{color:var(--steel);font-size:clamp(17px,1.35vw,20px);line-height:1.55}.klein{color:var(--muted);font-size:14px;line-height:1.5}.dunkel .h1,.dunkel .h2,.dunkel .h3{color:#ffffffeb}.dunkel .lead{color:#ffffffa6}.dunkel .klein{color:#ffffff6b}.kopfzeile{flex-direction:column;gap:16px;max-width:920px;margin-bottom:34px;display:flex}.kopfzeile.mitte{text-align:center;align-items:center;margin-inline:auto}.btn{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;height:44px;padding:0 18px;font-size:15.5px;font-weight:500;line-height:1.2;transition:background-color .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn .chip{place-items:center;margin-left:-4px;display:grid}.btn-ink{background:var(--primary);color:#fff;box-shadow:var(--schatten-btn);border-color:#ffffff0a}.btn-ink:hover{background:color-mix(in oklab, white 10%, var(--primary));box-shadow:var(--schatten-btn-hover)}.btn-light{background:var(--glas-hover);color:var(--action);box-shadow:0 1px 3px #0000000d}.btn-light:hover{background:#fff}.btn-rand{background:var(--glas);color:var(--action);border-color:var(--linie);box-shadow:0 1px 3px #0000000d}.btn-rand:hover{background:var(--glas-hover);box-shadow:0 3px 8px #0000001a}.btn:disabled{opacity:.5;cursor:default}.nav-btn{background:var(--glas);border:1px solid var(--linie);width:42px;height:42px;color:var(--action);border-radius:10px;place-items:center;transition:background .15s;display:grid;box-shadow:0 1px 3px #0000000d}.nav-btn:hover{background:var(--glas-hover)}.nav-btn.vor{background:var(--primary);color:#fff;box-shadow:var(--schatten-btn);border-color:#ffffff0a}.nav-btn:disabled{opacity:.35;cursor:default}.dunkel .nav-btn{color:#fff;background:#28282cb3;border-color:#ffffff1a}.dunkel .nav-btn.vor{background:var(--primary)}.karte{background:var(--glas);border:1px solid var(--glas-rand);box-shadow:var(--schatten);-webkit-backdrop-filter:blur(24px);border-radius:18px}.marine-karte{background:var(--marine);color:#fff;border-radius:18px;box-shadow:0 16px 40px -24px #14294a99}.raster{gap:20px;display:grid}.raster-2{grid-template-columns:repeat(2,minmax(0,1fr))}.raster-3{grid-template-columns:repeat(3,minmax(0,1fr))}.raster-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1000px){.raster-3,.raster-4{grid-template-columns:repeat(2,minmax(0,1fr))}.folie{padding:8px 20px 24px}.kopf{padding:14px 16px}}@media (max-width:640px){.raster-2,.raster-3,.raster-4{grid-template-columns:1fr}}.segmente{background:var(--glas);border:1px solid var(--glas-rand);box-shadow:var(--schatten);border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.segmente button{color:var(--muted);border-radius:10px;padding:8px 15px;font-size:15px;font-weight:500;transition:background .15s,color .15s}.segmente button:hover{color:var(--primary)}.segmente button.aktiv{background:var(--primary);color:#fff;box-shadow:var(--schatten-btn)}.feld{flex-direction:column;gap:6px;display:flex}.feld label,.feld .label{color:var(--steel);font-size:13px;font-weight:500}.feld input,.feld select{border:1px solid var(--linie);background:var(--glas-hover);height:44px;color:var(--ink);border-radius:10px;padding:0 13px;font-size:16px;font-weight:400}.feld input:focus,.feld select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #009ee333}.slider{appearance:none;background:#141e5a1a;border-radius:3px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;width:22px;height:22px;box-shadow:var(--schatten-btn);border:3px solid #fff;border-radius:50%}.slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:22px;height:22px}.slider:focus-visible{outline-offset:4px;outline:2px solid #009ee380}.toast{z-index:50;-webkit-backdrop-filter:blur(24px);width:380px;box-shadow:var(--schatten-popover);border:1px solid var(--glas-rand);background:#ffffffd9;border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;animation:.42s cubic-bezier(.2,.8,.2,1) both toast;display:flex;position:fixed;top:78px;right:28px}.toast .punkt{width:36px;height:36px;color:var(--success);background:#10b9811f;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.toast b{color:var(--action);font-size:15px;display:block}.toast span{color:var(--muted);font-size:14px}@keyframes toast{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}.overlay{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a59;place-items:center;padding:24px;animation:.2s both rein;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--glas-rand);width:100%;max-width:480px;box-shadow:var(--schatten-popover);color:var(--ink);background:#ffffffeb;border-radius:18px;flex-direction:column;gap:18px;padding:28px;display:flex}