*{box-sizing:border-box}body{color:#222;background:#f6f5f2;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.kopfzeile{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.wortmarke{color:#222;font-size:1.1rem;font-weight:700;text-decoration:none}.kopfzeile-rechts{align-items:center;gap:.75rem;display:flex}.inhalt{max-width:40rem;margin:2rem auto;padding:0 1rem}.karte{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem}.karte.schmal{max-width:26rem;margin:0 auto}h1{margin-top:0;font-size:1.4rem}h2{margin-top:1.5rem;font-size:1.05rem}form{flex-direction:column;gap:.9rem;display:flex}label{flex-direction:column;gap:.3rem;font-weight:600;display:flex}input{font:inherit;border:1px solid #bbb;border-radius:6px;padding:.55rem .7rem}input:focus-visible,button:focus-visible,a:focus-visible{outline-offset:1px;outline:3px solid #2b6cb0}.knopf{font:inherit;color:#fff;cursor:pointer;background:#2b6cb0;border:none;border-radius:6px;align-self:flex-start;padding:.55rem 1rem;font-weight:600}.knopf:disabled{opacity:.6;cursor:default}.knopf-leise{color:#2b6cb0;background:0 0;border:1px solid #2b6cb0}.liste{margin:0;padding:0;list-style:none}.liste li{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.abzeichen{color:#2b6cb0;background:#eef2f7;border-radius:999px;margin-left:.5rem;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.hinweis{color:#555;font-size:.9rem}.fehler{color:#9b2c2c;background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;padding:.6rem .8rem}.einladungs-kasten{background:#f0f4f8;border-radius:6px;flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:.9rem;padding:.9rem;display:flex}.einladungs-kasten code{word-break:break-all;font-size:.85rem}.brotkrumen{margin:0 0 .5rem;font-size:.9rem}.brotkrumen a{color:#2b6cb0;text-decoration:none}.titel-zeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.titel-zeile h1,.titel-zeile h2{margin:0}.titel-aktionen{gap:.5rem;display:flex}.zeilen-formular{flex-flow:wrap;align-items:center;gap:.5rem;margin:.9rem 0}.zeilen-formular input{flex:10rem;min-width:0}.zeilen-formular .feld-menge{flex:0 6.5rem}.zeilen-formular .knopf{align-self:auto}.eintrag{cursor:pointer;flex-direction:row;align-items:center;gap:.6rem;min-width:0;font-weight:400}.eintrag input[type=checkbox]{accent-color:#2b6cb0;flex-shrink:0;width:1.25rem;height:1.25rem}.eintrag span{overflow-wrap:anywhere}.menge{color:#555;font-size:.9em}.eintrag-aktionen{flex-shrink:0;gap:.4rem;display:flex}.knopf-klein{color:#2b6cb0;background:0 0;border:1px solid #cbd5e0;padding:.25rem .6rem;font-size:.85rem;font-weight:500}.liste li.erledigt .eintrag span{color:#777;text-decoration:line-through}.liste li.erledigt .menge{text-decoration:line-through}.gruppen-titel{text-transform:uppercase;letter-spacing:.05em;color:#555;border-bottom:1px solid #e5e5e5;margin:1.2rem 0 .2rem;padding-bottom:.2rem;font-size:.85rem}.kacheln{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem;display:flex}.kachel{font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e0;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;width:5.2rem;padding:.5rem .3rem;display:flex}.kachel:hover{border-color:#2b6cb0}.kachel img{object-fit:cover;border-radius:6px;width:3rem;height:3rem}.kachel-buchstabe{color:#2b6cb0;background:#eef2f7;border-radius:6px;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.3rem;font-weight:700;display:flex}.kachel-buchstabe.klein{flex-shrink:0;width:2rem;height:2rem;font-size:.9rem}.kachel-name{text-align:center;overflow-wrap:anywhere;font-size:.78rem;line-height:1.2}.eintrag-abhaken{font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:.6rem;min-width:0;padding:.35rem 0;display:flex}.kaestchen{border:2px solid #2b6cb0;border-radius:5px;flex-shrink:0;width:1.35rem;height:1.35rem}.eintrag-abhaken:hover .kaestchen{background:#dbeafe}.eintrag-bild{object-fit:cover;border-radius:5px;flex-shrink:0;width:2rem;height:2rem}.eintrag-text{overflow-wrap:anywhere;min-width:0}.eintrag-zusatz{color:#666;font-size:.78rem;display:block}.filterzeile{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.8rem 0;display:flex}.filterzeile input{flex:8rem}.filter-label{flex-direction:row;align-items:center;gap:.4rem;font-size:.9rem;font-weight:400}select{font:inherit;background:#fff;border:1px solid #bbb;border-radius:6px;padding:.5rem .6rem}.fusszeile{border-top:1px solid #e5e5e5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:.8rem;display:flex}.katalog-zeile{align-items:center;gap:.6rem;min-width:0;display:flex}.liste li.bearbeitung{background:#f7fafc;border-radius:8px;margin:.4rem 0;padding:.9rem;display:block}.bild-bereich{border-top:1px solid #e2e8f0;flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:.9rem;padding-top:.8rem;display:flex}.bild-vorschau{object-fit:cover;border:1px solid #cbd5e0;border-radius:8px;width:6rem;height:6rem}.erfolg{color:#22543d;background:#f0fff4;border:1px solid #9ae6b4;border-radius:6px;padding:.6rem .8rem}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:1.75rem;height:1.75rem}.avatar-leer{background:var(--tinte);color:#fff;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:inline-flex}.profil-link{color:inherit;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.profil-link:hover span:last-child{text-decoration:underline}.haushalt-karten{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.haushalt-karte{border:1px solid var(--linie);color:inherit;background:#fff;border-radius:.6rem;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.haushalt-karte:hover{border-color:var(--tinte)}.haushalt-karte img,.haushalt-karte-leer{object-fit:cover;width:100%;height:6rem}.haushalt-karte-leer{background:var(--sand,#f3efe7);color:var(--tinte);font-size:2rem;font-family:var(--serifen,Georgia, serif);justify-content:center;align-items:center;display:flex}.haushalt-karte-name{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:600;display:flex}.haushalt-kopf{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.haushalt-kopf h1{margin:0}.haushalt-bild{object-fit:cover;border-radius:.6rem;width:3.25rem;height:3.25rem}.werkzeug-kacheln{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem;display:grid}.werkzeug-kachel{border:1px solid var(--linie);color:inherit;background:#fff;border-radius:.6rem;flex-direction:column;gap:.25rem;padding:.9rem 1rem;text-decoration:none;display:flex}.werkzeug-kachel:hover{border-color:var(--tinte)}.werkzeug-titel{color:var(--tinte);font-weight:600}.datei-knopf{cursor:pointer;align-items:center;display:inline-flex;position:relative;overflow:hidden}.datei-knopf input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.unterbereich{border:1px solid var(--linie);border-radius:.6rem;margin:.75rem 0;padding:.9rem 1rem}.unterbereich h2{margin-top:0}.feldgruppe{border:1px solid var(--linie);border-radius:.5rem;margin:.5rem 0;padding:.6rem .8rem}.radio-zeile{align-items:center;gap:.5rem;margin:.35rem 0;font-weight:400;display:flex}.radio-zeile input{width:auto;margin:0}.feld-reihe{flex-wrap:wrap;gap:.75rem;display:flex}.feld-reihe label{flex:8rem}textarea{border:1px solid var(--linie);width:100%;font:inherit;resize:vertical;border-radius:.4rem;padding:.5rem .65rem}.ohne-linie{border-top:none;padding-top:0}.bild-vorschau.rund{object-fit:cover;border-radius:50%;width:6rem;height:6rem}.monat-navigation{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.monat-titel{text-align:center;min-width:9rem;font-weight:600}.farbpunkt{border-radius:50%;flex-shrink:0;width:.7rem;height:.7rem;display:inline-block}.termin-liste li{padding:0}.termin-zeile{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:baseline;gap:.6rem;padding:.55rem .25rem;display:flex}.termin-zeile:hover{background:var(--sand,#f7f4ee)}.termin-zeile .farbpunkt{align-self:center}.termin-zeit{color:var(--grau,#5c6b7a);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:5.5rem}.termin-text{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.gefahrenzone{background:#fbf6f5;border:1px solid #c9a19c;border-radius:.6rem;margin-top:1.25rem;padding:.9rem 1rem}.gefahrenzone h2{color:#8a3d34;margin-top:0}.knopf-gefahr{color:#fff;background:#8a3d34;border-color:#8a3d34}.knopf-gefahr:hover{background:#6f2f28}.einladung-anzeige{border:1px dashed var(--linie);border-radius:.6rem;padding:.75rem 1rem}.einladung-link{word-break:break-all;background:var(--sand,#f3efe7);border-radius:.4rem;margin:.5rem 0;padding:.5rem;display:block}