:root{--grund: #0b111f;--flaeche: #111a2b;--erhoben: #17223a;--linie: #22304c;--linie-hell: #2e4166;--text: #e8edf6;--gedaempft: #93a3bf;--leise: #7d8dae;--blau: #3082f6;--blau-dunkel: #2472e4;--blau-hell: #6ba6ff;--navy: #0f182b;--arbeit: #f0a02b;--fehler: #f0645a;--r-flaeche: 14px;--r-feld: 10px;--r-pille: 999px;--a1: 4px;--a2: 8px;--a3: 12px;--a4: 16px;--a5: 24px;--a6: 32px;--tippflaeche: 44px;--schrift: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--wechsel: .16s;color-scheme:dark}*{box-sizing:border-box}html,body,#wurzel{height:100%}body{margin:0;background:var(--grund);color:var(--text);font-family:var(--schrift);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}button{font-family:inherit}:focus-visible{outline:2px solid var(--blau-hell);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.anmelde-buehne{min-height:100dvh;display:grid;place-items:center;padding:var(--a5) var(--a4);padding-bottom:calc(var(--a5) + env(safe-area-inset-bottom));background:radial-gradient(120% 90% at 50% -10%,#16243f 0%,var(--grund) 60%)}.anmelde-karte{width:100%;max-width:400px}.marke{display:flex;flex-direction:column;align-items:center;gap:var(--a4);margin-bottom:var(--a6)}.marke-wort{font-size:24px;font-weight:700;letter-spacing:-.5px}.marke-wort span{color:var(--blau)}.feldblock{margin-bottom:var(--a4)}label{display:block;font-size:13px;font-weight:600;color:var(--gedaempft);margin-bottom:7px}input[type=email],input[type=password]{width:100%;height:52px;background:var(--grund);border:1px solid var(--linie);border-radius:var(--r-feld);color:var(--text);font-family:inherit;font-size:16px;padding:0 15px;transition:border-color var(--wechsel),box-shadow var(--wechsel)}input::placeholder{color:var(--leise)}input:focus{outline:none;border-color:var(--blau);box-shadow:0 0 0 3px #3082f63d}input[aria-invalid=true]{border-color:var(--fehler)}.knopf-haupt{width:100%;min-height:52px;border:0;border-radius:var(--r-feld);background:var(--blau);color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:var(--a3);transition:background var(--wechsel),transform 80ms}.knopf-haupt:hover:not(:disabled){background:var(--blau-dunkel)}.knopf-haupt:active:not(:disabled){transform:translateY(1px)}.knopf-haupt:disabled{opacity:.65;cursor:default}.feldfehler,.formfehler{display:flex;gap:9px;align-items:flex-start;margin-top:9px;font-size:13.5px;color:var(--fehler)}.formfehler{margin-top:var(--a4)}.hinweis{margin-top:var(--a5);text-align:center;font-size:13px;color:var(--leise)}.haupt{display:grid;grid-template-columns:252px 1fr 288px;height:100dvh}.spalte{display:flex;flex-direction:column;min-width:0}.spalte-links{background:var(--grund);border-right:1px solid var(--linie)}.spalte-rechts{background:var(--grund);border-left:1px solid var(--linie)}.spaltenkopf{min-height:60px;display:flex;align-items:center;gap:var(--a3);padding:var(--a2) var(--a4);padding-top:calc(var(--a2) + env(safe-area-inset-top));border-bottom:1px solid var(--linie);flex-shrink:0}.spaltenkopf-titel{font-size:14.5px;font-weight:700;letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spaltenkopf-neben{margin-left:auto;flex-shrink:0}.rolle{padding:var(--a5) var(--a4) var(--a2);font-size:11px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--leise)}.scrollbar{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.leerhinweis{padding:var(--a4);font-size:13.5px;color:var(--leise);line-height:1.6}.symbolknopf{width:var(--tippflaeche);height:var(--tippflaeche);border:0;border-radius:var(--r-feld);background:none;color:var(--gedaempft);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:background var(--wechsel),color var(--wechsel)}.symbolknopf:hover{background:var(--flaeche);color:var(--text)}.mitte-leer{flex:1;display:grid;place-items:center;padding:var(--a6) var(--a5);overflow-y:auto}.zustandskarte{max-width:46ch;text-align:center}.zustandskarte h2{font-size:19px;font-weight:700;margin:var(--a5) 0 var(--a2);letter-spacing:-.2px}.zustandskarte p{margin:0 0 var(--a3);color:var(--gedaempft);font-size:15px}.zustandsmarke{display:inline-flex;align-items:center;gap:var(--a2);height:32px;padding:0 14px;border-radius:var(--r-pille);border:1px solid var(--linie);background:var(--flaeche);font-size:13px;color:var(--gedaempft)}.zustandspunkt{width:8px;height:8px;border-radius:50%;background:var(--arbeit);flex-shrink:0}.eingabe{border-top:1px solid var(--linie);padding:var(--a4) var(--a5) var(--a5);padding-bottom:calc(var(--a5) + env(safe-area-inset-bottom));background:var(--flaeche);flex-shrink:0}.eingabefeld{display:flex;align-items:flex-end;gap:var(--a3);background:var(--grund);border:1px solid var(--linie);border-radius:var(--r-flaeche);padding:var(--a1) var(--a1) var(--a1) var(--a4);opacity:.55}.eingabefeld textarea{flex:1;background:none;border:0;resize:none;color:var(--text);font-family:inherit;font-size:16px;line-height:1.5;outline:none;min-height:var(--tippflaeche);padding:11px 0}.eingabefeld textarea::placeholder{color:var(--leise)}.senden{width:var(--tippflaeche);height:var(--tippflaeche);border:0;border-radius:var(--r-feld);background:var(--blau);display:grid;place-items:center;flex-shrink:0}.unterzeile{margin-top:var(--a3);font-size:12px;color:var(--leise)}.abschnitt{padding:var(--a4)}.abschnitt+.abschnitt{border-top:1px solid var(--linie)}.abschnitt h3{font-size:11px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--leise);margin:0 0 var(--a3)}.nur-schmal{display:none}@media(max-width:1080px){.haupt{grid-template-columns:220px 1fr}.spalte-rechts{display:none}}@media(max-width:760px){.haupt{grid-template-columns:1fr}.spalte-links{display:none}.spalte-links.offen{display:flex;position:fixed;inset:0;z-index:10;width:100%;border-right:0}.nur-schmal{display:grid}.eingabe{padding-left:var(--a4);padding-right:var(--a4)}.mitte-leer{padding:var(--a5) var(--a4)}}.visuell-versteckt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}