:root{--grund:#f5f6f8;--flaeche:#ffffff;--linie:#e2e5ea;--text:#111827;--leise:#5b6472;--akzent:#f26b1d;--blau:#1e40af;--blau-fl:#dbe8ff;--gruen:#15803d;--gelb:#a16207;--rot:#b91c1c;--rot-fl:#fde2e2;--grau:#9aa3af;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--grund:#0f1420;--flaeche:#171d2b;--linie:#2a3245;--text:#e8ecf3;--leise:#9aa6b8;--blau:#93c5fd;--blau-fl:#1d3252;--gruen:#4ade80;--gelb:#facc15;--rot:#f87171;--rot-fl:#42232a;--grau:#6b7280}}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--blau);text-decoration:none}a:hover{text-decoration:underline}.kopf{display:flex;align-items:center;gap:20px;padding:12px 24px;background:var(--flaeche);border-bottom:1px solid var(--linie);flex-wrap:wrap}.marke{font-weight:800;font-size:18px;color:var(--text)}.marke b{color:var(--akzent)}.kopf nav{display:flex;gap:6px 16px;flex:1;flex-wrap:wrap}.kopf nav a{white-space:nowrap}.inhalt{max-width:1200px;margin:0 auto;padding:24px 16px 64px}h1{font-size:24px;margin:0 0 16px}h2{font-size:17px;margin:0 0 12px}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:12px;padding:20px;margin-bottom:16px}.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--linie);vertical-align:top;font-size:14px}th{color:var(--leise);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em}.tabelle{overflow-x:auto}.leise{color:var(--leise);font-size:13px}.punkt{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.punkt.gruen{background:var(--gruen)}.punkt.gelb{background:var(--gelb)}.punkt.rot{background:var(--rot)}.punkt.grau{background:var(--grau)}.marke-zustand{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--blau-fl);color:var(--blau)}.marke-zustand.warnung{background:var(--rot-fl);color:var(--rot)}form.zeile{display:flex;gap:8px;flex-wrap:wrap;align-items:end}label{display:block;font-size:13px;font-weight:600;color:var(--leise);margin-bottom:4px}input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--linie);border-radius:9px;background:var(--flaeche);color:var(--text);font:inherit}.feld{margin-bottom:12px}.knopf,button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;border:1px solid var(--linie);background:var(--flaeche);color:var(--text);font:inherit;font-weight:600;cursor:pointer}button:hover{border-color:var(--blau)}button.haupt{background:var(--akzent);border-color:var(--akzent);color:#fff}button.gefahr{color:var(--rot)}.knoepfe{display:flex;gap:8px;flex-wrap:wrap}.fehler{color:var(--rot);font-weight:600}.hinweis{background:var(--blau-fl);color:var(--blau);padding:10px 14px;border-radius:9px;font-size:14px}.geheim{font-family:ui-monospace,Menlo,monospace;background:var(--grund);padding:10px;border-radius:8px;word-break:break-all}.tabelle .geheim{min-width:min(320px,80vw)}.schmal{max-width:420px;margin:64px auto}button.breit{width:100%;justify-content:center;min-height:44px}.oder{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--leise);font-size:13px}.oder:after,.oder:before{content:"";flex:1;border-top:1px solid var(--linie)}dl.angaben{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:14px}dl.angaben dt{color:var(--leise)}dl.angaben dd{margin:0}td.pruefsumme{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all;min-width:12ch}.marke-zustand.achtung{background:color-mix(in srgb,var(--gelb) 18%,transparent);color:var(--gelb)}.hervor{border-left:4px solid var(--akzent);padding-left:12px}.zahlen{display:flex;gap:4px 14px;flex-wrap:wrap;font-size:13px;color:var(--leise)}.zahlen strong{color:var(--text)}@media (max-width:600px){td,th{padding:6px}.kopf{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:10px 16px 0}.kopf .marke{grid-column:1;grid-row:1;white-space:nowrap}.kopf-sprache{grid-column:2;grid-row:1;gap:4px;flex-wrap:nowrap}.kopf-sprache button{padding:6px 9px;min-height:36px;font-size:13px}.kopf nav{grid-column:1;grid-row:2;flex-wrap:nowrap;overflow-x:auto;gap:0 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}.kopf nav::-webkit-scrollbar{display:none}.kopf nav a{display:inline-flex;align-items:center;min-height:44px}.kopf nav:empty{display:none}.kopf-abmelden{grid-column:2;grid-row:2;align-self:center;padding-bottom:6px}.kopf-abmelden button{padding:6px 10px;font-size:13px}.kopf:not(:has(nav a)){padding-bottom:10px}}