:root{--papier: #ffffff;--flaeche: #f6f7f9;--flaeche-tief: #eef0f3;--rand: #e3e6ea;--rand-stark: #c9cfd6;--text: #14171a;--gedaempft: #5c646e;--leise: #6b737d;--marke: #1e4fd8;--marke-satt: #173ca6;--marke-tint: #edf1fe;--gruen: #0e7a3c;--gruen-tint: #e8f6ee;--gelb: #8a5300;--gelb-tint: #fdf3e0;--gelb-rand: #e9d5a8;--rot: #b3261e;--rot-tint: #fdecea;--grau: #5c646e;--grau-tint: #f1f3f5;--schrift-xs: 13px;--schrift-s: 15px;--schrift-m: 16px;--schrift-l: 18px;--schrift-xl: 24px;--schrift-2xl: 30px;--schrift-3xl: 34px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--radius: 12px;--radius-klein: 8px;--radius-grosz: 18px;--touch: 56px;--touch-grosz: 64px;--schatten: 0 1px 2px rgb(20 23 26 / .06);--schatten-hoch: 0 6px 20px rgb(20 23 26 / .1);--serifenlos: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.laedt{margin-top:var(--s3)}.lade{height:4px;border-radius:2px;background:var(--flaeche-tief);overflow:hidden}.lade span{display:block;width:40%;height:100%;background:var(--marke);border-radius:2px;animation:wandern 1.2s ease-in-out infinite}@keyframes wandern{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media(prefers-reduced-motion:reduce){.lade span{animation:none;width:100%;opacity:.5}}.laedt p{margin:var(--s2) 0 0;font-size:var(--schrift-s);color:var(--gedaempft)}.fehler{margin-top:var(--s4);padding:var(--s4);border:1px solid var(--rot);background:var(--rot-tint);border-radius:var(--radius);color:var(--rot);font-size:var(--schrift-s);line-height:1.5}html{-webkit-text-size-adjust:100%}body{margin:0;font:16px/1.5 var(--serifenlos);color:var(--text);background:var(--papier);padding-bottom:env(safe-area-inset-bottom)}h1,h2,h3{margin:0;line-height:1.25;letter-spacing:-.01em}button,input,select,textarea{font:inherit;color:inherit}:where(a){color:var(--marke)}:where(button,a,input,[tabindex]):focus-visible{outline:3px solid var(--marke);outline-offset:2px;border-radius:var(--radius-klein)}body{background:var(--flaeche)}.leiste{background:var(--papier);border-bottom:1px solid var(--rand)}.leiste-innen{max-width:940px;margin-inline:auto;padding:var(--s3) var(--s4);display:flex;align-items:center;gap:var(--s4)}.leiste img{height:24px;width:auto}.weg-zurueck{font-size:var(--schrift-s);font-weight:600}.leiste-innen #anmelden{min-height:40px;padding:0 var(--s4);border:1px solid var(--marke);border-radius:var(--radius-klein);background:var(--marke);color:#fff;font-weight:600;cursor:pointer}.rolle{margin-left:auto;font-size:var(--schrift-s);color:var(--gedaempft)}.reiter{background:var(--papier);border-bottom:1px solid var(--rand);display:flex;gap:var(--s1);overflow-x:auto;scrollbar-width:none;padding:0 var(--s4)}.reiter::-webkit-scrollbar{display:none}.reiter button{flex:none;min-height:48px;padding:0 var(--s4);border:0;background:none;color:var(--gedaempft);font-size:var(--schrift-s);font-weight:600;border-bottom:2px solid transparent;cursor:pointer;display:flex;align-items:center;gap:var(--s2)}.reiter button[aria-current=true]{color:var(--marke);border-bottom-color:var(--marke)}.zaehler{min-width:20px;height:20px;padding:0 var(--s2);border-radius:999px;background:var(--flaeche-tief);color:var(--gedaempft);font-size:var(--schrift-xs);font-weight:700;display:grid;place-items:center}.zaehler.warnend{background:var(--rot);color:#fff}.huelle{max-width:940px;margin-inline:auto;padding:var(--s5) var(--s4) var(--s7)}h1{font-size:var(--schrift-xl);margin-bottom:var(--s2)}h2{font-size:var(--schrift-l);margin:var(--s6) 0 var(--s3)}.fuehrung{color:var(--gedaempft);margin:0 0 var(--s5);max-width:62ch}.klein{font-size:var(--schrift-s);color:var(--gedaempft)}.leer{padding:var(--s5);border:1px dashed var(--rand-stark);border-radius:var(--radius);color:var(--gedaempft);text-align:center;background:var(--papier)}.meldung{position:sticky;top:var(--s3);z-index:10;margin-bottom:var(--s4);padding:var(--s3) var(--s4);border-radius:var(--radius);border:1px solid var(--gruen);background:var(--gruen-tint);color:var(--gruen);font-size:var(--schrift-s)}.meldung[data-art=schlecht]{border-color:var(--rot);background:var(--rot-tint);color:var(--rot)}.kacheln{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3);margin-bottom:var(--s5)}@media(min-width:700px){.kacheln{grid-template-columns:repeat(3,1fr)}}.kachel{background:var(--papier);border:1px solid var(--rand);border-radius:var(--radius);padding:var(--s4)}.kachel.dringend{border-color:var(--rot);background:var(--rot-tint)}.kachel .wert{font-size:var(--schrift-2xl);font-weight:800;letter-spacing:-.02em;line-height:1.1}.kachel.dringend .wert{color:var(--rot)}.kachel .bezeichnung{font-size:var(--schrift-xs);color:var(--gedaempft);margin-top:var(--s1)}.naechster{padding:var(--s4);border-left:3px solid var(--marke);background:var(--marke-tint);border-radius:0 var(--radius) var(--radius) 0;font-size:var(--schrift-m);line-height:1.55}.naechster.ruhig{border-left-color:var(--gruen);background:var(--gruen-tint)}.karte{background:var(--papier);border:1px solid var(--rand);border-radius:var(--radius);padding:var(--s4);margin-bottom:var(--s3)}.karte-kopf{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s3)}.ref{font:var(--schrift-xs) var(--monospace);background:var(--flaeche-tief);padding:var(--s1) var(--s2);border-radius:var(--radius-klein)}.ampel{font-size:var(--schrift-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:var(--s1) var(--s2);border-radius:999px;background:var(--grau-tint);color:var(--grau)}.ampel.zulaessig{background:var(--gruen-tint);color:var(--gruen)}.ampel.bedingt{background:var(--gelb-tint);color:var(--gelb)}.ampel.unzulaessig,.ampel.kritisch{background:var(--rot-tint);color:var(--rot)}.ampel.warnung{background:var(--gelb-tint);color:var(--gelb)}.zustand{font-size:var(--schrift-xs);color:var(--gedaempft);border:1px solid var(--rand);padding:var(--s1) var(--s2);border-radius:999px;margin-left:auto}.zustand.freigegeben{border-color:var(--gruen);color:var(--gruen)}.paarung{font-size:var(--schrift-m);font-weight:600}.bedingungen{font-size:var(--schrift-s);color:var(--gedaempft);margin-top:var(--s2)}.quelle{font-size:var(--schrift-xs);color:var(--leise);margin-top:var(--s2)}.befund-text{margin:0;font-size:var(--schrift-s);line-height:1.55}.knoepfe{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}.knoepfe button,.beobachten button{min-height:44px;padding:0 var(--s4);border:1px solid var(--rand-stark);background:var(--papier);border-radius:var(--radius-klein);font-size:var(--schrift-s);cursor:pointer}.knoepfe button:hover:not([disabled]){background:var(--flaeche)}.knoepfe button[disabled]{opacity:.45;cursor:not-allowed}.haupt-klein,.haupt{background:var(--marke)!important;border-color:var(--marke)!important;color:#fff;font-weight:600}.haupt-klein[disabled],.haupt[disabled]{background:var(--rand-stark)!important;border-color:var(--rand-stark)!important;cursor:not-allowed}.filter{display:flex;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s4)}.filter button{min-height:40px;padding:0 var(--s4);border:1px solid var(--rand-stark);background:var(--papier);border-radius:999px;font-size:var(--schrift-s);cursor:pointer}.filter button[aria-pressed=true]{background:var(--marke);border-color:var(--marke);color:#fff}.erledigen{display:flex;gap:var(--s2);margin-top:var(--s4);flex-wrap:wrap}.feld{flex:1;min-width:220px;min-height:44px;padding:0 var(--s3);font-size:var(--schrift-m);border:1px solid var(--rand);border-radius:var(--radius-klein);background:var(--flaeche)}.beobachten{display:flex;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s5)}.dokument{background:var(--papier);border:1px solid var(--rand);border-left:3px solid var(--gruen);border-radius:0 var(--radius-klein) var(--radius-klein) 0;padding:var(--s3) var(--s4);margin-bottom:var(--s2)}.dokument.fehlerhaft{border-left-color:var(--rot)}.dok-name{font-weight:600}.vorschlag{margin-top:var(--s4);padding:var(--s4);border:1px solid var(--rand);border-left:3px solid var(--marke);border-radius:0 var(--radius-klein) var(--radius-klein) 0;background:var(--flaeche)}.vorschlag-kopf{font-weight:700;margin-bottom:var(--s2)}.ablage{border:2px dashed var(--rand-stark);border-radius:var(--radius-grosz);background:var(--papier);padding:var(--s6) var(--s4);text-align:center;margin-bottom:var(--s5)}.ablage[data-aktiv=true]{border-color:var(--marke);background:var(--marke-tint)}.ablage .haupt{min-height:var(--touch);padding:0 var(--s6);font-size:var(--schrift-m);border-radius:var(--radius);cursor:pointer}details{margin-top:var(--s4);background:var(--papier);border:1px solid var(--rand);border-radius:var(--radius)}summary{cursor:pointer;padding:var(--s4);font-weight:600}details pre{margin:0;padding:0 var(--s4) var(--s4);overflow-x:auto;font:var(--schrift-xs)/1.6 var(--monospace);white-space:pre-wrap;word-break:break-word}.protokoll{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s3) var(--s4);background:var(--papier);border:1px solid var(--rand);border-radius:var(--radius-klein);margin-bottom:var(--s2);text-decoration:none;color:inherit;min-height:52px}.protokoll:hover{border-color:var(--rand-stark);background:var(--flaeche)}.protokoll .quelle{margin:0 0 0 auto}.lv-liste{display:grid;gap:var(--s3);margin-top:var(--s4)}.lv-position{padding:var(--s3) var(--s4);border:1px solid var(--rand);border-left-width:5px;border-radius:var(--radius-klein);background:var(--flaeche)}.lv-position.stopp{border-left-color:var(--rot)}.lv-position.pruefen{border-left-color:var(--gelb)}.lv-position.frei{border-left-color:var(--gruen)}.lv-position.ohne-material{border-left-color:var(--rand-stark);background:var(--flaeche-tief)}.lv-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3)}.lv-oz{font-family:var(--monospace);font-weight:600}.lv-satz{margin:var(--s1) 0 0;line-height:1.45}.export-zeile{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5)}.export-zeile .klein{margin:0}.abschnitt{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--rand);font-size:var(--schrift-l)}.katalog-gruppe{margin-top:var(--s4)}.katalog-art{margin:0 0 var(--s2);font-size:var(--schrift-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gedaempft)}.katalog-zeile{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s4);padding:var(--s2) var(--s3);border-bottom:1px solid var(--rand)}.katalog-zeile:hover{background:var(--flaeche-tief)}.katalog-name{display:flex;flex-direction:column;gap:var(--s1);min-width:12rem}.katalog-label{font-weight:500}.katalog-barcode{display:flex;align-items:center;gap:var(--s2)}.barcode-feld{font-family:var(--monospace);font-size:var(--schrift-s);min-height:var(--touch);min-width:14rem;padding:0 var(--s3);border:1px solid var(--rand);border-radius:var(--radius-klein);background:var(--papier);color:var(--text)}.barcode-feld:hover{border-color:var(--rand-stark)}.barcode-feld:focus{outline:3px solid var(--marke);outline-offset:1px;border-color:var(--marke)}.barcode-wert{font-family:var(--monospace)}.barcode-status{font-size:var(--schrift-xs);min-width:5rem}.barcode-status.laeuft{color:var(--gedaempft)}.barcode-status.gut{color:var(--gruen)}.barcode-status.schlecht{color:var(--rot);min-width:0}@media(max-width:40rem){.katalog-zeile{align-items:stretch}.katalog-barcode{width:100%}.barcode-feld{flex:1;min-width:0}}