:root{--grund: #f6f4ef;--flaeche: #ffffff;--text: #1d1f23;--leise: #6b6f76;--linie: #e3dfd6;--primaer: #22262d;--primaer-text: #ffffff;--weg: #8a3b2b;--fehler: #b42318;--radius: 12px;--tabs-hoehe: 64px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--grund: #1b1d21;--flaeche: #25282d;--text: #eceae6;--leise: #a3a7ae;--linie: #383c43;--primaer: #eceae6;--primaer-text: #1b1d21;--weg: #e39a87;--fehler: #ff8a7a;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--grund);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2{margin:0;font-weight:650}.shell{min-height:100dvh;padding-bottom:calc(var(--tabs-hoehe) + env(safe-area-inset-bottom))}.kopf{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--grund);border-bottom:1px solid var(--linie)}.kopf h1{font-size:1.25rem}.kopf-knopf{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px;color:var(--leise)}.inhalt{max-width:640px;margin:0 auto}.seite{display:flex;flex-direction:column;gap:16px;padding:16px}.tabs{position:fixed;inset:auto 0 0 0;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);height:calc(var(--tabs-hoehe) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--flaeche);border-top:1px solid var(--linie)}.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--leise);font-size:.75rem;text-decoration:none}.tab.aktiv{color:var(--text);font-weight:600}.badge{position:absolute;top:6px;left:calc(50% + 6px);min-width:20px;padding:0 6px;border-radius:10px;background:var(--primaer);color:var(--primaer-text);font-size:.7rem;line-height:20px;text-align:center}.laden{display:grid;place-items:center;min-height:100dvh;color:var(--leise)}.karte{padding:14px 16px;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius)}.karte h2{font-size:1.05rem;margin-bottom:6px}.abschnitt{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--leise)}.zaehler{margin-left:auto;color:var(--text);font-weight:600}.hinweis,.leer,.schritte{margin:0;color:var(--leise);font-size:.9rem}.schritte{font-size:.8rem}.fehler{margin:0;color:var(--fehler)}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--linie);border-radius:10px;background:var(--flaeche);color:var(--text);font:inherit;font-size:.95rem;cursor:pointer;touch-action:manipulation}.knopf:disabled{opacity:.55;cursor:default}.knopf-primaer,.aktion-board{background:var(--primaer);border-color:var(--primaer);color:var(--primaer-text);font-weight:600}.aktion-weg{color:var(--weg)}.knopf-gross{min-height:52px;font-size:1.05rem}.knopf-klein{min-height:32px;padding:0 10px;font-size:.85rem}input,textarea{width:100%;padding:10px 12px;border:1px solid var(--linie);border-radius:10px;background:var(--flaeche);color:var(--text);font:inherit;font-size:16px}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--leise)}.toast{position:fixed;left:50%;bottom:calc(var(--tabs-hoehe) + env(safe-area-inset-bottom) + 12px);z-index:10;display:flex;align-items:center;gap:12px;width:min(calc(100% - 32px),560px);padding:10px 10px 10px 16px;transform:translate(-50%);border-radius:12px;background:var(--primaer);color:var(--primaer-text);box-shadow:0 6px 24px #0003}.toast span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-fehler{background:var(--fehler);color:#fff}.toast-aktion{min-height:36px;padding:0 12px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;font:inherit;font-weight:600}.karten,.liste-schlicht,.verlauf{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.eintrag{display:flex;flex-direction:column;gap:6px;border-left-width:6px}.eintrag-text{margin:0;font-size:1.05rem;overflow-wrap:anywhere;cursor:text}.eintrag-text a{color:var(--leise)}.eintrag-bearbeiten{font-size:16px}.meta{color:var(--leise);font-size:.8rem}.aktionen{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.aktionen-drei{grid-template-columns:1fr 1fr 1fr}.liste-schlicht li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:10px 0;border-bottom:1px solid var(--linie);overflow-wrap:anywhere}.liste-schlicht small{grid-column:1;color:var(--leise);font-size:.8rem}.liste-schlicht .knopf{grid-column:2;grid-row:1 / span 2}.wartend span{color:var(--leise)}.punkt{display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%}.heute-sortiert summary{padding:8px 0;color:var(--leise);cursor:pointer}.login{display:flex;flex-direction:column;gap:20px;max-width:380px;margin:0 auto;padding:calc(48px + env(safe-area-inset-top)) 16px 16px}.login form,.formular{display:flex;flex-direction:column;gap:12px}.notieren{display:flex;flex-direction:column;gap:10px}.notieren textarea{min-height:132px;font-size:1.15rem}.foto-knopf{display:grid;grid-template-columns:1fr auto;gap:8px}.foto-schritt{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--linie)}.board-neu{margin:0}.board-neu img{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--linie);background:var(--flaeche)}.board-neu figcaption{display:flex;align-items:center;justify-content:space-between;padding-top:6px;color:var(--leise);font-size:.85rem}.verlauf{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.verlauf a{display:flex;flex-direction:column;gap:4px;color:var(--leise);font-size:.8rem;text-decoration:none}.verlauf img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:8px;border:1px solid var(--linie)}.umschalter{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:10px;background:var(--linie)}.umschalter button{min-height:38px;border:0;border-radius:8px;background:transparent;color:var(--leise);font:inherit}.umschalter .aktiv{background:var(--flaeche);color:var(--text);font-weight:600}.einstellungen .zeile{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;color:var(--text)}.einstellungen label.zeile{justify-content:flex-start}.einstellungen input[type=color]{width:48px;height:36px;padding:2px}.einstellungen input[type=time]{width:auto}.schalter{flex-direction:row;align-items:center;gap:10px;color:var(--text);font-size:1rem}.schalter input{width:22px;height:22px}.token{display:flex;flex-direction:column;gap:8px}.token p{margin:0;color:var(--leise);font-size:.9rem}.token code{display:block;padding:10px;border-radius:8px;background:var(--grund);font-size:.85rem;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}:root{--tafel: #fbfbf8;--tafel-linie: #c9c5bb;--tafel-rahmen: #9a958b}.hinweis-klein{color:var(--leise);font-size:.78rem}.zurueck{align-self:flex-start;color:var(--leise);text-decoration:none}.abend-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius);background:var(--primaer);color:var(--primaer-text);font-weight:600;text-decoration:none}.tafel{position:relative;width:100%;max-width:calc((100dvh - 230px)*1.5);margin:0 auto;border:6px solid var(--tafel-rahmen);border-radius:10px;background:var(--tafel);box-shadow:0 2px 10px #0000001f;color:#22262d;container-type:inline-size}.tafel-feld{position:absolute;display:flex;flex-direction:column;gap:.4cqw;padding:.8cqw 1cqw;overflow:hidden;border-right:1px solid var(--tafel-linie);border-bottom:1px solid var(--tafel-linie);color:inherit;text-decoration:none}.tafel-titel{font-size:max(9px,1.6cqw);font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#6b6f76}.tafel-hinweis{font-weight:400;text-transform:none}.zu-viel{color:#cf222e}.tafel-feld ul,.klemme ul{margin:0;padding:0;list-style:none}.tafel-feld li{overflow:hidden;font-size:max(9px,1.9cqw);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.tafel-feld li.neu,.klemme li.neu{text-decoration:underline dashed;text-underline-offset:3px;opacity:.8}.klemmen{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.klemme{display:flex;flex-direction:column;gap:4px;min-width:0;min-height:84px;padding:10px 8px 8px;border:1px solid var(--linie);border-top:6px solid var(--tafel-rahmen);border-radius:4px;background:#fff;color:#22262d;text-decoration:none}.klemme .tafel-titel{font-size:.68rem}.klemme li{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.foto-zeile{display:flex;flex-direction:column;gap:8px}.feld-kopf{display:flex;align-items:baseline;justify-content:space-between;font-size:1.3rem}.feld-liste{display:flex;flex-direction:column;margin:0;padding:12px 14px;border:6px solid var(--tafel-rahmen);border-radius:10px;background:var(--tafel);list-style:none}.feld-liste li{border-bottom:1px solid #ecebe6}.feld-liste li:last-child{border-bottom:0}.feld-liste button,.feld-liste li.wartend{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;padding:10px 0;border:0;background:none;font-size:1.1rem;text-align:left;cursor:pointer}.feld-liste li.wartend{color:#8c8c8c}.feld-zweck{margin:-8px 0 0;color:var(--leise);font-size:.9rem}.feld-liste .leer{padding:10px 0}.neu-marke{flex-shrink:0;padding:1px 6px;border-radius:6px;background:#fff3c4;color:#6b5800;font-family:system-ui,sans-serif;font-size:.7rem}.feld-eingabe{position:sticky;bottom:calc(var(--tabs-hoehe) + env(safe-area-inset-bottom) + 8px);display:grid;grid-template-columns:1fr auto;gap:6px}.feld-eingabe .knopf{min-width:48px;font-size:1.3rem}.uebertragen-gruppe{margin-bottom:10px}.feld-titel{margin:4px 0 6px;color:var(--leise);font-size:.85rem;font-weight:600}.abhak-liste{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.abhak-liste li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 8px 12px;border:1px solid var(--linie);border-radius:10px;background:var(--flaeche)}.abhak-liste .weg{text-decoration:line-through}.zeile-text-knopf{flex:1;padding:4px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;overflow-wrap:anywhere}.haken{width:40px;padding:0}.notieren-ziel{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.person-wahl{display:flex;flex-wrap:wrap;gap:6px}.person-wahl button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid var(--linie);border-radius:17px;background:var(--flaeche);color:var(--text);font:inherit;font-size:.85rem}.person-wahl button.aktiv{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.person-wahl .punkt{width:14px;height:14px;margin:0}.ziele{display:flex;flex-wrap:wrap;gap:6px}.blatt-hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#00000059}.blatt{display:flex;flex-direction:column;gap:12px;width:min(100%,640px);max-height:88dvh;overflow-y:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;background:var(--grund)}.blatt-fuss{display:grid;grid-template-columns:1fr auto;gap:8px}@media (min-width: 900px){.inhalt{max-width:1200px}.board-seite .klemmen{max-width:900px}}.abgleich-banner{background:#9a6700}.abgleich-bild{position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--linie)}.abgleich-bild img{display:block;width:100%;height:100%}.kasten{position:absolute;border:3px solid;border-radius:4px;text-decoration:none}.kasten span{position:absolute;top:-2px;left:-2px;min-width:18px;padding:0 4px;border-radius:4px 0;color:#fff;font-size:.72rem;font-weight:700;line-height:18px;text-align:center}.kasten-neu{border-color:#1a7f37}.kasten-neu span{background:#1a7f37}.kasten-weg{border-color:#cf222e}.kasten-weg span{background:#cf222e}.kasten.erledigt{opacity:.35}.stellen{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.stelle{display:flex;flex-direction:column;gap:10px;scroll-margin-top:70px}.stelle h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem}.stelle-nummer{display:grid;place-items:center;min-width:24px;height:24px;border-radius:6px;color:#fff;font-size:.8rem}.stelle-neu .stelle-nummer,.stelle-neu h3 .stelle-nummer{background:#1a7f37}.stelle-weg .stelle-nummer{background:#cf222e}.stelle.erledigt{opacity:.6}.stelle.erledigt h3 .hinweis{margin-left:auto}.ausschnitte{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ausschnitt{margin:0}.ausschnitt div{width:100%;border:1px solid var(--linie);border-radius:6px;background-repeat:no-repeat}.ausschnitt figcaption{color:var(--leise);font-size:.75rem;text-align:center}.stelle-neu,.stelle-weg{display:flex;flex-direction:column;gap:8px}.marker-blatt{display:grid;grid-template-columns:repeat(2,minmax(0,6.667cm));gap:16px;justify-content:center}.marker-blatt figure{margin:0;text-align:center}.marker-blatt img{width:100%;aspect-ratio:1;border:1px dashed #aaa}.marker-blatt figcaption{color:#555;font-size:10pt}@media print{.kopf,.tabs,.nicht-drucken,.toast{display:none!important}.shell{padding:0}body{background:#fff}.marker-blatt{gap:1cm}.marker-blatt img{width:6.667cm;height:6.667cm}}a.knopf{text-decoration:none}.klemme .tafel-titel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}