:root{--grund: #f7f8f9;--flaeche: #ffffff;--rand: #dfe4e8;--text: #1f2b33;--text-leise: #67757f;--primaer: #2e5266;--primaer-hell: #3f6c85;--ok: #3c7a6a;--ok-text: #2b5a4e;--warn: #c98a2e;--warn-text: #8a5c14;--gefahr: #b84a3e;--gefahr-text: #93382e;--unbekannt: #7a4b8a;--unbekannt-text: #613a6e;--nav-bg: #2e5266;--nav-text: #e8eef2;--nav-text-aktiv: #ffffff;--nav-aktiv-bg: #24404f;--btn-bg: #2e5266;--btn-text: #ffffff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--grund: #151c22;--flaeche: #1d262e;--rand: #2e3b45;--text: #e6ecf1;--text-leise: #9aa8b3;--primaer: #7aa6bf;--primaer-hell: #96bcd2;--ok: #5fa08d;--ok-text: #8fd3bf;--warn: #d7a14f;--warn-text: #f0c884;--gefahr: #d4695b;--gefahr-text: #f0958a;--unbekannt: #a37cb3;--unbekannt-text: #c7a6d4;--nav-bg: #1a242c;--nav-text: #c3d0d9;--nav-text-aktiv: #ffffff;--nav-aktiv-bg: #25333d;--btn-bg: #8fbdd6;--btn-text: #10181e}}:root[data-theme=dark]{--grund: #151c22;--flaeche: #1d262e;--rand: #2e3b45;--text: #e6ecf1;--text-leise: #9aa8b3;--primaer: #7aa6bf;--primaer-hell: #96bcd2;--ok: #5fa08d;--ok-text: #8fd3bf;--warn: #d7a14f;--warn-text: #f0c884;--gefahr: #d4695b;--gefahr-text: #f0958a;--unbekannt: #a37cb3;--unbekannt-text: #c7a6d4;--nav-bg: #1a242c;--nav-text: #c3d0d9;--nav-text-aktiv: #ffffff;--nav-aktiv-bg: #25333d;--btn-bg: #8fbdd6;--btn-text: #10181e}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px}a{color:var(--primaer)}button{font:inherit;cursor:pointer}.knopf{background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:6px;padding:10px 18px;font-weight:600}.knopf-zweit{background:none;color:var(--text);border:1px solid var(--rand);border-radius:6px;padding:9px 16px}.knopf-gefahr{background:var(--gefahr);color:var(--btn-text);border:none;border-radius:6px;padding:10px 18px;font-weight:600}.knopf-gefahr:disabled{opacity:.5;cursor:default}.gefahrenzone{border:1px solid var(--gefahr);border-radius:8px;padding:14px}.aufklapper{background:none;border:none;padding:0;color:var(--text);font:inherit;font-weight:inherit}.knopf:disabled,.knopf-zweit:disabled{opacity:.5;cursor:default}.feld{width:100%;padding:10px 12px;border:1px solid var(--rand);border-radius:6px;background:var(--flaeche);color:var(--text);font:inherit}.feld:disabled{opacity:.7}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:10px;padding:20px}.hinweis-warn{border-left:4px solid var(--warn)}.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:24px}.kachel-zahl{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums}.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.plakette{display:inline-block;padding:3px 9px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.03em;border:1px solid currentColor}.plakette-OK{color:var(--ok-text)}.plakette-BALD{color:var(--warn-text)}.plakette-ABGELAUFEN{color:var(--gefahr-text)}.plakette-UNBEKANNT{color:var(--unbekannt-text)}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--text-leise);font-size:13px;font-weight:600;padding:8px 10px}td{padding:10px;border-top:1px solid var(--rand)}td.datum{font-variant-numeric:tabular-nums}tr.klickbar{cursor:pointer}tr.klickbar:hover td,tr.gewaehlt td{background:var(--grund)}