:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--hintergrund:#f6f6f4;--flaeche:#fff;--text:#1c1c1a;--text-leise:#5f5f5a;--rand:#d9d9d4;--akzent:#1d4ed8;--akzent-text:#fff;--fehler:#b42318}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--hintergrund:#161615;--flaeche:#21211f;--text:#efefeb;--text-leise:#a8a8a2;--rand:#3a3a37;--akzent:#7ea6ff;--akzent-text:#10131a;--fehler:#ff8a80}}*{box-sizing:border-box}body{background:var(--hintergrund);min-height:100dvh;color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.seite{padding:0 1.5rem 1.5rem}.kopf{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}h1{margin:0;font-size:1.25rem}.leise{color:var(--text-leise)}.login{max-width:24rem;margin:0 auto;padding:3rem 1rem}.formular{background:var(--flaeche);border:1px solid var(--rand);border-radius:8px;gap:1rem;margin-top:1.5rem;padding:1.25rem;display:grid}label{gap:.25rem;font-weight:500;display:grid}input{width:100%;min-height:2.75rem;font:inherit;color:inherit;background:var(--hintergrund);border:1px solid var(--rand);border-radius:6px;padding:.5rem .75rem}button{min-height:2.75rem;font:inherit;color:var(--akzent-text);background:var(--akzent);cursor:pointer;border:0;border-radius:6px;padding:.5rem 1rem;font-weight:600}button:disabled{opacity:.6;cursor:progress}button.zweitrangig{color:var(--text);border:1px solid var(--rand);background:0 0}:is(input,button):focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.fehler{color:var(--fehler);margin:0}.kopf{flex-wrap:wrap}.navigation{flex-wrap:wrap;gap:.25rem 1rem;display:flex}a{color:var(--akzent)}.navigation a{padding:.5rem 0;font-weight:500;text-decoration:none;display:inline-block}h2{margin:2rem 0 .75rem;font-size:1.05rem}.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-radius:6px;padding:.6rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.klein{font-size:.875rem}.liste{background:var(--flaeche);border:1px solid var(--rand);border-radius:8px;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);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:1px solid;border-radius:6px;padding:.6rem .9rem}.meldung-fehler{color:var(--fehler)}.meldung-ok{color:var(--text-leise)}.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(--hintergrund);border:1px solid var(--rand);border-radius:6px;padding:.5rem .75rem}select{min-height:2.75rem}.gruppe{border:1px solid var(--rand);border-radius:6px;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:1px solid var(--rand);border-radius:6px;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(--flaeche);border:1px solid var(--rand);border-radius:8px;flex:0 0 15rem;min-height:8rem;padding:.6rem}.spalte-eingeklappt{flex-basis:9rem;min-height:0}.spalte-ziel{border-color:var(--akzent);outline:2px solid var(--akzent)}.spalte h2{justify-content:space-between;gap:.5rem;margin:0 0 .5rem;font-size:.9rem;display:flex}.spalte-knopf{width:100%;min-height:0;color:inherit;text-align:left;background:0 0;padding:0;font-weight:600}.karte{overflow-wrap:anywhere;background:var(--hintergrund);border:1px solid var(--rand);cursor:grab;border-radius:6px;margin-top:.5rem;padding:.6rem;display:block}.karte[data-laeuft=true]{opacity:.5}dialog{width:min(24rem,100vw - 2rem);color:inherit;background:var(--flaeche);border:1px solid var(--rand);border-radius:8px;padding:1.25rem}.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{border:1px solid var(--rand);background:0 0;border-radius:8px;padding:1rem}.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:1px solid var(--akzent);border-radius:8px;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(--hintergrund);flex-wrap:nowrap;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:1px solid var(--rand);border-radius:8px;padding:1rem}.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}main:has(.board){max-width:none}@media (min-width:60rem){.kopf{padding-left:max(0px,50% - 46rem)}.seite:has(.board) .kopf{padding-left:0}}.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}