@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--grund: #f3f6ef;--karte: #ffffff;--text: #1c2b21;--leise: #627266;--linie: #e2e9df;--gruen: #2f6b3f;--gruen-dunkel: #24552f;--hell: #deecd9;--spaet: #a85f0c;--gefahr: #a33a2a;--titel: "Bricolage Grotesque Variable", "Figtree Variable", system-ui, sans-serif;--schrift: "Figtree Variable", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--grund);color:var(--text);font:16px/1.4 var(--schrift);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}:focus-visible{outline:2px solid var(--gruen);outline-offset:2px}ul{list-style:none;margin:0;padding:0}h1,h2{margin:0;font-family:var(--titel)}.app{max-width:560px;margin:0 auto;height:100%;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}.warten{height:100%}header{display:flex;align-items:flex-end;gap:6px;position:relative;padding:18px max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px))}header>div{flex:1;min-width:0}header small{color:var(--leise);font-size:14px}header h1{font-size:30px;font-weight:700;line-height:1.1}.rund{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--leise)}.rund:hover{background:var(--hell);color:var(--gruen)}.rund svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.menu{position:absolute;right:16px;top:100%;z-index:5;background:var(--karte);border:1px solid var(--linie);border-radius:12px;padding:4px;box-shadow:0 10px 30px -14px #14281973}.menu button{padding:10px 16px;border-radius:8px}.menu button:hover{background:var(--grund)}.filter{display:flex;gap:6px;overflow-x:auto;padding:4px 16px 8px;scrollbar-width:none}.filter button{flex:none;padding:5px 12px;border-radius:99px;font-size:14px;font-weight:600;border:1px solid var(--linie);color:var(--leise);background:var(--karte)}.filter button.an{background:var(--hell);border-color:var(--hell);color:var(--gruen)}main{flex:1;overflow-y:auto;padding:4px 12px 16px;display:flex;flex-direction:column;gap:6px}.abschnitt{display:flex;flex-direction:column;gap:6px}.abschnitt ul{display:flex;flex-direction:column;gap:6px;min-height:8px;border-radius:12px}.abschnitt.ziel ul{background:var(--hell)}.marke{font:700 12px var(--schrift);letter-spacing:.08em;text-transform:uppercase;color:var(--leise);padding:14px 6px 0}.tagkopf{display:flex;justify-content:space-between;align-items:baseline;padding:12px 6px 0;font-size:16px}.tagkopf b{font-weight:700}.tagkopf small{font:500 13px var(--schrift);color:var(--leise);font-variant-numeric:tabular-nums}.abschnitt.leer .tagkopf{padding-top:6px}.abschnitt.leer .tagkopf b{font-weight:500;color:var(--leise);font-size:14px}.nichts{color:var(--leise);font-size:14px;padding:8px}.hinweis{margin:0;color:var(--leise);font-size:14px;padding:2px 6px}.zeile{background:var(--karte);border-radius:12px;padding:6px 10px 6px 4px;display:flex;align-items:center;gap:6px;min-height:48px;touch-action:manipulation;user-select:none;-webkit-user-select:none;cursor:grab}.zeile.starr{cursor:default;padding-left:10px}.zeile.starr .griff{display:none}.zeile.zieht{opacity:.35}.zeile.schwebt{box-shadow:0 14px 30px -12px #14281980;cursor:grabbing}.griff{color:#c3cec1;font-size:15px;letter-spacing:-3px;width:14px;flex:none;text-align:center}.kreis{width:36px;height:36px;flex:none;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:700;position:relative}.kreis:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;border:1.8px solid var(--gruen);z-index:0}.kreis.ok:before{background:var(--gruen)}.kreis.ok{isolation:isolate}.kreis.ok:before{z-index:-1}.kreis.zu{cursor:default}.kreis.zu:before{border-style:dashed;border-color:#b9c9b6}.kreis:not(.zu):not(.ok):hover:before{background:var(--hell)}.z-text{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:1px;padding:4px 0;cursor:inherit}.z-text span{font-weight:600;overflow-wrap:anywhere}.z-text small{color:var(--leise);font-size:13px}.z-text small .spaet{color:var(--spaet);font-weight:600}.z-text.fertig span{text-decoration:line-through;color:var(--leise);font-weight:400}.zeile.starr .z-text{cursor:pointer}.tag{flex:none;font-size:12px;font-weight:600;padding:2px 9px;border-radius:99px;white-space:nowrap}.t0{background:#deecd9;color:#2f6b3f}.t1{background:#ebe7d3;color:#675c25}.t2{background:#d9e9ec;color:#29606c}.t3{background:#ece0d8;color:#7a4a2c}.t4{background:#e3e2ee;color:#4b4a7c}.filter button.an.t1{background:#ebe7d3;border-color:#ebe7d3;color:#675c25}.filter button.an.t2{background:#d9e9ec;border-color:#d9e9ec;color:#29606c}.filter button.an.t3{background:#ece0d8;border-color:#ece0d8;color:#7a4a2c}.filter button.an.t4{background:#e3e2ee;border-color:#e3e2ee;color:#4b4a7c}footer{background:var(--grund);padding-bottom:env(safe-area-inset-bottom,0px)}.schnell,.schnell-knopf{margin:6px 12px 8px;background:var(--karte);border:1px dashed #b9c9b6;border-radius:12px}.schnell{display:flex;align-items:center;padding-right:4px}.schnell:focus-within{border-style:solid;border-color:var(--gruen)}.schnell input{flex:1;min-width:0;border:none;background:none;padding:12px;outline:none}.schnell input::placeholder{color:var(--leise)}.wohin{font-size:13px;font-weight:600;color:var(--gruen);background:var(--hell);padding:5px 10px;border-radius:99px}.mehr{width:36px;height:36px;border-radius:50%;color:var(--leise);font-weight:700}.schnell-knopf{display:block;width:calc(100% - 24px);padding:12px;text-align:left;color:var(--leise)}.leiste{display:flex;border-top:1px solid var(--linie);background:var(--karte)}.leiste button{flex:1;padding:13px 0 14px;font-size:14px;font-weight:600;color:var(--leise)}.leiste button.an{color:var(--gruen);box-shadow:inset 0 2px 0 var(--gruen)}.dunst{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#1c2b2152;display:flex;align-items:flex-end;justify-content:center}.blatt{width:100%;max-width:560px;max-height:92%;overflow-y:auto;background:var(--karte);border-radius:20px 20px 0 0;padding:18px 16px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:16px}@media(min-width:620px){.dunst{align-items:center}.blatt{border-radius:20px}}.titel{border:1px solid var(--linie);border-radius:12px;padding:12px 14px;font-weight:600;font-size:17px;width:100%;background:var(--karte)}.feld{display:flex;flex-direction:column;gap:8px}.feld .marke{padding:0}.wahl{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.wahl button,.wahl .datum{border:1px solid var(--linie);border-radius:99px;padding:7px 13px;font-size:14px;color:var(--leise);position:relative;cursor:pointer}.wahl .an{background:var(--gruen);border-color:var(--gruen);color:#fff;font-weight:600}.wahl.eng button{padding:7px 10px;min-width:42px}.datum input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.datum:focus-within{outline:2px solid var(--gruen);outline-offset:2px}.neuer-tag{border:1px dashed #b9c9b6;border-radius:99px;padding:7px 13px;font-size:14px;width:96px;background:none}.zahl{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--leise)}.zahl input{width:72px;border:1px solid var(--linie);border-radius:10px;padding:7px 10px;background:var(--karte)}.schalter{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;padding:2px 0}.schalter input{width:20px;height:20px;accent-color:var(--gruen)}textarea{border:1px solid var(--linie);border-radius:12px;padding:10px 14px;resize:vertical;width:100%;background:var(--karte)}.knoepfe{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.luft{flex:1}.haupt{background:var(--gruen);color:#fff;font-weight:600;padding:11px 20px;border-radius:12px}.haupt:hover{background:var(--gruen-dunkel)}.haupt:disabled{opacity:.45;cursor:default}.still{color:var(--leise);padding:11px 12px;border-radius:12px;font-weight:600}.still:hover{background:var(--grund)}.still.klein{font-size:13px;padding:6px 8px;flex:none}.gefahr{color:#fff;background:var(--gefahr);padding:11px 14px;border-radius:12px;font-weight:600}.suche ul{display:flex;flex-direction:column;gap:4px;min-height:120px}.suche .zeile{background:var(--grund)}.suche .marke{padding:0}.meldung{position:fixed;left:50%;transform:translate(-50%);bottom:130px;z-index:30;background:var(--text);color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;max-width:calc(100% - 32px)}.login{min-height:100%;display:grid;place-items:center;padding:24px 16px}.login form{width:100%;max-width:360px;background:var(--karte);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:12px}.login h1{color:var(--gruen);font-size:28px;margin-bottom:6px}.login label{font-size:14px;color:var(--leise)}.login input{border:1px solid var(--linie);border-radius:12px;padding:12px 14px;font-size:17px}.login p{margin:0;color:var(--leise);font-size:14px}.login .fehler{color:var(--gefahr)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}