:root{--primary:#0054a6;--primary-dark:#003d7a;--primary-soft:#e6eef6;--accent:#ff7a00;--background:#f5f6f8;--surface:#fff;--border:#d8dce0;--text-primary:#1a1d21;--text-secondary:#5a6470;--text-disabled:#a0a8b0;--success:#0e8a4a;--success-bg:#e1f4ea;--success-text:#0e5a30;--warning:#e6a100;--warning-bg:#fdf2d9;--warning-text:#7a5500;--error:#d9352c;--error-bg:#fbe5e3;--error-text:#8b1f19;--r-button:6px;--r-card:8px;--r-input:6px;--r-tag:4px;--r-modal:12px;--tap:48px;--tap-gloves:56px;--ampel-gruen:var(--success);--ampel-gelb:var(--warning);--ampel-rot:var(--error);--zeile:32px;--spalt:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-primary);background:var(--background);-webkit-text-size-adjust:100%;font-family:Open Sans,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:22px}*{box-sizing:border-box}body{margin:0}.umgebung-test body{border-top:4px solid var(--accent)}h1{margin:0;font-size:20px;line-height:28px}h2{margin:0;font-size:17px;line-height:24px}a{color:var(--primary)}.leise{color:var(--text-secondary);margin:0}.fehler{color:var(--error-text);background:var(--error-bg);border-radius:var(--r-tag);margin:0;padding:8px 12px}.mitte{place-items:center;min-height:100dvh;padding:16px;display:grid}.hinweis{text-align:center;max-width:440px}.karte{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:20px}.mitte .karte{gap:14px;width:min(100%,380px);display:grid}.umgebung-test .mitte .karte:before{content:"TEST — echte Datenbank";color:var(--accent);font-weight:600}label{color:var(--text-secondary);gap:6px;font-size:13px;display:grid}input,select,textarea{font:inherit;border:1px solid var(--border);border-radius:var(--r-input);background:var(--surface);color:var(--text-primary);min-height:var(--tap);padding:9px 12px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:1px}button{font:inherit;min-height:var(--tap);border-radius:var(--r-button);background:var(--primary);color:#fff;cursor:pointer;border:0;padding:10px 16px;font-weight:600}button:hover:not(:disabled){background:var(--primary-dark)}button:disabled{opacity:.55;cursor:default}button.flach{color:var(--primary);background:0 0;font-weight:500}button.flach:hover:not(:disabled){background:var(--primary-soft)}button.still{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);font-weight:500}.rahmen{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.kopf{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:16px;min-height:52px;padding:0 16px;display:flex;position:sticky;top:0}.umgebung-test .kopf{border-bottom-color:var(--accent)}.kopf-marke{color:var(--primary);font-size:17px;font-weight:700;text-decoration:none}.kopf-rechts{align-items:center;gap:12px;margin-left:auto;display:flex}.kopf-konto{color:var(--text-secondary);font-size:13px}.inhalt{width:100%;max-width:1400px;margin:0 auto;padding:20px 16px 48px}.inhalt>*+*{margin-top:16px}.ampel{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.ampel-gruen{background:var(--ampel-gruen)}.ampel-gelb{background:var(--ampel-gelb)}.ampel-rot{background:var(--ampel-rot)}.marke{border-radius:var(--r-tag);padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.marke-gruen{background:var(--success-bg);color:var(--success-text)}.marke-gelb{background:var(--warning-bg);color:var(--warning-text)}.marke-rot{background:var(--error-bg);color:var(--error-text)}.marke-still{background:var(--background);color:var(--text-secondary)}.tabelle-karte{padding:0}.tabelle{border-collapse:collapse;background:var(--surface);width:100%;font-size:14px}.tabelle th,.tabelle td{padding:6px var(--spalt);border-bottom:1px solid var(--border);text-align:left}.tabelle th{color:var(--text-secondary);background:var(--background);z-index:1;font-size:12px;font-weight:600;position:sticky;top:52px}.tabelle tbody tr:first-child td{padding-top:8px}.tabelle tbody tr:hover{background:var(--primary-soft)}.tabelle .zahl{text-align:right;font-variant-numeric:tabular-nums}.laedt{color:var(--text-secondary);padding:24px 0}