*{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}