@font-face{font-family:Michroma;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/michroma-latin-ext-400-normal-BeYM1uOO.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Michroma;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/michroma-latin-400-normal-4gS0VCia.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--marke-blau: #009fd4;--marke-grau: #a8a8a9;--blau: #0079a8;--blau-hell: #e3f4fb;--gelb: #f2c230;--gelb-hell: #fdf3d3;--rot: #b3261e;--rot-hell: #fbe4e2;--gruen: #2e7d32;--gruen-hell: #e3f2e4;--grau: #5f6368;--grau-hell: #eceef1;--text: #16191d;--leise: #5b616b;--linie: #d7dbe0;--flaeche: #ffffff;--grund: #f5f6f7;--titel: "Michroma", system-ui, sans-serif;--radius: 14px;--taste: 52px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--grund);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:17px;line-height:1.45;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h1{font-family:var(--titel);font-weight:400;font-size:1.3rem;line-height:1.25;letter-spacing:.01em;margin:0}h2{font-size:1.05rem;margin:1.4rem 0 .6rem;display:flex;gap:.6rem;align-items:baseline}h2 a{font-size:.9rem;font-weight:500}h3{font-size:1rem;margin:1rem 0 .4rem}a{color:var(--blau)}p{margin:.4rem 0}input,select,textarea{font:inherit;width:100%;min-height:var(--taste);padding:.6rem .8rem;border:1.5px solid var(--linie);border-radius:10px;background:var(--flaeche);color:var(--text)}textarea{min-height:0}input:focus,select:focus,textarea:focus{outline:3px solid var(--blau-hell);border-color:var(--blau)}label{display:flex;flex-direction:column;gap:.25rem;font-size:.92rem;color:var(--leise)}label>input,label>select,label>textarea{color:var(--text)}button{font:inherit}.symbol{flex:none}.rahmen{min-height:100vh}.seitenleiste{display:none}.inhalt{padding:0 16px calc(84px + env(safe-area-inset-bottom));max-width:760px;margin:0 auto}.start-laedt{display:grid;place-items:center;min-height:100vh;color:var(--leise)}.band{display:block;margin:0 -16px;padding:.5rem 16px;font-size:.9rem;text-decoration:none}.band.demo{background:var(--gelb-hell);color:#5c4500}.inhalt:before{content:"";display:block;height:5px;margin:0 -16px;background:linear-gradient(90deg,var(--marke-grau) 0 38%,var(--marke-blau) 38% 100%)}.band.offline{background:var(--grau-hell);color:var(--text)}.band.fehler{background:var(--rot-hell);color:var(--rot)}.leiste-unten{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--flaeche);border-top:3px solid var(--marke-blau);padding-bottom:env(safe-area-inset-bottom);z-index:20}.leiste-ziel{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 6px;font-size:.74rem;color:var(--leise);text-decoration:none;min-height:60px}.leiste-ziel.active{color:var(--blau);font-weight:600}.punkt{position:absolute;top:6px;right:calc(50% - 18px);width:10px;height:10px;border-radius:50%;background:var(--rot)}@media (min-width: 900px){.rahmen{display:grid;grid-template-columns:260px 1fr}.seitenleiste{display:block;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--flaeche);border-right:1px solid var(--linie);padding:16px 12px}.leiste-unten{display:none}.inhalt{padding-bottom:48px;max-width:1100px;width:100%}.nav-ziel .punkt{position:static;margin-left:auto}}.marke-kopf{padding:4px 4px 14px;border-bottom:1px solid var(--linie);margin-bottom:4px}.marke-kopf img{display:block;width:100%;height:auto}.marke-kopf span{display:block;color:var(--leise);font-size:.85rem;padding:8px 4px 0}.logo-kopf{display:block;width:190px;height:auto;margin:18px 0 -6px}@media (min-width: 900px){.logo-kopf{display:none}}.nav-gruppe{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--leise);padding:14px 10px 4px}.nav-ziel{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--text);text-decoration:none}.nav-ziel:hover{background:var(--grau-hell)}.nav-ziel.active{background:var(--blau-hell);color:var(--blau);font-weight:600}.seiten-kopf{display:flex;align-items:center;gap:8px;padding:18px 0 10px}.seiten-kopf h1{flex:1}.seiten-kopf.gross{padding-top:24px}.zurueck{width:44px;height:44px;margin-left:-10px;border:0;background:none;font-size:2rem;line-height:1;color:var(--blau);cursor:pointer}.unterzeile,.leise-text{color:var(--leise);font-size:.9rem}.leise-text{display:block}.fehlertext{color:var(--rot)}.hinweistext{background:var(--gelb-hell);border-radius:10px;padding:.5rem .8rem}.rot-text{color:var(--rot)}.gross-text{font-size:1.15rem;font-weight:600}.feld-titel{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--leise)}.leer{color:var(--leise);padding:.6rem 0}.wachsen{flex:1;min-width:0}.stapel{display:flex;flex-direction:column;gap:10px}.knopfreihe{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--taste);padding:.5rem 1.1rem;border:1.5px solid var(--linie);border-radius:12px;background:var(--flaeche);color:var(--text);font-weight:600;text-decoration:none;cursor:pointer;text-align:center}.knopf:active{transform:scale(.98)}.knopf:disabled{opacity:.45;cursor:default}.knopf.haupt{background:var(--blau);border-color:var(--blau);color:#fff}.knopf.rot{background:var(--rot);border-color:var(--rot);color:#fff}.knopf.flach{border-color:transparent;background:none;color:var(--blau)}.knopf.klein{min-height:40px;padding:.3rem .8rem;font-size:.9rem}.knopf.gross{width:100%;min-height:58px;flex-direction:column;gap:0}.knopf.gross small{font-weight:400;opacity:.8}.knopf.riesig{width:100%;min-height:76px;font-size:1.2rem;margin:8px 0}.link{border:0;background:none;color:var(--blau);text-decoration:underline;padding:0;cursor:pointer;font-size:inherit}.haken{flex-direction:row;align-items:center;gap:10px;color:var(--text);font-size:.95rem;min-height:44px}.haken input{width:24px;height:24px;min-height:0;flex:none}.kacheln{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 640px){.kacheln{grid-template-columns:repeat(4,1fr)}}.kachel{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:108px;padding:14px;border:1.5px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);color:var(--text);text-decoration:none;text-align:left;cursor:pointer}.kachel:active{transform:scale(.98)}.kachel-symbol{margin-bottom:6px;color:var(--grau)}.kachel-titel{font-weight:700;font-size:1.05rem}.kachel-unter{font-size:.85rem;color:var(--leise)}.kachel.blau .kachel-symbol{color:var(--blau)}.kachel.gelb .kachel-symbol{color:#9a7400}.kachel.rot .kachel-symbol{color:var(--rot)}.kachel.gruen .kachel-symbol{color:var(--gruen)}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:14px 16px;margin:10px 0}.karte.hervor{border:2px solid var(--blau);background:var(--blau-hell)}.karte.leise{background:var(--grau-hell);border-color:transparent;color:var(--leise)}.karte.vorformatiert{white-space:pre-wrap}.karte .knopf.haupt:only-child,.karte>.knopf.haupt{margin-top:10px}.zeile{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:8px 0;background:var(--flaeche);border:1px solid var(--linie);border-radius:12px;color:var(--text);text-decoration:none;min-height:var(--taste);width:100%;text-align:left}.zeile.umbrechen{flex-wrap:wrap}.zeile-knopf{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;color:inherit;text-align:left;cursor:pointer;width:100%;flex-wrap:wrap}.zeile.zeile-knopf{border:1px solid var(--linie);padding:12px 14px}.zeile-knopf>span:not(.marke){display:flex;flex-direction:column}.karte .zeile{background:var(--grund)}.einsatz-zeit{font-weight:700;color:var(--blau)}.einsatz-name{display:flex;align-items:center;gap:4px;font-size:1.3rem;font-weight:700;color:var(--text);text-decoration:none;margin:2px 0}.einsatz.kompakt .einsatz-name{font-size:1.08rem}.einsatz-adresse,.einsatz-mit{color:var(--leise)}.einsatz-notiz{margin-top:6px;padding:6px 10px;background:var(--gelb-hell);border-radius:8px}.einsatz .knopfreihe{margin-top:12px}.einsatz .knopfreihe .knopf{flex:1}.tag h3{margin-bottom:0}.tag h3 span{font-weight:400;color:var(--leise)}.tag.heute h3{color:var(--blau)}.tag.vorbei{opacity:.6}.marke{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.82rem;font-weight:600;white-space:nowrap}.marke.rot{background:var(--rot-hell);color:var(--rot)}.marke.gelb{background:var(--gelb-hell);color:#7a5c00}.marke.gruen{background:var(--gruen-hell);color:var(--gruen)}.marke.blau{background:var(--blau-hell);color:var(--blau)}.marke.grau{background:var(--grau-hell);color:var(--grau)}.marken{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.wahl{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}.wahl button{display:flex;flex-direction:column;min-height:var(--taste);padding:.5rem 1rem;border:1.5px solid var(--linie);border-radius:12px;background:var(--flaeche);color:var(--text);cursor:pointer;text-align:left}.wahl button small{color:var(--leise);font-size:.78rem}.wahl button.an{border-color:var(--blau);background:var(--blau-hell);color:var(--blau);font-weight:600}.umschalter{display:flex;background:var(--grau-hell);border-radius:12px;padding:4px;gap:4px;margin:6px 0 10px}.umschalter button{flex:1;min-height:46px;border:0;border-radius:9px;background:none;color:var(--leise);font-weight:600;cursor:pointer}.umschalter.klein button{min-height:38px}.umschalter button.an{background:var(--flaeche);color:var(--text);box-shadow:0 1px 3px #0000001f}.abschnitt h2{margin-top:1rem}.abschnitt input+input{margin-top:8px}.bild{display:block;max-width:100%;border-radius:10px}.bild.klein{width:96px;height:96px;object-fit:cover}.bild-platz{display:grid;place-items:center;width:100%;min-height:120px;background:var(--grau-hell);border-radius:10px;color:var(--leise);font-size:.8rem;text-align:center}.bild-platz.klein{width:96px;min-height:96px}.foto-raster{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.foto-raster figure{margin:0;width:96px}.foto-raster figcaption{font-size:.75rem;color:var(--leise)}.karte.lieferschein,.karte.meldung{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.karte.lieferschein>.stapel{flex:1;min-width:240px}.karte.lieferschein>.haken{width:100%;min-height:0}.karte.zahlen{display:flex;gap:18px;align-items:flex-end}.karte.zahlen div{display:flex;flex-direction:column;color:var(--leise);font-size:.85rem}.zahl{font-size:2.4rem;font-weight:800;line-height:1;color:var(--blau)}.zahl.klein{font-size:1.4rem;color:var(--text)}.formular{display:flex;flex-direction:column;gap:12px}.formular.reihe{flex-direction:row;flex-wrap:wrap;align-items:flex-end;margin-top:8px}.formular.reihe>*{flex:1 1 160px}.formular.reihe>.knopf{flex:0 0 auto}.zwei{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 560px){.zwei{grid-template-columns:1fr 1fr}.formular.zuordnung{display:grid;grid-template-columns:1fr 1fr}}.anmelden{min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--grund) url(/strich.png) no-repeat right -80px bottom -60px / 420px auto;background-blend-mode:normal;position:relative}.anmelden:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f5f6f7d1}.anmelden-karte{position:relative}.anmelden-karte{width:100%;max-width:420px;background:var(--flaeche);border-radius:20px;padding:28px 22px;border:1px solid var(--linie)}.anmelden-logo{display:block;width:100%;height:auto;margin-bottom:8px}.anmelden h1{margin:10px 0 6px}.code-feld{font-size:2rem;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}.hinweis{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:#1f2329;color:#fff;box-shadow:0 6px 24px #00000040;z-index:50}.hinweis span{flex:1}.hinweis.fehler{background:var(--rot)}.hinweis-knopf{border:0;background:var(--gelb);color:#1f2329;font-weight:700;border-radius:10px;min-height:46px;padding:0 16px;cursor:pointer}@media (min-width: 900px){.hinweis{bottom:24px}}.woche-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px}.woche-kopf .haken{min-height:40px}.plan-rahmen{overflow-x:auto;margin:0 -16px;padding:0 16px}.plan{table-layout:fixed;border-collapse:separate;border-spacing:4px;min-width:720px;width:100%}.plan th{font-size:.85rem;text-align:left;vertical-align:top;padding:4px 6px}.plan thead th{color:var(--leise);font-weight:600}.plan thead th.heute{color:var(--blau)}.plan thead th.feiertag{color:var(--rot)}.plan th small{display:block;font-weight:400;color:var(--leise)}.plan tbody th{width:100px}.plan td{vertical-align:top;padding:0}.zelle{display:flex;flex-direction:column;gap:4px;width:100%;min-height:64px;padding:6px;border:1px solid var(--linie);border-radius:10px;background:var(--flaeche);text-align:left;cursor:pointer;color:var(--text)}.zelle:disabled{cursor:default}td.abwesend .zelle{background:var(--grau-hell)}td.warnung .zelle{border:2px solid var(--rot)}.zelle-einsatz{display:block;font-size:.85rem;font-weight:600;background:var(--blau-hell);border-radius:6px;padding:3px 6px}.zelle-einsatz small{display:block;font-weight:400;color:var(--leise)}.zelle-abw{font-size:.8rem;color:var(--leise)}.zelle-leer{color:var(--linie);font-size:1.5rem;margin:auto}.warnliste{margin:0;padding-left:1.2rem}.warnliste li{margin:4px 0}.dialog-hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:40}.dialog{width:100%;max-width:560px;max-height:90vh;overflow-y:auto;background:var(--grund);border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.dialog h2{margin-top:0}@media (min-width: 900px){.dialog-hintergrund{align-items:center}.dialog{border-radius:20px}}ul{padding-left:1.2rem}.karte.lieferschein>.foto-raster,.karte.meldung>a{flex:0 0 auto;margin:0}
