@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2) format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2) format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2) format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2) format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2) format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2) format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2) format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2) format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2) format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-vietnamese-600-normal-b1FQiZcx.woff2) format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-600-normal-DzVrjA0Q.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-ext-600-normal-BkQ9hN72.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-600-normal-BuP8AaxH.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-600-normal-BkLiAYu4.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-600-normal-DyOfdMBA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-vietnamese-700-normal-Dm7RZTvf.woff2) format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-700-normal-BvUTSFNY.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-latin-ext-700-normal-BhgEo64M.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-700-normal-C0vCoZIV.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-latin-700-normal-BpqDG8I9.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-700-normal-BMyZXq_9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--blaumann: #1d3f6e;--blaumann-dunkel: #132b4d;--tinte: #15202b;--grau: #56616d;--beton: #eceef0;--karte: #ffffff;--linie: #c7cdd4;--signal: #f6b60b;--signal-dunkel: #c98f00;--gruen: #1b7447;--pause: #a85800;--rot: #b42318;--meter-spur: #cbd8ea;--schrift: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--schrift-schmal: "Barlow Semi Condensed", "Barlow", "Arial Narrow", system-ui, sans-serif;--radius: 8px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--beton);color:var(--tinte);font-family:var(--schrift);font-size:1.0625rem;line-height:1.45}h1,h2{font-family:var(--schrift-schmal);font-weight:700;line-height:1.15;margin:0}h1{font-size:1.75rem}h2{font-size:1.25rem}p{margin:0}a{color:var(--blaumann);text-underline-offset:.18em}:focus-visible{outline:3px solid var(--tinte);outline-offset:3px}.seite{min-height:100dvh;margin:0 auto}.seite-schmal{max-width:34rem}.seite-breit{max-width:72rem}.kopf{display:flex;align-items:center;gap:.75rem;padding:calc(.75rem + env(safe-area-inset-top)) 1rem .75rem;background:var(--blaumann);color:#fff}.kopf-links{display:flex;flex-direction:column;min-width:0;margin-right:auto}.kopf-titel{font-family:var(--schrift-schmal);font-weight:700;font-size:1.25rem;line-height:1.2}.kopf-nutzer{font-size:.9375rem;font-weight:500;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kopf-knopf{flex:none;font:inherit;font-weight:600;color:#fff;background:transparent;border:2px solid rgb(255 255 255 / .65);border-radius:var(--radius);padding:.35rem .75rem;cursor:pointer}.kopf-knopf:focus-visible,.reiter-knopf:focus-visible{outline-color:var(--signal)}.inhalt{display:flex;flex-direction:column;gap:1rem;padding:1rem 1rem calc(2rem + env(safe-area-inset-bottom))}.laden,.leer{color:var(--grau);padding:1rem 0}.fussnote,.hinweis{color:var(--grau);font-size:.9375rem}label{display:block;font-weight:600;margin-bottom:.3rem}input,select{width:100%;min-height:3.25rem;padding:.5rem .75rem;font:inherit;color:var(--tinte);background:var(--karte);border:2px solid var(--tinte);border-radius:var(--radius)}.anmeldung{display:flex;flex-direction:column;gap:.75rem;max-width:26rem}.anmeldung h1{margin-bottom:.5rem}.anmeldung label{margin-bottom:-.45rem}.knopf{display:block;width:100%;min-height:4.5rem;padding:.75rem 1rem;font-family:var(--schrift-schmal);font-weight:700;font-size:1.5rem;letter-spacing:.01em;border:0;border-radius:var(--radius);cursor:pointer;touch-action:manipulation}.knopf:active:not(:disabled){transform:translateY(2px)}.knopf:disabled{cursor:not-allowed;background:#d6dade;color:#6d7782;box-shadow:none}.knopf-haupt{background:var(--signal);color:var(--tinte);box-shadow:inset 0 -5px 0 var(--signal-dunkel)}.knopf-neben{background:var(--karte);color:var(--tinte);box-shadow:inset 0 0 0 3px var(--tinte)}.knopf-ende{background:var(--blaumann-dunkel);color:#fff;box-shadow:inset 0 -5px #0a1a31}.knopf-kompakt{width:auto;min-height:3.25rem;font-size:1.125rem;padding:.5rem 1.25rem;white-space:nowrap}.textknopf{font:inherit;font-weight:600;color:var(--blaumann);background:none;border:0;padding:.4rem 0;text-decoration:underline;text-underline-offset:.18em;cursor:pointer}.stempelkarte{container-type:inline-size;background:var(--karte);border-left:12px solid var(--grau);border-radius:var(--radius);padding:1.1rem 1.1rem 1.25rem}.stempelkarte-arbeitet{border-left-color:var(--gruen)}.stempelkarte-pause{border-left-color:var(--pause)}.stempelkarte-status{font-size:1.5rem}.stempelkarte-arbeitet .stempelkarte-status{color:var(--gruen)}.stempelkarte-pause .stempelkarte-status{color:var(--pause)}.stempelkarte-uhr{font-family:var(--schrift-schmal);font-weight:700;font-size:clamp(3rem,21cqi,5rem);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin:.35rem 0 .9rem}.stempelkarte-hinweis{margin-top:.4rem;color:var(--grau)}.stempelkarte-daten{margin:0;display:grid;gap:.35rem}.stempelkarte-daten div{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--linie);padding-top:.35rem}.stempelkarte-daten dt{color:var(--grau)}.stempelkarte-daten dd{margin:0;font-weight:600;text-align:right}.aktionen{display:flex;flex-direction:column;gap:.75rem}.vorgang{min-height:4.5rem;display:flex;align-items:center;justify-content:center;font-family:var(--schrift-schmal);font-weight:700;font-size:1.375rem;background:var(--karte);border:3px dashed var(--grau);border-radius:var(--radius)}.rueckfrage{font-weight:600}.meldung{padding:.75rem .9rem;border-radius:var(--radius);border-left:6px solid;background:var(--karte);font-weight:500}.meldung-ok{border-color:var(--gruen)}.meldung-warnung{border-color:var(--pause)}.meldung-fehler{border-color:var(--rot);color:var(--rot)}.heute{margin-top:.5rem}.buchungen{list-style:none;margin:.5rem 0 0;padding:0;background:var(--karte);border-radius:var(--radius)}.buchungen li{display:grid;grid-template-columns:3.75rem 1fr auto;align-items:baseline;gap:.75rem;padding:.65rem .9rem;border-top:1px solid var(--linie)}.buchungen li:first-child{border-top:0}.buchungen time{font-family:var(--schrift-schmal);font-weight:700;font-size:1.25rem;font-variant-numeric:tabular-nums}.buchungen-text{font-weight:600}.buchungen-text small{display:block;font-size:.875rem;font-weight:400;color:var(--grau)}.gps{font-size:.875rem;color:var(--grau);white-space:nowrap}.gps-fehlt{color:var(--pause);font-weight:600;white-space:normal}.reiter{display:flex;gap:.25rem;padding:0 1rem;background:var(--blaumann);overflow-x:auto}.reiter-knopf{font-family:var(--schrift-schmal);font-weight:600;font-size:1.125rem;color:#fff;background:transparent;border:0;border-radius:var(--radius) var(--radius) 0 0;padding:.6rem 1.1rem;cursor:pointer}.reiter-knopf[aria-current=page]{background:var(--beton);color:var(--tinte)}.zeilenformular{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.zeilenformular .feld{flex:1 1 14rem}.zeilenformular .feld-schmal{flex:0 1 10.5rem}.tabelle-kopfzeile{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;color:var(--grau)}.tabelle-rahmen{overflow-x:auto;background:var(--karte);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:1rem}th,td{text-align:left;padding:.65rem .9rem;border-bottom:1px solid var(--linie);vertical-align:baseline}th{font-family:var(--schrift-schmal);font-weight:600;color:var(--grau);white-space:nowrap}td{white-space:nowrap}td .gps-fehlt{display:inline-block;min-width:13rem}tbody tr:last-child td{border-bottom:0}tr.inaktiv td{color:var(--grau)}.zahl{font-variant-numeric:tabular-nums;white-space:nowrap}.zelle-aktion{text-align:right;white-space:nowrap}.zelle-aktion .textknopf+.textknopf{margin-left:1.25rem}.archiv{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.archiv .tabelle-rahmen{align-self:stretch}.seit{color:var(--grau);white-space:nowrap}.marke{display:inline-block;font-weight:600;font-size:.9375rem;padding:.05rem .5rem;border-radius:4px;background:#e2e5e9;color:var(--tinte);white-space:nowrap}.marke-aktiv,.marke-arbeitet,.marke-arbeit{background:#d8efe2;color:#0f5132}.marke-pause{background:#fbe6c8;color:#7a3f00}.kasten{display:flex;flex-direction:column;gap:.75rem;background:var(--karte);border-radius:var(--radius);padding:1rem}.knopf-mittel{min-height:3.5rem;font-size:1.25rem}.knopf-klein{width:auto;flex:1 1 9rem;min-height:3rem;font-size:1.0625rem;padding:.4rem .75rem}.urlaub{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.urlaubsliste{list-style:none;margin:0;padding:0;background:var(--karte);border-radius:var(--radius)}.urlaubsliste li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;padding:.65rem .9rem;border-top:1px solid var(--linie)}.urlaubsliste li:first-child{border-top:0}.urlaubsliste small{display:block;font-size:.875rem;color:var(--grau)}.urlaubsliste-knoepfe{display:flex;gap:1rem}.textknopf-warnung{color:var(--rot)}.textknopf:disabled{color:var(--grau);cursor:not-allowed}.schnellwahl,.zeitraum{display:flex;flex-wrap:wrap;gap:.75rem}.zeitraum .feld{flex:1 1 9rem;min-width:0}.sollist{display:flex;flex-direction:column;gap:.4rem}.sollist-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 1rem;font-family:var(--schrift-schmal);font-weight:700;font-size:1.25rem}.sollist-wert{font-family:var(--schrift);font-weight:400;font-size:1.0625rem}.sollist-prozent,.sollist-differenz{color:var(--grau)}.sollist-differenz{font-size:.9375rem}.meter{display:block;position:relative;height:.875rem;background:var(--meter-spur);border-radius:4px;overflow:hidden}.meter-ist{display:block;height:100%;background:var(--blaumann);border-radius:0 4px 4px 0}.meter-soll{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--karte)}.sollist-klein .meter{height:.5rem}.monatswahl{display:flex;align-items:center;gap:.75rem}.monatswahl h1{flex:1;text-align:center;font-size:1.5rem}.knopf-pfeil{width:3.25rem;min-height:3.25rem;padding:0;font-size:1.75rem;line-height:1}.tagesliste{list-style:none;margin:0;padding:0;background:var(--karte);border-radius:var(--radius)}.tagesliste>li{display:flex;flex-direction:column;gap:.35rem;padding:.7rem .9rem;border-top:1px solid var(--linie)}.tagesliste>li:first-child{border-top:0}.tagesliste-kopf{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.5rem;font-variant-numeric:tabular-nums}.tagesliste-datum{white-space:nowrap;font-family:var(--schrift-schmal);font-weight:700;font-size:1.125rem}.tagesliste-uhr{white-space:nowrap}.tagesliste-uhr,.tagesliste-text{font-size:.9375rem;color:var(--grau)}.tagesliste-wert{white-space:nowrap}.tagesliste-text .gps{display:block}.vermerk{display:block;font-size:.875rem;font-weight:600}.vermerk-rot{color:var(--rot)}.vermerk-gruen{color:var(--gruen)}.tagesliste>li{padding:0}.tagesliste-knopf{display:flex;flex-direction:column;gap:.35rem;width:100%;padding:.7rem .9rem;font:inherit;color:inherit;text-align:left;background:none;border:0;border-radius:var(--radius);cursor:pointer}.tagesliste-knopf:focus-visible{outline-offset:-3px}.tagesliste-knopf .sollist,.tagesliste-knopf .meter,.tagesliste-knopf .meter-ist,.tagesliste-knopf .tagesliste-text{display:block}.tagesliste-mehr{font-size:.875rem;font-weight:600;color:var(--blaumann);text-decoration:underline;text-underline-offset:.18em}.buchungen-details{margin:0 .9rem .8rem;background:var(--beton)}.buchungen-details li{grid-template-columns:3.5rem 1fr auto;padding:.5rem .7rem}.buchungen-details .vermerk{text-align:right;max-width:9rem}.nachtragen-liste{list-style:none;margin:0;padding:0}.nachtragen-liste li{display:flex;flex-direction:column;gap:.6rem;padding:.7rem 0;border-top:1px solid var(--linie)}.nachtragen-zeile{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1.5rem}.zeilenformular .formular-hinweis,.zeilenformular .meldung{flex:1 1 100%}.textknopf-klein{display:block;padding:.1rem 0;font-size:.875rem}table.zahlen tr.formularzeile td{text-align:left;white-space:normal;background:var(--beton);padding:.9rem}table.zahlen tbody tr.formularzeile:hover td{background:var(--beton)}table.zahlen th,table.zahlen td{text-align:right;font-variant-numeric:tabular-nums}table.zahlen th,table.zahlen td{padding:.5rem .6rem;font-size:.9375rem}table.zahlen td.text{white-space:normal;min-width:11rem}table.zahlen td .gps-fehlt{display:block;min-width:0}.zeilenformular .feld-person{flex:0 1 20rem}.kasten .textknopf{align-self:flex-start}table.zahlen th:first-child,table.zahlen td:first-child,table.zahlen th.text,table.zahlen td.text{text-align:left}table.zahlen tbody tr:hover td{background:#f3f5f7}td.minus{color:var(--rot)}.zeilenformular h2{flex:1 1 14rem;align-self:center}.marke-urlaub{background:#dbe7f6;color:#17365f}.marke-krank{background:#f6dcd9;color:#7c1d14}.marke-abfeiern{background:#fbe6c8;color:#7a3f00}@media(min-width:48rem){.seite-breit .inhalt{padding:1.5rem 1.5rem 3rem;gap:1.25rem}.seite-breit .kopf,.seite-breit .reiter{padding-left:1.5rem;padding-right:1.5rem}}.pin-eingabe{font-size:1.75rem;letter-spacing:.4em;max-width:14rem}.anmeldung .hinweis{margin:0}.zeile-formular>td{background:var(--beton);white-space:normal}.zeile-formular .zeilenformular{margin:0;position:sticky;left:.9rem;width:min(100%,calc(100vw - 4rem))}.zeile-formular label{white-space:nowrap}