:root{--grund:#f6f4ee;--flaeche:#fff;--text:#1d2b24;--text-leise:#5b6b62;--linie:#d9ddd2;--gruen:#1f4d3a;--gruen-hell:#e3eedd;--moos:#4f8a36;--pause:#b7791f;--pause-hell:#fbefd9;--gehen:#8a3b2e;--fehler:#a32a1f;--fehler-hell:#fbe4e1;--ok-hell:#e1f0dc;--radius:14px;--schrift:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--grund:#121815;--flaeche:#1b241f;--text:#e7eee9;--text-leise:#9db0a5;--linie:#2f3c35;--gruen:#8fc46a;--gruen-hell:#23331f;--moos:#8fc46a;--pause:#e0a84a;--pause-hell:#3a2d16;--gehen:#e08a7a;--fehler:#f08b80;--fehler-hell:#3d1f1b;--ok-hell:#1f3320;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--grund);color:var(--text);font-family:var(--schrift);margin:0}body{-webkit-tap-highlight-color:transparent;min-height:100dvh}a{color:var(--gruen)}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.2}button{font:inherit;cursor:pointer;border:1px solid var(--linie);background:var(--flaeche);color:var(--text);border-radius:var(--radius);min-height:48px;padding:.7em 1.1em}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--moos);outline-offset:2px}button.link{color:var(--gruen);background:0 0;border:none;min-height:40px;text-decoration:underline}button.neben,.neben{color:var(--text-leise);font-size:.92em}button.gefahr{border-color:var(--fehler);color:var(--fehler)}input,select{font:inherit;border:1px solid var(--linie);background:var(--flaeche);color:var(--text);border-radius:10px;min-height:48px;padding:.7em}code{font-size:1.05em}.zentriert{text-align:center;place-content:center;gap:1rem;min-height:100dvh;padding:1.5rem;display:grid}.fehler{color:var(--fehler);background:var(--fehler-hell);border-radius:10px;padding:.8em 1em}.bestaetigung{background:var(--ok-hell);border-radius:10px;flex-wrap:wrap;align-items:center;gap:1rem;padding:.9em 1em;font-weight:600;display:flex}.leer{color:var(--text-leise)}button.gross{color:#fff;border:none;flex:1;min-height:76px;font-size:1.35rem;font-weight:650}button.kommen,button.start{background:var(--moos)}button.pause{background:var(--pause)}button.gehen{background:var(--gehen)}@media (prefers-color-scheme:dark){button.gross{color:#10150f}}.tablet{max-width:1100px;min-height:100dvh;margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.tablet.ruhe{text-align:center;grid-template-rows:1fr auto auto;gap:2rem;display:grid}.uhr{align-self:center}.uhr-zeit{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--gruen);font-size:clamp(5rem,18vw,11rem);font-weight:300}.uhr-datum{color:var(--text-leise);font-size:clamp(1.1rem,2.6vw,1.6rem)}button.start{justify-self:center;width:min(560px,100%);min-height:110px;font-size:2rem}.fuss{color:var(--text-leise);margin:0;font-size:.9rem}.personen{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem;margin:1rem 0 1.5rem;display:grid}.personen button{text-align:left;gap:.2rem;min-height:96px;padding:1.1rem;display:grid}.personen .kurz{color:var(--gruen);font-size:1.6rem;font-weight:700}.personen .name{color:var(--text-leise)}.einrichten{max-width:560px;margin:0 auto}.einrichten form{gap:.6rem;display:flex}.einrichten form input{flex:1}.pinpad{text-align:center;gap:.6rem;max-width:380px;margin:0 auto;padding-top:2rem;display:grid}.pin-punkte{justify-content:center;gap:.8rem;min-height:24px;display:flex}.pin-punkte span{border:2px solid var(--gruen);border-radius:50%;width:18px;height:18px}.pin-punkte span.voll{background:var(--gruen)}.pin-meldung{color:var(--fehler);min-height:1.4em;margin:0}.pin-tasten{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.pin-tasten button{min-height:72px;font-size:1.7rem}.pin-tasten button.ok{background:var(--moos);color:#fff;border:none;font-weight:650}.pin-tasten button.neben{font-size:1.4rem}.kopf{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.kopf h2{margin:0}.angemeldet>*+*{margin-top:1rem}.stempelkarte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:1.2rem}.stempelkarte.zustand-arbeit{border-color:var(--moos);background:linear-gradient(var(--gruen-hell), var(--flaeche) 70%)}.stempelkarte.zustand-pause{border-color:var(--pause);background:linear-gradient(var(--pause-hell), var(--flaeche) 70%)}.status-text{margin:0;font-size:1.4rem;font-weight:650}.status-neben{color:var(--text-leise);margin:.2rem 0 0}.knoepfe{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}.knoepfe button.neben{flex-basis:100%}.reiter{border-bottom:1px solid var(--linie);gap:.4rem;display:flex}.reiter button{color:var(--text-leise);background:0 0;border:none;border-radius:10px 10px 0 0}.reiter button[aria-selected=true]{color:var(--gruen);box-shadow:inset 0 -3px var(--moos);font-weight:650}.liste h3{justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.6rem;display:flex}.liste ul{margin:0;padding:0;list-style:none}.liste li{border-bottom:1px solid var(--linie);font-variant-numeric:tabular-nums;grid-template-columns:7.5em 1fr auto auto;align-items:baseline;gap:.3rem .8rem;padding:.6rem 0;display:grid}.liste .tag{font-weight:600}.liste .dauer{text-align:right;font-weight:650}.marke{background:var(--pause-hell);color:var(--text);border-radius:999px;grid-column:2/-1;justify-self:start;padding:.1em .6em;font-size:.8rem}.teamplan .tagesblock{border-bottom:1px solid var(--linie);padding:.4rem 0 .6rem}.teamplan h4{margin:.4rem 0 .2rem}.teamplan li{border:none;grid-template-columns:8em 1fr auto;padding:.25rem 0}.handy{max-width:560px;min-height:100dvh;margin:0 auto;padding:1rem 16px 2rem}@media (width<=480px){.liste li{grid-template-columns:6.2em 1fr auto}.liste li .neben{grid-column:2}.knoepfe{flex-direction:column}}.demo{max-width:980px;margin:0 auto;padding:1.5rem 16px 3rem}.demo header{margin-bottom:1.5rem}.karten{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);color:inherit;padding:1.2rem;text-decoration:none;display:block}.karte:hover{border-color:var(--moos)}.karte h2{color:var(--gruen)}.block{margin-top:2rem}.zeile{flex-wrap:wrap;gap:.6rem;display:flex}table{border-collapse:collapse;background:var(--flaeche);border-radius:var(--radius);width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--linie);padding:.55rem .8rem}.audit{margin:.6rem 0 0;padding:0;list-style:none}.audit li{border-bottom:1px solid var(--linie);font-variant-numeric:tabular-nums;grid-template-columns:3.5em 6em 9em 6em 1fr;gap:.6rem;padding:.4rem 0;display:grid}.audit .nr{color:var(--text-leise)}@media (width<=640px){.audit li{grid-template-columns:3em 5em 1fr}.audit li>:nth-child(n+4){grid-column:2/-1}}:root{--karte-schatten:0 1px 2px #1018140d, 0 12px 32px -18px #10181440;--zeile-hoehe:68px;--spalten:minmax(176px, 220px) repeat(7, minmax(106px, 1fr))}@media (prefers-color-scheme:dark){:root{--karte-schatten:0 1px 2px #0006, 0 12px 32px -18px #000000b3}}.wochenplan{background:var(--flaeche);border:1px solid var(--linie);box-shadow:var(--karte-schatten);border-radius:20px;overflow:hidden}.wp-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:16px 20px 12px;display:flex}.wp-titel{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.wp-titel strong{letter-spacing:-.01em;font-size:1.4rem}.wp-steuerung{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.wp-nav{align-items:center;gap:6px;display:flex}button.rund{border-radius:999px;width:40px;height:40px;min-height:40px;padding:0;font-size:1.35rem;line-height:1}button.pille{border-radius:999px;min-height:40px;padding:0 16px;font-weight:600}.segment{background:var(--grund);border:1px solid var(--linie);border-radius:999px;padding:3px;display:inline-flex}.segment button{min-height:34px;color:var(--text-leise);background:0 0;border:none;border-radius:999px;padding:0 16px}.segment button[aria-pressed=true]{background:var(--flaeche);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000024}.wp-laedt{border:2px solid var(--linie);border-top-color:var(--moos);border-radius:50%;align-self:center;width:14px;height:14px;animation:.8s linear infinite drehen}@keyframes drehen{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.wp-laedt{animation:none}}.wp-legende{flex-wrap:wrap;gap:8px;padding:0 20px 14px;display:flex}.chip{border:1px solid var(--linie);background:color-mix(in srgb, var(--farbe) 9%, var(--flaeche));border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:0 12px 0 10px;font-size:.86rem;display:inline-flex}.chip .punkt{background:var(--farbe);border-radius:50%;width:9px;height:9px}.chip[aria-pressed=false]{background:var(--flaeche);color:var(--text-leise);text-decoration:line-through}.wp-fehler{margin:0 20px 14px}.wp-raster{border-top:1px solid var(--linie);overflow-x:auto}.wp-zeile{grid-template-columns:var(--spalten);border-bottom:1px solid var(--linie);min-width:920px;display:grid}.wp-zeile:last-child{border-bottom:none}.wp-zeile>*+*{border-left:1px solid var(--linie)}.wp-zeile.kopfzeile{z-index:1;background:var(--flaeche);position:sticky;top:0}.wp-tag-kopf{text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise);justify-content:center;align-items:center;gap:8px;padding:10px 6px;font-size:.8rem;display:flex}.wp-tag-kopf .nummer{letter-spacing:0;width:30px;height:30px;color:var(--text);border-radius:50%;place-items:center;font-size:.98rem;font-weight:650;display:inline-grid}.wp-tag-kopf.heute{color:var(--moos);font-weight:650}.wp-tag-kopf.heute .nummer{background:var(--moos);color:#fff}@media (prefers-color-scheme:dark){.wp-tag-kopf.heute .nummer{color:#10150f}}.wp-person{min-height:var(--zeile-hoehe);align-items:center;gap:12px;min-width:0;padding:10px 14px;display:flex}.wp-person .wer{min-width:0;display:grid}.wp-person .name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.wp-person .meta{color:var(--text-leise);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.wp-person.ich{background:color-mix(in srgb, var(--moos) 7%, var(--flaeche))}.du-marke{background:var(--moos);color:#fff;border-radius:999px;margin-right:6px;padding:0 6px;font-size:.68rem;font-weight:700;display:inline-block}@media (prefers-color-scheme:dark){.du-marke{color:#10150f}}.wp-person.summe{text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise);min-height:44px;font-size:.8rem}.wp-person.bereich .balken{background:var(--farbe);border-radius:999px;align-self:stretch;width:6px}.avatar{letter-spacing:.02em;color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--farbe) 80%, #fff), var(--farbe));border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:.78rem;font-weight:700;display:grid}.avatar.leer{background:var(--grund);color:var(--text-leise);border:1px dashed var(--linie)}.wp-zelle{flex-direction:column;gap:5px;min-width:0;padding:6px;display:flex}.wp-zelle.wochenende{background:color-mix(in srgb, var(--grund) 55%, var(--flaeche))}.wp-zelle.heute{background:color-mix(in srgb, var(--moos) 6%, var(--flaeche))}.wp-zelle.summe{font-variant-numeric:tabular-nums;color:var(--text-leise);justify-content:center;align-items:center;min-height:44px;font-weight:650}.schicht{background:color-mix(in srgb, var(--farbe) 15%, var(--flaeche));min-width:0;box-shadow:inset 3px 0 0 var(--farbe);border-radius:10px;gap:1px;padding:6px 6px 6px 9px;font-size:.82rem;line-height:1.25;display:grid;position:relative;overflow:hidden}.schicht .zeit{font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.015em;font-size:.8rem;font-weight:650}.schicht .unter{color:color-mix(in srgb, var(--farbe) 55%, var(--text));white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.schicht.ruf{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--farbe) 12%, var(--flaeche)) 0 7px, var(--flaeche) 7px 14px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--farbe) 45%, var(--flaeche)), inset 3px 0 0 var(--farbe)}.schicht .du{background:var(--farbe);color:#fff;border-radius:999px;padding:0 6px;font-size:.66rem;font-weight:700;position:absolute;top:5px;right:6px}.abwesend-karte{color:var(--text-leise);background:repeating-linear-gradient(135deg, var(--grund) 0 6px, var(--flaeche) 6px 12px);border:1px dashed var(--linie);border-radius:10px;padding:6px 8px;font-size:.76rem}.wp-tagesansicht{border-top:1px solid var(--linie)}.wp-tage{grid-template-columns:repeat(7,1fr);gap:4px;padding:10px 10px 6px;display:grid}.wp-tag-pille{min-height:64px;color:var(--text-leise);background:0 0;border:none;border-radius:16px;justify-items:center;gap:2px;padding:6px 0 7px;display:grid}.wp-tag-pille .kurz{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.wp-tag-pille .nummer{color:var(--text);font-size:1.05rem;font-weight:650}.wp-tag-pille .punkte{gap:3px;min-height:6px;display:flex}.wp-tag-pille .punkte span{background:var(--farbe);border-radius:50%;width:6px;height:6px}.wp-tag-pille.heute .nummer{color:var(--moos)}.wp-tag-pille[aria-selected=true]{background:var(--gruen);color:color-mix(in srgb, #fff 80%, var(--gruen))}.wp-tag-pille[aria-selected=true] .nummer{color:#fff}@media (prefers-color-scheme:dark){.wp-tag-pille[aria-selected=true],.wp-tag-pille[aria-selected=true] .nummer{color:#10150f}}.wp-tagesliste{gap:14px;padding:6px 14px 16px;display:grid}.wp-gruppe{gap:6px;display:grid}.wp-gruppe h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-leise);align-items:center;gap:8px;margin:0;font-size:.82rem;display:flex}.wp-gruppe h4 .punkt{background:var(--farbe);border-radius:50%;width:9px;height:9px}.wp-gruppe .schicht{padding:10px 12px 10px 14px;font-size:.95rem}.wp-gruppe .schicht .zeit{font-size:.95rem}.wp-gruppe .schicht .unter{font-size:.85rem}.wp-abwesend{margin:0}.planseite{max-width:1320px;margin:0 auto;padding:1.5rem clamp(16px,3vw,32px) 3rem}.planseite-kopf{align-items:center;gap:14px;margin-bottom:1.2rem;display:flex}.planseite-kopf h1{letter-spacing:-.02em;margin:0;font-size:1.7rem}.planseite-kopf p{margin:.2rem 0 0}.zurueck{border:1px solid var(--linie);background:var(--flaeche);border-radius:999px;place-items:center;width:40px;height:40px;text-decoration:none;display:grid}.hauptansicht .wochenplan{margin-top:.8rem}.wochenplan.kompakt .wp-kopf{padding:14px 14px 10px}.wochenplan.kompakt .wp-legende{scrollbar-width:none;flex-wrap:nowrap;padding:0 14px 12px;overflow-x:auto}.wochenplan.kompakt .wp-legende::-webkit-scrollbar{display:none}.wochenplan.kompakt .chip{flex:none}.schicht,.chip,.avatar,.wp-person.bereich,.wp-gruppe h4,.wp-tag-pille .punkte span,.ruf-name{--f:var(--farbe)}@media (prefers-color-scheme:dark){.schicht,.chip,.avatar,.wp-person.bereich,.wp-gruppe h4,.wp-tag-pille .punkte span,.ruf-name{--f:color-mix(in srgb, var(--farbe) 62%, #fff)}}.schicht{background:color-mix(in srgb, var(--f) 15%, var(--flaeche));box-shadow:inset 3px 0 0 var(--f)}.schicht .unter{color:color-mix(in srgb, var(--f) 55%, var(--text))}.schicht.eigen{box-shadow:inset 3px 0 0 var(--f), 0 0 0 2px var(--f)}.schicht .du{background:var(--f)}.chip{background:color-mix(in srgb, var(--f) 9%, var(--flaeche))}.chip .punkt,.wp-gruppe h4 .punkt,.wp-tag-pille .punkte span{background:var(--f)}.chip[aria-pressed=false] .punkt{box-shadow:inset 0 0 0 2px var(--f);background:0 0}.wp-person.bereich .balken{background:var(--f)}.avatar{background:linear-gradient(140deg, color-mix(in srgb, var(--farbe) 75%, #fff), var(--farbe))}.ruf-zeile{border-top:2px solid var(--linie)}.ruf-zeile .wp-zelle{justify-content:center}.ruf-name{background:color-mix(in srgb, var(--f) 13%, var(--flaeche));min-width:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--f) 35%, var(--flaeche));border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:2px;padding:5px 3px 5px 9px;font-size:.82rem;font-weight:600;display:grid}.ruf-name .text{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;overflow:hidden}.ruf-name .du{margin-left:5px}.ruf-name button.mini{grid-area:1/2}.ruf-name.frei .text{font-style:italic;font-weight:500}.ruf-name.eigen{box-shadow:inset 0 0 0 2px var(--f)}.ruf-name .du{background:var(--f);color:#fff;border-radius:999px;padding:0 6px;font-size:.66rem;font-weight:700}.ruf-name .hinweis{color:var(--text-leise);white-space:nowrap;text-overflow:ellipsis;grid-area:2/1/auto/-1;font-size:.66rem;font-weight:500;overflow:hidden}button.mini{width:26px;min-height:26px;color:var(--text-leise);background:0 0;border:none;border-radius:999px;flex:none;padding:0;font-size:.8rem;line-height:1}button.mini:hover{background:var(--grund);color:var(--text)}button.ruf-frei-knopf{white-space:nowrap;border:1.5px dashed color-mix(in srgb, #ef4444 45%, var(--linie));width:100%;min-height:34px;color:color-mix(in srgb, #ef4444 70%, var(--text));background:0 0;border-radius:999px;padding:0 6px;font-size:.76rem;font-weight:600}button.ruf-frei-knopf:hover{background:color-mix(in srgb, #ef4444 8%, var(--flaeche))}.ruf-offen{color:var(--text-leise);text-align:center;font-size:.78rem}.wp-ruf-gruppe{border-top:1px solid var(--linie);padding-top:10px}.wp-ruf-gruppe .ruf-name{padding:10px 12px 10px 14px;font-size:.95rem}.wp-ruf-gruppe .ruf-frei-knopf{min-height:44px;font-size:.95rem}.dialog-hintergrund{z-index:20;background:#0a100d73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--flaeche);border:1px solid var(--linie);border-radius:20px;gap:12px;width:min(440px,100%);padding:20px;display:grid;box-shadow:0 24px 60px -20px #00000073}.dialog h3{margin:0 0 4px}.dialog label{gap:6px;font-size:.9rem;font-weight:600;display:grid}.dialog label.haken{align-items:center;gap:10px;font-weight:500;display:flex}.dialog label.haken input{width:22px;height:22px;min-height:0}.dialog .neben{margin:-4px 0 0}.dialog-knoepfe{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.dialog-knoepfe .abstand{flex:1}button.primaer{background:var(--moos);color:#fff;border:none;font-weight:650}@media (prefers-color-scheme:dark){button.primaer{color:#10150f}}.leitung{max-width:1320px;margin:0 auto;padding:1.5rem clamp(16px,3vw,32px) 3rem}.leitung-kopf{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:1.2rem;display:flex}.leitung-titel{flex-wrap:wrap;flex:1;align-items:center;gap:16px;display:flex}.leitung-titel h1{letter-spacing:-.02em;margin:0;font-size:1.7rem}.rollenwahl{align-items:center;gap:8px;display:flex}.rollenwahl select{border-radius:999px;min-height:38px;padding:0 10px}.gross-segment button{align-items:center;gap:8px;min-height:40px;padding:0 18px;font-size:.95rem;display:inline-flex}.zaehler{background:var(--moos);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-grid}@media (prefers-color-scheme:dark){.zaehler{color:#10150f}}.hilfe{margin:0 0 .8rem}.planung>.bestaetigung{margin-bottom:.8rem}button.pille.primaer{background:var(--moos);color:#fff;border:none}button.pille.primaer:disabled{background:var(--grund);color:var(--text-leise);border:1px solid var(--linie);opacity:1}@media (prefers-color-scheme:dark){button.pille.primaer{color:#10150f}}button.schicht{text-align:left;font:inherit;color:inherit;cursor:pointer;border:none;width:100%;min-height:0}button.schicht.klickbar:hover{filter:brightness(.97);box-shadow:inset 3px 0 0 var(--f), 0 0 0 1.5px color-mix(in srgb, var(--f) 55%, transparent)}.schicht.entwurf{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--f) 10%, var(--flaeche)) 0 8px, var(--flaeche) 8px 16px);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--f) 55%, transparent);outline:1.5px dashed color-mix(in srgb, var(--f) 70%, transparent);outline-offset:-1.5px}.entwurf-marke{text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb, var(--f) 70%, var(--text));justify-self:start;font-size:.62rem;font-weight:700}button.neu-knopf{border:1.5px dashed var(--linie);min-height:28px;color:var(--text-leise);opacity:0;background:0 0;border-radius:8px;padding:0;font-size:1rem;transition:opacity .15s}.wp-zelle:hover button.neu-knopf,button.neu-knopf:focus-visible{opacity:1}@media (hover:none){button.neu-knopf{opacity:.6}}button.neu-knopf:hover{border-color:var(--moos);color:var(--moos)}button.neu-tag{min-height:44px;margin-top:4px}.dialog.breit{width:min(560px,100%)}.dialog h3{align-items:center;gap:10px;display:flex}.status-marke{text-transform:uppercase;letter-spacing:.05em;background:var(--grund);color:var(--text-leise);border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:700}.status-marke.veroeffentlicht{background:var(--ok-hell);color:var(--gruen)}.formular-raster{grid-template-columns:1fr 1fr;gap:12px;display:grid}.formular-raster label{gap:6px;font-size:.9rem;font-weight:600;display:grid}@media (width<=480px){.formular-raster{grid-template-columns:1fr}}.warnliste{gap:6px;margin:0;padding:0;list-style:none;display:grid}.warnliste li{border-left:4px solid;border-radius:10px;padding:8px 10px 8px 12px;font-size:.86rem}.warnliste li.verstoss{background:var(--fehler-hell);border-color:var(--fehler)}.warnliste li.warnung{background:var(--pause-hell);border-color:var(--pause)}.warnliste li.hinweis{background:var(--grund);border-color:var(--linie);color:var(--text-leise)}.alles-gut{color:var(--moos);margin:0;font-size:.9rem;font-weight:600}.freigaben{gap:2rem;display:grid}.freigaben h2{align-items:center;gap:10px;font-size:1.2rem;display:flex}.freigaben section{gap:12px;display:grid}.antrag{background:var(--flaeche);border:1px solid var(--linie);box-shadow:var(--karte-schatten);border-radius:18px;gap:10px;max-width:760px;padding:16px 18px;display:grid}.antrag header{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.antrag header strong{font-size:1.05rem}.antrag-zeitraum{margin:0;font-size:1.1rem;font-weight:600}.antrag-felder{grid-template-columns:1fr 2fr;gap:12px;display:grid}.antrag-felder label,.antrag-felder.einzeln{gap:6px;font-size:.88rem;font-weight:600;display:grid}.antrag-felder .neben{font-weight:400}@media (width<=560px){.antrag-felder{grid-template-columns:1fr}}.antrag-knoepfe{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.vergleich{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vergleich p{font-variant-numeric:tabular-nums;margin:2px 0 0}.begruendung{color:var(--text-leise);margin:0;font-style:italic}.hinweis-box{background:var(--grund);color:var(--text-leise);border-radius:10px;margin:0;padding:10px 12px;font-size:.9rem}.karte.hervor{border-color:color-mix(in srgb, var(--moos) 50%, var(--linie));background:linear-gradient(var(--gruen-hell), var(--flaeche) 80%)}.antrag-felder.einzeln{grid-template-columns:1fr}button.neu-knopf{min-height:22px;font-size:.9rem}.team{gap:14px;display:grid}.team-kopf{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.team-kopf .abstand{flex:1}.team-kopf select,.team-suche{border-radius:999px;min-height:40px;padding:0 14px}.team-suche{width:min(240px,100%)}.team-kopf select{max-width:210px}.team-summe{color:var(--text-leise);align-items:center;gap:8px;margin:0;font-size:.9rem;display:flex}.punkt-warnung{background:var(--pause);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.reiter .punkt-warnung{vertical-align:middle;margin-left:6px}.team-liste{background:var(--flaeche);border:1px solid var(--linie);box-shadow:var(--karte-schatten);border-radius:20px;margin:0;padding:0;list-style:none;overflow:hidden}.team-liste li+li{border-top:1px solid var(--linie)}button.team-zeile{text-align:left;background:0 0;border:none;border-radius:0;grid-template-columns:36px minmax(150px,1.4fr) minmax(130px,1fr) minmax(60px,.6fr) auto 34px;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 18px;display:grid}button.team-zeile:hover{background:color-mix(in srgb, var(--moos) 5%, var(--flaeche))}button.team-zeile.ehemalig{opacity:.7}.team-zeile .wer,.detail-kopf .wer{min-width:0;display:grid}.team-zeile .name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.team-zeile .meta{color:var(--text-leise);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.team-vertrag{min-width:0;font-size:.86rem;display:grid}.team-vertrag .neben{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.team-bereiche{flex-wrap:wrap;gap:5px;display:flex}.bereich-punkt{background:var(--farbe);opacity:.55;border-radius:50%;width:12px;height:12px}.bereich-punkt.haupt{opacity:1;box-shadow:0 0 0 2px var(--flaeche), 0 0 0 3.5px var(--farbe)}.team-zugang{gap:4px;display:flex}.marke-klein{border:1px dashed var(--linie);color:var(--text-leise);white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:700}.marke-klein.an{background:var(--ok-hell);color:var(--gruen);border:1px solid #0000}.marke-klein.gesperrt{background:var(--fehler-hell);color:var(--fehler);border:1px solid #0000}.team-hinweis{justify-items:end;display:grid}.hinweis-marke{color:#fff;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:.78rem;font-weight:700;display:inline-grid}.hinweis-marke.verstoss{background:var(--fehler)}.hinweis-marke.warnung{background:var(--pause)}@media (prefers-color-scheme:dark){.hinweis-marke{color:#10150f}}@media (width<=760px){button.team-zeile{grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"avatar wer hinweis""avatar vertrag zugang";row-gap:4px}.team-zeile .avatar{grid-area:avatar;align-self:start}.team-zeile .wer{grid-area:wer}.team-vertrag{grid-area:vertrag}.team-zugang{grid-area:zugang;justify-self:end}.team-hinweis{grid-area:hinweis}.team-bereiche{display:none}}.team-geraete{justify-items:start;gap:10px;margin-top:10px;display:grid}.team-geraete h2{margin:0;font-size:1.1rem}.geraete-liste{gap:8px;width:100%;max-width:760px;margin:0;padding:0;list-style:none;display:grid}.geraete-liste li{border:1px solid var(--linie);background:var(--flaeche);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.geraete-liste li.gesperrt{opacity:.65}.geraete-liste .status-marke{margin-left:8px}button.klein{border-radius:999px;min-height:36px;padding:0 14px;font-size:.88rem;font-weight:600}button.klein.primaer{background:var(--moos);color:#fff;border:none}@media (prefers-color-scheme:dark){button.klein.primaer{color:#10150f}}.klein-link{align-self:center;font-size:.88rem;font-weight:600}.mit-grund{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.mit-grund input{width:min(240px,100%);min-height:36px;padding:0 10px}.mit-grund .fehler{flex-basis:100%;padding:6px 10px;font-size:.85rem}.zeile-knoepfe{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.zeile-knoepfe.rechts{justify-content:flex-end}.zeile-formular{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.zeile-formular input{letter-spacing:.2em;font-variant-numeric:tabular-nums;width:150px}.stunden-eingabe{gap:6px;display:flex}.stunden-eingabe input{flex:1;min-width:0}.stunden-eingabe select{flex:none}.fehler-text{color:var(--fehler);font-weight:500}.dialog.seite{grid-template-rows:auto auto 1fr;gap:0;width:min(820px,100%);max-height:calc(100dvh - 32px);padding:0;overflow:hidden}.detail-kopf{align-items:center;gap:14px;padding:18px 20px 10px;display:flex}.detail-kopf h3{margin:0}.detail-kopf .wer{flex:1}.avatar.gross{width:52px;height:52px;font-size:1rem}button.schliessen{background:var(--grund);width:40px;height:40px;min-height:40px;color:var(--text-leise);border:none;border-radius:999px;margin-left:auto;padding:0}.detail-reiter{scrollbar-width:none;padding:0 14px;overflow-x:auto}.detail-reiter button{white-space:nowrap;min-height:44px;padding:0 12px}.detail-inhalt{background:var(--grund);padding:16px 20px 20px;overflow-y:auto}.dialog.seite.ohne-reiter{grid-template-rows:auto 1fr}.detail-abschnitte{align-content:start;gap:14px;display:grid}.detail-karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:16px;gap:10px;padding:14px 16px;display:grid}.detail-karte h4{margin:0;font-size:1rem}.detail-karte>p{margin:0}.detail-karte>button,.detail-karte>.mit-grund,.unterformular+button{justify-self:start}.karte-kopf{justify-content:space-between;align-items:center;gap:10px;display:flex}.werte{grid-template-columns:max-content 1fr;gap:6px 18px;margin:0;font-size:.92rem;display:grid}.werte dt{color:var(--text-leise)}.werte dd{margin:0}.werte button.link{min-height:0;font-size:inherit;padding:0}.detail-karte label.einzeln,.detail-karte label.haken{gap:6px;font-size:.9rem;font-weight:600;display:grid}.detail-karte label.haken{align-items:center;gap:10px;font-weight:500;display:flex}.detail-karte label.haken input{flex:none;width:22px;height:22px;min-height:0}.formular-raster label.haken{align-self:end;align-items:center;gap:10px;min-height:48px;font-weight:500;display:flex}.formular-raster label.breit{grid-column:1/-1}.formular-raster .neben{font-size:.8rem;font-weight:400}.bereich-wahl{border:none;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.bereich-wahl legend{margin-bottom:8px;padding:0;font-size:.9rem;font-weight:600}.bereich-wahl .chip{cursor:pointer;min-height:36px;font:inherit;color:var(--text);font-size:.86rem}.bereich-wahl .chip[aria-pressed=false]{text-decoration:none}.bereich-wahl .chip[aria-pressed=true]{border-color:var(--f);font-weight:600}.unterformular{background:var(--grund);border-radius:12px;gap:10px;padding:12px;display:grid}.verlauf{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.verlauf th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-leise);padding:4px 8px;font-size:.78rem;font-weight:600}.verlauf td{border-top:1px solid var(--linie);padding:7px 8px}.verlauf tr.aktuell td{font-weight:650}.verlauf tr.aktuell td:first-child{box-shadow:inset 3px 0 0 var(--moos)}.eintrag-liste{gap:8px;margin:0;padding:0;list-style:none;display:grid}.eintrag-liste li{border-top:1px solid var(--linie);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.eintrag-liste li:first-child{border-top:none}.eintrag-aktionen{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.art-marke{background:var(--grund);color:var(--text-leise);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:700}.art-marke.krank{background:var(--fehler-hell);color:var(--fehler)}.art-marke.urlaub{background:var(--ok-hell);color:var(--gruen)}.art-marke.anfangsbestand{background:var(--gruen-hell);color:var(--gruen)}.art-marke.auszahlung{background:var(--pause-hell);color:var(--pause)}.warnung-box{background:var(--pause-hell);color:var(--text);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qr{border-radius:10px;flex:none;display:block}.qr-karte{background:var(--grund);border-radius:14px;flex-wrap:wrap;align-items:center;gap:18px;max-width:640px;padding:14px;display:flex}.qr-text{flex:1;gap:8px;min-width:220px;display:grid}.qr-text p{margin:0}.ausweis-bereich{justify-items:start;gap:10px;display:grid}.ausweis-bereich>p{margin:0}.ausweis-karte{box-sizing:border-box;color:#1d2b24;width:85.6mm;height:54mm;font-family:var(--schrift);background:#fff;border:.3mm solid #c9cfc4;border-radius:3mm;justify-content:space-between;align-items:center;gap:3mm;padding:4mm;display:flex;box-shadow:0 10px 30px -18px #00000080}.ausweis-karte .qr{border-radius:0;width:30mm;height:30mm}.ausweis-text{align-content:center;gap:1mm;min-width:0;display:grid}.ausweis-marke{letter-spacing:.12em;text-transform:uppercase;color:#4f8a36;font-size:7pt;font-weight:700}.ausweis-name{font-size:12pt;line-height:1.15}.ausweis-kurz{color:#1f4d3a;letter-spacing:.04em;font-size:18pt;font-weight:800}.ausweis-hilfe{color:#5b6b62;font-size:6.5pt;line-height:1.3}@media print{body *{visibility:hidden!important}.ausweis-karte,.ausweis-karte *{visibility:visible!important}.ausweis-karte{box-shadow:none;position:fixed;top:10mm;left:10mm}.dialog-hintergrund{background:0 0!important}}.konto{gap:12px;display:grid}.konto-karten{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.konto-karte{background:var(--flaeche);border:1px solid var(--linie);box-shadow:var(--karte-schatten);border-radius:18px;align-content:start;gap:6px;padding:16px 18px;display:grid}.konto-karte.plus{background:linear-gradient(160deg, var(--gruen-hell), var(--flaeche) 70%)}.konto-karte.minus{background:linear-gradient(160deg, var(--pause-hell), var(--flaeche) 70%)}.konto-karte.urlaub{background:linear-gradient(160deg, color-mix(in srgb, #0ea5e9 12%, var(--flaeche)), var(--flaeche) 70%)}.konto-titel{text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise);font-size:.78rem;font-weight:700}.konto-zahl{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;line-height:1.1}.konto-zahl small{color:var(--text-leise);letter-spacing:0;font-size:.95rem;font-weight:600}.konto-karte.minus .konto-zahl{color:var(--pause)}.konto-karte.plus .konto-zahl{color:var(--gruen)}.konto-woche{gap:6px;margin-top:4px;display:grid}.konto-woche .balken{background:color-mix(in srgb, var(--linie) 70%, transparent);border-radius:999px;height:8px;overflow:hidden}.konto-woche .balken span{border-radius:inherit;background:var(--moos);height:100%;display:block}.werte.klein{gap:3px 14px;font-size:.86rem}.werte.klein dd{text-align:right;font-variant-numeric:tabular-nums}.konto-wochen{gap:6px;display:grid;overflow-x:auto}.konto-wochen h4{margin:0}.konto-wochen td.minus{color:var(--pause)}.konto-wochen .verlauf td,.konto-wochen .verlauf th{white-space:nowrap}.konto-erklaerung{margin:0;font-size:.82rem}.handy .konto,.tablet .konto{margin-top:1rem}@media (width<=520px){.konto-wochen .verlauf th:nth-child(4),.konto-wochen .verlauf td:nth-child(4),.konto-wochen .verlauf td .neben{display:none}.konto-wochen .verlauf td,.konto-wochen .verlauf th{padding:7px 5px}.konto-zahl{font-size:1.7rem}}.abschluss{gap:14px;display:grid}.abschluss-kopf{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.abschluss-monat{text-align:center;letter-spacing:-.01em;min-width:170px;font-size:1.35rem}.abschluss .detail-karte h4{margin-top:2px}.abschluss-fertig{border-color:color-mix(in srgb, var(--moos) 45%, var(--linie));background:linear-gradient(160deg, var(--gruen-hell), var(--flaeche) 60%)}.pruefsumme{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.tabelle-rollen{overflow-x:auto}.abschluss-tabelle td,.abschluss-tabelle th{white-space:nowrap}.abschluss-tabelle td.minus,.eintrag-aktionen.minus{color:var(--pause)}.bestaetigung.erinnerung{background:var(--pause-hell);margin-bottom:1rem;font-weight:600}.antraege{gap:14px;margin-top:1rem;display:grid}.antrag-start{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.antrag-start button{text-align:left;min-height:64px;padding:.8em 1.1em;font-weight:650}.antrag-formular{border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);gap:12px;padding:16px;display:grid}.antrag-formular h3{margin:0}.antrag-formular label.einzeln{gap:6px;font-size:.9rem;font-weight:600;display:grid}.urlaub-vorschlag{margin:0}.urlaub-vorschlag strong{color:var(--gruen);font-size:1.3rem}.meine-antraege li.antrag-zeile{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.antrag-zeile>span:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.antrag-status{color:var(--text-leise);font-size:.85rem}.antrag-status.genehmigt,.antrag-status.umgesetzt{color:var(--gruen);font-weight:600}.antrag-status.abgelehnt{color:var(--fehler);font-weight:600}.antrag-status.beantragt,.antrag-status.offen{color:var(--pause);font-weight:600}.antrag-grund{font-style:italic}.liste li .korrigieren{grid-column:2/-1;justify-self:start;min-height:0;padding:0;font-size:.85rem}.auswahl-fuss{flex-wrap:wrap;align-items:center;gap:12px;display:flex}button.ausweis-knopf{min-height:56px;font-weight:650}.scanner{gap:1.2rem}.scanner-bild{aspect-ratio:4/3;object-fit:cover;background:#000;border-radius:18px;width:min(560px,90vw);transform:scaleX(-1)}.scanner .hinweis-box{text-align:left;max-width:560px}.offline-hinweis{z-index:30;text-align:center;background:var(--fehler);color:#fff;padding:12px 16px;font-weight:650;position:sticky;top:0}@media (prefers-color-scheme:dark){.offline-hinweis{color:#10150f}}.kopf-knoepfe{align-items:center;gap:8px;display:flex}.kopf-knoepfe button.link{min-height:40px}.pin-festlegen{justify-self:center;gap:10px;width:min(320px,100%);display:grid}.pin-festlegen input{text-align:center;letter-spacing:.3em;font-size:1.2rem}