:root{--grund:#f4f4f1;--flaeche:#fff;--text:#141414;--leise:#5c5c5c;--linie:#dededa;--dunkel:#111;--akzent:#c6f432;--akzent-text:#111;--gut:#1f7a3a;--warnung:#9a5b00;--fehler:#b3261e;--rund:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Noto Sans Arabic,Noto Sans Devanagari,PingFang SC,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}html,body{background:var(--grund);color:var(--text);margin:0}body{min-height:100dvh}#root{max-width:560px;min-height:100dvh;margin-inline-start:auto;margin-inline-end:auto}h1,h2,h3{margin:0 0 8px;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:6px 0}a{color:inherit}.unsichtbar{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.leise{color:var(--leise)}.fehler{color:var(--fehler)}.warnung{color:var(--warnung)}.mitte{flex-direction:column;justify-content:center;gap:12px;min-height:100dvh;padding:24px 20px;display:flex}.knopf{border:1px solid var(--linie);background:var(--flaeche);min-height:48px;color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf.primaer{background:var(--dunkel);color:#fff;border-color:var(--dunkel)}.knopf.warnend{color:var(--fehler);background:#fff4f2;border-color:#f1c4bf}.knopf.leise{color:var(--leise);background:0 0;border-color:#0000}.knopf.leise-hell{color:#fff;background:0 0;border-color:#ffffff40}.knopf.gross{width:100%;min-height:56px;font-size:1.05rem}.knopf.klein{min-height:40px;padding:6px 12px}.feld{flex-direction:column;gap:6px;margin:12px 0;font-weight:600;display:flex}.feld input,select{font:inherit;border:1px solid var(--linie);background:var(--flaeche);min-height:48px;color:var(--text);border-radius:12px;width:100%;padding:10px 12px;font-size:1.05rem}.feld input[dir=ltr]{text-align:left}.sprache-oben{padding:12px 16px 0;padding-top:max(12px, env(safe-area-inset-top));justify-content:flex-end;display:flex}.anmeldung{padding:24px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.anmeldung-logo{border-radius:18px;margin-bottom:12px}.anmeldung form{flex-direction:column;gap:6px;display:flex}.anmeldung .knopf{margin-top:8px}.turnstile{min-height:70px;margin:8px 0}.sprachwahl select{width:auto;min-height:40px;padding:6px 10px;font-size:.95rem}.kopf{background:var(--dunkel);color:#fff;padding:12px max(16px, env(safe-area-inset-right)) 14px max(16px, env(safe-area-inset-left));padding-top:max(12px, env(safe-area-inset-top));z-index:5;position:sticky;top:0}.kopf-zeile{align-items:center;gap:8px;display:flex}.kopf .marke{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1.1rem;overflow:hidden}.kopf .knopf.klein{flex:none;padding:6px 10px}.kopf .sprachwahl select{color:#fff;background:#222;border-color:#ffffff30}.schalter{text-align:start;border-radius:var(--rund);width:100%;min-height:60px;font:inherit;cursor:pointer;border:none;align-items:center;gap:12px;margin-top:10px;padding:10px 14px;display:flex}.schalter.aus{color:#fff;background:#2a2a2a}.schalter.an{background:var(--akzent);color:var(--akzent-text)}.schalter .punkt{background:#8a8a8a;border-radius:50%;flex:none;width:14px;height:14px}.schalter.an .punkt{background:var(--gut);box-shadow:0 0 0 4px #1f7a3a33}.schalter-text{flex-direction:column;flex:1;display:flex}.schalter-text small{opacity:.85;font-size:.85rem}.schalter-tat{white-space:nowrap;border:1px solid;border-radius:999px;padding:6px 10px;font-size:.9rem;font-weight:700}.bereich{flex-direction:column;min-height:100dvh;display:flex}.inhalt{padding:12px 16px calc(24px + env(safe-area-inset-bottom));flex:1}.tabs{gap:8px;margin-bottom:12px;display:flex}.tabs button{border:1px solid var(--linie);background:var(--flaeche);min-height:46px;font:inherit;color:var(--leise);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.tabs button[aria-selected=true]{background:var(--dunkel);color:#fff;border-color:var(--dunkel)}.zahl{background:var(--akzent);color:var(--akzent-text);border-radius:999px;padding:0 8px;font-size:.85rem}.meldung{border-radius:12px;margin:10px 16px 0;padding:10px 14px}.meldung.ok{color:var(--gut);background:#e7f6ea}.meldung.fehler{background:#fdeceb}.leer{text-align:center;color:var(--leise);padding:32px 12px}.karten{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.karte{text-align:start;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rund);width:100%;font:inherit;color:inherit;flex-direction:column;gap:4px;margin-bottom:10px;padding:14px;display:flex}.karten .karte{margin-bottom:0}button.karte{cursor:pointer}.karte .knopf{margin-top:8px}.karte-kopf{justify-content:space-between;align-items:center;gap:8px;display:flex}.karte-kopf h2{margin:0}.stand{white-space:nowrap;background:#efefe9;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:700}.marke-klein{background:var(--akzent);border-radius:6px;align-self:flex-start;padding:2px 8px;font-size:.8rem;font-weight:700}.zeile{display:block}.adresse{font-size:1.05rem;font-weight:600}.notiz{background:#fff8e1;border-radius:10px;padding:8px 10px}.artikel{margin:0;padding-inline-start:0;list-style:none}.artikel li{border-bottom:1px solid var(--linie);padding:4px 0}.artikel li:last-child{border-bottom:none}.menge{font-weight:700}.auftrag .zurueck,.uebergabe .zurueck,.ruecklauf .zurueck{margin-bottom:4px;padding-inline-start:0;padding-inline-end:0}.navigation{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.navigation .knopf{padding:8px 6px;font-size:.9rem}.standort.an{color:var(--gut)}.standort.verweigert,.standort.fehler{color:var(--warnung)}.aktionen{padding:6px 0 calc(6px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;margin-top:14px;display:flex}.pruefung{border-color:#c9d98f}.ausweis{grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0;display:grid}.ausweis dt{color:var(--leise)}.ausweis dd{margin:0;font-weight:600}.foto{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:8px 0;display:grid}.foto .knopf{grid-column:1/-1;width:100%}.foto-name{font-weight:700}.foto-stand{color:var(--gut);font-size:.9rem;font-weight:600}.foto.laedt .foto-stand{color:var(--leise)}.haken{align-items:center;gap:12px;min-height:48px;margin:6px 0;font-weight:600;display:flex}.haken input{width:26px;height:26px;accent-color:var(--dunkel);flex:none}.abgleich-foto{object-fit:contain;background:#000;border-radius:10px;width:100%;max-height:260px;margin:6px 0}.reihe{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reihe .knopf{flex:1}.unterschrift-block{grid-template-columns:1fr auto;gap:4px 10px;margin-top:8px;display:grid}.unterschrift{grid-column:1/-1}.unterschrift canvas{border:2px dashed var(--linie);touch-action:none;background:#fff;border-radius:12px;width:100%;height:160px;display:block}.gruende{border:none;flex-direction:column;gap:8px;margin:10px 0;padding:0;display:flex}.grund{border:1px solid var(--linie);background:var(--flaeche);border-radius:12px;align-items:center;gap:12px;min-height:52px;padding:10px 14px;font-weight:600;display:flex}.grund.gewaehlt{border-color:var(--dunkel);box-shadow:0 0 0 1px var(--dunkel)}.grund input{width:22px;height:22px;accent-color:var(--dunkel)}.geraet h1{font-size:1.3rem}.dokument-wahl{border:none;flex-direction:column;gap:8px;margin:10px 0 4px;padding:0;display:flex}.dokument-wahl legend{margin-bottom:6px;padding:0;font-weight:700}.foto.gesperrt .knopf{opacity:.45;pointer-events:none}