@font-face{font-family:Jura Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/jura-cyrillic-ext-wght-normal.2_1q7f3c-3tln.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:Jura Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/jura-cyrillic-wght-normal.3oovhxah59dc3.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jura Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/jura-greek-ext-wght-normal.2c9tdehsz8ora.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Jura Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/jura-greek-wght-normal.0952xlhw4s52b.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:Jura Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/jura-kayah-li-wght-normal.3xglsi-1039nr.woff2)format("woff2-variations");unicode-range:U+200C-200D,U+2010,U+25CC,U+A900-A92F}@font-face{font-family:Jura Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/jura-vietnamese-wght-normal.1rhabyl3-a2qa.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:Jura Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/jura-latin-ext-wght-normal.2bukbg20wpl5d.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:Jura Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/jura-latin-wght-normal.2m8lf7iwsg33k.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}
@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/hanken-grotesk-cyrillic-ext-wght-normal.07ewmub69jyjv.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/hanken-grotesk-vietnamese-wght-normal.3rx-smsylr51a.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/hanken-grotesk-latin-ext-wght-normal.23qn2_caajicl.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/hanken-grotesk-latin-wght-normal.3241148m1u9do.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{--espresso:#1a1815;--espresso-2:#24211d;--espresso-3:#322e28;--wein:#c8303a;--wein-tief:#a3232c;--papier:#f2eee6;--grund:#f2eee6;--flaeche:#fbf9f5;--linie:#ddd5c7;--linie-zart:#e8e2d7;--tinte:#24201b;--leise:#766d61;--heute:#f9e9e4;--im-dienst:#4c7a22;--im-dienst-grund:#e6efd9;--pause:#a86a12;--pause-grund:#f7e8cd;--frei:#3d6480;--fehler:#b3262f;--fehler-grund:#f8e1df;--schrift:"Hanken Grotesk Variable", system-ui, sans-serif;--marke:"Jura Variable", "Hanken Grotesk Variable", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--grund:#1e1b18;--flaeche:#262320;--linie:#3a352e;--linie-zart:#302c27;--tinte:#f2eee6;--leise:#a89e90;--heute:#3a2422;--im-dienst:#9fce66;--im-dienst-grund:#2c3620;--pause:#eeb561;--pause-grund:#3d2f19;--frei:#93bfdc;--fehler:#f28b8f;--fehler-grund:#40201f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--grund);color:var(--tinte);font-family:var(--schrift);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;margin:0;font-size:15.5px;line-height:1.45}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-family:var(--marke);letter-spacing:-.01em;font-size:34px;font-weight:700;line-height:1.1}h2{font-size:16px;font-weight:700}.leise{color:var(--leise)}.klein{font-size:13.5px}.zahl{font-variant-numeric:tabular-nums}.app{grid-template-columns:228px minmax(0,1fr);min-height:100dvh;display:grid}.rail{background:var(--espresso);height:100dvh;color:var(--papier);flex-direction:column;padding:22px 12px 14px;display:flex;position:sticky;top:0}.rail-marke{justify-items:center;gap:6px;padding:4px 0 26px;text-decoration:none;display:grid}.rail-marke img{width:92px;height:auto;display:block}.rail-marke span{font-family:var(--marke);letter-spacing:.16em;text-transform:uppercase;color:#a89e90;font-size:12px;font-weight:600}.rail-nav{gap:2px;display:grid}.rail-nav a{color:#bdb4a6;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:600;text-decoration:none;display:flex;position:relative}.rail-nav a:hover{background:var(--espresso-2);color:var(--papier)}.rail-nav a.aktiv{background:var(--espresso-3);color:#fff}.rail-nav a.aktiv:before{content:"";background:var(--wein);width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.rail-nav svg{flex:none}.zaehler{background:var(--wein);color:#fff;border-radius:3px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:12px;font-weight:700;display:grid}.rail-fuss{border-top:1px solid var(--espresso-3);color:#bdb4a6;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:12px 12px 0;font-size:13.5px;display:flex}.rail-fuss button{color:inherit;cursor:pointer;background:0 0;border:0;margin:-4px;padding:4px;display:grid}.rail-fuss button:hover{color:#fff}.seite{min-width:0;max-width:1320px;padding:34px 36px 72px}.seite.schmal{max-width:780px}.kopf{flex-wrap:wrap;align-items:flex-end;gap:12px 18px;margin-bottom:24px;display:flex}.kopf-titel{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.kopf-aktionen{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.stapel{gap:28px;display:grid}.zweispaltig{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:36px;display:grid}.knopf{border:1px solid var(--linie);min-height:40px;color:var(--tinte);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:14.5px;font-weight:650;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.knopf:hover{background:var(--flaeche);border-color:var(--leise)}.knopf:disabled{opacity:.55;cursor:default}.knopf.haupt{background:var(--wein);border-color:var(--wein);color:#fff}.knopf.haupt:hover{background:var(--wein-tief);border-color:var(--wein-tief)}.knopf.gefahr{color:var(--fehler)}.knopf.klein{min-height:32px;padding:4px 10px;font-size:13.5px}.knopf.quadrat{width:40px;padding:0}.knopf-reihe{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.karte{border-top:2px solid var(--tinte);min-width:0;padding-top:14px}.karte>h2{margin-bottom:12px}.kennzahlen{flex-wrap:wrap;gap:14px 40px;margin-bottom:26px;display:flex}.kennzahl b{font-family:var(--marke);font-size:30px;font-weight:700;display:block}.kennzahl span{color:var(--leise);font-size:13.5px}.plus{color:var(--im-dienst)}.minus{color:var(--fehler)}.avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.status{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status.da{color:var(--im-dienst)}.status.pause,.status.vergessen{color:var(--pause)}.status.abwesend{color:var(--frei)}.status.feierabend,.status.nichtda{color:var(--leise)}.pille{background:var(--linie-zart);color:var(--tinte);white-space:nowrap;border-radius:3px;padding:1px 7px;font-size:12.5px;font-weight:650;display:inline-block}.pille.gruen{background:var(--im-dienst-grund);color:var(--im-dienst)}.pille.amber{background:var(--pause-grund);color:var(--pause)}.pille.rot{background:var(--fehler-grund);color:var(--fehler)}.person{align-items:flex-start;gap:10px;min-width:0;display:flex}.person-name{font-weight:700;line-height:1.25}.person-name a{text-decoration:none}.person-name a:hover{text-decoration:underline}.live{background:var(--espresso);color:var(--papier);border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-bottom:22px;padding:12px 16px;display:flex}.live-zahl{font-family:var(--marke);font-size:22px;font-weight:700}.live-zahl small{font-family:var(--schrift);color:#bdb4a6;margin-left:4px;font-size:13.5px;font-weight:500}.live-leute{flex-wrap:wrap;gap:6px 16px;display:flex}.live-leute span{align-items:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex}.live-leute i{background:#9fce66;border-radius:50%;width:8px;height:8px}.live-leute i.pause{background:#eeb561}.live-leute em{color:#a89e90;font-style:normal;font-weight:500}.wochen-nav{align-items:center;gap:4px;display:flex}.wochen-nav strong{text-align:center;min-width:196px;font-weight:700}.tabellen-rahmen{background:var(--flaeche);border:1px solid var(--linie);border-radius:6px;overflow:hidden}.woche-rahmen{background:0 0;border:0;border-radius:0;overflow:visible}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--leise);font-size:13.5px;font-weight:650}.woche{table-layout:fixed;border-top:2px solid var(--tinte)}.woche th,.woche td{border-bottom:1px solid var(--linie);vertical-align:top;padding:11px 9px}.woche th{border-bottom-color:var(--tinte)}.woche th:first-child,.woche td:first-child{width:206px;padding-left:0}.woche th:last-child,.woche td:last-child{text-align:right;width:84px;padding-right:0}.woche .heute{background:var(--heute)}.woche th.heute{color:var(--wein)}@media (prefers-color-scheme:dark){.woche th.heute{color:#f28b8f}}.zelle{min-height:40px;color:inherit;text-decoration:none;display:block}a.zelle:hover b{color:var(--wein)}.zelle b{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;display:block}.zelle small{color:var(--leise);font-variant-numeric:tabular-nums;font-size:12.5px;line-height:1.4;display:block}.zelle .merker{color:var(--leise);align-items:center;gap:4px;margin-top:3px;font-size:12px;display:flex}.zelle .merker.warnung{color:var(--pause);font-weight:600}.zelle .frei{color:var(--frei);font-size:13.5px;font-weight:650}.feiertag{color:var(--frei);font-size:11.5px;font-weight:500;display:block}.zeitbalken{background:var(--linie-zart);border-radius:1px;height:6px;margin:5px 0;position:relative;overflow:hidden}.heute .zeitbalken{background:#f0d7cf}@media (prefers-color-scheme:dark){.heute .zeitbalken{background:#553532}}.zeitbalken i{background:var(--tinte);position:absolute;top:0;bottom:0}.zeitbalken i.pausen{background:var(--pause)}.zeitbalken i.laeuft{background:var(--im-dienst)}.summe b{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;display:block}.summe small{color:var(--leise);font-variant-numeric:tabular-nums;font-size:12.5px}.fuss{color:var(--leise);margin-top:10px;font-size:13px}.liste th,.liste td{border-bottom:1px solid var(--linie-zart);text-align:left;vertical-align:middle;padding:11px 12px}.liste th:first-child,.liste td:first-child{padding-left:14px}.liste tr:last-child td{border-bottom:0}.liste .rechts{text-align:right;font-variant-numeric:tabular-nums}.liste tfoot td{border-top:2px solid var(--linie);font-weight:700}.karte .liste th:first-child,.karte .liste td:first-child{padding-left:0}.karte .liste th:last-child,.karte .liste td:last-child{padding-right:0}.rolle{overflow-x:auto}.eintrag{border-bottom:1px solid var(--linie-zart);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 0;display:flex}.eintrag:last-child{border-bottom:0}.eintrag-text{flex:240px;min-width:0}.felder{gap:14px;display:grid}.felder.raster{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.feld{gap:5px;min-width:0;display:grid}.feld>span{font-size:13.5px;font-weight:650}.feld small{color:var(--leise);font-size:12.5px}input,select,textarea{border:1px solid var(--linie);background:var(--flaeche);width:100%;min-height:42px;color:var(--tinte);font:inherit;border-radius:5px;padding:9px 11px;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--wein);outline-offset:-1px;border-color:#0000}textarea{resize:vertical;min-height:88px}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--wein)}.haken{align-items:center;gap:9px;font-weight:500;display:flex}.tage-wahl{flex-wrap:wrap;gap:4px;display:flex}.tage-wahl label{position:relative}.tage-wahl input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.tage-wahl span{border:1px solid var(--linie);border-radius:5px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:650;display:grid}.tage-wahl input:checked+span{background:var(--tinte);border-color:var(--tinte);color:var(--grund)}.meldung{border-radius:5px;margin-top:12px;padding:9px 12px;font-size:14px;font-weight:550}.meldung.fehler{background:var(--fehler-grund);color:var(--fehler)}.meldung.ok{background:var(--im-dienst-grund);color:var(--im-dienst)}.hinweisbox{border-left:3px solid var(--pause);background:var(--pause-grund);color:var(--pause);margin-bottom:20px;padding:11px 14px;font-size:14px;font-weight:550}.hinweisbox a{font-weight:700}.code{font-family:var(--marke);letter-spacing:.12em;font-size:28px;font-weight:700}.ablage{text-align:center;border:1.5px dashed var(--leise);cursor:pointer;border-radius:6px;justify-items:center;gap:4px;padding:30px 16px;display:grid;position:relative}.ablage:hover,.ablage.zieht{border-color:var(--wein);background:var(--flaeche)}.ablage input{opacity:0;cursor:pointer;height:100%;position:absolute;inset:0}.gruppe{border-bottom:1px solid var(--linie-zart);padding:12px 0}.gruppe-kopf{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:6px;display:flex}.gruppe-name{min-width:150px;display:grid}.person-wahl{width:210px}.gruppe-summe{color:var(--leise);margin-left:auto;font-size:14px}.gruppe summary{cursor:pointer;padding:4px 0}.nachtrag{border-bottom:1px solid var(--linie-zart);padding:14px 0}.nachtrag-zeile{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.rueckmeldung{border-left:3px solid var(--im-dienst);background:var(--im-dienst-grund);gap:2px;margin-bottom:20px;padding:11px 14px;display:grid}.rueckmeldung.rot{border-left-color:var(--fehler);background:var(--fehler-grund)}.held{background:var(--espresso);color:var(--papier);padding:34px 36px 66px;position:relative;overflow:hidden}.held-gruss{color:#bdb4a6;font-weight:550}.held-zahl{font-family:var(--marke);letter-spacing:-.01em;margin-top:6px;font-size:68px;font-weight:700;line-height:1}.held-zahl.plus{color:#b6dd7d}.held-zahl.minus{color:#ff8f8f}.held-text{color:#bdb4a6;margin-top:4px}.held-werte{flex-wrap:wrap;gap:8px 32px;margin-top:18px;display:flex}.held-werte div b{font-family:var(--marke);font-size:22px;font-weight:700;display:block}.held-werte div span{color:#a89e90;font-size:13px}.welle{width:100%;height:48px;display:block;position:absolute;bottom:-2px;left:0;right:0}.tor{background:var(--espresso);grid-template-columns:minmax(0,1.25fr) minmax(380px,1fr);min-height:100dvh;display:grid}.tor-bild{background:url(/anmeldung.webp) 50%/cover no-repeat;position:relative}.tor-bild:after{content:"";background:linear-gradient(90deg, #1a181526, #1a1815d9 95%, var(--espresso));position:absolute;inset:0}.tor-seite{color:var(--papier);align-content:center;justify-items:center;padding:32px 24px;display:grid}.tor-inhalt{width:100%;max-width:340px}.tor-logo{width:116px;margin:0 0 28px;display:block}.tor h1{font-size:30px}.tor-text{color:#bdb4a6;margin-top:6px}.tor .felder{margin-top:24px}.tor .feld>span{color:#bdb4a6}.tor input{background:var(--espresso-2);border-color:var(--espresso-3);color:#fff;min-height:46px}.tor .knopf{width:100%;min-height:46px}.tor .wechsel{color:#bdb4a6;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:8px;font-size:14px;font-weight:600}.tor .wechsel:hover{color:#fff}@media (max-width:860px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}h1{font-size:28px}.app{display:block}.rail{z-index:30;height:auto;padding:0 0 env(safe-area-inset-bottom);position:fixed;inset:auto 0 0}.rail-marke,.rail-fuss{display:none}.rail-nav{scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.rail-nav::-webkit-scrollbar{display:none}.rail-nav a{text-align:center;border-radius:0;flex-direction:column;flex:1 0 74px;gap:3px;padding:9px 4px 8px;font-size:11.5px}.rail-nav a:hover{background:0 0}.rail-nav a.aktiv{color:#fff;background:0 0}.rail-nav a.aktiv:before{width:auto;height:2px;inset:0 18px auto}.zaehler{min-width:16px;height:16px;margin:0;padding:0 4px;font-size:10.5px;position:absolute;top:4px;left:calc(50% + 8px)}.seite{padding:22px 16px 32px}.held{padding:calc(22px + env(safe-area-inset-top)) 16px 58px}.held-zahl{font-size:56px}.welle{height:32px}.kopf-aktionen{margin-left:0}.wochen-nav{flex:100%;justify-content:space-between}.wochen-nav strong{flex:1;min-width:0}.woche,.woche tbody,.woche tr,.woche td{display:block;width:auto!important}.woche{border-top:0}.woche thead{display:none}.woche tr{border-top:2px solid var(--tinte);margin-bottom:18px}.woche td{border-bottom:1px solid var(--linie-zart);padding:10px 0!important}.woche td.tag{grid-template-columns:66px 1fr;align-items:start;display:grid}.woche td.tag:before{content:attr(data-tag);color:var(--leise);padding-top:1px;font-size:13.5px;font-weight:650}.woche td.tag.heute{margin:0 -8px;padding:10px 8px!important}.woche td.tag.leer{display:none}.woche td.tag .zelle{min-height:0}.woche td.summe{border-bottom:0;justify-content:space-between;align-items:baseline;display:flex;text-align:left!important}.woche td.summe:before{content:"Woche";color:var(--leise);font-size:13.5px;font-weight:650}.woche.eigene td.tag.leer{display:grid}.woche.eigene td.tag.leer .zelle:after{content:"–";color:var(--leise)}.tor{grid-template-rows:200px 1fr;grid-template-columns:1fr}.tor-bild:after{background:linear-gradient(180deg, #1a18151a, var(--espresso))}.tor-seite{align-content:start;padding-top:0}.tor-logo{z-index:1;width:84px;margin-top:-30px;margin-bottom:18px;position:relative}}@media print{.rail,.kopf-aktionen,.wochen-nav,.nicht-drucken{display:none!important}.app{display:block}body{background:#fff;padding:0}.seite{max-width:none;padding:0}.tabellen-rahmen{background:0 0;border-color:#bbb}}.uhr{--u-grund:#1a1815;--u-kachel:#2a2622;--u-linie:#3d3831;--u-text:#f7f3ec;--u-leise:#a89e90;--u-dienst:#4f7a24;--u-pause:#b67a17;background:var(--u-grund);color:var(--u-text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;grid-template-columns:300px minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.uhr-seite{padding:max(28px, env(safe-area-inset-top)) 28px max(24px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));background:#141210;flex-direction:column;display:flex;position:relative;overflow:hidden}.uhr-logo{width:104px;display:block}.uhr-zeit{font-family:var(--marke);font-variant-numeric:tabular-nums;margin-top:auto;font-size:92px;font-weight:700;line-height:.95}.uhr-datum{color:var(--u-leise);margin-top:10px;font-size:18px;font-weight:550}.uhr-anwesend{border-top:1px solid var(--u-linie);color:var(--u-leise);margin-top:22px;margin-bottom:auto;padding-top:14px;font-size:16px}.uhr-anwesend b{font-family:var(--marke);color:var(--u-text);margin-right:5px;font-size:26px}.kacheln{-webkit-overflow-scrolling:touch;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) 16px;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));grid-auto-rows:minmax(160px,236px);align-content:start;gap:10px;display:grid;overflow-y:auto}.kachel{text-align:left;background:var(--u-kachel);color:inherit;font:inherit;cursor:pointer;border:0;border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:16px;transition:transform .1s,background .25s;display:flex;position:relative;overflow:hidden}.kachel:active{transform:scale(.97)}.kachel.da{background:var(--u-dienst)}.kachel.pause{background:var(--u-pause)}.kachel.vergessen{background:var(--u-kachel);box-shadow:inset 0 0 0 2px var(--u-pause)}.kachel-avatar{color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:15px;font-weight:700;display:grid;position:absolute;top:16px;left:16px}.kachel.da .kachel-avatar,.kachel.pause .kachel-avatar{background:#00000038!important}.kachel-name{font-size:21px;font-weight:700;line-height:1.15;display:block}.kachel-status{color:var(--u-leise);margin-top:4px;font-size:15px;font-weight:550;display:block}.kachel.da .kachel-status,.kachel.pause .kachel-status{color:#ffffffdb}.kachel.vergessen .kachel-status{color:#eeb561}.schleier{z-index:30;background:#0a0908cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.blatt{text-align:center;width:100%;max-width:390px}.blatt h2{font-family:var(--marke);color:var(--u-text);margin-top:12px;font-size:30px}.blatt .kachel-avatar{width:74px;height:74px;margin:0 auto;font-size:24px;position:static}.blatt .kachel-status{display:block}.aktionen{gap:10px;margin-top:22px;display:grid}.aktion{min-height:72px;font:inherit;cursor:pointer;color:#fff;background:var(--u-kachel);border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:21px;font-weight:700;display:flex}.aktion.kommen{background:var(--u-dienst)}.aktion.pause{background:var(--u-pause)}.aktion.gehen{background:var(--wein)}.aktion.leise{color:var(--u-leise);background:0 0;min-height:48px;font-size:16px;font-weight:600}.pin-punkte{justify-content:center;gap:18px;margin:22px 0 10px;display:flex}.pin-punkte i{border:2px solid var(--u-leise);border-radius:50%;width:14px;height:14px}.pin-punkte i.an{background:var(--u-text);border-color:var(--u-text)}.pin-punkte.falsch{animation:.35s wackeln}@keyframes wackeln{25%{transform:translate(-9px)}75%{transform:translate(9px)}}.ziffern{grid-template-columns:repeat(3,84px);justify-content:center;gap:12px 20px;margin-top:6px;display:grid}.ziffern button{background:var(--u-kachel);width:84px;height:84px;color:var(--u-text);font-family:var(--marke);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:30px;font-weight:700;display:grid}.ziffern button:active{background:var(--u-linie)}.ziffern button.still{font-family:var(--schrift);color:var(--u-leise);background:0 0;font-size:15px;font-weight:600}.blatt-fehler{color:#ff9f9f;min-height:22px;font-size:15px;font-weight:600}.erfolg{font-family:var(--marke);color:var(--u-text);margin-top:16px;font-size:30px;font-weight:700}.haekchen{background:var(--u-dienst);border-radius:50%;place-items:center;width:88px;height:88px;margin:0 auto;display:grid}.uhr-stoerung{background:var(--wein);color:#fff;z-index:40;border-radius:4px;padding:9px 16px;font-weight:650;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.einrichtung{grid-column:1/-1;width:100%;max-width:420px;margin:auto;padding:24px}.einrichtung .uhr-logo{margin-bottom:26px}.einrichtung h1{color:var(--u-text);font-size:32px}.einrichtung p{color:var(--u-leise);margin-top:6px}.einrichtung .felder{-webkit-user-select:text;user-select:text;margin-top:22px}.einrichtung input{background:var(--u-kachel);border-color:var(--u-linie);color:var(--u-text);-webkit-user-select:text;user-select:text;min-height:56px;font-size:20px}.einrichtung .feld>span{color:var(--u-leise)}.einrichtung .aktion{background:var(--wein);width:100%}@media (max-width:900px),(orientation:portrait){.uhr{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.uhr-seite{padding:max(14px, env(safe-area-inset-top)) 18px 14px;flex-direction:row;align-items:center;gap:18px}.uhr-logo{width:58px}.uhr-zeit{margin:0;font-size:46px}.uhr-datum{margin:0;font-size:15px}.uhr-anwesend{white-space:nowrap;border:0;margin:0 0 0 auto;padding:0}.kacheln{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:minmax(136px,auto);align-content:start;padding:10px}.kachel-name{font-size:18px}}