:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--grund:var(--lightningcss-light,#f1f4f9)var(--lightningcss-dark,#121a28);--flaeche:var(--lightningcss-light,#fbfcfe)var(--lightningcss-dark,#1a2435);--erhoben:var(--lightningcss-light,#fff)var(--lightningcss-dark,#223047);--rand:var(--lightningcss-light,#dde3ec)var(--lightningcss-dark,#2f3f59);--rand-klar:var(--lightningcss-light,#c2cbd9)var(--lightningcss-dark,#435573);--schrift:var(--lightningcss-light,#161b23)var(--lightningcss-dark,#e7ecf4);--schrift-leise:var(--lightningcss-light,#68717f)var(--lightningcss-dark,#97a4ba);--schrift-zart:var(--lightningcss-light,#98a1b0)var(--lightningcss-dark,#6d7b92);--akzent:var(--lightningcss-light,#0d6a8a)var(--lightningcss-dark,#4fa9d4);--akzent-tief:var(--lightningcss-light,#0a4c66)var(--lightningcss-dark,#123243);--akzent-hell:var(--lightningcss-light,#2f9dbf)var(--lightningcss-dark,#2c7fa6);--akzent-schrift:var(--lightningcss-light,#fff)var(--lightningcss-dark,#08131a);--akzent-sanft:var(--lightningcss-light,#dceaf1)var(--lightningcss-dark,#16303e);--akzent-rand:var(--lightningcss-light,#a9cddc)var(--lightningcss-dark,#2b5570);--auf-akzent:#fff;--warnung:var(--lightningcss-light,#a3372c)var(--lightningcss-dark,#e08579);--warnung-sanft:var(--lightningcss-light,#f7e4e1)var(--lightningcss-dark,#33201d);--gut:var(--lightningcss-light,#2c6b4f)var(--lightningcss-dark,#74c79e);--gut-sanft:var(--lightningcss-light,#dcece3)var(--lightningcss-dark,#172c23);--ferien:var(--lightningcss-light,#fbe6b0)var(--lightningcss-dark,#4a3d1c);--ferien-schrift:var(--lightningcss-light,#7a5c14)var(--lightningcss-dark,#e2c274);--heute:var(--lightningcss-light,#e4eff7)var(--lightningcss-dark,#1b2c44);--d-frueh:var(--lightningcss-light,#b06a12)var(--lightningcss-dark,#d08a2c);--d-frueh-schrift:var(--lightningcss-light,#fff)var(--lightningcss-dark,#241603);--d-tag:var(--lightningcss-light,#1f6f96)var(--lightningcss-dark,#4c9ec4);--d-tag-schrift:var(--lightningcss-light,#fff)var(--lightningcss-dark,#05202c);--d-spaet:var(--lightningcss-light,#4a3f9e)var(--lightningcss-dark,#8f8ae0);--d-spaet-schrift:var(--lightningcss-light,#fff)var(--lightningcss-dark,#10102e);--d-spaet2:var(--lightningcss-light,#a03a76)var(--lightningcss-dark,#e07ab4);--d-spaet2-schrift:var(--lightningcss-light,#fff)var(--lightningcss-dark,#2c0a1e);--d-urlaub:var(--lightningcss-light,#7b8492)var(--lightningcss-dark,#5d6773);--d-urlaub-schrift:var(--lightningcss-light,#fff)var(--lightningcss-dark,#e9ebee);--d-krank:var(--lightningcss-light,#9b3227)var(--lightningcss-dark,#c9564a);--d-krank-schrift:var(--lightningcss-light,#fff)var(--lightningcss-dark,#2a0c09);--d-lehrgang:var(--lightningcss-light,#4a6d8c)var(--lightningcss-dark,#6b93b5);--d-lehrgang-schrift:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0a1b26);--d-frei:var(--lightningcss-light,#96a0ad)var(--lightningcss-dark,#59626e);--d-frei-schrift:var(--lightningcss-light,#fff)var(--lightningcss-dark,#e9ebee);--d-team:var(--lightningcss-light,#2f7a5c)var(--lightningcss-dark,#4fa07c);--d-team-schrift:var(--lightningcss-light,#fff)var(--lightningcss-dark,#06231a);--d-auswaerts:var(--lightningcss-light,#8a5a2b)var(--lightningcss-dark,#c79055);--d-auswaerts-schrift:var(--lightningcss-light,#fff)var(--lightningcss-dark,#2a1808);--rundung:12px;--rundung-klein:8px;--schatten-nah:var(--lightningcss-light,#181c2112)var(--lightningcss-dark,#0000006b);--schatten-weit:var(--lightningcss-light,#181c210f)var(--lightningcss-dark,#0006);--hebung:0 1px 2px var(--schatten-nah), 0 4px 12px var(--schatten-weit);--hebung-stark:0 2px 5px var(--schatten-nah), 0 14px 30px var(--schatten-weit)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-farbmodus=hell]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-farbmodus=dunkel]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(150% 70% at 50% -12%, color-mix(in srgb, var(--akzent) 16%, transparent) 0%, transparent 62%), var(--grund);color:var(--schrift);-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom);background-attachment:fixed;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .4em;line-height:1.25}h1{font-size:1.15rem;font-weight:650}h2{font-size:1.1rem;font-weight:620}h3{font-size:.95rem;font-weight:620}table,.datum,.zeit,.tagzahl,.zeitraum{font-variant-numeric:tabular-nums}button{font:inherit;color:var(--schrift);background:var(--erhoben);border:1px solid var(--rand);border-radius:var(--rundung-klein);cursor:pointer;padding:.5em .9em;font-weight:500;transition:background .15s,border-color .15s,color .15s}button:hover{border-color:var(--rand-klar);background:var(--flaeche)}button:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}button.aktiv{background:var(--akzent);color:var(--akzent-schrift);border-color:var(--akzent)}button.still{color:var(--schrift-leise);background:0 0;border-color:#0000}button.still:hover{background:var(--flaeche);color:var(--schrift)}button.gefahr{color:var(--warnung);background:0 0;border-color:#0000}button.gefahr:hover{background:var(--warnung-sanft);border-color:#0000}button.klein{padding:.3em .6em;font-size:.85rem}button[type=submit]{background:var(--akzent);color:var(--akzent-schrift);border-color:var(--akzent)}button[type=submit]:hover{filter:brightness(1.08);border-color:var(--akzent)}input,select,textarea{font:inherit;color:var(--schrift);background:var(--erhoben);border:1px solid var(--rand);border-radius:var(--rundung-klein);width:100%;padding:.5em .65em;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-sanft);outline:none}label{letter-spacing:.01em;color:var(--schrift-leise);margin-bottom:.8em;font-size:.82rem;font-weight:500;display:block}label input,label select,label textarea{color:var(--schrift);margin-top:.3em;font-size:1rem;font-weight:400}code{background:var(--flaeche);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.88em}.hinweis{color:var(--schrift-leise);font-size:.9rem}.klein{font-size:.8rem}.mitte{text-align:center}.fehler{color:var(--warnung);font-size:.9rem}.notiz{color:var(--schrift-leise);font-size:.88rem;font-style:italic}.rahmen{flex-direction:column;min-height:100dvh;display:flex}header{z-index:30;background:color-mix(in srgb, var(--flaeche) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rand);justify-content:space-between;align-items:center;gap:.6em;padding:.55em 1em;display:flex;position:sticky;top:0}header:after{content:"";opacity:.85;background:linear-gradient(90deg,#148842 0 33.3%,#f0eee9 33.3% 66.6%,#c8102e 66.6% 100%);height:2px;position:absolute;bottom:-1px;left:0;right:0}header{position:sticky}header .titel{align-items:center;gap:.55em;display:flex}header h1{margin:0}header .zeichen{background:var(--akzent);width:30px;height:30px;color:var(--akzent-schrift);border-radius:9px;place-items:center;display:grid}header .zeichen svg{width:18px;height:18px}.kopf-rechts{align-items:center;gap:.5em;display:flex}.wer{background:var(--akzent-sanft);min-width:2.1em;height:2.1em;color:var(--akzent);border:1px solid var(--akzent-rand);letter-spacing:.02em;border-radius:999px;place-items:center;padding:0 .45em;font-size:.78rem;font-weight:700;display:grid}.verbindung{border:1px solid var(--rand);color:var(--schrift-leise);white-space:nowrap;border-radius:999px;align-items:center;gap:.4em;padding:.25em .65em .25em .5em;font-size:.74rem;font-weight:500;display:inline-flex}.verbindung:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.verbindung.aktuell{color:var(--gut);border-color:color-mix(in srgb, var(--gut) 40%, transparent)}.verbindung.abgleich{color:var(--schrift-leise)}.verbindung.abgleich:before{animation:1.2s ease-in-out infinite pochen}.verbindung.offline,.verbindung.fehler{color:var(--warnung);border-color:color-mix(in srgb, var(--warnung) 40%, transparent)}@keyframes pochen{0%,to{opacity:1}50%{opacity:.25}}main{flex:1;padding:1em 1em 1.5em}.ansicht{flex-direction:column;gap:1em;max-width:1180px;margin:0 auto;display:flex}.hauptnavigation{z-index:30;padding:.4em .4em calc(.4em + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--flaeche) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--rand);gap:.2em;display:flex;position:sticky;bottom:0}.hauptnavigation button{border-radius:var(--rundung-klein);color:var(--schrift-zart);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.15em;padding:.5em .2em;font-size:.7rem;font-weight:500;display:flex}.hauptnavigation button svg{opacity:.9}.hauptnavigation button:hover{color:var(--schrift-leise);background:0 0}.hauptnavigation button.aktiv{color:var(--akzent);background:0 0}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--rundung);box-shadow:var(--hebung);padding:1.1em}.knopfzeile{flex-wrap:wrap;align-items:center;gap:.5em;display:flex}.feldpaar{align-items:flex-end;gap:.7em;display:flex}.feldpaar>*{flex:1}.grossknopf{border-style:dashed;border-color:var(--rand-klar);width:100%;color:var(--akzent);background:0 0;padding:.85em;font-weight:600}.grossknopf:hover{background:var(--akzent-sanft);border-style:solid;border-color:var(--akzent-rand)}.anmeldung{background:radial-gradient(60% 50% at 50% 0%, var(--akzent-sanft) 0%, transparent 70%), var(--grund);justify-content:center;align-items:center;min-height:100dvh;padding:1.2em;display:flex}.anmeldung .karte{width:min(430px,100%);box-shadow:var(--hebung-stark);padding:1.8em 1.6em}.anmeldung-kopf{text-align:center;margin-bottom:1.6em}.anmeldung-kopf .zeichen{background:var(--akzent);width:62px;height:62px;color:var(--akzent-schrift);box-shadow:0 6px 18px color-mix(in srgb, var(--akzent) 35%, transparent);border-radius:19px;place-items:center;margin-bottom:.7em;display:inline-grid}.anmeldung-kopf h1{margin-bottom:.2em;font-size:1.45rem}.anmeldung-kopf p{margin:0}.anmeldung form button[type=submit]{width:100%;padding:.75em;font-weight:600}.anmeldung .fehler{background:var(--warnung-sanft);border-radius:var(--rundung-klein);margin:0 0 .9em;padding:.6em .8em}.anmeldung .karte>.hinweis.klein{text-align:center;margin-top:1.2em;margin-bottom:0}.personenwahl{gap:.45em;margin-top:.9em;display:grid}.personenwahl button{text-align:left;align-items:center;gap:.7em;padding:.65em .8em;display:flex}.personenwahl strong{background:var(--akzent-sanft);min-width:2.6em;height:2.1em;color:var(--akzent);border-radius:999px;place-items:center;font-size:.78rem;display:grid}.personenwahl em{color:var(--schrift-zart);border:1px solid var(--rand);border-radius:999px;margin-left:auto;padding:.1em .55em;font-size:.72rem;font-style:normal}.heutekarte{border-radius:var(--rundung);color:var(--auf-akzent);background:radial-gradient(120% 140% at 100% 0%, var(--akzent-hell) 0%, transparent 55%), linear-gradient(135deg, var(--akzent-tief) 0%, var(--akzent-hell) 120%);box-shadow:var(--hebung-stark);padding:1.1em 1.2em;position:relative;overflow:hidden}.heutekarte:before{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff38}.heute-kopf{justify-content:space-between;align-items:center;gap:.5em;display:flex}.heute-datum{text-align:center;flex-direction:column;flex:1;line-height:1.15;display:flex}.heute-datum .wochentag{letter-spacing:.06em;text-transform:uppercase;opacity:.78;justify-content:center;align-items:center;gap:.5em;font-size:.8rem;font-weight:600;display:flex}.heute-datum .tag{letter-spacing:-.02em;font-size:1.55rem;font-weight:680}.heute-marke{letter-spacing:.04em;color:var(--akzent-tief);background:#ffffffeb;border-radius:999px;padding:.1em .5em;font-size:.62rem;font-style:normal}.heute-pfeil{color:var(--auf-akzent);background:#ffffff21;border-color:#ffffff2e;flex:none;padding:.25em .6em;font-size:1.35rem;line-height:1}.heute-pfeil:hover{background:#ffffff38;border-color:#ffffff4d}.heute-zurueck{color:var(--akzent-tief);background:#ffffffe6;border-color:#0000;border-radius:999px;padding:.2em .7em;font-size:.72rem}.heute-marken{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4em;margin-top:.6em;display:flex}.heute-marken .kw{letter-spacing:.04em;background:#ffffff29;border:1px solid #fff3;border-radius:999px;padding:.2em .6em;font-size:.72rem;font-weight:700}.heute-marken .marke{background:#ffffffe6}.mein-heute{border-radius:var(--rundung-klein);background:#ffffff24;border:1px solid #ffffff2e;align-items:center;gap:.7em;margin-top:.9em;padding:.7em .85em;display:flex}.mein-heute.ohne{justify-content:center}.mein-heute .zeit{opacity:.85}.mein-heute .hinweis,.mein-heute .klein{color:inherit;opacity:.8;margin:.15em 0 0}.heute-besetzung{flex-direction:column;gap:.45em;margin-top:.9em;display:flex}.besetzungsgruppe{flex-wrap:wrap;align-items:center;gap:.7em;display:flex}.besetzungsgruppe .gruppenname{letter-spacing:.02em;text-align:center;border-radius:999px;min-width:7.5em;padding:.2em .6em;font-size:.76rem;font-weight:650}.besetzungsgruppe .koepfe{flex-wrap:wrap;gap:.3em;display:flex}.besetzungsgruppe .kopf{letter-spacing:.02em;background:#ffffff29;border:1px solid #ffffff29;border-radius:999px;place-items:center;min-width:2.5em;height:1.9em;padding:0 .5em;font-size:.75rem;font-weight:700;display:grid}.besetzungsgruppe .kopf.ich{color:var(--akzent-tief);background:#fffffff2;border-color:#0000}.heute-wochenende{margin:.9em 0 0}.heutekarte .hinweis{color:inherit;opacity:.8}.heute-abwesend{border-top:1px solid #ffffff29;margin-top:.9em;padding-top:.8em}.abwesend-titel{letter-spacing:.07em;text-transform:uppercase;opacity:.65;font-size:.68rem;font-weight:650}.heute-abwesend ul{flex-direction:column;gap:.25em;margin:.35em 0 0;padding:0;list-style:none;display:flex}.heute-abwesend li{flex-wrap:wrap;align-items:baseline;gap:.45em;font-size:.88rem;display:flex}.heute-abwesend .grund{opacity:.82}.heute-abwesend .bis{background:#ffffff29;border:1px solid #ffffff29;border-radius:999px;padding:.1em .5em;font-size:.72rem;font-weight:600}.heute-abwesend .notiz{color:inherit;opacity:.6;font-size:.8rem}.wochenwahl{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--rundung);align-items:center;gap:.5em;padding:.4em;display:flex}.wochenwahl>button:first-child,.wochenwahl>button:nth-child(3){color:var(--schrift-leise);background:0 0;border-color:#0000;padding:.35em .85em;font-size:1.2rem;line-height:1}.wochenwahl>button:first-child:hover,.wochenwahl>button:nth-child(3):hover{background:var(--erhoben);color:var(--schrift)}.wochenwahl-mitte{text-align:center;flex-direction:column;flex:1;display:flex}.wochenwahl-mitte strong{letter-spacing:-.01em;font-size:1.05rem}.wochenwahl-mitte span{color:var(--schrift-leise);font-size:.82rem}.heute-knopf{padding:.35em .75em;font-size:.8rem}.freigabe{border-radius:var(--rundung-klein);border:1px solid #0000;align-items:center;gap:.5em;padding:.5em .85em;font-size:.84rem;font-weight:500;display:flex}.freigabe:before{content:"";background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.freigabe.frei{background:var(--gut-sanft);color:var(--gut)}.freigabe.entwurf{background:var(--warnung-sanft);color:var(--warnung)}.ferienzeile{margin:0}.tabelle-rahmen{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--rundung);box-shadow:var(--hebung);-webkit-overflow-scrolling:touch;overflow-x:auto}table.plan,table.jahresraster{border-collapse:separate;border-spacing:0;width:100%}table.plan th,table.plan td{border:none;border-bottom:1px solid var(--rand);text-align:center;padding:.45em .4em}table.plan thead th{border-bottom:1px solid var(--rand-klar);padding-bottom:.6em}table.plan tbody tr:last-child th,table.plan tbody tr:last-child td{border-bottom:none}table.plan tbody tr:hover td{background:color-mix(in srgb, var(--rand) 22%, transparent)}.namensspalte{z-index:2;background:var(--flaeche);min-width:7.5em;font-weight:500;display:table-cell;position:sticky;left:0;text-align:left!important}table.plan .namensspalte:after,table.jahresraster .namensspalte:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000012,#0000);width:10px;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.namensspalte .kuerzel{background:var(--akzent-sanft);min-width:2.5em;height:1.7em;color:var(--akzent);letter-spacing:.02em;border-radius:999px;place-items:center;margin-right:.4em;font-size:.7rem;font-weight:700;display:inline-grid}.namensspalte .vorname{letter-spacing:-.01em;margin-right:.45em;font-size:.9rem;font-weight:620}.namensspalte .name{color:var(--schrift-zart);white-space:nowrap;font-size:.82rem;font-weight:400}.namensspalte{white-space:nowrap}.tageskopf{flex-direction:column;gap:.1em;min-width:3.4em;display:flex}.tageskopf .tag{letter-spacing:.02em;font-size:.85rem;font-weight:650}.tageskopf .datum{color:var(--schrift-zart);font-size:.75rem;font-weight:400}.tageskopf.wochenende .tag{color:var(--schrift-leise)}.tageskopf.feiertag .tag{color:var(--warnung)}.marke{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-self:center;max-width:100%;margin-top:.15em;padding:.1em .45em;font-size:.6rem;font-weight:600;overflow:hidden}.feiertag-marke{background:var(--warnung-sanft);color:var(--warnung)}.ferien-marke{background:var(--ferien);color:#8a6d1f}@media (prefers-color-scheme:dark){.ferien-marke{color:#d9bd72}}table.plan td.heute,table.plan th.heute{background:var(--heute)}table.plan thead th.heute{box-shadow:inset 0 3px 0 var(--akzent)}table.plan td.gewaehlt{box-shadow:inset 0 0 0 2px var(--akzent);border-radius:var(--rundung-klein)}.dienst{border-radius:var(--rundung-klein);letter-spacing:.01em;background:var(--d-urlaub);min-width:2.2em;height:1.9em;color:var(--d-urlaub-schrift);place-items:center;padding:0 .55em;font-size:.82rem;font-weight:650;display:inline-grid}.dienst.leer{color:var(--schrift-zart);background:0 0;min-width:0;font-weight:400}.dienst-F{background:var(--d-frueh);color:var(--d-frueh-schrift)}.dienst-T{background:var(--d-tag);color:var(--d-tag-schrift)}.dienst-S{background:var(--d-spaet);color:var(--d-spaet-schrift)}.dienst-S2{background:var(--d-spaet2);color:var(--d-spaet2-schrift)}.dienst-U{background:var(--d-urlaub);color:var(--d-urlaub-schrift)}.dienst-K{background:var(--d-krank);color:var(--d-krank-schrift)}.dienst-L{background:var(--d-lehrgang);color:var(--d-lehrgang-schrift)}.dienst-FR{background:var(--d-frei);color:var(--d-frei-schrift)}.dienst-SO{background:var(--d-urlaub);color:var(--d-urlaub-schrift)}.dienst-FOBI{background:var(--d-lehrgang);color:var(--d-lehrgang-schrift)}.dienst-BA,.dienst-TT,.dienst-WT{background:var(--d-team);color:var(--d-team-schrift)}.dienst-KHB{background:var(--d-auswaerts);color:var(--d-auswaerts-schrift)}.dienst.abwesend{background-image:repeating-linear-gradient(-45deg,#ffffff29 0 3px,#0000 3px 7px);font-weight:500}.besetzungszeile th,.besetzungszeile td{color:var(--schrift-zart);background:color-mix(in srgb, var(--rand) 18%, transparent);padding-top:.55em;padding-bottom:.55em;font-size:.74rem;font-weight:500}.besetzungszeile .passt{color:var(--gut)}.besetzungszeile .weicht-ab{color:var(--warnung);font-weight:650}.besetzungszeile .wochenende-feld{color:var(--schrift-leise)}table.plan.bearbeiten select{text-align:center;border-radius:var(--rundung-klein);min-width:4.2em;padding:.35em .2em;font-size:.85rem;font-weight:650}table.plan.bearbeiten select.dienst-F,table.plan.bearbeiten select.dienst-T,table.plan.bearbeiten select.dienst-S,table.plan.bearbeiten select.dienst-S2{border-color:#0000}table.plan.bearbeiten td.gesperrt{color:var(--schrift-zart);background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--rand) 45%, transparent) 0 4px, transparent 4px 9px);font-size:.8rem}.wochenendkasten{background:var(--flaeche);border:1px solid var(--rand);border-left:3px solid var(--akzent);border-radius:var(--rundung);box-shadow:var(--hebung);padding:.9em 1.1em}.wochenendkasten h3{color:var(--akzent)}.wochenendkasten p{margin:0}.detailkarte{background:var(--erhoben);border:1px solid var(--akzent-rand);border-radius:var(--rundung);box-shadow:var(--hebung-stark);padding:1em 1.1em}.detailkarte p{margin:.35em 0}.kopfzeile p{margin:0}.kacheln{grid-template-columns:repeat(2,1fr);gap:.6em;display:grid}@media (width>=620px){.kacheln{grid-template-columns:repeat(4,1fr)}}.kachel{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--rundung);box-shadow:var(--hebung);flex-direction:column;gap:.1em;padding:.8em .9em;display:flex}.kachel-titel{letter-spacing:.06em;text-transform:uppercase;color:var(--schrift-zart);font-size:.7rem;font-weight:650}.kachel-wert{letter-spacing:-.02em;font-size:1.5rem;font-weight:680;line-height:1.15}.kachel-fuss{color:var(--schrift-leise);font-size:.78rem}.kachel.hervor{background:radial-gradient(120% 160% at 100% 0%, var(--akzent-hell) 0%, transparent 60%), linear-gradient(135deg, var(--akzent-tief) 0%, var(--akzent-hell) 130%);color:var(--auf-akzent);border-color:#0000}.kachel.hervor .kachel-titel{color:#ffffffb8}.kachel.hervor .kachel-fuss{color:#ffffffd9}.kachel.minus .kachel-wert{color:var(--warnung)}.tagesliste{flex-direction:column;gap:.4em;margin:0;padding:0;list-style:none;display:flex}.tagesliste li{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--rundung);align-items:flex-start;gap:.9em;padding:.7em .9em;transition:border-color .15s;display:flex}.tagesliste li.heute{border-color:var(--akzent);background:var(--erhoben);box-shadow:var(--hebung)}.tagesliste li.wochenende{background:color-mix(in srgb, var(--rand) 25%, var(--flaeche))}.tagesliste li.ohne-dienst{opacity:.62}.tagspalte{flex-direction:column;align-items:center;min-width:3.1em;padding-top:.1em;display:flex}.tagspalte .wochentag{font-size:.9rem;font-weight:650}.tagspalte .datum{color:var(--schrift-zart);font-size:.78rem}.tagesliste .inhalt{flex:1;min-width:0}.tagesliste .zeile{flex-wrap:wrap;align-items:center;gap:.6em;display:flex}.tagesliste .bezeichnung{font-weight:600}.tagesliste .zeit{color:var(--schrift-leise);font-size:.88rem}.tagesliste p{margin:.25em 0 0}.tagesliste li.feiertag .tagspalte .wochentag{color:var(--warnung)}.marken{gap:.4em;display:flex}.marken:empty{display:none}.nichtsda{text-align:center;background:var(--flaeche);border:1px dashed var(--rand-klar);border-radius:var(--rundung);flex-direction:column;align-items:center;gap:.5em;padding:2.4em 1.2em;display:flex}.nichtsda-bild{background:var(--akzent-sanft);width:56px;height:56px;color:var(--akzent);border-radius:50%;place-items:center;display:grid}.nichtsda-text{margin:0;font-weight:600}.nichtsda .hinweis{max-width:28em;margin:0}.filterzeile{background:var(--flaeche);border:1px solid var(--rand);border-radius:999px;align-self:center;gap:.25em;width:min(100%,26em);padding:.25em;display:flex}.filterzeile button{color:var(--schrift-leise);background:0 0;border:none;border-radius:999px;flex:1;padding:.4em .8em;font-size:.87rem}.filterzeile button.aktiv{background:var(--akzent);color:var(--akzent-schrift)}.wunschliste{flex-direction:column;gap:.55em;margin:0;padding:0;list-style:none;display:flex}.wunschliste li{background:var(--flaeche);border:1px solid var(--rand);border-left:3px solid var(--akzent);border-radius:var(--rundung);box-shadow:var(--hebung);padding:.8em 1em}.wunschliste li.erledigt{opacity:.62;border-left-color:var(--gut)!important}.wunsch-kopf{justify-content:space-between;align-items:baseline;gap:.6em;display:flex}.wunsch-kopf .art{color:var(--akzent);background:var(--akzent-sanft);white-space:nowrap;border-radius:999px;padding:.15em .6em;font-size:.72rem;font-weight:650}.wunsch-FD{border-left-color:var(--d-frueh)}.wunsch-FD .art{background:var(--d-frueh);color:var(--d-frueh-schrift)}.wunsch-SD{border-left-color:var(--d-spaet)}.wunsch-SD .art{background:var(--d-spaet);color:var(--d-spaet-schrift)}.wunsch-frei{border-left-color:var(--d-frei)}.wunsch-frei .art{background:var(--d-frei);color:var(--d-frei-schrift)}.wunsch-urlaub{border-left-color:var(--d-urlaub)}.wunsch-urlaub .art{background:var(--d-urlaub);color:var(--d-urlaub-schrift)}.wunsch-schulung{border-left-color:var(--d-lehrgang)}.wunsch-schulung .art{background:var(--d-lehrgang);color:var(--d-lehrgang-schrift)}.wunschliste .zeitraum{margin:.3em 0 .1em;font-weight:600}.wunschliste .text{margin:.2em 0}.wunschliste p{margin:.15em 0}.wunsch-knoepfe{flex-wrap:wrap;gap:.4em;margin-top:.6em;display:flex}.wunsch-knoepfe button{padding:.3em .7em;font-size:.82rem}.jahreswahl{justify-content:center;align-items:center;gap:1em;display:flex}.jahreswahl strong{letter-spacing:-.01em;font-size:1.25rem}.jahreswahl button{color:var(--schrift-leise);background:0 0;border-color:#0000;padding:.3em .8em;font-size:1.1rem;line-height:1}.monatsleiste{background:var(--flaeche);border:1px solid var(--rand);scrollbar-width:none;border-radius:999px;gap:.2em;padding:.25em;display:flex;overflow-x:auto}.monatsleiste::-webkit-scrollbar{display:none}.monatsleiste button{color:var(--schrift-leise);background:0 0;border:none;border-radius:999px;flex:1 0 auto;padding:.35em .75em;font-size:.8rem}.monatsleiste button.aktiv{background:var(--akzent);color:var(--akzent-schrift)}table.jahresraster th,table.jahresraster td{border:none;border-bottom:1px solid color-mix(in srgb, var(--rand) 60%, transparent);border-right:1px solid color-mix(in srgb, var(--rand) 45%, transparent);text-align:center;min-width:1.85em;height:2em;padding:.15em;font-size:.72rem}table.jahresraster thead th{border-bottom:1px solid var(--rand-klar);line-height:1.15}table.jahresraster .namensspalte{white-space:nowrap;min-width:5.2em}table.jahresraster .namensspalte .name{display:none}table.jahresraster .namensspalte .vorname{margin-right:0;font-size:.8rem}table.jahresraster tbody tr:hover td{background:color-mix(in srgb, var(--akzent) 10%, transparent)}table.jahresraster .tagzahl{font-weight:650;display:block}table.jahresraster .wochentag{color:var(--schrift-zart);font-size:.65rem;font-weight:400;display:block}table.jahresraster .wochenende{background:color-mix(in srgb, var(--rand) 30%, transparent)}table.jahresraster .ferien{background:var(--ferien)}table.jahresraster th.feiertag .tagzahl{color:var(--warnung)}table.jahresraster td.heute{box-shadow:inset 0 0 0 2px var(--akzent)}table.jahresraster td.wochenenddienst{color:var(--akzent);font-weight:650}table.jahresraster td.belegt{font-weight:650}table.jahresraster td.belegt.dienst-U{background:var(--d-urlaub);color:var(--d-urlaub-schrift)}table.jahresraster td.belegt.dienst-K{background:var(--d-krank);color:var(--d-krank-schrift)}table.jahresraster td.belegt.dienst-L{background:var(--d-lehrgang);color:var(--d-lehrgang-schrift)}table.jahresraster td.belegt.dienst-FR{background:var(--d-frei);color:var(--d-frei-schrift)}table.jahresraster td.belegt.dienst-SO{background:var(--d-urlaub);color:var(--d-urlaub-schrift)}table.jahresraster td.belegt.dienst-FOBI{background:var(--d-lehrgang);color:var(--d-lehrgang-schrift)}table.jahresraster td.belegt.dienst-BA,table.jahresraster td.belegt.dienst-TT,table.jahresraster td.belegt.dienst-WT{background:var(--d-team);color:var(--d-team-schrift)}table.jahresraster td.belegt.dienst-KHB{background:var(--d-auswaerts);color:var(--d-auswaerts-schrift)}.ferienliste{margin:.5em 0;padding:0;list-style:none}.ferienliste li{border-bottom:1px solid var(--rand);justify-content:space-between;gap:1em;padding:.4em 0;display:flex}.ferienliste li:last-child{border-bottom:none}.ferienliste span{color:var(--schrift-leise);font-variant-numeric:tabular-nums}.reiter{background:var(--flaeche);border:1px solid var(--rand);scrollbar-width:none;border-radius:999px;gap:.2em;padding:.25em;display:flex;overflow-x:auto}.reiter::-webkit-scrollbar{display:none}.reiter button{color:var(--schrift-leise);background:0 0;border:none;border-radius:999px;flex:1 0 auto;padding:.45em 1em;font-size:.86rem}.reiter button.aktiv{background:var(--akzent);color:var(--akzent-schrift)}.liste{flex-direction:column;gap:.4em;margin:0;padding:0;list-style:none;display:flex}.liste li{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--rundung);justify-content:space-between;align-items:center;gap:.8em;padding:.6em .9em;display:flex}.liste li select{width:auto;min-width:9.5em}.liste li button{padding:.3em .7em;font-size:.85rem}.liste li.inBearbeitung{border-color:var(--akzent);box-shadow:0 0 0 1px var(--akzent)}.ueberstunden{flex-direction:column;align-items:flex-end;gap:.15em;margin:0;display:flex}.ueberstunden input{text-align:right;font-variant-numeric:tabular-nums;width:6.5em;font-weight:600}.ueberstunden input.fehlerhaft{border-color:var(--warnung)}.personenliste li{flex-wrap:wrap}.formular{flex-direction:column;display:flex}.formular label:last-of-type{margin-bottom:1em}.formular.wirdBearbeitet{border-color:var(--akzent);box-shadow:0 0 0 1px var(--akzent)}.loeschfrage{flex-wrap:wrap;align-items:center;gap:.4em;display:inline-flex}.loeschfrage .frage{color:var(--schrift-leise);font-size:.82rem}button.gefahr.betont{background:var(--warnung);color:#fff;border-color:var(--warnung);font-weight:600}@media (prefers-color-scheme:dark){button.gefahr.betont{color:#2a0c09}}.stauhinweis{border:1px solid color-mix(in srgb, var(--warnung) 45%, transparent);border-left:3px solid var(--warnung);border-radius:var(--rundung);background:var(--warnung-sanft);margin:.8em 1em 0;padding:.8em 1em}.stauhinweis p{margin:0 0 .6em}.stauhinweis ul{word-break:break-word;margin:0 0 .7em;padding-left:1.2em}.stauhinweis .knopfzeile button{padding:.3em .7em;font-size:.85rem}@media (width<=480px){.verbindung{gap:0;padding:.45em}.verbindung-text{display:none}header{padding:.55em .8em}}@media (width<=560px){.namensspalte .name{display:none}.namensspalte{min-width:5em}.namensspalte .kuerzel,.namensspalte .vorname{margin-right:0}main{padding:.8em .7em 1.2em}.stauhinweis{margin:.7em .7em 0}}@media (width>=760px){header{order:0}.hauptnavigation{order:1}.stauhinweis{order:2}main{order:3}.hauptnavigation{border-top:none;border-bottom:1px solid var(--rand);-webkit-backdrop-filter:none;backdrop-filter:none;gap:.3em;padding:.45em 1em;position:static}.hauptnavigation button{border-radius:999px;flex-direction:row;flex:0 auto;gap:.5em;padding:.45em 1em;font-size:.86rem}.hauptnavigation button.aktiv{background:var(--akzent-sanft)}main{padding:1.4em}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
