:root{--bg:#f5f2ec;--flaeche:#fff;--flaeche-2:#efebe2;--rand:#1c18101f;--text:#1b1811;--text-2:#59534a;--text-3:#8b8579;--akzent:#e8720c;--akzent-weich:#e8720c24;--gut:#1e9e5a;--warn:#c96a12;--schlecht:#c0554b;--schatten:0 1px 2px #1c18100f, 0 8px 24px #1c18100d;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--ecke:14px}@media (prefers-color-scheme:dark){:root{--bg:#0a0b0f;--flaeche:#14181f;--flaeche-2:#1e232d;--rand:#ffffff17;--text:#f1f0ed;--text-2:#ffffff9e;--text-3:#fff6;--akzent-weich:#e8720c33;--schatten:0 1px 2px #0000004d, 0 8px 24px #00000040}}:root[data-theme=light]{--bg:#f5f2ec;--flaeche:#fff;--flaeche-2:#efebe2;--rand:#1c18101f;--text:#1b1811;--text-2:#59534a;--text-3:#8b8579;--akzent-weich:#e8720c24;--schatten:0 1px 2px #1c18100f, 0 8px 24px #1c18100d}:root[data-theme=dark]{--bg:#0a0b0f;--flaeche:#14181f;--flaeche-2:#1e232d;--rand:#ffffff17;--text:#f1f0ed;--text-2:#ffffff9e;--text-3:#fff6;--akzent-weich:#e8720c33;--schatten:0 1px 2px #0000004d, 0 8px 24px #00000040}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--akzent)}.rahmen{max-width:1080px;padding:0 max(18px, env(safe-area-inset-left)) 60px max(18px, env(safe-area-inset-right));margin:0 auto}.kopf{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rand);margin-bottom:18px;position:sticky;top:0}.kopf-innen{max-width:1080px;padding:10px max(18px, env(safe-area-inset-right)) 10px max(18px, env(safe-area-inset-left));align-items:center;gap:12px;margin:0 auto;display:flex}.kopf .titel{letter-spacing:-.2px;font-size:16px;font-weight:600}.kopf .schub{flex:1}.pfad{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:5px;margin:0 0 14px;font-size:12.5px;display:flex}.pfad button{color:var(--text-2);background:0 0;border:0;border-radius:6px;padding:2px 4px;font-size:12.5px}.pfad button:hover{background:var(--flaeche-2);color:var(--text)}.pfad .jetzt{color:var(--text);padding:2px 4px;font-weight:600}.pfad .trenner{color:var(--text-3)}.knopf{border:1px solid var(--rand);background:var(--flaeche);border-radius:10px;align-items:center;gap:7px;padding:7px 13px;font-size:14px;transition:background .12s,border-color .12s;display:inline-flex}.knopf:hover{background:var(--flaeche-2)}.knopf:disabled{opacity:.45;cursor:default}.knopf.wichtig{background:var(--akzent);border-color:var(--akzent);color:#fff;font-weight:500}.knopf.wichtig:hover{filter:brightness(1.06)}.knopf.gefahr{color:var(--schlecht);border-color:color-mix(in srgb, var(--schlecht) 40%, var(--rand))}.knopf.klein{border-radius:8px;padding:4px 9px;font-size:12.5px}.kachelgitter{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:0 0 20px;display:grid}.kachel{aspect-ratio:1.35;border-radius:var(--ecke);color:#fff;text-align:left;box-shadow:var(--schatten);background-image:linear-gradient(160deg,#ffffff21,#0000001a);border:1.2px solid #ffffff47;flex-direction:column;gap:3px;padding:10px;transition:transform .1s,filter .1s;display:flex;position:relative}.kachel:hover{filter:brightness(1.05);transform:translateY(-2px)}.kachel:active{transform:translateY(0)}.kachel.warnung{border:2px solid #e8a12c}.kachel.gestrichelt{border-style:dashed;border-width:1.5px}.kachel .kopfzeile{opacity:.85;min-height:14px;font-family:var(--mono);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.kachel .kopfzeile .rechts{margin-left:auto}.kachel .merk{letter-spacing:.04em;background:#ffffff40;border-radius:999px;padding:1px 5px;font-size:8px;font-weight:700}.kachel .wert{letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1.15}.kachel .name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:auto;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.kachel .hinweis{opacity:.85;font-size:9px}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--ecke);box-shadow:var(--schatten);margin:0 0 12px;padding:14px 16px}.karte h2{margin:0 0 10px;font-size:15px}.abschnitt{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:22px 0 8px;font-size:11px}.zeile{border-bottom:1px solid var(--rand);align-items:center;gap:10px;padding:9px 0;display:flex}.zeile:last-child{border-bottom:0}.zeile .fuellt{flex:1;min-width:0}.zeile .haupt{font-size:14px}.zeile .neben{color:var(--text-3);font-size:12px}.zahl{font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:13px}.punkt{border-radius:50%;flex:none;width:9px;height:9px}.punkt.ein{background:var(--gut)}.punkt.aus{background:color-mix(in srgb, var(--text-3) 45%, transparent)}.pille{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.pille.gut{color:var(--gut);background:#1e9e5a24}.pille.warn{color:var(--warn);background:#c96a1229}.pille.info{color:#1580ae;background:#1580ae24}.pille.aus{background:var(--flaeche-2);color:var(--text-3)}.schalter{border:1px solid var(--rand);background:var(--flaeche-2);border-radius:999px;flex:none;width:46px;height:27px;transition:background .15s;position:relative}.schalter[data-ein=true]{background:var(--gut);border-color:var(--gut)}.schalter:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.schalter[data-ein=true]:after{transform:translate(19px)}.schalter:disabled{opacity:.4;cursor:not-allowed}input[type=text],input[type=password],input[type=number],select{border:1px solid var(--rand);background:var(--flaeche);width:100%;color:var(--text);border-radius:10px;padding:9px 11px;font-size:14px}@media (pointer:coarse){input[type=text],input[type=password],input[type=number],select,textarea{font-size:16px}}input:focus,select:focus{outline:2px solid var(--akzent-weich);border-color:var(--akzent)}label.feld{margin:0 0 10px;display:block}label.feld span{color:var(--text-3);margin-bottom:4px;font-size:12px;display:block}.meldung{border-left:3px solid var(--warn);color:var(--text);background:#c96a121a;border-radius:10px;margin:0 0 12px;padding:10px 13px;font-size:13.5px}.meldung.fehler{border-left-color:var(--schlecht);background:#c0554b1a}.meldung.gut{border-left-color:var(--gut);background:#1e9e5a1a}.leer{text-align:center;color:var(--text-3);border:1px dashed var(--rand);border-radius:var(--ecke);padding:40px 20px}.laedt{border:2px solid var(--rand);border-top-color:var(--akzent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite dreht}@keyframes dreht{to{transform:rotate(360deg)}}.leitung{color:var(--text-3);align-items:center;gap:6px;font-size:12px;display:flex}.leitung .punkt{width:7px;height:7px}.leitung .punkt.verbunden{background:var(--gut)}.leitung .punkt.verbindet{background:var(--warn)}.leitung .punkt.getrennt{background:var(--text-3)}.reiter{gap:4px;display:flex}.reiter button{color:var(--text-2);background:0 0;border:0;border-radius:9px;padding:6px 11px;font-size:13.5px}.reiter button:hover{background:var(--flaeche-2)}.reiter button[aria-current=page]{background:var(--akzent-weich);color:var(--akzent);font-weight:600}@media (width<=760px){.kopf-innen{flex-wrap:wrap;gap:8px;padding:8px 12px}.kopf .titel{display:none}.kopf-innen>.knopf{flex:none}.reiter{order:10;gap:2px;width:100%}.reiter button{text-align:center;flex:1;padding:6px 4px}.leitung .wort{display:none}.kachelgitter{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.rahmen{padding:0 12px 50px}}.anmeldung{width:100%;max-width:380px;margin:min(14vh,70px) auto 40px;padding:0 16px}@media (width<=420px){.kopf-innen{gap:6px;padding:8px 10px}.knopf.klein{padding:4px 7px}}.kachel .stift{color:#fff;background:#00000059;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid;position:absolute;top:6px;right:6px}.schleier{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0b0f73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:var(--flaeche);border:1px solid var(--rand);border-radius:16px;flex-direction:column;width:min(520px,100%);max-height:86vh;display:flex;box-shadow:0 20px 60px #00000059}.dialog h2{border-bottom:1px solid var(--rand);margin:0;padding:16px 18px 12px;font-size:16px}.dialog-inhalt{padding:16px 18px;overflow-y:auto}.dialog-fuss{border-top:1px solid var(--rand);align-items:center;gap:8px;padding:12px 18px;display:flex}.farbwahl{flex-wrap:wrap;gap:8px;display:flex}.farbwahl .farbe{border:0;border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 1px #0000001f}.farbwahl .farbe[data-gewaehlt=true]{box-shadow:0 0 0 3px var(--flaeche), 0 0 0 5px var(--text)}.kopf[data-bearbeiten=true]{border-bottom-color:var(--akzent)}.knopf.aktiv{background:var(--akzent-weich);border-color:var(--akzent);color:var(--akzent)}