:root{--bg:#eef1f3;--karte:#fff;--text:#1b2a33;--text-2:#5b6b75;--linie:#d5dde2;--marke:#0f6b6b;--marke-text:#fff;--marke-hell:#e3f1f1;--warn-bg:#fdf3dc;--warn-text:#7a5300;--fehler-bg:#fdeaea;--fehler-text:#b42318;--fehler-rand:#d92d20;--orange-bg:#fff1e0;--orange-text:#b45309;--orange-rand:#f59e0b;--ok:#2f7a3a;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#12181c;--karte:#1c252b;--text:#e6edf1;--text-2:#9aabb5;--linie:#2e3a42;--marke:#2aa3a3;--marke-text:#06201f;--marke-hell:#173535;--warn-bg:#3a2e12;--warn-text:#f2c96b;--fehler-bg:#4a1414;--fehler-text:#ff7b72;--fehler-rand:#f85149;--orange-bg:#43290a;--orange-text:#ffb547;--orange-rand:#f59e0b;--ok:#79c784;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{margin:2px 0 6px;font-size:28px}h2{margin:0 0 8px;font-size:18px}.seite{max-width:520px;margin:0 auto;padding:12px 16px 120px}.zentriert{text-align:center;place-items:center;gap:12px;min-height:60vh;display:grid}.gedaempft{color:var(--text-2)}.klein-text{font-size:13px}.leiste{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.leiste-rechts{align-items:center;gap:8px;display:flex}.marke{letter-spacing:2px;color:var(--marke);font-weight:700}.knopf{font:inherit;border:1px solid var(--linie);border-radius:var(--radius);background:var(--karte);min-height:48px;color:var(--text);cursor:pointer;padding:10px 16px;font-size:16px}.knopf.klein{min-width:44px;min-height:44px;padding:4px 12px;font-size:15px}.knopf.breit{width:100%}.knopf.primaer{background:var(--marke);color:var(--marke-text);border-color:#0000;font-weight:600}.knopf.gefahr{color:var(--fehler-text)}.knopf.gestrichelt{color:var(--marke);background:0 0;border-style:dashed}.knopf:disabled{opacity:.4}.knopf.gedimmt{opacity:.45}.link{font:inherit;color:var(--marke);cursor:pointer;background:0 0;border:none;padding:4px}.sprache{font:inherit;border:1px solid var(--linie);background:var(--karte);color:var(--text);border-radius:8px;padding:6px;font-size:14px}.login-kopf{justify-content:space-between;align-items:center;margin:8px 0 32px;display:flex}.formular{border:none;flex-direction:column;gap:16px;min-width:0;margin:0;padding:0;display:flex}.formular label{color:var(--text-2);flex-direction:column;gap:6px;font-size:14px;display:flex}input,textarea{font:inherit;border:1px solid var(--linie);background:var(--karte);width:100%;min-height:48px;color:var(--text);border-radius:10px;padding:12px;font-size:17px}textarea{resize:vertical}.fehler{color:var(--fehler-text);margin:0}.tag-kopf{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.tag-nav{align-items:center;gap:6px;display:flex}.summe{text-align:end}.summe-arbeit{background:var(--text);color:var(--bg);white-space:nowrap;border-radius:999px;padding:8px 14px;font-weight:700}.status{background:var(--marke-hell);color:var(--marke);border-radius:999px;padding:2px 10px;font-size:13px;display:inline-block}.status-eingereicht,.status-in_pruefung{background:var(--warn-bg);color:var(--warn-text)}.status-zurueckgegeben{background:var(--fehler-bg);color:var(--fehler-text)}.status-freigegeben{color:var(--ok)}.hinweis{border-radius:10px;margin:8px 0;padding:10px 12px}.warnung{background:var(--warn-bg);color:var(--warn-text)}.fehler-box{background:var(--fehler-bg);color:var(--fehler-text)}.abschnitt{margin-top:16px}.eintraege{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.eintraege li{flex-direction:column;gap:6px;display:flex}.karte{font:inherit;text-align:start;width:100%;color:var(--text);background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.karte-zeile{justify-content:space-between;align-items:center;gap:8px;display:flex}.beschreibung{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.fahrt-zeile{border:1px dashed var(--linie);border-radius:var(--radius);justify-content:space-between;padding:8px 14px;font-size:14px;display:flex}.sync{font-size:12px}.sync.ok{color:var(--ok)}.sync.wartet{color:var(--warn-text)}.sync.fehler{color:var(--fehler-text)}.aktionen{flex-direction:column;gap:10px;margin-top:20px;display:flex}.feld-kopf{color:var(--text-2);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;display:flex}.zwei{grid-template-columns:1fr 1fr;gap:10px;display:grid}.feld-grau,.feld-knopf{font:inherit;text-align:start;cursor:pointer;border-radius:10px;min-height:48px;padding:10px;font-size:15px}.feld-grau{border:1px dashed var(--linie);color:var(--text-2);background:0 0;align-self:end}.feld-knopf{border:1px solid var(--marke);background:var(--karte);color:var(--text)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;border:1px solid var(--linie);background:var(--karte);min-height:40px;color:var(--text);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:15px}.chip.an{background:var(--marke-hell);border-color:var(--marke);color:var(--marke);font-weight:600}.auswahl{border:1px solid var(--linie);border-radius:var(--radius);background:var(--karte);flex-direction:column;margin-top:8px;display:flex;overflow:hidden}.auswahl input{border:none;border-bottom:1px solid var(--linie);border-radius:0}.auswahl-titel{color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 2px;font-size:12px}.auswahl-zeile{font:inherit;text-align:start;border:none;border-top:1px solid var(--linie);color:var(--text);cursor:pointer;background:0 0;padding:12px}.summe-zeile{border-top:1px solid var(--linie);padding:12px 0}.chip.link{color:var(--marke);border-style:dashed}.auswahl-zeile.link{color:var(--marke)}.feld-fehler,.feld-warnung{border-inline-start:4px solid var(--fehler-rand);margin-inline-start:-14px;padding-inline-start:10px}.feld-warnung{border-inline-start-color:var(--orange-rand)}.feld-fehler input,.feld-fehler .feld-knopf{border:2px solid var(--fehler-rand)}.feld-warnung input{border:2px solid var(--orange-rand)}.feld-meldung{background:var(--fehler-bg);color:var(--fehler-text);border:2px solid var(--fehler-rand);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;font-weight:600;display:flex}.feld-meldung.warnung-meldung{background:var(--orange-bg);color:var(--orange-text);border-color:var(--orange-rand)}.warnung-text{color:var(--orange-text)}.eintraege li.problem .karte{border:2px solid var(--fehler-rand)}.hinweis.fehler-box{border:2px solid var(--fehler-rand);font-weight:600}.hinweis.warnung{border:2px solid var(--orange-rand);background:var(--orange-bg);color:var(--orange-text);font-weight:600}.fehler{font-weight:600}a{color:var(--marke)}.leiste-links{flex-direction:column;min-width:0;display:flex}.marke-firma{color:var(--text-2);letter-spacing:0;font-weight:500}.marke-gross{font-size:22px}.benutzer{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.datum-titel{text-transform:capitalize;font-size:24px}.dialog-hintergrund{z-index:10;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog{background:var(--karte);border-radius:16px 16px 0 0;flex-direction:column;gap:10px;width:100%;max-width:520px;padding:16px;display:flex}.bis-liste{max-height:80vh}.bis-scroll{flex-direction:column;display:flex;overflow-y:auto}.bis-zeile{font:inherit;border:none;border-bottom:1px solid var(--linie);color:var(--text);cursor:pointer;background:0 0;justify-content:space-between;padding:12px;font-size:17px;display:flex}.bis-zeile.an{background:var(--marke-hell);color:var(--marke);font-weight:600}.fahrt-icon{vertical-align:-3px;color:var(--marke);margin-inline-end:6px}.reiter{border-radius:var(--radius);background:var(--karte);border:1px solid var(--linie);grid-template-columns:1fr 1fr;gap:6px;margin:0 0 12px;padding:4px;display:grid}.reiter-knopf{font:inherit;min-height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:9px;font-size:16px}.reiter-knopf.an{background:var(--marke);color:var(--marke-text);font-weight:600}.wochen-liste{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wochen-zeile{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius)}.wochen-knopf{font:inherit;width:100%;min-height:52px;color:var(--text);cursor:pointer;text-align:start;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}.wochen-wert{align-items:center;gap:8px;display:flex}.wochen-aktion{padding:0 14px 10px}.wochen-zeile.art-gesperrt{border:2px solid var(--fehler-rand)}.wochen-zeile.art-offen{border:2px solid var(--orange-rand)}.wochen-zeile.art-frei,.wochen-zeile.art-feiertag{opacity:.75}.abw-zeile{border-bottom:1px solid var(--linie);padding:8px 0}.fett{font-weight:700}.hinweis.info{background:var(--marke-hell);color:var(--marke);font-weight:600}.hinweis p{margin:0 0 8px}.feld-label{color:var(--text-2);flex-direction:column;gap:6px;font-size:14px;display:flex}.auswahl-form{border-top:1px solid var(--linie);gap:8px;padding:8px 12px;display:flex}.auswahl-zeile-mit-aktion{border-top:1px solid var(--linie);align-items:center;display:flex}.auswahl-zeile-mit-aktion .auswahl-zeile{border-top:none;flex:1}.auswahl-zeile-mit-aktion .link{min-width:44px;min-height:44px}.vorschlaege{margin-bottom:8px}.vorschlag-karte{border-radius:var(--radius);background:var(--marke-hell);border:2px solid var(--marke);flex-direction:column;gap:6px;margin-bottom:10px;padding:12px 14px;display:flex}.vergleich{background:var(--karte);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.knopf-reihe{flex-wrap:wrap;gap:8px;display:flex}.knopf-reihe .knopf{flex:30%;min-width:0;padding:8px;font-size:15px}.seite.breit{max-width:1500px}.reiter.reiter-viele{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.reiter.klein{grid-template-columns:auto auto;margin:0;display:inline-grid}.reiter.klein .reiter-knopf{min-height:36px;padding:0 14px;font-size:14px}select{font:inherit;border:1px solid var(--linie);background:var(--karte);min-height:40px;color:var(--text);border-radius:8px;padding:6px 8px;font-size:14px}.filter-leiste{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;display:flex}.filter-leiste input[type=date]{width:auto;min-height:40px;padding:6px 8px;font-size:14px}.schalter{color:var(--text-2);align-items:center;gap:6px;font-size:14px;display:inline-flex}.schalter input[type=checkbox]{width:18px;height:18px;min-height:0}.auswahl-leiste{z-index:5;border-radius:var(--radius);background:var(--marke-hell);border:2px solid var(--marke);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;display:flex;position:sticky;top:0}.tabelle{border-collapse:collapse;background:var(--karte);width:100%;font-size:14px}.tabelle th{text-align:start;color:var(--text-2);border-bottom:2px solid var(--linie);background:var(--karte);padding:6px 8px;font-size:13px;font-weight:600;position:sticky;top:0}.tabelle td{border-bottom:1px solid var(--linie);vertical-align:top;padding:6px 8px}.tabelle td input[type=checkbox],.tabelle th input[type=checkbox]{width:18px;height:18px;min-height:0}.tabelle tr.tag-anfang td{border-top:2px solid var(--linie)}.tabelle tr.gewaehlt td{background:var(--marke-hell)}.tabelle tr.inaktiv td{opacity:.5}.tabelle tfoot td{border-top:2px solid var(--linie);border-bottom:none}.zahl{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.beschreibung-zelle{max-width:360px}.link.links{text-align:start;color:var(--text);padding:0}.status-zelle{flex-direction:column;align-items:flex-start;gap:4px;min-width:170px;display:flex}.marke-hinweis{background:var(--orange-bg);color:var(--orange-text);border:1px solid var(--orange-rand);border-radius:999px;padding:1px 8px;font-size:12px}.marke-hinweis.schwer{background:var(--fehler-bg);color:var(--fehler-text);border-color:var(--fehler-rand)}.pruef-karte{border:1px solid var(--linie);border-radius:var(--radius);background:var(--karte);margin-bottom:18px;overflow-x:auto}.pruef-kopf{border-bottom:1px solid var(--linie);flex-wrap:wrap;padding:10px 12px}.knopf-reihe.rechts{justify-content:flex-end;align-items:center}.ok-text{color:var(--ok)}.kacheln{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:18px;display:grid}.kachel{font:inherit;text-align:start;border-radius:var(--radius);border:1px solid var(--linie);background:var(--karte);color:var(--text);cursor:pointer;flex-direction:column;gap:4px;padding:14px;display:flex}.kachel-zahl{font-size:30px;font-weight:700}.zwei-spalten{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;margin-top:24px;display:grid}.listen-zeile{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.formular-zeile{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.formular-zeile input{flex:140px;width:auto;min-height:40px;padding:6px 8px;font-size:14px}.dialog-hintergrund.mitte{align-items:center}.dialog.breit-dialog{border-radius:16px;max-width:820px;max-height:92vh;overflow-y:auto}.raster-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.raster-3 input[type=time]{min-height:40px;padding:6px 8px}.pj-seite h2{margin-top:8px}.teile{flex-direction:column;gap:10px;display:flex}.teil{border:1px solid var(--linie);border-inline-start:4px solid var(--marke);border-radius:0;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.teil-kopf{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.teil-kopf input[type=time]{width:auto;min-height:36px;padding:4px 8px}.chip.klein-chip{min-height:32px;padding:2px 10px;font-size:13px}.einfuegen-feld{border-radius:var(--radius);background:var(--marke-hell);padding:10px}.verlauf{border-top:1px solid var(--linie);padding-top:8px}.verlauf summary{cursor:pointer;color:var(--marke);font-weight:600}.verlauf-zeile{border-bottom:1px dashed var(--linie);word-break:break-word;padding:4px 0}.tabelle tr.gruppen-kopf td{background:var(--bg);border-top:2px solid var(--linie);padding:8px}[dir=rtl] input[type=time],[dir=rtl] input[type=date],[dir=rtl] .zahl,[dir=rtl] .summe-arbeit{direction:ltr}[dir=rtl] .fahrt-icon{transform:scaleX(-1)}.update-hinweis{z-index:50;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));background:var(--karte);max-width:520px;color:var(--text);border:1px solid var(--marke);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:10px 14px;display:flex;position:fixed;box-shadow:0 4px 16px #0000002e}.knopf-link{min-height:44px;color:var(--marke);font:inherit;cursor:pointer;background:0 0;border:0;margin:12px auto 0;padding:8px 12px;text-decoration:underline;display:block}.reiter.fuenf{grid-template-columns:repeat(5,minmax(0,1fr));max-width:860px}.feld-gruppe{border:1px solid var(--linie);border-radius:10px;flex-direction:column;gap:8px;margin:0;padding:8px 12px;display:flex}.feld-gruppe legend{color:var(--text-2);padding:0 4px;font-size:14px;font-weight:600}.schalter input[type=radio]{width:18px;height:18px;min-height:0}.warn-text{color:var(--orange-text)}.passwort-anzeige{letter-spacing:1px;text-align:center;background:var(--marke-hell);color:var(--marke);-webkit-user-select:all;user-select:all;direction:ltr;border-radius:10px;margin:0;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:26px;font-weight:700}.verwaltung .tabelle select{width:auto;min-height:36px;padding:4px 6px;font-size:14px}.unterschrift-seite{flex-direction:column;gap:10px;max-width:640px;display:flex}.unterschrift-bild{border:1px solid var(--linie);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:8px;display:flex}.unterschrift-bild img{max-width:300px;max-height:100px}.unterschrift-bild.vorschau{border-style:dashed}.unterschrift-pad{aspect-ratio:3;border:2px dashed var(--linie);touch-action:none;cursor:crosshair;background:#fff;border-radius:10px;width:100%}.nachweis{margin:12px 0}.nachweis-fertig{align-items:center}.nachweis-fertig a.knopf{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.datenschutz{max-width:720px}.datenschutz-text section{margin:0 0 12px}.datenschutz-text h3{margin:0 0 4px;font-size:16px}.datenschutz-text p{margin:0;line-height:1.45}.datenschutz-deutsch{border-top:1px solid var(--linie);margin-top:12px;padding-top:8px}.datenschutz-aktion{background:var(--bg);padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--linie);flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.schalter.gross{color:var(--text);align-items:flex-start;font-size:16px}.schalter.gross input[type=checkbox]{flex:none;width:24px;height:24px}.dialog-hintergrund.voll{background:var(--bg);align-items:stretch;overflow-y:auto}.push-karte{border:1px solid var(--marke);background:var(--marke-hell);flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.push-karte p{margin:0}.push-zeile{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:16px 0 0;display:flex}.klickbar{cursor:pointer}.tabelle td.einrueck{padding-inline-start:28px}.stundenkonto{max-width:820px}.text-knopf{white-space:pre-wrap;text-align:start}.text-bearbeiten textarea{width:100%;min-width:260px;font:inherit;font-size:14px}.meine-stunden{flex-direction:column;gap:12px;max-width:560px;display:flex}.meine-monat{text-align:center;text-transform:capitalize;min-width:160px;font-size:18px}.meine-karte{flex-direction:column;gap:6px;display:flex}.meine-karte p{margin:0}.meine-gross{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700}.meine-tabelle td{border-bottom:none;padding:2px 0}