:root{--farbe-haupt: #1f4e79;--farbe-haupt-hell: #2f6da8;--farbe-hintergrund: #f4f6f8;--farbe-flaeche: #ffffff;--farbe-rand: #d6dce3;--farbe-text: #1a1d21;--farbe-text-leise: #5b6570;--farbe-erfolg: #1b7a3d;--farbe-warnung: #b26a00;--farbe-dringend: #c62828;--farbe-gelb: #f6c700;--rundung: 10px;--schatten: 0 1px 3px rgba(0, 0, 0, .12);--tippflaeche: 48px}*{box-sizing:border-box}html,body,#wurzel{margin:0;padding:0;height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;color:var(--farbe-text);background:var(--farbe-hintergrund);-webkit-text-size-adjust:100%}h1{font-size:1.5rem;margin:0 0 1rem}h2{font-size:1.2rem;margin:1.5rem 0 .75rem}h3{font-size:1rem;margin:1rem 0 .5rem}a{color:var(--farbe-haupt)}.rahmen{display:flex;flex-direction:column;min-height:100%}.kopfzeile{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;padding-top:max(.6rem,env(safe-area-inset-top));background:var(--farbe-haupt);color:#fff;box-shadow:var(--schatten)}.kopfzeile a{color:#fff;text-decoration:none}.kopfzeile .titel{font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zurueck{background:none;border:0;color:#fff;font-size:1.4rem;cursor:pointer;padding:0 .25rem;min-width:2rem}.inhalt{flex:1;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));max-width:1400px;width:100%;margin:0 auto}.netzstand{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;padding:.2rem .6rem;border-radius:999px;background:#ffffff2e;white-space:nowrap}.netzstand.offline{background:var(--farbe-warnung)}.punkt{width:8px;height:8px;border-radius:50%;background:#7ce495}.netzstand.offline .punkt{background:#fff}.fussleiste{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);background:var(--farbe-flaeche);border-top:1px solid var(--farbe-rand);padding-bottom:env(safe-area-inset-bottom)}.fussleiste a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.5rem .25rem;min-height:var(--tippflaeche);font-size:.72rem;text-decoration:none;color:var(--farbe-text-leise)}.fussleiste a.aktiv{color:var(--farbe-haupt);font-weight:600}.fussleiste .zeichen{font-size:1.25rem;line-height:1}.fussleiste .zaehler{position:absolute;transform:translate(.9rem,-.4rem);background:var(--farbe-warnung);color:#fff;border-radius:999px;font-size:.65rem;padding:0 .35rem;font-weight:700}@media(min-width:900px){.fussleiste{display:none}}.karte{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--rundung);padding:1rem;margin-bottom:1rem}.karte.knapp{padding:.75rem}.liste{display:flex;flex-direction:column;gap:.5rem}.listenzeile{display:block;background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--rundung);padding:.85rem 1rem;text-decoration:none;color:inherit;min-height:var(--tippflaeche)}.listenzeile:active{background:#eef2f6}.listenzeile .haupt{font-weight:600}.listenzeile .neben{color:var(--farbe-text-leise);font-size:.85rem;margin-top:.15rem;display:flex;flex-wrap:wrap;gap:.5rem}button,.knopf{font:inherit;min-height:var(--tippflaeche);padding:.6rem 1.1rem;border-radius:var(--rundung);border:1px solid var(--farbe-rand);background:var(--farbe-flaeche);color:var(--farbe-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none}button.haupt,.knopf.haupt{background:var(--farbe-haupt);border-color:var(--farbe-haupt);color:#fff;font-weight:600}button.gross,.knopf.gross{min-height:64px;font-size:1.05rem;width:100%}button:disabled{opacity:.55;cursor:not-allowed}button.gefahr{border-color:var(--farbe-dringend);color:var(--farbe-dringend)}.knopfreihe{display:flex;flex-wrap:wrap;gap:.5rem}input,select,textarea{font:inherit;width:100%;min-height:var(--tippflaeche);padding:.55rem .7rem;border:1px solid var(--farbe-rand);border-radius:var(--rundung);background:#fff;color:var(--farbe-text)}textarea{min-height:6rem;resize:vertical}label{display:block;margin-bottom:.75rem}label .beschriftung{display:block;font-size:.85rem;color:var(--farbe-text-leise);margin-bottom:.25rem}.hinweis{padding:.7rem .9rem;border-radius:var(--rundung);border-left:4px solid var(--farbe-haupt);background:#eaf1f8;margin-bottom:1rem}.hinweis.warnung{border-color:var(--farbe-warnung);background:#fff4e0}.hinweis.fehler{border-color:var(--farbe-dringend);background:#fdeaea}.hinweis.erfolg{border-color:var(--farbe-erfolg);background:#e9f6ed}.leer{text-align:center;color:var(--farbe-text-leise);padding:2rem 1rem}.marke{display:inline-block;font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;background:#e6ebf1;color:var(--farbe-text-leise);white-space:nowrap}.marke.dsk{background:#dce9f7;color:var(--farbe-haupt)}.marke.schacht{background:#e4f0e6;color:var(--farbe-erfolg)}.marke.dringend{background:var(--farbe-dringend);color:#fff}.marke.wichtig{background:var(--farbe-warnung);color:#fff}.marke.fertig{background:#d8f0de;color:var(--farbe-erfolg)}.marke.gesperrt{background:var(--farbe-gelb);color:#3b2f00}.marke.offen{background:#f0e2d8;color:var(--farbe-warnung)}.reiter{display:flex;gap:.25rem;overflow-x:auto;border-bottom:1px solid var(--farbe-rand);margin-bottom:1rem;-webkit-overflow-scrolling:touch}.reiter a{padding:.6rem .9rem;text-decoration:none;color:var(--farbe-text-leise);border-bottom:3px solid transparent;white-space:nowrap;min-height:var(--tippflaeche);display:flex;align-items:center}.reiter a.aktiv{color:var(--farbe-haupt);border-bottom-color:var(--farbe-haupt);font-weight:600}.tabellenrahmen{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;background:var(--farbe-flaeche);font-size:.9rem}th,td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--farbe-rand);white-space:nowrap}th{background:#eef2f6;font-size:.8rem;color:var(--farbe-text-leise)}tr.gesperrt td{background:#fffbe6}.fotogitter{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.fotoplatz{position:relative;aspect-ratio:4 / 3;border:2px dashed var(--farbe-rand);border-radius:var(--rundung);display:flex;align-items:center;justify-content:center;color:var(--farbe-text-leise);font-size:.8rem;background:#fff;overflow:hidden}.fotoplatz.belegt{border-style:solid}.fotoplatz img{width:100%;height:100%;object-fit:cover}.fotoplatz .nummer{position:absolute;top:4px;left:4px;background:#0009;color:#fff;border-radius:4px;padding:0 .35rem;font-size:.7rem}.fotoplatz .wartet{position:absolute;bottom:4px;right:4px;background:var(--farbe-warnung);color:#fff;border-radius:4px;padding:0 .35rem;font-size:.7rem}.wochenraster{display:grid;gap:1px;background:var(--farbe-rand);border:1px solid var(--farbe-rand);border-radius:var(--rundung);overflow:hidden;min-width:720px}.wochenraster>*{background:var(--farbe-flaeche);padding:.4rem .5rem;min-height:46px;font-size:.85rem}.wochenraster .kopf{background:#eef2f6;font-weight:600;font-size:.8rem;text-align:center}.wochenraster .kopf.frei{background:#e3e7eb;color:var(--farbe-text-leise)}.wochenraster .kolonnenname{font-weight:600;display:flex;align-items:center}.wochenraster .zelle.frei{background:#f7f8f9}.einsatzblock{display:block;background:var(--farbe-haupt-hell);color:#fff;border-radius:6px;padding:.25rem .4rem;font-size:.78rem;text-decoration:none;margin-bottom:2px;cursor:grab;overflow:hidden;text-overflow:ellipsis}.einsatzblock.konflikt{background:var(--farbe-dringend)}.monatsraster{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--farbe-rand);border:1px solid var(--farbe-rand);border-radius:var(--rundung);overflow:hidden}.monatsraster>div{background:var(--farbe-flaeche);min-height:84px;padding:.25rem;font-size:.8rem}.monatsraster .tagzahl{color:var(--farbe-text-leise);font-size:.75rem}.monatsraster .frei{background:#f7f8f9}.bereichswahl{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.bereichskachel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:130px;border-radius:var(--rundung);background:var(--farbe-haupt);color:#fff;text-decoration:none;font-size:1.4rem;font-weight:700;letter-spacing:.04em}.bereichskachel .anzahl{font-size:.85rem;font-weight:400;opacity:.9}.schnellwahl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.schnellwahl a{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--rundung);padding:1rem;text-align:center;text-decoration:none;color:var(--farbe-text);min-height:64px;display:flex;align-items:center;justify-content:center;font-weight:600}.nachricht{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-left-width:4px;border-radius:var(--rundung);padding:.7rem .9rem;margin-bottom:.5rem}.nachricht.wichtig{border-left-color:var(--farbe-warnung)}.nachricht.dringend{border-left-color:var(--farbe-dringend);background:#fdeaea}.nachricht .zeile{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;color:var(--farbe-text-leise);margin-bottom:.25rem}.nachricht .text{white-space:pre-wrap;overflow-wrap:anywhere}.banner{position:fixed;left:50%;transform:translate(-50%);top:max(.75rem,env(safe-area-inset-top));z-index:50;width:min(560px,calc(100% - 1.5rem));border-radius:var(--rundung);padding:.8rem 1rem;box-shadow:0 6px 20px #00000040;background:var(--farbe-flaeche);border-left:5px solid var(--farbe-haupt);cursor:pointer}.banner.wichtig{border-left-color:var(--farbe-warnung)}.banner.dringend{border-left-color:var(--farbe-dringend);background:#fff5f5}.banner .kopf{font-weight:700;font-size:.8rem;display:flex;gap:.5rem;align-items:center;margin-bottom:.2rem}.felderpaar{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 1rem}.angabe{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--farbe-rand)}.angabe:last-child{border-bottom:0}.angabe .name{color:var(--farbe-text-leise);flex-shrink:0}.angabe .wert{text-align:right;white-space:pre-wrap;overflow-wrap:anywhere}.mittig{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:1rem}.anmeldekarte{width:min(420px,100%)}