:root{--bg:#0b0c0f;--flaeche:#14161b;--flaeche-2:#1b1e25;--linie:#272b33;--text:#eceef1;--gedimmt:#8b909a;--akzent:#e8b04b;--akzent-text:#17130a;--gruen:#4cc38a;--gelb:#e8b04b;--rot:#ef5b60;--blau:#6cb4d9;--rot-flaeche:#3a1517;--gelb-flaeche:#33290f;--gruen-flaeche:#11281d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-thema=hell]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f7;--flaeche:#fff;--flaeche-2:#eef0f3;--linie:#d9dce2;--text:#15171c;--gedimmt:#5d636e;--akzent:#b57a0d;--akzent-text:#fff;--gruen:#1c8a5a;--gelb:#a8730a;--rot:#c42b31;--blau:#1f6f9b;--rot-flaeche:#fde8e9;--gelb-flaeche:#fff3d6;--gruen-flaeche:#e0f4ea}@media (prefers-color-scheme:light){:root:not([data-thema=dunkel]):not([data-thema=hell]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f7;--flaeche:#fff;--flaeche-2:#eef0f3;--linie:#d9dce2;--text:#15171c;--gedimmt:#5d636e;--akzent:#b57a0d;--akzent-text:#fff;--gruen:#1c8a5a;--gelb:#a8730a;--rot:#c42b31;--blau:#1f6f9b;--rot-flaeche:#fde8e9;--gelb-flaeche:#fff3d6;--gruen-flaeche:#e0f4ea}}*{box-sizing:border-box}html,body,#wurzel{background:var(--bg);min-height:100%;margin:0}body{color:var(--text);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;font-size:16px;line-height:1.45}h1{margin:0;font-size:1.6rem}h2{margin:1.4rem 0 .6rem;font-size:1.15rem}h3{margin:0;font-size:1.02rem}a{color:var(--akzent)}pre{font:inherit;white-space:pre-wrap;word-break:break-word;margin:0}.klein{font-size:.86rem}.gedimmt{color:var(--gedimmt)}.nur-leser{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}.huelle{min-height:100vh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);grid-template:"kopf kopf""band band""menu inhalt"1fr/220px 1fr;display:grid}.huelle.voll{height:100vh;min-height:0}.kopfleiste{background:var(--flaeche);border-bottom:1px solid var(--linie);z-index:20;grid-area:kopf;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.marke{color:var(--text);margin-right:auto;font-size:1.1rem;font-weight:700;text-decoration:none}.strom i{background:var(--gedimmt);border-radius:50%;width:10px;height:10px;display:block}.strom-verbunden i{background:var(--gruen)}.strom-getrennt i{background:var(--rot)}.angehalten-band{background:var(--rot);color:#fff;grid-area:band;padding:10px 16px;font-weight:600}.seitenleiste{border-right:1px solid var(--linie);background:var(--flaeche);flex-direction:column;grid-area:menu;gap:2px;padding:12px 8px;display:flex}.tableiste,.mehr-blatt{display:none}.nav-link{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px 12px;text-decoration:none;display:flex}.nav-link:hover{background:var(--flaeche-2)}.nav-link.aktiv{background:var(--flaeche-2);color:var(--akzent);font-weight:650}.plakette{background:var(--akzent);color:var(--akzent-text);text-align:center;border-radius:999px;min-width:22px;padding:1px 7px;font-size:.78rem;font-weight:700}.inhalt{grid-area:inhalt;width:100%;min-width:0;max-width:960px;padding:20px 24px 40px}.inhalt-voll{max-width:none;min-height:0;padding:0;position:relative}.tafel-rahmen{position:absolute;inset:0}@media (width<=800px){.huelle{padding-bottom:calc(64px + env(safe-area-inset-bottom));grid-template-columns:1fr;grid-template-areas:"kopf""band""inhalt"}.huelle.voll{height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.seitenleiste{display:none}.tableiste{z-index:30;background:var(--flaeche);border-top:1px solid var(--linie);padding:4px 4px calc(4px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.tableiste .nav-link{flex-direction:column;flex:1;justify-content:center;gap:2px;padding:6px 2px;font-size:.78rem;position:relative}.tableiste .plakette{min-width:18px;padding:0 5px;font-size:.68rem;position:absolute;top:2px;right:14%}.mehr-blatt{left:8px;right:8px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:40;background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;padding:6px;display:grid;position:fixed;box-shadow:0 10px 40px #00000080}.inhalt{padding:14px 14px 32px}h1{font-size:1.35rem}}.seitenkopf{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.seitenkopf p{margin:4px 0 0}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;margin:0 0 14px;padding:14px 16px}.karte.offen{border-color:var(--akzent)}.karte-kopf{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.karte p{margin:8px 0 0}.knopf{font:inherit;color:var(--text);background:var(--flaeche-2);border:1px solid var(--linie);cursor:pointer;border-radius:10px;align-items:center;min-height:40px;padding:9px 16px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.knopf:hover:not(:disabled){border-color:var(--akzent)}.knopf.primaer{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text)}.knopf.gefahr{background:var(--rot);border-color:var(--rot);color:#fff}.knopf:disabled{opacity:.5;cursor:default}.klein-knopf{min-height:32px;padding:4px 12px;font-size:.85rem}.knopfreihe{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.bestaetigung{font-weight:600}.etikett{letter-spacing:.03em;text-transform:uppercase;background:var(--flaeche-2);border:1px solid var(--linie);color:var(--gedimmt);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.74rem;font-weight:700}.etikett.automatisch{color:var(--blau);border-color:var(--blau)}.etikett.fremd{color:var(--rot);border-color:var(--rot)}.fremd-hinweis{background:var(--rot-flaeche);border-radius:10px;padding:8px 12px}.status{white-space:nowrap;font-size:.82rem;font-weight:650}.status-wartet,.status-offen,.status-arbeitet{color:var(--gelb)}.status-freigegeben,.status-angenommen,.status-ausgefuehrt,.status-bereit{color:var(--gruen)}.status-abgelehnt,.status-verfallen,.status-stoerung,.status-angehalten{color:var(--rot)}.fehler{color:var(--rot);font-weight:600}.fehlerbox{background:var(--rot-flaeche);border:1px solid var(--rot);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.laden,.leer{color:var(--gedimmt)}.zaehler{background:var(--flaeche-2);border-radius:999px;padding:1px 9px;font-size:.85rem}input,textarea,select{font:inherit;color:var(--text);background:var(--bg);border:1.5px solid var(--linie);border-radius:10px;width:100%;padding:9px 12px}input:focus,textarea:focus{border-color:var(--akzent);outline:none}label{color:var(--gedimmt);margin:12px 0 6px;font-size:.82rem;font-weight:600;display:block}.reiter{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.reiter-knopf{font:inherit;color:var(--text);background:var(--flaeche);border:1px solid var(--linie);cursor:pointer;border-radius:999px;min-height:36px;padding:6px 14px;font-size:.92rem;font-weight:600}.reiter-knopf.aktiv{border-color:var(--akzent);color:var(--akzent)}.nur-lesen{background:var(--flaeche-2);color:var(--gedimmt);border-radius:10px;padding:8px 12px;font-size:.9rem}.notaus{font:inherit;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--rot);border:2px solid var(--rot);cursor:pointer;border-radius:10px;min-height:40px;padding:8px 16px;font-size:.85rem;font-weight:800}.notaus.aktiv{color:var(--rot);background:0 0}.schleier{z-index:100;background:#0000009e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--flaeche);border:1px solid var(--linie);border-radius:16px;width:min(480px,100%);padding:20px 22px}.dialog h2{margin-top:0}.ampel{align-items:center;gap:8px;display:inline-flex}.ampel i{background:var(--gedimmt);border-radius:50%;flex:none;width:14px;height:14px;display:inline-block}.ampel-gruen i{background:var(--gruen)}.ampel-gelb i{background:var(--gelb)}.ampel-rot i{background:var(--rot)}.ampel-gross{border:1px solid var(--linie);border-radius:16px;align-items:center;gap:18px;margin-bottom:8px;padding:18px 20px;display:flex}.ampel-gross .ampel i{width:44px;height:44px}.ampel-gross h2{margin:0;font-size:1.4rem}.ampel-gross p{margin:2px 0 0}.ampel-flaeche-gruen{background:var(--gruen-flaeche)}.ampel-flaeche-gelb{background:var(--gelb-flaeche)}.ampel-flaeche-rot{background:var(--rot-flaeche)}.braucht-liste{gap:10px;margin:0;padding:0;list-style:none;display:grid}.braucht{background:var(--flaeche);border:1px solid var(--akzent);border-radius:14px;padding:12px 14px}.braucht-kopf{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.braucht-text{flex:1;min-width:12ch;font-weight:600}.braucht-aktion{margin-top:10px}.kacheln{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.kachel{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;gap:2px;padding:12px 14px;display:grid}.kachel .zahl{font-size:1.6rem;font-weight:700}.bewohner{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.bewohner .karte{margin:0}.jetzt{color:var(--gelb);font-weight:600}.technik{gap:8px;margin:0;padding:0;list-style:none;display:grid}.technik li{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mitlesen-inline{gap:8px;margin-top:10px;display:grid}.empfaenger{gap:6px;margin:10px 0 0;display:grid}.empf-zeile{align-items:baseline;gap:10px;display:flex}.empf-zeile dt{width:5.5rem;color:var(--gedimmt);flex:none;font-weight:600}.empf-zeile dd{flex-wrap:wrap;gap:6px;margin:0;display:flex}.empf-zeile.bcc dt{color:var(--rot)}.adresse{background:var(--flaeche-2);word-break:break-all;border-radius:8px;padding:2px 8px}.betreff{font-weight:650}.mailtext{background:var(--bg);border:1px solid var(--linie);border-radius:10px;max-height:40vh;margin-top:8px;padding:10px 12px;overflow:auto}.anhaenge{margin:8px 0 0;padding-left:1.2rem}.chat-seite{flex-direction:column;min-height:calc(100vh - 150px);display:flex}.chat-verlauf{flex:1;padding-bottom:8px;overflow-y:auto}.gespraech{gap:10px;margin:0;padding:0;list-style:none;display:grid}.nachricht{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;max-width:88%;padding:8px 12px}.nachricht.eigene{background:var(--flaeche-2);border-color:var(--akzent);justify-self:end}.nachricht-kopf{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nachricht-text{white-space:pre-wrap;word-break:break-word;margin:4px 0 0}.nachricht.art-anfrage{border-color:var(--gelb)}.rueckfrage{background:var(--gelb-flaeche);border-radius:10px;padding:8px 12px}.chat-eingabe{background:var(--bg);align-items:flex-end;gap:10px;padding:10px 0;display:flex;position:sticky;bottom:0}.chat-eingabe textarea{resize:vertical}.aktivitaet,.aufgaben,.termine ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.aktivitaet li{background:var(--flaeche);border:1px solid var(--linie);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:10px;padding:8px 12px;display:flex}.pfad{word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:.88rem}.aufgaben li{background:var(--flaeche);border:1px solid var(--linie);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.aufgabe-text{flex:1;min-width:10ch}.haken{border:2px solid var(--gedimmt);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:26px;height:26px}.haken:hover{border-color:var(--gruen);background:var(--gruen-flaeche)}.zeile-form{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.zeile-form input[type=text],.zeile-form input:not([type]){flex:1;min-width:12ch}.zeile-form input[type=date]{width:auto}.termine section ul li{background:var(--flaeche);border:1px solid var(--linie);border-radius:10px;gap:14px;padding:8px 12px;display:flex}.uhr{font-variant-numeric:tabular-nums;width:7.5rem;color:var(--gedimmt);flex:none}.anmeldung{place-items:center;min-height:100vh;padding:16px;display:grid}.anmeldung .karte{width:min(460px,100%)}.anmeldung .karte p{margin:8px 0}.anmeldung .knopf{margin-top:14px}.befehl{background:var(--bg);border:1px solid var(--linie);border-radius:10px;padding:8px 12px;font-family:ui-monospace,Menlo,monospace;font-size:.85rem}