@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(../media/lato-300-latin-ext.0u-s08866kges.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(../media/lato-300-latin.35belnv3c2-b-.woff2)format("woff2");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:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(../media/lato-400-latin-ext.441olqq_uijdr.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(../media/lato-400-latin.27vw08z6_vw0m.woff2)format("woff2");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:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(../media/lato-700-latin-ext.097vcw437jzga.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(../media/lato-700-latin.0zem_9y19rte6.woff2)format("woff2");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:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(../media/lato-900-latin-ext.2tfobr5_17yq8.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(../media/lato-900-latin.0ig786lf0ff2-.woff2)format("woff2");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:Varela Round;font-style:normal;font-weight:400;font-display:swap;src:url(../media/varela-round-400-latin-ext.3po2hx-o0ktdt.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Varela Round;font-style:normal;font-weight:400;font-display:swap;src:url(../media/varela-round-400-latin.1fehh6s44i8sz.woff2)format("woff2");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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hintergrund:#f1f2eb;--flaeche:#fbfcf0;--feld:#fff;--text:#292929;--text-stark:#010203;--text-leise:#535858;--rand:#dadfe0;--akzent:#458189;--akzent-dunkler:#3a6d74;--akzent-tief:#0b2e33;--akzent-text:#fff;--sekundaer:#76aca2;--toenung:#98d0d830;--toenung-leicht:#4581890d;--schatten:1px 1px 20px 0 #45818917;--schatten-hoch:1px 6px 28px 0 #45818924;--schatten-farbe:#45818917;--fehler:#b3261e;--radius-klein:6px;--radius:12px;--schrift:"Lato", sans-serif;--schrift-rund:"Varela Round", "Lato", sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{background:var(--hintergrund);min-height:100dvh;color:var(--text);font:16px/1.5 var(--schrift);-webkit-font-smoothing:antialiased;margin:0}.seite{padding:0 1.5rem 1.5rem}.kopf{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}h1{color:var(--text-stark);margin:0;font-size:1.6rem;font-weight:700;line-height:1.25}.leise{color:var(--text-leise)}.login{max-width:26rem;margin:0 auto;padding:4rem 1rem}.login-kopf{align-items:center;gap:12px;display:flex}.login-kopf img{width:44px;height:44px}.login h1{font-family:var(--schrift-rund);font-size:1.35rem;font-weight:400}.formular{background:var(--flaeche);border-radius:var(--radius);box-shadow:var(--schatten);gap:1rem;margin-top:1.5rem;padding:1.5rem;display:grid}label{gap:.25rem;font-weight:700;display:grid}input{width:100%;min-height:2.75rem;font:inherit;color:inherit;background:var(--feld);border:1px solid var(--rand);border-radius:var(--radius-klein);padding:.5rem .75rem}label>:is(input,select,textarea){font-weight:400}button{min-height:2.75rem;font:inherit;color:var(--akzent-text);background:var(--akzent);border:2px solid var(--akzent);border-radius:var(--radius-klein);cursor:pointer;padding:.5rem 1rem}button:not(:disabled):hover{color:var(--akzent);background:0 0}button:disabled{opacity:.6;cursor:progress}button.zweitrangig{color:var(--akzent-dunkler);border-color:var(--akzent);background:0 0}button.zweitrangig:not(:disabled):hover{color:var(--akzent-text);background:var(--akzent)}:is(input,button):focus-visible{outline:2px solid var(--akzent);outline-offset:2px}input:focus,select:focus,textarea:focus{border-color:var(--akzent)}.fehler{color:var(--fehler);margin:0}.kopf{flex-wrap:wrap}.navigation{flex-wrap:wrap;gap:.25rem 1rem;display:flex}a{color:var(--akzent-dunkler)}.navigation{align-items:center;gap:4px}.logo{color:var(--text-stark);font-family:var(--schrift-rund);align-items:center;gap:10px;margin-right:.75rem;padding:4px 0;font-size:1.15rem;text-decoration:none;display:flex}.logo img{width:36px;height:36px}.navigation a:not(.logo){color:var(--text);border-radius:var(--radius-klein);padding:6px 12px;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.navigation a:not(.logo):hover{background:var(--toenung)}.navigation a[aria-current=page]{color:var(--akzent-dunkler);background:var(--toenung-leicht)}h2{color:var(--text-stark);font-family:var(--schrift-rund);margin:2rem 0 .75rem;font-size:1.15rem;font-weight:400}.titelzeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.knopf{color:var(--akzent-text);background:var(--akzent);border:2px solid var(--akzent);border-radius:var(--radius-klein);padding:.55rem 1rem;text-decoration:none;display:inline-block}.knopf:hover{color:var(--akzent);background:0 0}.klein{font-size:.875rem}.liste{background:var(--flaeche);border-radius:var(--radius);box-shadow:var(--schatten);margin:0;padding:0;list-style:none}.zeile{overflow-wrap:break-word;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.zeile>div,.zeile>label{min-width:0}.betrag{white-space:nowrap;flex:none}.zeile+.zeile{border-top:1px solid var(--rand)}.zeile-umbruch{flex-wrap:wrap}.aktionen{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inline-formular{flex-wrap:wrap;gap:.5rem;display:flex}.inline-formular input{width:auto}.marke{white-space:nowrap;border:1px solid var(--rand);background:var(--feld);border-radius:999px;padding:.1rem .5rem;font-size:.8125rem;display:inline-block}.abstand-links{margin-left:.5rem}.abstand-oben{margin-top:1.5rem}.faellig{color:var(--fehler);font-weight:600}.meldung{border-left:4px solid var(--akzent);border-radius:var(--radius-klein);background:var(--toenung-leicht);padding:.75rem 1rem}.meldung-fehler{color:var(--fehler);border-left-color:var(--fehler);background:#b3261e0f}.meldung-ok{color:var(--text)}.aufklappbar{margin-top:.75rem}.aufklappbar summary{color:var(--akzent);cursor:pointer;padding:.25rem 0}.aufklappbar .formular{margin-top:.5rem}select,textarea{width:100%;font:inherit;color:inherit;background:var(--feld);border:1px solid var(--rand);border-radius:var(--radius-klein);padding:.5rem .75rem}select{min-height:2.75rem}.gruppe{border:1px solid var(--rand);border-radius:var(--radius-klein);gap:1rem;min-width:0;margin:0;padding:.75rem 1rem 1rem;display:grid}.gruppe legend{padding:0 .25rem;font-weight:600}.farben{gap:.5rem;display:grid}.feldtitel{font-weight:500}.farbzeile{align-items:center;gap:.5rem;display:flex}.farbkasten{border:1px solid var(--rand);border-radius:6px;flex:none;width:2.75rem;height:2.75rem}.farbkasten-leer{background:repeating-linear-gradient(45deg, transparent 0 5px, var(--rand) 5px 6px)}.farbzeile input{font-variant-numeric:tabular-nums;min-width:0}.farbzeile input[aria-invalid=true]{border-color:var(--fehler)}.farbe-entfernen{flex:none;width:2.75rem;padding:0;font-size:1.25rem;line-height:1}.farbe-hinzufuegen{justify-self:start}.auswahl{align-items:center;gap:.5rem;font-weight:400;display:flex}.auswahl input{flex:none;width:1.25rem;min-height:1.25rem}.daten{grid-template-columns:minmax(6rem,max-content) 1fr;gap:.25rem 1rem;display:grid}.daten dt{color:var(--text-leise)}.daten dd{overflow-wrap:anywhere;margin:0}.nachricht{white-space:pre-wrap;overflow-wrap:anywhere}.rohdaten{background:var(--flaeche);border-radius:var(--radius);box-shadow:var(--schatten);padding:.75rem;font-size:.8125rem;overflow-x:auto}:is(select,textarea,a):focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.board{align-items:flex-start;gap:.75rem;margin-top:1rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.spalte{background:var(--toenung-leicht);border-radius:var(--radius);border:1px solid #0000;flex:0 0 15rem;min-height:8rem;padding:.75rem}.spalte-eingeklappt{flex-basis:9rem;min-height:0}.spalte-ziel{border-color:var(--akzent);outline:2px solid var(--akzent)}.spalte h2{font-family:var(--schrift-rund);justify-content:space-between;gap:.5rem;margin:0 0 .5rem;font-size:.95rem;display:flex}.spalte-knopf{width:100%;min-height:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;padding:0}.spalte-knopf:not(:disabled):hover{color:var(--akzent-dunkler)}.karte{overflow-wrap:anywhere;color:var(--text);background:var(--flaeche);border-radius:var(--radius-klein);box-shadow:var(--schatten);cursor:grab;margin-top:.5rem;padding:.6rem;text-decoration:none;transition:box-shadow .2s;display:block}.karte:hover{box-shadow:var(--schatten-hoch)}.karte[data-laeuft=true]{opacity:.5}dialog{width:min(24rem,100vw - 2rem);color:inherit;background:var(--flaeche);border-radius:var(--radius);box-shadow:var(--schatten-hoch);border:0;padding:1.25rem}dialog::backdrop{background:#0b2e3366}.posten-summe{font-weight:600}.checkpunkt{align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.checkpunkt+.checkpunkt{border-top:1px solid var(--rand)}.checkpunkt button{flex:none;width:2rem;min-height:2rem;padding:0}.erledigt{color:var(--text-leise);text-decoration:line-through}.vorlage{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem 1rem;scroll-margin-top:5rem;display:flex}.vorlage-text{flex:16rem}.vorlage-klein{flex:0 9rem}.vorlage-tage{flex:0 0 4.5rem}.vorlage-knoepfe{gap:.25rem;display:flex}.vorlage-knoepfe button{width:2.75rem;padding:0}.vorlagen-gruppe{background:var(--flaeche);border-radius:var(--radius);box-shadow:var(--schatten);padding:1.25rem}.vorlagen-gruppe h3{color:var(--text);margin-top:0;font-size:1.05rem}h4{color:var(--text-leise);margin:.75rem 0 .35rem;font-size:.875rem;font-weight:600}.vorlage+.vorlage{border-top:1px solid var(--rand)}h3{color:var(--text-leise);margin:1rem 0 .5rem;font-size:.95rem}.ohne-abstand{margin:0}.abstand-oben-klein{margin-top:.75rem}.abstand-unten{margin-bottom:.75rem}.datum-kurz{width:auto}.gruppe-leer{border:0;gap:1rem;min-width:0;margin:0;padding:0;display:grid}.formular-schlicht{gap:.75rem;display:grid}.kopf{align-items:center;margin-bottom:1.25rem;padding:.75rem 0}.timerleiste{background:var(--flaeche);border:2px solid var(--akzent);border-radius:var(--radius);align-items:center;gap:.75rem;min-width:0;padding:.35rem .5rem .35rem .85rem;display:flex}.timerleiste>div{min-width:0}.timerleiste .klein{overflow-wrap:anywhere}.timerleiste button{min-height:2.25rem;padding:.25rem .75rem}@media (max-width:59.99rem){.kopf{display:contents}.navigation{margin-bottom:.75rem;padding-top:.75rem}.abmelden{margin-bottom:1.25rem}.timerleiste{z-index:5;justify-content:space-between;margin-bottom:.75rem;position:sticky;top:.5rem}}@media (min-width:60rem){.kopf{z-index:5;background:var(--flaeche);box-shadow:0 2px 20px 4px var(--schatten-farbe);flex-wrap:nowrap;margin-inline:-1.5rem;padding-right:1.5rem;position:sticky;top:0}.navigation{margin-right:auto}.timerleiste{max-width:34rem}.abmelden{flex:none}}.formular{max-width:52rem}.raster{grid-template-columns:repeat(auto-fit,minmax(min(100%,30rem),1fr));align-items:start;gap:0 2rem;display:grid}.raster>div>:first-child,.raster>section>:first-child{margin-top:0}.raster>div,.raster>section{min-width:0;padding-bottom:1.25rem}.h2-zeile{margin:2rem 0 .75rem}.h2-zeile h2{margin:0}.aktionen-fest{flex-wrap:nowrap;flex:none}.aktionen-fest>form:first-child button[aria-label^=Timer]{width:2.75rem;padding:0}.seitenkarte{overflow-wrap:anywhere;background:var(--flaeche);border-radius:var(--radius);box-shadow:var(--schatten);padding:1.25rem}.seitenkarte h2{margin:0}.kundenkarte h3{margin:.9rem 0 .2rem;font-size:.8125rem}.kundenkarte p{margin:0}.farbchips{flex-wrap:wrap;gap:.35rem .75rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.farbchips li{font-variant-numeric:tabular-nums;align-items:center;gap:.4rem;font-size:.875rem;display:flex}.farbchip{border:1px solid var(--rand);border-radius:4px;flex:none;width:1.25rem;height:1.25rem}main{max-width:92rem;margin-inline:auto}@media (min-width:60rem){.kopf{padding-left:calc(1.5rem + max(0px,50% - 46rem));padding-right:calc(1.5rem + max(0px,50% - 46rem))}}.seitenlayout{gap:1.5rem;margin-top:1rem;display:grid}.haupt,.seiten-oben,.seiten-unten{min-width:0}.haupt>:first-child,.seiten-unten>:first-child{margin-top:0}.seiten-oben{gap:1rem;display:grid}.status-wahl{gap:.5rem;margin-top:.9rem;display:grid}.breit{width:100%}.liste-klein .zeile{padding:.5rem .75rem;font-size:.875rem}@media (min-width:75rem){.seitenlayout{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 22rem;align-items:start}.haupt{grid-area:1/1/3}.seiten-oben{grid-area:1/2}.seiten-unten{grid-area:2/2}}.vorlagen-listen{gap:1rem;max-width:70rem;display:grid}.nur-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ampeln{flex-wrap:wrap;gap:6px;display:flex}.marke[data-ampel=fehler]{color:#fff;background:#b3261e}.marke[data-ampel=achtung]{color:#6b4500;background:#fbe8c8}.marke[data-ampel=ok]{color:#1c5a2b;background:#dcefe0}