:root{--grund:#f6f2ea;--flaeche:#fff;--text:#22251f;--leise:#6b6f63;--linie:#e3ddd0;--haupt:#2f5d50;--haupt-text:#fff;--ja:#2f7d4a;--nein:#b4472f;--gold:#c98a12;--schatten:0 1px 2px #2823140f, 0 4px 14px #2823140f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--grund:#161814;--flaeche:#21241f;--text:#ecebe4;--leise:#a3a69a;--linie:#34382f;--haupt:#6fae98;--haupt-text:#10201a;--ja:#6cc58b;--nein:#e3806a;--gold:#e7b44c;--schatten:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--grund);color:var(--text);margin:0}body{-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}a{color:var(--haupt)}h1,h2,h3{margin:0;line-height:1.2}.leise{color:var(--leise)}.klein{font-size:13px}.rot{color:var(--nein)}.rechts{margin-left:auto}.laden,.leer{text-align:center;color:var(--leise);padding:32px 8px}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-karte{background:var(--flaeche);text-align:center;box-shadow:var(--schatten);border-radius:20px;width:100%;max-width:360px;padding:32px 24px}.login-symbol{font-size:48px}.login-karte p{color:var(--leise);margin:8px 0 24px}.rahmen{max-width:640px;padding-bottom:calc(88px + env(safe-area-inset-bottom));margin:0 auto}.kopf{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.marke{font:inherit;color:var(--haupt);cursor:pointer;background:0 0;border:0;padding:0;font-size:18px;font-weight:700}.wer{color:var(--leise);text-align:right;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;display:flex}.wer .link{color:var(--leise);font-size:12px}.sync{font-weight:600}.sync-synchron{color:var(--ja)}.sync-laeuft{color:var(--leise)}.sync-offline,.sync-fehler{color:var(--gold)}.sync-anmelden{color:var(--nein)}.inhalt{padding:0 16px}.banner{background:color-mix(in srgb, var(--haupt) 10%, var(--flaeche));border:1px solid var(--linie);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 16px 10px;padding:10px 12px;font-size:14px;display:flex}.banner.hinweis{background:color-mix(in srgb, var(--gold) 14%, var(--flaeche))}.banner.warnung{background:color-mix(in srgb, var(--nein) 12%, var(--flaeche))}.reiter{background:var(--flaeche);border-top:1px solid var(--linie);padding:6px 16px calc(6px + env(safe-area-inset-bottom));z-index:1000;justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.reiter button{max-width:200px;color:var(--leise);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px;font-size:12px;display:flex}.reiter button span{font-size:20px}.reiter button.aktiv{color:var(--haupt);background:color-mix(in srgb, var(--haupt) 12%, transparent);font-weight:600}.knopf{border:1px solid var(--linie);background:var(--flaeche);min-height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:15px;text-decoration:none;display:inline-flex}.knopf.klein{min-height:32px;padding:4px 10px;font-size:13px}.knopf.haupt{background:var(--haupt);color:var(--haupt-text);border-color:var(--haupt);font-weight:600}.link{color:var(--haupt);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.link.leise{color:var(--leise)}.chips{scrollbar-width:none;gap:6px;padding:4px 0 10px;display:flex;overflow-x:auto}.chip{border:1px solid var(--linie);background:var(--flaeche);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:6px 12px;font-size:13px}.chip.aktiv{background:var(--haupt);border-color:var(--haupt);color:var(--haupt-text)}.chip.klein{cursor:inherit;padding:1px 8px;font-size:12px}.chip.klein.rot{border-color:var(--nein);color:var(--nein)}.suchzeile input{border:1px solid var(--linie);width:100%;min-height:44px;font:inherit;background:var(--flaeche);color:var(--text);border-radius:12px;margin-bottom:8px;padding:8px 12px}.karten{margin:0;padding:0;list-style:none}.karte{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:var(--flaeche);border:1px solid var(--linie);box-shadow:var(--schatten);border-radius:16px;margin-bottom:10px;padding:12px 14px;display:block}.karte.papier{cursor:default}.karte-kopf{justify-content:space-between;align-items:center;gap:8px;display:flex}.karte-kopf strong{font-size:16px}.symbole{flex:none;font-size:14px}.vorschau{color:var(--leise);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px;display:-webkit-box;overflow:hidden}.punkte-vorschau{color:var(--text)}.karte-fuss{color:var(--leise);flex-wrap:wrap;gap:4px 10px;margin-top:8px;font-size:12px;display:flex}.fusszeile{text-align:center;color:var(--leise);margin:20px 0;font-size:13px}.schwebend{right:max(16px,50% - 304px);bottom:calc(80px + env(safe-area-inset-bottom));background:var(--haupt);width:56px;height:56px;color:var(--haupt-text);cursor:pointer;z-index:900;border:0;border-radius:50%;font-size:28px;position:fixed;box-shadow:0 4px 14px #0003}.editor{padding-bottom:24px}.editor-leiste{background:var(--grund);z-index:10;align-items:center;gap:8px;margin-bottom:8px;padding:6px 0;display:flex;position:sticky;top:0}.editor-leiste .rechts{gap:4px;display:flex}.symbol{min-width:40px;height:40px;font:inherit;cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;border-radius:12px;font-size:18px}.symbol.mit-text{border-color:var(--linie);background:var(--flaeche);padding:0 10px;font-size:14px}.symbol.aktiv{background:color-mix(in srgb, var(--gold) 20%, transparent)}.symbol:disabled{opacity:.6;cursor:default}.titel-eingabe{width:100%;color:var(--text);font:inherit;background:0 0;border:0;padding:6px 0;font-size:24px;font-weight:700}.titel-eingabe:focus,.text-eingabe:focus,.punkt-text:focus,.tag-eingabe:focus,.punkt-neu input:focus{outline:none}.tags{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.tag-eingabe{color:var(--text);font:inherit;background:0 0;border:0;width:90px;padding:6px 4px;font-size:13px}.checkliste{background:var(--flaeche);border:1px solid var(--linie);border-radius:16px;margin-bottom:14px;padding:4px 12px}.checkliste ul{margin:0;padding:0;list-style:none}.punkt{border-bottom:1px solid var(--linie)}.punkt-zeile{align-items:center;gap:10px;min-height:46px;display:flex}.kasten{width:22px;height:22px;accent-color:var(--haupt);flex:none;margin:0}.leer-kasten{color:var(--leise);place-items:center;font-size:18px;display:grid}.punkt-text{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;flex:1;padding:8px 0;font-size:16px}.ist-erledigt .punkt-text{color:var(--leise);text-decoration:line-through}.ist-spaet .punkt-text{color:var(--nein)}.punkt-meta{cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:4px;min-height:40px;padding:6px 2px;display:flex}.punkt-details{color:var(--leise);flex-wrap:wrap;align-items:end;gap:10px 14px;padding:4px 0 12px 32px;font-size:13px;display:flex}.punkt-details label{flex-direction:column;gap:4px;display:flex}.punkt-details select,.punkt-details input{font:inherit;color:var(--text);background:var(--grund);border:1px solid var(--linie);border-radius:10px;padding:6px 8px;font-size:15px}.punkt-neu{align-items:center;gap:10px;min-height:46px;display:flex}.punkt-neu input{color:var(--text);font:inherit;background:0 0;border:0;flex:1;padding:8px 0;font-size:16px}.erledigt{border-top:1px dashed var(--linie)}.checkliste-fuss{justify-content:space-between;gap:12px;padding:10px 0;font-size:13px;display:flex}.entfernt li{color:var(--leise);align-items:center;gap:12px;padding:6px 0;font-size:14px;display:flex}.entfernt li span{flex:1;text-decoration:line-through}.werkzeuge{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.werkzeuge button{border:1px solid var(--linie);background:var(--flaeche);min-height:36px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:4px 10px;font-size:14px}.werkzeuge button.aktiv{background:var(--haupt);color:var(--haupt-text);border-color:var(--haupt)}.text-eingabe{resize:vertical;border:1px solid var(--linie);background:var(--flaeche);width:100%;min-height:40vh;color:var(--text);font:inherit;border-radius:14px;padding:12px;font-size:16px;line-height:1.5}.markdown{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;min-height:20vh;padding:4px 14px}.markdown h1,.markdown h2,.markdown h3{margin:12px 0 6px}.todo-gruppe{margin-bottom:18px}.todo-gruppe h2{text-transform:uppercase;letter-spacing:.04em;color:var(--leise);margin-bottom:6px;font-size:14px}.todo-gruppe h2.rot{color:var(--nein)}.todo-gruppe ul{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;margin:0;padding:0;list-style:none}.todo{align-items:center;gap:12px;padding:8px 12px;display:flex}.todo+.todo{border-top:1px solid var(--linie)}.todo-text{text-align:left;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;padding:4px 0;display:flex}.dialog-hintergrund{z-index:3000;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog{background:var(--flaeche);width:100%;max-width:640px;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto}.dialog h2{margin-bottom:12px;font-size:18px}.fassungen{margin:0 0 16px;padding:0;list-style:none}.fassungen li{border-bottom:1px solid var(--linie);padding:8px 0}.fassung-text{white-space:pre-wrap;font:inherit;background:var(--grund);border-radius:10px;max-height:40vh;padding:10px;font-size:14px;overflow:auto}.kopf-links{align-items:center;gap:10px;min-width:0;display:flex}basis-heim{color:var(--haupt)}basis-heim:not(:defined) a{color:var(--haupt);font-size:14px}.meta-leer{opacity:.35;filter:grayscale();padding:0 2px;font-size:15px}.punkt-meta:hover .meta-leer,.punkt-meta:focus-visible .meta-leer{opacity:.8}.ist-erledigt .meta-leer{display:none}.todo-kopf{justify-content:space-between;align-items:center;gap:8px;display:flex}.todo-formular{background:var(--flaeche);border:1px solid var(--linie);color:var(--leise);border-radius:14px;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px;font-size:13px;display:flex}.todo-formular label{flex-direction:column;gap:4px;display:flex}.todo-formular input,.todo-formular select{font:inherit;color:var(--text);background:var(--grund);border:1px solid var(--linie);border-radius:10px;min-width:0;padding:8px 10px;font-size:16px}.todo-formular .zeile{gap:10px;display:flex}.todo-formular .zeile>label{flex:1}.todo-formular .knoepfe{justify-content:flex-end;gap:8px;display:flex}