:root{--papier: #ffffff;--flaeche: #f6f7f9;--flaeche-tief: #eef0f3;--rand: #e3e6ea;--rand-stark: #c9cfd6;--text: #14171a;--gedaempft: #5c646e;--leise: #868e98;--marke: #1e4fd8;--marke-satt: #173ca6;--marke-tint: #edf1fe;--gruen: #0e7a3c;--gruen-tint: #e8f6ee;--gelb: #8a5300;--gelb-tint: #fdf3e0;--rot: #b3261e;--rot-tint: #fdecea;--grau: #5c646e;--grau-tint: #f1f3f5;--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}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{padding-bottom:calc(var(--touch-grosz) + var(--s6) + env(safe-area-inset-bottom))}.huelle{max-width:560px;margin-inline:auto;padding:0 var(--s4)}.kopf{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) 0 var(--s3)}.kopf img{height:26px;width:auto}.kopf .rechts{margin-left:auto;display:flex;align-items:center;gap:var(--s2)}.status{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border:1px solid var(--rand);border-radius:var(--radius-klein);background:var(--flaeche);font-size:14px;color:var(--gedaempft);margin-bottom:var(--s4)}.status .punkt{width:8px;height:8px;border-radius:50%;background:var(--gruen);flex:none}.status[data-offline=true]{background:var(--gelb-tint);border-color:#e9d5a8;color:var(--gelb)}.status[data-offline=true] .punkt{background:var(--gelb)}.schritt{border:1px solid var(--rand);border-radius:var(--radius);background:var(--papier);margin-bottom:var(--s3);overflow:hidden}.schritt[data-offen=true]{border-color:var(--rand-stark);box-shadow:var(--schatten)}.schritt-kopf{width:100%;min-height:var(--touch);display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:none;border:0;text-align:left;cursor:pointer}.schritt-nr{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--flaeche-tief);color:var(--gedaempft);font-size:14px;font-weight:700;flex:none}.schritt[data-erledigt=true] .schritt-nr{background:var(--marke);color:#fff}.schritt-titel{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gedaempft)}.schritt-wert{font-size:17px;font-weight:600;color:var(--text);margin-top:2px}.schritt-wert[data-leer=true]{color:var(--leise);font-weight:400}.schritt-koerper{padding:0 var(--s4) var(--s4)}.schritt[data-offen=false] .schritt-koerper{display:none}.zeile{display:flex;gap:var(--s2)}.feld{flex:1;min-height:var(--touch);padding:0 var(--s4);font-size:16px;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-klein)}.feld::placeholder{color:var(--leise)}button{cursor:pointer;border:1px solid var(--rand-stark);background:var(--papier);border-radius:var(--radius-klein);min-height:var(--touch);padding:0 var(--s4)}button:active{background:var(--flaeche-tief)}button[disabled]{opacity:.45;cursor:not-allowed}.scan{width:var(--touch);padding:0;display:grid;place-items:center}.scan svg{width:22px;height:22px}.liste{display:flex;flex-direction:column;gap:var(--s1);margin-top:var(--s3);max-height:292px;overflow-y:auto;overscroll-behavior:contain}.auswahl{text-align:left;font-size:16px;border-color:var(--rand);background:var(--flaeche)}.leer{color:var(--gedaempft);font-size:15px;margin:var(--s3) 0 0}.marken{display:flex;flex-wrap:wrap;gap:var(--s2)}.marken button{min-height:52px;font-size:15px;border-radius:999px;padding:0 var(--s4)}.marken button[aria-pressed=true]{background:var(--marke);border-color:var(--marke);color:#fff}.ergebnis{margin:var(--s5) 0 var(--s4);border:2px solid var(--grau);border-radius:var(--radius-grosz);background:var(--grau-tint);padding:var(--s5) var(--s4)}.ergebnis[data-verdikt=zulaessig]{border-color:var(--gruen);background:var(--gruen-tint)}.ergebnis[data-verdikt=bedingt]{border-color:var(--gelb);background:var(--gelb-tint)}.ergebnis[data-verdikt=unzulaessig],.ergebnis[data-verdikt=konflikt]{border-color:var(--rot);background:var(--rot-tint)}.verdikt{font-size:30px;font-weight:800;line-height:1.1;letter-spacing:-.01em;color:var(--grau)}.ergebnis[data-verdikt=zulaessig] .verdikt{color:var(--gruen)}.ergebnis[data-verdikt=bedingt] .verdikt{color:var(--gelb)}.ergebnis[data-verdikt=unzulaessig] .verdikt,.ergebnis[data-verdikt=konflikt] .verdikt{color:var(--rot)}.ergebnis .paarung{font-size:15px;color:var(--gedaempft);margin-bottom:var(--s2)}.ergebnis .begruendung{font-size:17px;margin:var(--s3) 0 0}.ergebnis h3{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gedaempft);margin:var(--s5) 0 var(--s2)}.ergebnis ul{margin:0;padding-left:20px;font-size:15px}.ergebnis .quellen li{color:var(--gedaempft)}.hinweis{margin-top:var(--s4);padding:var(--s3);border-radius:var(--radius-klein);background:var(--papier);border:1px solid var(--rand);font-size:14px;color:var(--gedaempft)}a.knopf{display:flex;align-items:center;justify-content:center;min-height:var(--touch);margin-top:var(--s4);text-decoration:none;background:var(--papier);color:var(--marke);border:1px solid var(--rand-stark);border-radius:var(--radius-klein);font-weight:600}video.kamera{width:100%;border-radius:var(--radius-klein);margin-top:var(--s3);background:#000;aspect-ratio:4 / 3;object-fit:cover}.daumenleiste{position:fixed;left:0;right:0;bottom:0;padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--papier) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--rand);box-shadow:var(--schatten-hoch)}.daumenleiste .innen{max-width:560px;margin-inline:auto;display:flex;gap:var(--s2)}.haupt{flex:1;min-height:var(--touch-grosz);font-size:18px;font-weight:700;background:var(--marke);border-color:var(--marke);color:#fff;border-radius:var(--radius)}.haupt:active{background:var(--marke-satt)}.neben{min-height:var(--touch-grosz);border-radius:var(--radius)}footer{margin:var(--s6) 0 var(--s5);font-size:13px;line-height:1.55;color:var(--leise)}@media(min-width:600px){.kopf img{height:30px}.verdikt{font-size:34px}}.lieferschein{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--rand)}.lieferschein h2{font-size:1.05rem;margin:0 0 var(--s2)}.knopf-datei{display:flex;align-items:center;justify-content:center;min-height:var(--touch);padding:0 var(--s4);border:2px solid var(--marke);border-radius:var(--radius);color:var(--marke);font-weight:600;cursor:pointer;text-align:center}.knopf-datei:focus-within{outline:3px solid var(--marke);outline-offset:2px}.ls-ergebnis{margin-top:var(--s4);padding:var(--s4);border-radius:var(--radius);border-left:6px solid var(--rand);background:var(--flaeche-tief)}.ls-ergebnis.stopp{border-left-color:var(--rot);background:var(--rot-tint)}.ls-ergebnis.pruefen{border-left-color:var(--gelb);background:var(--gelb-tint)}.ls-ergebnis.frei{border-left-color:var(--gruen);background:var(--gruen-tint)}.ls-ergebnis.laeuft{color:var(--gedaempft)}.ls-satz{margin:0 0 var(--s2);font-size:1.1rem;font-weight:600;line-height:1.35}.ls-positionen{list-style:none;margin:var(--s3) 0 0;padding:0;display:grid;gap:var(--s2)}.ls-positionen li{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);justify-content:space-between;padding-bottom:var(--s2);border-bottom:1px solid var(--rand);font-size:.95rem}.ls-positionen li:last-child{border-bottom:0;padding-bottom:0}.ls-zuordnung{color:var(--gedaempft);white-space:nowrap}.ls-positionen li.offen .ls-zuordnung{color:var(--gelb);font-weight:600}