@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-ext-wght-normal-C8S-KRRz.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--seite:#fff;--flaeche:#f9fafb;--flaeche-2:#f3f4f6;--karte:#fff;--rahmen:#e5e7eb;--rahmen-stark:#d1d5db;--text:#111827;--text-2:#676e7c;--text-3:#9ca3af;--fokus:var(--text);--akzent:#456990;--akzent-dunkel:#3a5a7c;--schatten:0 1px 2px #0000000a, 0 6px 20px #0000000f;--schatten-schweb:0 8px 24px #0000001f;--app-hintergrund:#f3f4f6;--radius-flaeche:var(--radius-karte);--haar:#00000012;--schatten-flaeche:0 1px 1px #00000005;--flaechen-abstand:8px;--rot:#9b2c2c;--rot-hell:#fbeaea;--orange:#8a5a1c;--orange-hell:#fbf0e3;--gruen:#2f6b3a;--gruen-hell:#e8f3ea;--neutral:var(--text-3);--kal-urlaub:#dcebdd;--kal-urlaub-text:#2f6b3a;--kal-krank:#fbeaea;--kal-krank-text:#9b2c2c;--kal-kind-krank:#f8e3ee;--kal-kind-krank-text:#85325c;--kal-frei:#ece8f6;--kal-frei-text:#54428a;--kal-homeoffice:#e4edf6;--kal-homeoffice-text:#34587a;--kal-unterwegs:#fbf0e3;--kal-unterwegs-text:#8a5a1c;--kal-wochenende:#f3f4f6;--kal-feiertag:#e5e7eb;--kal-betrieblich:#f4efe1;--kal-zelle:30px;--kal-zelle-schmal:26px;--kal-name:132px;--kal-name-breit:180px;--kal-luft:2px;--kal-rundung:4px;--kal-streifen:3px;--kal-muster-breit:22px;--kal-muster-hoch:18px;--kal-geplant:.55;--punkt:10px;--panel-breite:300px;--zeile:44px;--zeile-klein:30px;--zeile-gross:56px;--abstand-faktor:1;--abstand-1:calc(4px * var(--abstand-faktor));--abstand-2:calc(8px * var(--abstand-faktor));--abstand-3:calc(12px * var(--abstand-faktor));--abstand-4:calc(16px * var(--abstand-faktor));--abstand-5:calc(24px * var(--abstand-faktor));--abstand-6:calc(32px * var(--abstand-faktor));--kopf-hoehe:52px;--seite-breite:1180px;--symbol-marke:22px;--symbol-marke-gross:40px;--marke:#456990;--radius:12px;--radius-karte:20px;--radius-gross:24px;--radius-pille:999px;--familie:"Manrope Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--schrift-faktor:1;--groesse-1:calc(12px * var(--schrift-faktor));--groesse-2:calc(13px * var(--schrift-faktor));--groesse-3:calc(14px * var(--schrift-faktor));--groesse-4:calc(15px * var(--schrift-faktor));--groesse-5:calc(16px * var(--schrift-faktor));--groesse-titel:calc(16px * var(--schrift-faktor));--groesse-zahl:calc(20px * var(--schrift-faktor));--groesse-gross-1:calc(22px * var(--schrift-faktor));--groesse-gross-2:calc(30px * var(--schrift-faktor));--groesse-marke-login:calc(22px * var(--schrift-faktor));--gewicht-normal:400;--gewicht-halb:500;--gewicht-fett:600;--gewicht-stark:700;--zeilenabstand:1.45;--laufweite:-.005em;--laufweite-titel:-.01em;--laufweite-gross:-.02em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--familie);font-size:var(--groesse-3);font-weight:var(--gewicht-normal);line-height:var(--zeilenabstand);letter-spacing:var(--laufweite);color:var(--text);background:var(--seite);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}h1{font-size:var(--groesse-titel);font-weight:var(--gewicht-stark);letter-spacing:var(--laufweite-titel)}h2{font-size:var(--groesse-5);font-weight:var(--gewicht-fett);letter-spacing:var(--laufweite-titel)}a{color:var(--text);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--rahmen-stark);text-decoration-color:var(--rahmen-stark)}a:hover{text-decoration-color:currentColor}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}.kleintext{font-size:var(--groesse-2);color:var(--text-2)}.hinweis{font-size:var(--groesse-3);color:var(--text-2)}.kuerzen{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.mehrzeilig{white-space:normal;overflow-wrap:anywhere}.zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ui-button{justify-content:center;align-items:center;gap:var(--abstand-2);min-height:var(--zeile-klein);padding:0 var(--abstand-3);border:1px solid var(--rahmen-stark);border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:var(--groesse-3);font-weight:var(--gewicht-halb);white-space:nowrap;vertical-align:middle;background:0 0;line-height:1.2;text-decoration:none;display:inline-flex}.ui-button:hover{background:var(--flaeche);text-decoration:none}.ui-button--primaer{background:var(--akzent);border-color:var(--akzent);color:var(--karte)}.ui-button--primaer:hover{background:var(--akzent-dunkel);border-color:var(--akzent-dunkel)}.ui-button--einstieg{min-height:var(--zeile);padding:0 var(--abstand-4);font-size:var(--groesse-5)}@media (pointer:coarse){.ui-button{min-height:var(--zeile)}}.ui-karte{background:var(--karte);border:1px solid var(--rahmen);border-radius:var(--radius-karte);box-shadow:var(--schatten);padding:var(--abstand-4) var(--abstand-5)}.ui-pille{min-height:calc(var(--zeile-klein) - 10px);padding:0 var(--abstand-2);border-radius:var(--radius-pille);background:var(--flaeche-2);color:var(--text-2);font-size:var(--groesse-2);font-weight:var(--gewicht-halb);align-items:center;display:inline-flex}.ui-hinweis--fehler{color:var(--rot)}.ui-pille--orange{background:var(--orange-hell);color:var(--orange)}.ui-pille--gruen{background:var(--gruen-hell);color:var(--gruen)}.ui-pille--rot{background:var(--rot-hell);color:var(--rot)}.hinweise{gap:var(--abstand-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hinweise__eintrag{align-items:baseline;gap:var(--abstand-1) var(--abstand-2);flex-wrap:wrap;min-width:0;display:flex}.hinweise__eintrag .ui-pille{flex:none}.ui-feld{gap:var(--abstand-1);min-width:0;font-size:var(--groesse-2);color:var(--text-2);flex-direction:column;display:flex}.ui-eingabe{min-height:var(--zeile-klein);min-width:0;max-width:100%;padding:0 var(--abstand-3);border:1px solid var(--rahmen-stark);border-radius:var(--radius);background:var(--karte);color:var(--text);font-size:var(--groesse-3)}.ui-schalter{align-items:center;gap:var(--abstand-2);min-height:var(--zeile-klein);cursor:pointer;display:inline-flex}.ui-schalter input{width:18px;height:18px;accent-color:var(--text);margin:0}@media (pointer:coarse){.ui-eingabe,.ui-schalter{min-height:var(--zeile)}}.mit-grund{align-items:flex-end;gap:var(--abstand-2) var(--abstand-3);padding:var(--abstand-3);border:1px solid var(--rahmen);border-radius:var(--radius);background:var(--flaeche);flex-wrap:wrap;display:flex}.mit-grund .ui-feld{flex:16ch}.mit-grund__knoepfe{gap:var(--abstand-2);flex-wrap:wrap;display:flex}.mit-grund__fehler{flex-basis:100%}.ui-button:disabled{opacity:.5;cursor:default}.ui-button:disabled:hover{background:0 0}.ui-button--primaer:disabled:hover{background:var(--akzent)}.freigaben__abschnitt{gap:var(--abstand-3);flex-direction:column;min-width:0;display:flex}.freigaben__liste{gap:var(--abstand-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.freigaben__antrag,.freigaben__hinweis{gap:var(--abstand-2);flex-direction:column;min-width:0;display:flex}.freigaben__antrag h3{font-size:var(--groesse-5);font-weight:var(--gewicht-fett);margin:0}.freigaben__positionen{border-collapse:collapse;table-layout:fixed;width:100%;font-size:var(--groesse-3)}.freigaben__positionen th{text-align:left;font-size:var(--groesse-2);font-weight:var(--gewicht-halb);color:var(--text-2)}.freigaben__positionen th,.freigaben__positionen td{padding:var(--abstand-1) var(--abstand-2) var(--abstand-1) 0;border-bottom:1px solid var(--rahmen);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.freigaben__knoepfe{gap:var(--abstand-2);flex-wrap:wrap;display:flex}.freigaben__hinweis-kopf{align-items:baseline;gap:var(--abstand-1) var(--abstand-3);flex-wrap:wrap;min-width:0;display:flex}.freigaben__hinweis-kopf .kuerzen{font-weight:var(--gewicht-fett);max-width:100%}.nachweis{gap:var(--abstand-3);flex-direction:column;min-width:0;display:flex}.nachweis h2{align-items:center;gap:var(--abstand-2);flex-wrap:wrap;display:flex}.nachweis__liste,.nachweis__fassungen{gap:var(--abstand-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nachweis__fassungen{gap:var(--abstand-1)}.nachweis__monat{align-items:flex-start;gap:var(--abstand-2);flex-direction:column;display:flex}.nachweis__kopf{align-items:center;gap:var(--abstand-2);flex-wrap:wrap;margin:0;display:flex}.heute__kopf{gap:var(--abstand-1);flex-direction:column;display:flex}.heute__person{align-items:center;gap:var(--abstand-2);min-width:0;display:flex}.heute__stempeln,.heute__buchungen,.heute__konto,.heute__fremd,.heute__team{gap:var(--abstand-3);flex-direction:column;min-width:0;display:flex}.stempeln__knoepfe{gap:var(--abstand-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));display:grid}.stempeln__gross{min-height:var(--zeile-gross);font-size:var(--groesse-5);white-space:normal}.stempeln__aktiv{background:var(--flaeche-2);font-weight:var(--gewicht-fett)}.stempeln__orte{align-items:center;gap:var(--abstand-2);flex-wrap:wrap;display:flex}.heute__offen{padding:var(--abstand-3) var(--abstand-4);border-radius:var(--radius);background:var(--orange-hell);color:var(--orange)}.heute__offen a{color:var(--orange)}.heute__liste{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.heute__zeile{justify-content:space-between;align-items:center;gap:var(--abstand-3);min-height:var(--zeile-klein);padding:var(--abstand-1) 0;border-bottom:1px solid var(--rahmen);min-width:0;display:flex}.heute__zeile:last-child{border-bottom:0}.heute__buchungen .heute__zeile{justify-content:flex-start}.heute__name{min-width:0}.heute__summen{gap:var(--abstand-2) var(--abstand-5);flex-wrap:wrap;margin:0;display:flex}.heute__summen div{flex-direction:column;display:flex}.heute__summen dt{color:var(--text-2);font-size:var(--groesse-2)}.heute__summen dd{text-align:left;font-size:var(--groesse-zahl);font-weight:var(--gewicht-stark);margin:0}.heute__von-soll{color:var(--text-2);font-size:var(--groesse-3);font-weight:var(--gewicht-normal)}.heute__freigaben{align-items:center;gap:var(--abstand-1) var(--abstand-2);flex-wrap:wrap;display:flex}.heute__fremd-zeile{gap:var(--abstand-1);padding:var(--abstand-2) 0;border-bottom:1px solid var(--rahmen);flex-direction:column;display:flex}.heute__fremd-zeile:last-child{border-bottom:0}.pausen-dialog{gap:var(--abstand-3);padding:var(--abstand-4);border:1px solid var(--rahmen-stark);border-radius:var(--radius);background:var(--flaeche);flex-direction:column;display:flex}.pausen-dialog h3{font-size:var(--groesse-5);font-weight:var(--gewicht-fett);margin:0}.pausen-dialog__felder,.pausen-dialog__knoepfe{gap:var(--abstand-2) var(--abstand-3);flex-wrap:wrap;display:flex}.pausen-dialog__knoepfe .ui-button{min-height:var(--zeile);white-space:normal}.heute__zaehler{align-items:baseline;gap:var(--abstand-2);display:flex}.heute__zaehler-zeit{font-size:var(--groesse-gross-1);font-weight:var(--gewicht-stark);text-align:left}.heute__frage,.heute__abwesenheit{gap:var(--abstand-3);flex-direction:column;min-width:0;display:flex}.heute__frage{border-color:var(--orange-hell)}.heute__frage-felder{align-items:flex-end;gap:var(--abstand-2) var(--abstand-3);flex-wrap:wrap;display:flex}.heute__unterkopf{font-size:var(--groesse-4);font-weight:var(--gewicht-fett);margin:0}.historie__kopf{gap:var(--abstand-1);flex-direction:column;display:flex}.historie__monat{align-items:center;gap:var(--abstand-3);display:flex}.historie__monat .ui-button{min-width:var(--zeile);min-height:var(--zeile);font-size:var(--groesse-5)}.historie__monat-name{font-weight:var(--gewicht-fett);text-align:center;min-width:14ch}.historie__tage,.historie__buchungen{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.historie__tage{gap:var(--abstand-3)}.historie__tag{gap:var(--abstand-3);min-width:0;scroll-margin-top:var(--abstand-4);flex-direction:column;display:flex}.historie__tag-kopf{align-items:center;gap:var(--abstand-2);flex-wrap:wrap;display:flex}.historie__buchung{gap:var(--abstand-1);padding:var(--abstand-2) 0;border-bottom:1px solid var(--rahmen);flex-direction:column;min-width:0;display:flex}.historie__buchung:last-child{border-bottom:0}.historie__buchung-kopf{align-items:center;gap:var(--abstand-2) var(--abstand-3);flex-wrap:wrap;min-width:0;display:flex}.historie__uhr{text-align:left;min-width:5ch}.historie__name{flex:12ch;min-width:0}.historie__aktionen{gap:var(--abstand-2);flex-wrap:wrap;display:flex}.historie__buchung--ersetzt .historie__uhr,.historie__buchung--ersetzt .historie__name{color:var(--text-2);text-decoration:line-through}.historie__summen{gap:var(--abstand-2) var(--abstand-5);flex-wrap:wrap;margin:0;display:flex}.historie__summen div{gap:var(--abstand-2);align-items:baseline;display:flex}.historie__summen dt{color:var(--text-2);font-size:var(--groesse-2)}.historie__summen dd{font-weight:var(--gewicht-fett);margin:0}.historie__form{gap:var(--abstand-2);flex-direction:column;display:flex}.historie__felder{gap:var(--abstand-2) var(--abstand-3);flex-wrap:wrap;display:flex}.historie__woche{align-items:baseline;gap:var(--abstand-1) var(--abstand-4);padding:var(--abstand-2) var(--abstand-2) 0;border-top:1px solid var(--rahmen-stark);flex-wrap:wrap;min-width:0;display:flex}.historie__woche:first-child{border-top:0}.historie__woche-titel{font-weight:var(--gewicht-fett)}.historie__monatssumme{gap:var(--abstand-2);flex-direction:column;display:flex}.historie__antrag{gap:var(--abstand-2);padding:var(--abstand-3);border:1px solid var(--rahmen);border-radius:var(--radius);flex-direction:column;min-width:0;display:flex}.historie__positionen{padding-left:var(--abstand-5);margin:0}.historie__antrag-zeile{align-items:center;gap:var(--abstand-2) var(--abstand-3);padding:var(--abstand-2) 0;border-bottom:1px solid var(--rahmen);flex-wrap:wrap;min-width:0;display:flex}.historie__antrag-zeile:last-child{border-bottom:0}.historie__felder .historie__entfernen{align-self:flex-end}.historie__tag-titel{font-size:var(--groesse-4);font-weight:var(--gewicht-fett);margin:0}.historie__tag-knopf{align-items:center;gap:var(--abstand-2) var(--abstand-3);width:100%;min-height:var(--zeile);color:var(--text);text-align:left;cursor:pointer;font:inherit;font-weight:var(--gewicht-fett);background:0 0;border:0;flex-wrap:wrap;padding:0;display:flex}.historie__tag-knopf:after{content:"▾";color:var(--text-2);margin-left:auto}.historie__tag-knopf[aria-expanded=true]:after{content:"▴"}.historie__zusammenfassung{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.historie__tag-knopf .ui-pille{font-weight:var(--gewicht-halb)}.historie__buchung-knopf{align-items:center;gap:var(--abstand-2) var(--abstand-3);min-height:var(--zeile-klein);min-width:0;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;flex:16ch;padding:0;display:flex}.historie__buchung-knopf:hover .historie__name{text-decoration:underline}@media (pointer:coarse){.historie__buchung-knopf{min-height:var(--zeile)}}.kalender{min-width:0}.kalender__steuerung{justify-content:space-between;align-items:flex-end;gap:var(--abstand-3) var(--abstand-5);flex-wrap:wrap;min-width:0;display:flex}.kalender__filter{align-items:flex-end;gap:var(--abstand-2) var(--abstand-4);flex-wrap:wrap;min-width:0;display:flex}.kalender__arten{gap:0 var(--abstand-3);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.kalender__arten legend{margin-bottom:var(--abstand-1);padding:0}.kalender__raster{border:1px solid var(--rahmen);border-radius:var(--radius);background:var(--karte);max-width:100%;overflow-x:auto}.kalender__raster:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}.kalender__tabelle{border-collapse:separate;border-spacing:0;font-size:var(--groesse-2)}.kalender__tabelle th,.kalender__tabelle td{border-bottom:1px solid var(--rahmen);border-right:1px solid var(--rahmen);padding:0}.kalender__tabelle .kalender__monat{text-align:left;padding:var(--abstand-1) var(--abstand-2);font-weight:var(--gewicht-fett)}.kalender__name{z-index:1;width:var(--kal-name);min-width:var(--kal-name);max-width:var(--kal-name);background:var(--karte);text-align:left;font-weight:var(--gewicht-halb);position:sticky;left:0}.kalender__tabelle .kalender__name--kopf{padding:0 var(--abstand-2);color:var(--text-2)}.kalender__name-knopf{width:100%;min-height:var(--zeile-klein);padding:0 var(--abstand-2);text-align:left;cursor:pointer;font-weight:var(--gewicht-halb);background:0 0;border:0;display:block}.kalender__name-knopf:hover,.kalender__zeile--gewaehlt .kalender__name{background:var(--flaeche-2)}.kalender__tag{min-width:var(--kal-zelle);width:var(--kal-zelle);text-align:center}.kalender__tabelle thead .kalender__tag{padding:var(--abstand-1) 0;font-weight:var(--gewicht-halb)}.kalender__nr,.kalender__wt{line-height:1.2;display:block}.kalender__wt{color:var(--text-2);font-size:var(--groesse-1);font-weight:var(--gewicht-normal)}.kalender__tag--wochenende{background:var(--kal-wochenende)}.kalender__tag--feiertag{background:var(--kal-feiertag)}.kalender__tag--betrieblich{background:repeating-linear-gradient(135deg, var(--kal-betrieblich) 0 var(--kal-streifen), var(--karte) var(--kal-streifen) calc(2 * var(--kal-streifen)))}thead .kalender__tag--heute{box-shadow:inset 0 calc(-1 * var(--kal-streifen)) 0 var(--text);font-weight:var(--gewicht-stark)}.kalender__tag--ausserhalb .kalender__zelle{background:var(--flaeche)}.kalender__zelle{width:100%;height:var(--zeile-klein);padding:var(--kal-luft);gap:var(--kal-luft);font:inherit;background:0 0;border:0;flex-direction:column;display:flex}button.kalender__zelle{cursor:pointer}button.kalender__zelle:hover{background:var(--flaeche-2)}.kalender__eintrag{border-radius:var(--kal-rundung);min-height:0;font-size:var(--groesse-1);font-weight:var(--gewicht-fett);flex:1 1 0;justify-content:center;align-items:center;line-height:1;display:flex;overflow:hidden}.kalender__eintrag--halb{flex:0 0 calc(50% - var(--kal-luft))}.kalender__eintrag--urlaub{background:var(--kal-urlaub);color:var(--kal-urlaub-text)}.kalender__eintrag--krank{background:var(--kal-krank);color:var(--kal-krank-text)}.kalender__eintrag--kind_krank{background:var(--kal-kind-krank);color:var(--kal-kind-krank-text)}.kalender__eintrag--frei{background:var(--kal-frei);color:var(--kal-frei-text)}.kalender__eintrag--homeoffice{background:var(--kal-homeoffice);color:var(--kal-homeoffice-text)}.kalender__eintrag--unterwegs{background:var(--kal-unterwegs);color:var(--kal-unterwegs-text)}.kalender__eintrag--geplant{opacity:var(--kal-geplant);outline-offset:-1px;outline:1px dashed}.kalender__legende{gap:var(--abstand-2) var(--abstand-4);font-size:var(--groesse-2);color:var(--text-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.kalender__legende li{align-items:center;gap:var(--abstand-1);display:flex}.kalender__muster{width:var(--kal-muster-breit);height:var(--kal-muster-hoch);border:1px solid var(--rahmen);border-radius:var(--kal-rundung);font-size:var(--groesse-1);font-weight:var(--gewicht-fett);justify-content:center;align-items:center;display:inline-flex}.kalender__muster--halb{background:linear-gradient(to top, var(--kal-urlaub) 50%, var(--karte) 50%)}.kalender__aktionen{gap:var(--abstand-3);flex-direction:column;min-width:0;display:flex}.kalender__aktionen-kopf{justify-content:space-between;align-items:center;gap:var(--abstand-2);flex-wrap:wrap;display:flex}.kalender__aktion-knoepfe,.kalender__eintrag-knoepfe{gap:var(--abstand-2);flex-wrap:wrap;display:flex}.kalender__formular{gap:var(--abstand-3);padding:var(--abstand-3);border:1px solid var(--rahmen);border-radius:var(--radius);background:var(--flaeche);flex-direction:column;min-width:0;display:flex}.kalender__formular h3,.kalender__eintraege h3{font-size:var(--groesse-4);font-weight:var(--gewicht-fett);margin:0}.kalender__felder{align-items:flex-end;gap:var(--abstand-2) var(--abstand-4);flex-wrap:wrap;display:flex}.kalender__vorschau,.kalender__besetzung{gap:var(--abstand-1);flex-direction:column;display:flex}.kalender__besetzung ul,.kalender__eintraege ul{margin:0;padding:0;list-style:none}.kalender__eintraege{gap:var(--abstand-2);flex-direction:column;display:flex}.kalender__eintrag-zeile{justify-content:space-between;align-items:center;gap:var(--abstand-2);padding:var(--abstand-2) 0;border-bottom:1px solid var(--rahmen);flex-wrap:wrap;display:flex}.kalender__eintrag-zeile:last-child{border-bottom:0}.kalender__ok{padding:var(--abstand-2) var(--abstand-3);border-radius:var(--radius);background:var(--gruen-hell);color:var(--gruen)}@media (width>=720px){.kalender__name{width:var(--kal-name-breit);min-width:var(--kal-name-breit);max-width:var(--kal-name-breit)}}@media (width>=1024px){.kalender__tag{min-width:var(--kal-zelle-schmal);width:var(--kal-zelle-schmal)}}.mitarbeiter__liste,.mitarbeiter__modelle,.mitarbeiter__werte,.mitarbeiter__woche{margin:0;padding:0;list-style:none}.mitarbeiter__liste{flex-direction:column;display:flex}.mitarbeiter__eintrag{justify-content:space-between;align-items:center;gap:var(--abstand-2) var(--abstand-4);padding:var(--abstand-3) 0;border-bottom:1px solid var(--rahmen);flex-wrap:wrap;min-width:0;display:flex}.mitarbeiter__eintrag:last-child{border-bottom:0}.mitarbeiter__name{align-items:center;gap:var(--abstand-2);min-width:0;font-weight:var(--gewicht-halb);flex:18ch;display:flex}.mitarbeiter__angaben{align-items:center;gap:var(--abstand-2) var(--abstand-3);flex-wrap:wrap;display:flex}.mitarbeiter__schalter{font-size:var(--groesse-2);color:var(--text-2)}.mitarbeiter__schalter strong{color:var(--text);font-weight:var(--gewicht-halb)}.mitarbeiter__detail{gap:var(--abstand-4);flex-direction:column;display:flex}.mitarbeiter__kopf{gap:var(--abstand-1);flex-direction:column;min-width:0;display:flex}.mitarbeiter__block{gap:var(--abstand-3);flex-direction:column;min-width:0;display:flex}.mitarbeiter__block>.ui-feld{max-width:28ch}.mitarbeiter__schalterreihe,.mitarbeiter__felder{gap:var(--abstand-2) var(--abstand-5);flex-wrap:wrap;display:flex}.mitarbeiter__kurz{width:14ch}.mitarbeiter__modelle{gap:var(--abstand-3);flex-direction:column;display:flex}.mitarbeiter__modelle>li{gap:var(--abstand-1);padding-bottom:var(--abstand-3);border-bottom:1px solid var(--rahmen);flex-direction:column;display:flex}.mitarbeiter__modelle>li:last-child{border-bottom:0}.mitarbeiter__woche{gap:var(--abstand-1) var(--abstand-4);flex-wrap:wrap;display:flex}.mitarbeiter__woche li{gap:var(--abstand-1);display:flex}.mitarbeiter__wt{font-weight:var(--gewicht-fett)}.mitarbeiter__frei{color:var(--text-2)}.mitarbeiter__neu{gap:var(--abstand-3);flex-direction:column;min-width:0;display:flex}.mitarbeiter__neu>.ui-feld{max-width:28ch}.mitarbeiter__eingabe-woche{border-collapse:collapse;width:100%;max-width:480px}.mitarbeiter__eingabe-woche th,.mitarbeiter__eingabe-woche td{padding:var(--abstand-1) var(--abstand-1);text-align:left;font-size:var(--groesse-2)}.mitarbeiter__eingabe-woche thead th{color:var(--text-2);font-weight:var(--gewicht-halb)}.mitarbeiter__eingabe-woche input[type=checkbox]{width:18px;height:18px;accent-color:var(--text)}.mitarbeiter__eingabe-woche .ui-eingabe{width:100%;padding:0 var(--abstand-2)}.mitarbeiter__soll{max-width:7ch}.mitarbeiter__reiter{gap:var(--abstand-1);border-bottom:1px solid var(--rahmen);padding-bottom:var(--abstand-2);flex-wrap:wrap;display:flex}.mitarbeiter__reiter-link{min-height:var(--zeile);padding:0 var(--abstand-3);border-radius:var(--radius);color:var(--text-2);font-weight:var(--gewicht-halb);align-items:center;text-decoration:none;display:inline-flex}.mitarbeiter__reiter-link:hover{background:var(--flaeche);color:var(--text)}.mitarbeiter__reiter-link.active{background:var(--flaeche-2);color:var(--text);font-weight:var(--gewicht-fett)}.mitarbeiter__aufgehoben{color:var(--text-2)}.mitarbeiter__aufgehoben .mitarbeiter__datum{text-decoration:line-through}.mitarbeiter__rechnung{padding-left:var(--abstand-5);font-size:var(--groesse-2);color:var(--text-2);margin:0}.mitarbeiter__konto{gap:var(--abstand-2) var(--abstand-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));margin:0;display:grid}.mitarbeiter__konto div{flex-direction:column;display:flex}.mitarbeiter__konto dt{font-size:var(--groesse-2);color:var(--text-2)}.mitarbeiter__konto dd{text-align:left;font-weight:var(--gewicht-fett);margin:0}.mitarbeiter__vorschlag{gap:var(--abstand-2);flex-direction:column;flex-basis:100%;display:flex}.mitarbeiter__unterkopf{font-size:var(--groesse-4);font-weight:var(--gewicht-fett);margin:0}.mitarbeiter__pille{align-self:flex-start}.mitarbeiter__links{gap:var(--abstand-2) var(--abstand-4);flex-wrap:wrap;display:flex}.reports__reiter{gap:var(--abstand-1);border-bottom:1px solid var(--rahmen);padding-bottom:var(--abstand-2);flex-wrap:wrap;display:flex}.reports__reiter-link{min-height:var(--zeile);padding:0 var(--abstand-3);border-radius:var(--radius);color:var(--text-2);font:inherit;font-weight:var(--gewicht-halb);cursor:pointer;background:0 0;border:0;align-items:center;display:inline-flex}.reports__reiter-link:hover{background:var(--flaeche);color:var(--text)}.reports__reiter-link.active{background:var(--flaeche-2);color:var(--text);font-weight:var(--gewicht-fett)}.reports__monat{align-items:center;gap:var(--abstand-3);display:flex}.reports__monat .ui-button{min-width:var(--zeile);min-height:var(--zeile);font-size:var(--groesse-5)}.reports__monat-name{font-weight:var(--gewicht-fett);text-align:center;min-width:14ch}.reports__downloads,.reports__knoepfe{gap:var(--abstand-2);flex-wrap:wrap;display:flex}.reports__personen{gap:var(--abstand-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.reports__person{gap:var(--abstand-2);flex-direction:column;min-width:0;display:flex}.reports__person-kopf{align-items:center;gap:var(--abstand-2);flex-wrap:wrap;margin:0;display:flex}.reports__filter{padding:var(--abstand-3) var(--abstand-4);border:1px solid var(--rahmen);border-radius:var(--radius-karte);gap:var(--abstand-3);flex-direction:column;min-width:0;margin:0;display:flex}.reports__filter legend{padding:0 var(--abstand-1);font-weight:var(--gewicht-fett)}.reports__wahl{gap:var(--abstand-2) var(--abstand-4);flex-wrap:wrap;display:flex}.reports__zeitraum{gap:var(--abstand-3);flex-wrap:wrap;display:flex}.reports__ergebnis{gap:var(--abstand-3);flex-direction:column;min-width:0;display:flex}.reports__tabelle .reports__name{overflow-wrap:break-word}.reports__name>span{margin-bottom:var(--abstand-1);display:block}.reports__tabelle{border-collapse:collapse;width:100%}.reports__tabelle thead{display:none}.reports__tabelle,.reports__tabelle tbody,.reports__tabelle tr,.reports__tabelle th,.reports__tabelle td{display:block}.reports__tabelle tbody tr{padding:var(--abstand-3) 0;border-bottom:1px solid var(--rahmen)}.reports__tabelle tbody th{text-align:left;font-weight:var(--gewicht-fett);padding-bottom:var(--abstand-1)}.reports__tabelle td[data-titel]{justify-content:space-between;gap:var(--abstand-3);padding:var(--abstand-1) 0;display:flex}.reports__tabelle td[data-titel]:before{content:attr(data-titel);color:var(--text-2);font-variant-numeric:normal}.reports__auf{min-height:var(--zeile-klein);font-weight:var(--gewicht-normal)}.reports__details{background:var(--flaeche)}.reports__abwesenheiten{padding:var(--abstand-2) var(--abstand-4);gap:var(--abstand-1);flex-direction:column;margin:0;display:flex}@media (width>=720px){.reports__tabelle{display:table}.reports__tabelle thead{display:table-header-group}.reports__tabelle tbody{display:table-row-group}.reports__tabelle tr,.reports__tabelle tbody tr{padding:0;display:table-row}.reports__tabelle th,.reports__tabelle td,.reports__tabelle td[data-titel]{padding:var(--abstand-2) var(--abstand-2);border-bottom:1px solid var(--rahmen);vertical-align:top;display:table-cell}.reports__tabelle thead th{color:var(--text-2);font-size:var(--groesse-2);font-weight:var(--gewicht-halb);text-align:right;white-space:nowrap}.reports__tabelle thead th:first-child{text-align:left}.reports__tabelle td[data-titel]{text-align:right}.reports__tabelle td[data-titel]:before{content:none}.reports__tabelle tbody th.reports__name{min-width:16ch}}.status{min-width:0;position:relative}.status__knopf{align-items:center;gap:var(--abstand-2);min-height:var(--zeile-klein);padding:0 var(--abstand-3);border:1px solid var(--rahmen-stark);border-radius:var(--radius-pille);background:var(--karte);color:var(--text);cursor:pointer;font-size:var(--groesse-2);font-weight:var(--gewicht-halb);white-space:nowrap;display:inline-flex}.status__knopf:hover{background:var(--flaeche)}.status__punkt{width:var(--punkt);height:var(--punkt);border-radius:var(--radius-pille);border:2px solid var(--text-3);background:0 0;flex:none}.status__punkt--da{border-color:var(--gruen);background:var(--gruen)}.status__punkt--pause{border-color:var(--orange);background:var(--orange)}.status__zeit{text-align:left}.status__panel{right:0;top:calc(100% + var(--abstand-2));z-index:10;width:var(--panel-breite);max-width:calc(100vw - 2 * var(--abstand-4));gap:var(--abstand-3);padding:var(--abstand-4);border:1px solid var(--rahmen);border-radius:var(--radius-karte);background:var(--karte);box-shadow:var(--schatten-schweb);flex-direction:column;display:flex;position:absolute}.status__kopf{justify-content:space-between;align-items:baseline;gap:var(--abstand-1) var(--abstand-3);flex-wrap:wrap;display:flex}.stempeln__liste{gap:var(--abstand-2);flex-direction:column;display:flex}.stempeln__klein{min-height:var(--zeile);white-space:normal}.status__panel .pausen-dialog{padding:var(--abstand-3)}@media (pointer:coarse){.status__knopf{min-height:var(--zeile)}}@media (width<=419px){.status__name{display:none}.status__knopf{padding:0 var(--abstand-2)}}@media (width<=719px){.status{position:static}.status__panel{left:var(--abstand-4);right:var(--abstand-4);width:auto;max-width:none;top:100%}}.umgebung__streifen{align-items:center;gap:var(--abstand-2);min-height:calc(var(--zeile-klein) - var(--abstand-2));padding:0 var(--abstand-4);font-size:var(--groesse-2);color:var(--orange);background:var(--orange-hell);border-bottom:1px solid var(--rahmen);display:flex}.umgebung__marke{text-transform:uppercase;letter-spacing:.06em;flex:none;font-weight:600}.shell{background:var(--app-hintergrund);flex-direction:column;min-height:100%;display:flex}.shell__kopf{justify-content:space-between;align-items:center;gap:var(--abstand-3);min-height:var(--kopf-hoehe);padding:0 var(--abstand-4);background:var(--karte);border-bottom:1px solid var(--haar);display:flex;position:relative}.shell__person{align-items:center;gap:var(--abstand-3);min-width:0;display:flex}.shell__name{color:var(--text-2);font-size:var(--groesse-2)}.shell__nav{gap:var(--abstand-1);padding:var(--abstand-1) var(--abstand-2);background:var(--karte);border-bottom:1px solid var(--haar);flex-wrap:wrap;display:flex}.shell__navlink{min-height:var(--zeile);padding:0 var(--abstand-3);border-radius:var(--radius);color:var(--text-2);font-weight:var(--gewicht-halb);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.shell__zaehler{margin-left:var(--abstand-1);font-size:var(--groesse-1)}.shell__navlink:hover{background:var(--flaeche);color:var(--text)}.shell__navlink.active{background:var(--flaeche-2);color:var(--text);font-weight:var(--gewicht-fett)}.shell__flaeche{width:100%;max-width:var(--seite-breite);padding:var(--flaechen-abstand);flex:1;margin:0 auto}.seite{background:var(--seite);border-radius:var(--radius-flaeche);box-shadow:var(--schatten-flaeche);border:1px solid var(--haar);padding:var(--abstand-4);gap:var(--abstand-4);flex-direction:column;display:flex}.marke{align-items:center;gap:var(--abstand-2);min-width:0;color:var(--text);font-weight:var(--gewicht-fett);flex:none;text-decoration:none;display:inline-flex}.marke__bild{height:var(--symbol-marke);width:auto;color:var(--marke);flex:none}.marke--gross{gap:var(--abstand-3);font-size:var(--groesse-marke-login);font-weight:var(--gewicht-stark);letter-spacing:var(--laufweite-titel);flex-direction:column}.marke--gross .marke__bild{height:var(--symbol-marke-gross)}.einstieg{min-height:100%;padding:var(--abstand-4);background:var(--app-hintergrund);justify-content:center;align-items:center;display:flex}.einstieg__karte{text-align:center;gap:var(--abstand-5);width:44ch;max-width:100%;padding:var(--abstand-6) var(--abstand-5);flex-direction:column;align-items:center;display:flex}.einstieg__marke{margin:0}@media (width<=419px){.shell__name,.shell__kopf .marke__name{display:none}.shell__kopf,.shell__person{gap:var(--abstand-2)}.shell__nav{padding:var(--abstand-1);gap:0}.shell__navlink{padding:0 var(--abstand-1);font-size:var(--groesse-2)}}@media (width>=720px){.shell__kopf{padding:0 var(--abstand-6)}.shell__nav{padding:var(--abstand-1) var(--abstand-5)}.shell__flaeche{padding:var(--abstand-5) var(--abstand-6)}.seite{padding:var(--abstand-6)}}