:root{--bg:#f6f7f9;--fl:#fff;--fl2:#eef1f4;--text:#1b2127;--text2:#5b6672;--rand:#d9dee4;--akzent:#1f6f5c;--akzent-hell:#dcefe9;--gruen:#2e8b57;--gelb:#c9a000;--rot:#c0392b;--info:#2c6ea5;--radius:10px;--serie-1:#2a78d6;--serie-2:#eb6834;--stufe-1:#86b6ef;--stufe-2:#2a78d6;--stufe-3:#104281;--schatten:0 1px 2px #0000000f, 0 1px 6px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#12161a;--fl:#1b2127;--fl2:#232a31;--text:#e7ebef;--text2:#9aa6b2;--rand:#313a43;--akzent:#4fb79a;--akzent-hell:#1e3a33;--serie-1:#3987e5;--serie-2:#d95926;--stufe-1:#9ec5f4;--stufe-2:#3987e5;--stufe-3:#1c5cab;--schatten:none}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-text-size-adjust:100%;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{min-height:100vh}a{color:var(--akzent)}h1{margin:.2rem 0 1rem;font-size:1.35rem}h2{margin:1.4rem 0 .6rem;font-size:1.1rem}h3{margin:1rem 0 .4rem;font-size:1rem}small,.klein{color:var(--text2);font-size:.85em}.rahmen{min-height:100vh;display:flex}nav.haupt{background:var(--fl);border-right:1px solid var(--rand);flex-shrink:0;width:210px;height:100vh;padding:16px 10px;position:sticky;top:0;overflow-y:auto}nav.haupt .marke{color:var(--akzent);padding:4px 10px 14px;font-size:1.1rem;font-weight:700}nav.haupt a{color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}nav.haupt a.aktiv{background:var(--akzent-hell);color:var(--akzent);font-weight:600}nav.haupt a span.sym{text-align:center;width:20px}main{flex:1;min-width:0;max-width:920px;padding:20px 24px 100px}@media (width<=760px){.rahmen{display:block}nav.haupt{z-index:20;width:auto;height:auto;padding:4px 2px calc(4px + env(safe-area-inset-bottom));border-right:none;border-top:1px solid var(--rand);justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}nav.haupt .marke,nav.haupt a.nur-breit{display:none}nav.haupt a{flex-direction:column;gap:0;padding:4px 6px;font-size:.7rem}nav.haupt a span.sym{font-size:1.2rem}main{padding:calc(14px + env(safe-area-inset-top)) 14px 100px}}.karte{background:var(--fl);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);margin-bottom:12px;padding:14px 16px}.karte.kompakt{padding:10px 12px}.zeile{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.zeile.zwischen{justify-content:space-between}.spalten{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.stapel>*+*{margin-top:8px}button,.knopf{font:inherit;border:1px solid var(--rand);background:var(--fl);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 14px;text-decoration:none;display:inline-block}button:hover{border-color:var(--akzent)}button.primaer,.knopf.primaer{background:var(--akzent);border-color:var(--akzent);color:#fff}button.gefahr{color:var(--rot)}button.klein{padding:3px 9px;font-size:.85em}button:disabled{opacity:.5;cursor:default}label.feld{margin-bottom:10px;display:block}label.feld>span.titel{color:var(--text2);margin-bottom:3px;font-size:.85em;display:block}input,select,textarea{font:inherit;color:var(--text);background:var(--fl);border:1px solid var(--rand);border-radius:8px;width:100%;padding:7px 9px}input[type=checkbox],input[type=radio]{width:auto}input[type=range]{accent-color:var(--akzent);padding:0}textarea{min-height:70px}fieldset{border:1px solid var(--rand);border-radius:var(--radius);margin:0 0 12px;padding:10px 12px}legend{color:var(--text2);padding:0 6px;font-size:.9em}details>summary{cursor:pointer;color:var(--text2);margin:6px 0}.chip{background:var(--fl2);color:var(--text2);border-radius:99px;padding:1px 8px;font-size:.8em;display:inline-block}.chip.fest{background:var(--akzent-hell);color:var(--akzent)}.chip.erledigt{color:var(--gruen);background:#dff2e6}.chip.ausgefallen,.chip.abgebrochen{color:var(--rot);background:#f7e1de}@media (prefers-color-scheme:dark){.chip.erledigt{background:#1d3527}.chip.ausgefallen,.chip.abgebrochen{background:#3a2220}}.ampel{vertical-align:middle;border-radius:50%;width:12px;height:12px;display:inline-block}.ampel.gruen{background:var(--gruen)}.ampel.gelb{background:var(--gelb)}.ampel.rot{background:var(--rot)}.meldung{border-left:4px solid var(--info);background:var(--fl);box-shadow:var(--schatten);border-radius:6px;margin-bottom:10px;padding:10px 12px}.meldung.warnung{border-color:var(--gelb)}.meldung.fehler{border-color:var(--rot)}.meldungen{z-index:50;width:min(420px,100vw - 24px);position:fixed;top:12px;left:auto;right:12px}.overlay{z-index:60;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--fl);border-radius:12px;width:100%;max-width:560px;max-height:90vh;padding:18px;overflow:auto}.tag-kopf{color:var(--text2);justify-content:space-between;margin:16px 0 6px;font-weight:600;display:flex}.tag-kopf.heute{color:var(--akzent)}.einheit-titel{font-weight:600}.liste{margin:0;padding:0;list-style:none}.liste li{border-bottom:1px solid var(--rand);padding:6px 0}.liste li:last-child{border-bottom:none}table{border-collapse:collapse;width:100%;font-size:.92em}th,td{text-align:left;border-bottom:1px solid var(--rand);vertical-align:top;padding:5px 6px}th{color:var(--text2);font-weight:500}.tabelle-scroll{overflow-x:auto}.skala{gap:4px;display:flex}.skala button{flex:1;padding:8px 0}.skala button.an{background:var(--akzent);color:#fff;border-color:var(--akzent)}.kennzahl{font-size:1.5rem;font-weight:700}.diagramm{width:100%;height:auto;display:block}.diagramm text{fill:var(--text2);font-size:10px}.leer{color:var(--text2);font-style:italic}.fortschritt-balken{background:var(--akzent);border-radius:2px;height:4px;animation:1.2s ease-in-out infinite lauf}@keyframes lauf{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.diagramm .gitter{stroke:var(--rand);stroke-width:1px}.diagramm .balken{fill:var(--serie-1)}.diagramm .balken:hover,.diagramm .balken-gruppe:hover rect{opacity:.8}.legende{color:var(--text2);flex-wrap:wrap;gap:14px;margin:4px 0 8px;font-size:.85em;display:flex}.legende i{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:5px;display:inline-block}main.anmeldung{max-width:460px;margin:0 auto;padding:48px 16px}.qr{background:#fff;border-radius:6px;width:200px;max-width:100%;padding:6px}.qr svg{width:100%;height:auto;display:block}