:root{--text: #1b1b1b;--text-gedaempft: #3d3d3d;--hintergrund: #ffffff;--primaer: #084c8d;--primaer-dunkel: #063a6b;--auf-primaer: #ffffff;--fehler: #b00020;--auf-fehler: #ffffff;--rahmen: #595959;--flaeche: #f2f2f2;--flaeche-erhaben: #ffffff;--linie: #d0d0d0;--alarm-flaeche: #fdecea;--punkt-rand: #333333;--auf-chip: #ffffff;--chip-neutral: #444444;--chip-neu: #084c8d;--chip-vergeben: #6a4a00;--chip-aktiv: #1a7f37;--chip-fertig: #3d3d3d;--chip-alarm: #b00020;--chip-storno: #6e6e6e;color-scheme:light}:root[data-theme=dunkel]{--text: #e8e8e8;--text-gedaempft: #9a9a9a;--hintergrund: #121212;--primaer: #7db3f0;--primaer-dunkel: #a3c9f5;--auf-primaer: #101820;--fehler: #ff8a8a;--auf-fehler: #101820;--rahmen: #7a7a7a;--flaeche: #1e1e1e;--flaeche-erhaben: #252525;--linie: #3a3a3a;--alarm-flaeche: #3a1f1e;--punkt-rand: #b0b0b0;--chip-neutral: #5a5a5a;--chip-fertig: #5a5a5a;--chip-alarm: #c62828;color-scheme:dark}*{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){body,.kopf,button,input,select,textarea,.listbox,.kpi-kachel,details{transition:background-color .2s ease,color .2s ease,border-color .2s ease}}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--hintergrund);line-height:1.45}.kopf{background:var(--primaer);padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.marke{color:var(--auf-primaer);font-weight:700;margin:0}.nutzerinfo{color:var(--auf-primaer);margin:0;display:flex;gap:.75rem;align-items:center}.theme-schalter{font:inherit;font-size:.85rem;min-height:40px;padding:.3rem .7rem;border-radius:.25rem;border:1px solid var(--auf-primaer);background:transparent;color:var(--auf-primaer);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.theme-schalter:hover{background:#ffffff1f}.banner{background:var(--fehler);color:var(--auf-fehler);font-weight:700;padding:.625rem 1rem}.login-main{max-width:24rem;margin:10vh auto;padding:1rem}.raster{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem;padding:1rem}@media(max-width:70rem){.raster{grid-template-columns:1fr}}section h2{font-size:1.1rem;margin:.25rem 0 .5rem}section h3{font-size:.95rem;margin:.75rem 0 .25rem}#karte{width:100%;height:55vh;min-height:20rem;border:1px solid var(--rahmen);border-radius:.5rem}.feld{margin-bottom:.75rem}label{display:block;font-weight:600;margin-bottom:.2rem}input,select,textarea{width:100%;font:inherit;padding:.5rem;border:1px solid var(--rahmen);border-radius:.25rem;min-height:40px;background:var(--flaeche-erhaben);color:var(--text)}button{font:inherit;padding:.5rem 1rem;min-height:40px;border-radius:.25rem;border:1px solid var(--rahmen);background:var(--flaeche);color:var(--text);cursor:pointer}button.primaer{background:var(--primaer);border-color:var(--primaer);color:var(--auf-primaer)}button.primaer:hover{background:var(--primaer-dunkel)}:focus-visible{outline:3px solid var(--primaer);outline-offset:2px}.feld-fehler{color:var(--fehler);font-weight:600;margin:.25rem 0}.feld-warnung{color:var(--text-gedaempft);font-weight:600;margin:.25rem 0}details{border:1px solid var(--rahmen);border-radius:.5rem;padding:.5rem .75rem;margin-bottom:.75rem}summary{font-weight:700;cursor:pointer;padding:.25rem 0}.inline-form{display:flex;gap:.5rem;align-items:end;flex-wrap:wrap}.inline-form label{margin:0}.inline-form input{width:auto;flex:1 1 8rem}.combo{position:relative}.listbox{list-style:none;margin:0;padding:0;border:1px solid var(--rahmen);background:var(--flaeche-erhaben);position:absolute;z-index:10;width:100%;max-height:12rem;overflow-y:auto}.listbox li{padding:.4rem .5rem;cursor:pointer}.listbox li.aktiv,.listbox li:hover{background:var(--primaer);color:var(--auf-primaer)}.auftragsliste,.alarmliste,.stammliste,.legende{list-style:none;margin:0;padding:0}.auftragsliste li,.stammliste li{padding:.4rem .5rem;border-bottom:1px solid var(--linie);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;overflow-wrap:anywhere}.auftragsliste li.alarm{background:var(--alarm-flaeche);border-left:4px solid var(--fehler)}.alarmliste li{padding:.3rem .5rem;background:var(--alarm-flaeche);border-left:4px solid var(--fehler);margin-bottom:.25rem}.alarmliste:empty:after{content:"Keine Alarme.";color:var(--text-gedaempft)}.chip{display:inline-block;padding:.1rem .5rem;border-radius:1rem;font-size:.8rem;font-weight:700;color:var(--auf-chip);background:var(--chip-neutral)}.chip-neu{background:var(--chip-neu)}.chip-vergeben{background:var(--chip-vergeben)}.chip-aktiv{background:var(--chip-aktiv)}.chip-fertig{background:var(--chip-fertig)}.chip-alarm{background:var(--chip-alarm)}.chip-storno{background:var(--chip-storno)}.legende li{display:flex;align-items:center;gap:.4rem;padding:.15rem 0}.punkt{width:.8rem;height:.8rem;border-radius:50%;display:inline-block;border:1px solid var(--punkt-rand)}.code-anzeige{font-size:1.15rem;font-weight:700;letter-spacing:.06em}.kpi-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem}.kpi-kachel{background:var(--flaeche);border-radius:.5rem;padding:.5rem .75rem}.kpi-kachel h3{margin:0;font-size:.8rem}.kpi-kachel p{margin:.15rem 0 0;font-size:1.15rem;font-weight:700}.admin-only{display:none}body.ist-admin .admin-only{display:block}body.ist-admin .inline-form.admin-only{display:flex}.skip-link{position:absolute;left:-9999px;background:var(--flaeche-erhaben);color:var(--primaer);padding:.5rem 1rem}.skip-link:focus{left:.5rem;top:.5rem;z-index:100}
