:root{--ground:#f3f5f8;--surface:#fff;--surface-2:#e9edf2;--ink:#141a23;--ink-2:#4a5462;--ink-3:#74808f;--rule:#d7dde5;--rule-soft:#e6eaf0;--accent:#27496d;--accent-ink:#fff;--accent-soft:#e2eaf3;--ok:#2c6e49;--ok-bg:#e3efe7;--warn:#8f5b18;--warn-bg:#f6ecd9;--bad:#9a2e2e;--bad-bg:#f6e2e2;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r:6px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0f141b;--surface:#171e27;--surface-2:#1f2833;--ink:#e7ecf2;--ink-2:#b0bbca;--ink-3:#838f9f;--rule:#2d3846;--rule-soft:#242d39;--accent:#8fb4d9;--accent-ink:#0e1319;--accent-soft:#1d2b3a;--ok:#7cc49a;--ok-bg:#17281f;--warn:#dcb076;--warn-bg:#2a2216;--bad:#e39191;--bad-bg:#2b1b1b}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}.kopf{background:var(--surface);border-bottom:1px solid var(--rule);z-index:10;position:sticky;top:0}.kopf .zeile{align-items:center;gap:14px;max-width:780px;margin:0 auto;padding:12px 16px;display:flex}.marke{letter-spacing:-.01em;color:var(--ink);margin-right:auto;font-size:17px;font-weight:700;text-decoration:none}.marke span{color:var(--accent)}.kopf nav{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.kopf nav a,.kopf nav button{font:inherit;color:var(--ink-2);border-radius:var(--r);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:14px;text-decoration:none}.kopf nav a:hover,.kopf nav button:hover{background:var(--surface-2);color:var(--ink)}main{max-width:780px;margin:0 auto;padding:22px 16px 80px}h1{letter-spacing:-.015em;margin:0 0 6px;font-size:24px;line-height:1.2}h2{letter-spacing:-.01em;margin:30px 0 12px;font-size:17px}h2:first-child{margin-top:0}.unterzeile{color:var(--ink-2);margin:0 0 22px;font-size:15px}.karte{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);margin-bottom:12px;padding:16px}.karten{gap:12px;display:grid}a.karte{color:inherit;text-decoration:none;display:block}a.karte:hover{border-color:var(--accent)}.karte h3{margin:0 0 4px;font-size:16px}.karte p{color:var(--ink-2);margin:0;font-size:14.5px}.karte.aus{opacity:.55}form.stapel{gap:14px;display:grid}label{color:var(--ink);margin-bottom:5px;font-size:14px;font-weight:600;display:block}label .zusatz{color:var(--ink-3);font-weight:400}input[type=text],input[type=password],input[type=number],input[type=email],input[type=tel],select,textarea{width:100%;font:inherit;border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);color:var(--ink);padding:10px 12px;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.paar{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:520px){.paar{grid-template-columns:3fr 1fr}.paar.halb{grid-template-columns:1fr 2fr}}button.knopf,a.knopf{font:inherit;border:1px solid var(--accent);border-radius:var(--r);background:var(--accent);color:var(--accent-ink);cursor:pointer;text-align:center;padding:12px 18px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}button.knopf:hover,a.knopf:hover{filter:brightness(1.1)}button.knopf:disabled{opacity:.5;cursor:default}button.knopf.leise,a.knopf.leise{background:var(--surface);color:var(--ink);border-color:var(--rule)}button.knopf.klein,a.knopf.klein{padding:7px 12px;font-size:14px;font-weight:500}.meldung{border-radius:var(--r);border:1px solid #0000;margin-bottom:14px;padding:12px 14px;font-size:14.5px}.meldung.fehler{background:var(--bad-bg);color:var(--bad);border-color:var(--bad)}.meldung.gut{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}.meldung.hinweis{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}.liste{border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);overflow:hidden}.liste .eintrag{border-bottom:1px solid var(--rule-soft);flex-wrap:wrap;align-items:flex-start;gap:12px;padding:13px 15px;display:flex}.liste .eintrag:last-child{border-bottom:none}.liste .eintrag .haupt{flex:200px;min-width:0}.liste .eintrag .titel{font-size:15px;font-weight:600}.liste .eintrag .neben{color:var(--ink-3);margin-top:2px;font-size:13.5px}.leer{text-align:center;color:var(--ink-3);padding:26px 16px;font-size:14.5px}.betrag{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.marker{letter-spacing:.04em;text-transform:uppercase;background:var(--surface-2);color:var(--ink-2);white-space:nowrap;border-radius:3px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}.marker.gut{background:var(--ok-bg);color:var(--ok)}.marker.warn{background:var(--warn-bg);color:var(--warn)}.marker.fehler{background:var(--bad-bg);color:var(--bad)}.code{font-family:var(--mono);letter-spacing:.08em;background:var(--surface-2);-webkit-user-select:all;user-select:all;border-radius:4px;padding:4px 8px;font-size:15px}.wahl{gap:8px;display:grid}.wahl label{border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);cursor:pointer;align-items:flex-start;gap:11px;margin:0;padding:12px 14px;font-weight:400;display:flex}.wahl label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.wahl input[type=radio]{accent-color:var(--accent);flex:none;margin:3px 0 0}.wahl .w-haupt{flex:1;min-width:0}.wahl .w-name{font-size:15px;font-weight:600}.wahl .w-neben{color:var(--ink-3);margin-top:2px;font-size:13px}.wahl .w-preis{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.mitte{max-width:400px;margin:8vh auto 0;padding:0 16px 60px}.mitte h1{text-align:center;margin-bottom:4px}.mitte .unterzeile{text-align:center;margin-bottom:26px}.wechsel{text-align:center;color:var(--ink-2);margin-top:20px;font-size:14px}.wechsel a{color:var(--accent)}.ampel .zeile{border-bottom:1px solid var(--rule-soft);grid-template-columns:12px 1fr;align-items:start;gap:11px;padding:12px 15px;display:grid}.ampel .zeile:last-child{border-bottom:none}.punkt{background:var(--ink-3);border-radius:50%;width:10px;height:10px;margin-top:6px}.punkt.gut{background:var(--ok)}.punkt.warn{background:var(--warn)}.punkt.fehler{background:var(--bad)}.ampel .was{font-size:14.5px;font-weight:600}.ampel .beleg{color:var(--ink-3);font-size:13.5px;font-family:var(--mono);word-break:break-word;margin-top:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}