:root{--farbe-hintergrund:#f5f6f4;--farbe-flaeche:#fff;--farbe-text:#14202a;--farbe-text-leise:#46545c;--farbe-akzent:#2f3e46;--farbe-akzent-text:#fff;--farbe-linie:#b9c2bd;--farbe-warnung:#8a3f0e;--farbe-warnung-hg:#fff1dc;--farbe-fehler:#9c1c1c;--farbe-fehler-hg:#fdeaea;--farbe-ok:#1d6a40;--farbe-ok-hg:#e6f4ec;--farbe-fokus:#0b57d0;--radius:14px;--abstand:16px;--touch:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--farbe-hintergrund:#11181c;--farbe-flaeche:#1b252a;--farbe-text:#f1f5f3;--farbe-text-leise:#b8c5cb;--farbe-akzent:#cfe0d6;--farbe-akzent-text:#11181c;--farbe-linie:#4a5c64;--farbe-warnung:#ffd9a8;--farbe-warnung-hg:#3a2a14;--farbe-fehler:#ffb4b4;--farbe-fehler-hg:#3d1a1a;--farbe-ok:#7fd6a4;--farbe-ok-hg:#16301f;--farbe-fokus:#8ab4f8}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--farbe-hintergrund);color:var(--farbe-text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:18px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--farbe-fokus);outline-offset:2px}.seite{max-width:640px;padding:var(--abstand);padding-left:max(var(--abstand), env(safe-area-inset-left));padding-right:max(var(--abstand), env(safe-area-inset-right));margin:0 auto}.seite-mitte{gap:14px;padding-top:48px;display:grid}.karte{background:var(--farbe-flaeche);border:1px solid var(--farbe-linie);border-radius:var(--radius);padding:var(--abstand);gap:12px;display:grid}.karte h1,.karte h2{margin:0;font-size:24px;line-height:1.2}.zeile{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.leise{color:var(--farbe-text-leise)}.fehlerbox,.hinweisbox{border-radius:var(--radius);border:2px solid;padding:14px 16px;font-size:18px}.fehlerbox{background:var(--farbe-fehler-hg);border-color:var(--farbe-fehler);color:var(--farbe-fehler)}.hinweisbox{background:var(--farbe-warnung-hg);border-color:var(--farbe-warnung);color:var(--farbe-warnung)}label.feld{gap:6px;font-size:16px;font-weight:600;display:grid}input.eingabe,textarea.eingabe{width:100%;min-height:var(--touch);border:2px solid var(--farbe-linie);background:var(--farbe-flaeche);border-radius:12px;padding:12px 14px;font-size:18px;font-weight:400}.knopf{min-height:var(--touch);border:2px solid var(--farbe-akzent);cursor:pointer;text-align:center;border-radius:12px;justify-content:center;align-items:center;min-width:48px;padding:12px 22px;font-size:18px;font-weight:700;display:inline-flex}.knopf:disabled{opacity:.6;cursor:not-allowed}.knopf-primaer{background:var(--farbe-akzent);color:var(--farbe-akzent-text)}.knopf-sekundaer{background:var(--farbe-flaeche);color:var(--farbe-akzent)}.knopf-gefahr{background:var(--farbe-flaeche);color:var(--farbe-fehler);border-color:var(--farbe-fehler)}.kopf{z-index:10;background:var(--farbe-akzent);color:var(--farbe-akzent-text);padding:10px var(--abstand);padding-top:max(10px, env(safe-area-inset-top));position:sticky;top:0}.kopf-innen{justify-content:space-between;align-items:center;gap:12px;max-width:640px;min-height:48px;margin:0 auto;display:flex}.kopf-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.kopf .knopf{min-height:48px;color:inherit;background:0 0;border-color:currentColor;padding:8px 16px}.update-hinweis{z-index:1000;padding:12px var(--abstand);background:var(--farbe-warnung-hg);color:var(--farbe-warnung);border-bottom:3px solid var(--farbe-warnung);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.klein{font-size:15px}.umbruch{overflow-wrap:anywhere}.abstand-oben{margin-top:12px}.abstand-unten{margin-bottom:12px}.karte p{margin:0}.okbox{border-radius:var(--radius);border:2px solid var(--farbe-ok);background:var(--farbe-ok-hg);color:var(--farbe-ok);padding:14px 16px;font-weight:600}a.knopf{text-decoration:none}textarea.eingabe{resize:vertical;min-height:96px}.formular{gap:18px}.status-leiste{padding:8px var(--abstand);border-bottom:1px solid var(--farbe-linie);background:var(--farbe-flaeche);color:var(--farbe-text-leise);flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:15px;font-weight:600;display:flex}.status-leiste:before{content:"";background:var(--farbe-ok);border-radius:50%;flex:none;width:12px;height:12px}.status-offline,.status-offline_ausstehend{background:var(--farbe-warnung-hg);color:var(--farbe-warnung)}.status-offline:before,.status-offline_ausstehend:before{background:var(--farbe-warnung)}.status-ausstehend{background:var(--farbe-warnung-hg);color:var(--farbe-warnung)}.status-ausstehend:before{background:var(--farbe-warnung)}.status-link{min-height:48px;color:inherit;align-items:center;padding:0 4px;font-weight:700;display:inline-flex}.reiter{padding:8px var(--abstand);gap:6px;max-width:640px;margin:0 auto;display:flex}.reiter-link{text-align:center;border:2px solid var(--farbe-linie);background:var(--farbe-flaeche);min-height:52px;color:var(--farbe-text);border-radius:12px;flex:1 1 0;justify-content:center;align-items:center;padding:6px 8px;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;display:flex}.reiter-link.aktiv{background:var(--farbe-akzent);color:var(--farbe-akzent-text);border-color:var(--farbe-akzent)}fieldset.gruppe{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}fieldset.gruppe>legend{margin-bottom:6px;padding:0;font-size:18px;font-weight:700}.feld-hinweis{font-weight:400}.wahl{min-height:var(--touch);border:2px solid var(--farbe-linie);background:var(--farbe-flaeche);cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:10px 14px;display:flex}.wahl input{width:28px;height:28px;accent-color:var(--farbe-akzent);flex:none;margin:0}.wahl-an{border-color:var(--farbe-akzent)}.wahl-aus{opacity:.6;cursor:not-allowed}.wahl-text{gap:2px;min-width:0;display:grid}.wahl-titel{overflow-wrap:anywhere;font-weight:700}.wahl-unter{color:var(--farbe-text-leise);font-size:15px}.foto-waehler,.foto-anzeige{gap:10px;min-width:0;display:grid}.foto-raster{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.foto-kachel{align-content:start;gap:6px;min-width:0;display:grid}.foto-kachel img{object-fit:cover;border-radius:10px;width:100%;height:110px}.foto-kachel .knopf{min-height:48px;padding:8px 10px;font-size:16px}dl.daten{grid-template-columns:fit-content(42%) minmax(0,1fr);gap:6px 14px;margin:0;display:grid}dl.daten dt{color:var(--farbe-text-leise)}dl.daten dd{overflow-wrap:anywhere;margin:0;font-weight:600}.meldung{border-top:1px solid var(--farbe-linie);gap:8px;padding:14px 0;display:grid}.chip{border:2px solid var(--farbe-linie);border-radius:999px;padding:4px 12px;font-size:15px;font-weight:700;display:inline-block}.chip-offen{border-color:var(--farbe-warnung);color:var(--farbe-warnung)}.chip-in_arbeit{border-color:var(--farbe-fokus);color:var(--farbe-fokus)}.chip-erledigt{border-color:var(--farbe-ok);color:var(--farbe-ok)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ausstehend p{margin:6px 0}.status-abgelehnt{background:var(--farbe-fehler-hg);color:var(--farbe-fehler)}.status-abgelehnt:before{background:var(--farbe-fehler)}.reiter{gap:4px}.reiter-link{padding:6px 4px;font-size:15px}.standort{gap:8px}.standort p{margin:0}.stopp-umschlag{gap:10px;display:grid}.stopp{border:2px solid var(--farbe-linie);border-radius:var(--radius);background:var(--farbe-flaeche);gap:10px;min-width:0;padding:14px;display:grid}.stopp-dran{border-color:var(--farbe-akzent);box-shadow:0 0 0 2px var(--farbe-akzent) inset}.stopp-fertig{opacity:.8}.stopp-kopf{align-items:center;gap:12px;min-width:0;display:flex}.stopp-nr{background:var(--farbe-akzent);width:44px;height:44px;color:var(--farbe-akzent-text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:inline-flex}.stopp-titel{flex:auto;min-width:0;display:grid}.stopp-status{margin:0}.stopp-toggle{min-height:48px}.stopp-details{gap:12px;display:grid}.stopp-knoepfe{gap:10px;display:grid}.stopp-knoepfe .knopf{width:100%}.gruppe-nav{gap:6px;display:grid}.gruppe-nav .zeile .knopf{flex:30%;padding:12px 8px;font-size:16px}.chip-dran{border-color:var(--farbe-akzent);color:var(--farbe-akzent);flex:none}.chip-warte{border-color:var(--farbe-warnung);color:var(--farbe-warnung);width:fit-content;margin:0}.chip-tour-unterwegs{border-color:var(--farbe-ok);color:var(--farbe-ok)}.chip-tour-geplant{border-color:var(--farbe-linie);color:var(--farbe-text-leise)}.chip-aktion-wartet,.chip-aktion-unklar{border-color:var(--farbe-warnung);color:var(--farbe-warnung)}.chip-aktion-abgelehnt{border-color:var(--farbe-fehler);color:var(--farbe-fehler)}.dialog{border:2px solid var(--farbe-akzent);border-radius:var(--radius);background:var(--farbe-flaeche);gap:12px;padding:14px;scroll-margin-top:84px;display:grid}.dialog h2{margin:0;font-size:22px}.tour-ende{gap:10px;display:grid}.abmelden-frage{margin:8px var(--abstand);gap:8px;display:grid}.abmelden-frage p{margin:0}