@charset "UTF-8";:root{--canvas: #060a14;--canvas-2: #0a1122;--panel: #0e1729;--panel-2: #132038;--line: #1e2d4a;--line-stark: #2c4370;--accent: #2f8fff;--accent-hover: #5aa8ff;--accent-muted: rgba(47, 143, 255, .22);--ice: #bfe0ff;--signal: #ff2e9a;--signal-weich: rgba(255, 46, 154, .16);--signal-rand: rgba(255, 46, 154, .42);--text-primary: #e8eefc;--text-secondary: #93a7ca;--text-leise: #6c81a6;--display: "Archivo Black", system-ui, sans-serif;--body: "Manrope", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, .61, .36, 1);--ease-weich: cubic-bezier(.4, 0, .2, 1);--rand: 14px;--rand-klein: 10px;--breite: 1240px;--kopf-hoehe: 72px;--tshadow: 0 1px 2px rgba(5, 5, 10, .95), 0 3px 12px rgba(5, 5, 10, .78), 0 10px 44px rgba(5, 5, 10, .8)}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden;overflow-x:clip}html{scroll-behavior:smooth}[id]{scroll-margin-top:calc(var(--kopf-hoehe) + 16px)}main:focus{outline:none}body{margin:0;background:var(--canvas);color:var(--text-primary);font-family:var(--body);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.02;letter-spacing:-.015em;margin:0;text-transform:uppercase}h1{font-size:clamp(2.6rem,7.4vw,5.4rem)}h2{font-size:clamp(1.9rem,4.2vw,3.2rem)}h3{font-size:clamp(1.05rem,1.7vw,1.35rem);letter-spacing:.01em}p{margin:0}::selection{background:var(--accent);color:#04070f}:focus-visible{outline:2px solid var(--accent-hover);outline-offset:3px;border-radius:4px}.umgebung{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(1100px 760px at 78% -6%,rgba(47,143,255,.17),transparent 62%),radial-gradient(900px 700px at 8% 104%,rgba(27,95,208,.14),transparent 60%),linear-gradient(180deg,#060a14,#070d1c 46%,#050912)}.umgebung:before{content:"";position:absolute;inset:-14%;background:radial-gradient(520px 420px at 22% 30%,rgba(47,143,255,.13),transparent 66%),radial-gradient(460px 380px at 80% 68%,rgba(124,196,255,.09),transparent 66%);animation:bm-drift 92s var(--ease-weich) -22s infinite alternate}.umgebung:after{content:"";position:absolute;inset:0;opacity:.5;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px)}@keyframes bm-drift{0%{transform:translate3d(-2.2%,-1.6%,0) scale(1.02)}to{transform:translate3d(2.6%,2%,0) scale(1.07)}}.skip{position:absolute;left:16px;top:-64px;z-index:200;background:var(--accent);color:#04070f;font-weight:800;padding:12px 18px;border-radius:var(--rand-klein);transition:top .2s var(--ease)}.skip:focus{top:16px}body.pausiert *,body.pausiert *:before,body.pausiert *:after{animation-play-state:paused!important}body.schublade-auf{overflow:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}}.wrap{width:100%;max-width:var(--breite);margin-inline:auto;padding-inline:22px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:999px;font-weight:800;font-size:.97rem;border:1px solid transparent;transition:transform .28s var(--ease),background .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease),color .28s var(--ease),opacity .28s var(--ease)}.knopf:active{transform:scale(.975)}.knopf:disabled{opacity:.38;pointer-events:none}.knopf-haupt{background:var(--accent);color:#04070f;box-shadow:0 8px 30px #2f8fff4d}.knopf-haupt:hover{background:var(--accent-hover);box-shadow:0 12px 40px #2f8fff6b}.knopf-rand{border-color:var(--line-stark);color:var(--text-primary);background:#0e172999}.knopf-rand:hover{border-color:var(--accent);background:#2f8fff1f}.knopf-leise{color:var(--text-secondary);padding:10px 16px}.knopf-leise:hover{color:var(--text-primary)}.mini-knopf{padding:6px 11px;border-radius:8px;border:1px solid var(--line);font-size:.8rem;color:var(--text-secondary);transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.mini-knopf:hover{color:var(--text-primary);border-color:var(--line-stark);background:#2f8fff14}.mini-knopf.gefahr:hover{color:var(--signal);border-color:var(--signal);background:var(--signal-weich)}@media(pointer:coarse){.knopf{min-height:44px;display:inline-flex;align-items:center;justify-content:center}}.sektion{position:relative;padding:clamp(72px,10vw,132px) 0}.sektion-schmal{position:relative;padding:clamp(56px,7vw,92px) 0}.kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.kicker:before{content:"";width:26px;height:1px;background:var(--accent);opacity:.7}.lede{color:var(--text-secondary);font-size:1.08rem;max-width:54ch;margin-top:18px}.karte{position:relative;border-radius:var(--rand);background:linear-gradient(180deg,#132038b8,#0a1122b8);border:1px solid var(--line);transition:border-color .35s var(--ease),transform .35s var(--ease),background .35s var(--ease),box-shadow .35s var(--ease)}.karte:hover{border-color:var(--line-stark);transform:translateY(-3px);box-shadow:0 18px 50px #03081499}.fahne{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;border:1px dashed var(--line-stark);background:#2f8fff12;font-family:var(--mono);font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;color:var(--text-secondary)}.trenner{display:block;width:100%;height:60px;overflow:visible}.trenner path{fill:none;stroke:var(--accent);stroke-width:1.4;opacity:.42;stroke-dasharray:var(--len, 1400);stroke-dashoffset:var(--len, 1400);transition:stroke-dashoffset 1.5s var(--ease)}.trenner.in path{stroke-dashoffset:0}.auf{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.auf.in{opacity:1;transform:none}.staffel>*{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.staffel.in>*{opacity:1;transform:none}.staffel.in>*:nth-child(1){transition-delay:0s}.staffel.in>*:nth-child(2){transition-delay:.07s}.staffel.in>*:nth-child(3){transition-delay:.14s}.staffel.in>*:nth-child(4){transition-delay:.21s}.staffel.in>*:nth-child(5){transition-delay:.28s}.staffel.in>*:nth-child(6){transition-delay:.35s}.staffel.in>*:nth-child(7){transition-delay:.42s}.staffel.in>*:nth-child(8){transition-delay:.49s}.staffel.in>*:nth-child(9){transition-delay:.56s}.staffel.in>*:nth-child(10){transition-delay:.63s}.staffel.fertig>*:nth-child(1){transition-delay:0s}.staffel.fertig>*:nth-child(2){transition-delay:0s}.staffel.fertig>*:nth-child(3){transition-delay:0s}.staffel.fertig>*:nth-child(4){transition-delay:0s}.staffel.fertig>*:nth-child(5){transition-delay:0s}.staffel.fertig>*:nth-child(6){transition-delay:0s}.staffel.fertig>*:nth-child(7){transition-delay:0s}.staffel.fertig>*:nth-child(8){transition-delay:0s}.staffel.fertig>*:nth-child(9){transition-delay:0s}.staffel.fertig>*:nth-child(10){transition-delay:0s}.partikel{position:absolute;inset:0;overflow:hidden;pointer-events:none}.partikel i{position:absolute;bottom:-12px;width:3px;height:3px;border-radius:50%;background:var(--ice);opacity:0}.sichtbar .partikel i{animation:bm-steigen linear infinite}@keyframes bm-steigen{0%{transform:translateY(0) scale(.7);opacity:0}12%{opacity:.5}82%{opacity:.32}to{transform:translateY(-360px) scale(1.15);opacity:0}}.feld{display:grid;gap:7px}.feld>span{font-family:var(--mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-leise)}.feld input,.feld textarea,.feld select{width:100%;padding:12px 14px;border-radius:var(--rand-klein);border:1px solid var(--line);background:#060c18bf;color:var(--text-primary);font-size:.94rem;resize:vertical;transition:border-color .25s var(--ease),background .25s var(--ease)}.feld input::placeholder,.feld textarea::placeholder,.feld select::placeholder{color:var(--text-leise)}.feld input:focus,.feld textarea:focus,.feld select:focus{outline:none;border-color:var(--accent);background:#0a1122e6}.wahl{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:var(--rand-klein);background:#0a112299;cursor:pointer;transition:border-color .25s var(--ease),background .25s var(--ease)}.wahl:has(input:checked){border-color:var(--accent);background:#2f8fff1a}.wahl input{accent-color:var(--accent);width:17px;height:17px;flex:0 0 auto}.wahl span{display:flex;flex-direction:column;gap:2px}.wahl small{color:var(--text-leise);font-family:var(--mono);font-size:.72rem}.wahl.wahl-aus{opacity:.48;cursor:not-allowed}.wahl.wahl-aus input{cursor:not-allowed}.haken{display:flex;gap:12px;align-items:flex-start;font-size:.87rem;color:var(--text-secondary);cursor:pointer}.haken input{accent-color:var(--accent);width:18px;height:18px;margin-top:2px;flex:0 0 auto}.fehlermeldung{color:#ffbde2;background:var(--signal-weich);border:1px solid var(--signal-rand);padding:11px 14px;border-radius:9px;font-size:.87rem}.schalter{position:relative;display:inline-flex;align-items:center;width:42px;height:24px;border-radius:999px;flex:0 0 auto;background:#1e2d4ae6;border:1px solid var(--line-stark);cursor:pointer;transition:background .25s var(--ease),border-color .25s var(--ease)}.schalter:after{content:"";position:absolute;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-leise);transition:transform .25s var(--ease),background .25s var(--ease)}.schalter input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.schalter:has(input:checked){background:#2f8fff4d;border-color:var(--accent)}.schalter:has(input:checked):after{transform:translate(18px);background:var(--accent)}.schalter:has(input:focus-visible){outline:2px solid var(--accent-hover);outline-offset:2px}.alter-marke{font-family:var(--mono);font-size:.66rem;padding:1px 5px;border-radius:4px;border:1px solid var(--line-stark);color:var(--text-secondary)}@media(max-width:760px){body{font-size:16px}.wrap{padding-inline:18px}}@media(prefers-reduced-motion:reduce){.auf,.staffel>*{opacity:1!important;transform:none!important}.trenner path{stroke-dashoffset:0!important}.partikel{display:none}}