:root{--papier: #fbf8f4;--karte: #ffffff;--tinte: #2b2622;--tinte-leise: #6f6459;--linie: #e6ded4;--akzent: #8a5a3b;--akzent-hell: #f3e7dd;--gruen: #4a6b45;--rot: #a63d2f;--rundung: 12px;--schatten: 0 1px 2px rgba(43, 38, 34, .06), 0 4px 12px rgba(43, 38, 34, .05);color-scheme:light}*{box-sizing:border-box}html,body,#wurzel{height:100%}body{margin:0;background:var(--papier);color:var(--tinte);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.65;-webkit-text-size-adjust:100%}h1,h2,h3{line-height:1.2;margin:0 0 .4em;font-weight:650}h1{font-size:1.8rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .8em}a{color:var(--akzent)}.rahmen{max-width:1000px;margin:0 auto;padding:0 16px 96px}.kopfleiste{position:sticky;top:0;z-index:20;background:#fbf8f4eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--linie);padding:env(safe-area-inset-top) 0 0}.kopfleiste-inhalt{max-width:1000px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px}.marke{font-weight:700;font-size:1.05rem;color:var(--akzent);text-decoration:none;white-space:nowrap}.schub{margin-left:auto}button,.knopf{font:inherit;border:1px solid var(--linie);background:var(--karte);color:var(--tinte);padding:10px 16px;border-radius:var(--rundung);cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .12s,border-color .12s}button:hover,.knopf:hover{background:#f6f1ea}button:disabled{opacity:.5;cursor:not-allowed}.knopf-haupt,button.haupt{background:var(--akzent);border-color:var(--akzent);color:#fff}.knopf-haupt:hover,button.haupt:hover{background:#75492e}button.leise{border-color:transparent;background:transparent}button.gefahr{color:var(--rot);border-color:#e8cdc8}input,textarea,select{font:inherit;color:inherit;width:100%;padding:10px 12px;border:1px solid var(--linie);border-radius:var(--rundung);background:var(--karte);min-height:44px}input:focus,textarea:focus,select:focus{outline:2px solid var(--akzent);outline-offset:1px;border-color:var(--akzent)}textarea{min-height:90px;resize:vertical}label{display:block;font-size:.85rem;color:var(--tinte-leise);margin-bottom:4px}.feldgruppe{margin-bottom:14px}.reihe{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.reihe>*{flex:1 1 140px;min-width:0}.karte{background:var(--karte);border:1px solid var(--linie);border-radius:var(--rundung);box-shadow:var(--schatten);padding:16px;margin-bottom:16px}.gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.rezeptkachel{background:var(--karte);border:1px solid var(--linie);border-radius:var(--rundung);overflow:hidden;box-shadow:var(--schatten);text-decoration:none;color:inherit;display:flex;flex-direction:column}.rezeptkachel:hover{border-color:var(--akzent)}.rezeptkachel img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--akzent-hell)}.rezeptkachel .kein-bild{aspect-ratio:4/3;display:grid;place-items:center;background:var(--akzent-hell);color:var(--akzent);font-size:2rem}.rezeptkachel .text{padding:12px 14px}.rezeptkachel h3{margin-bottom:4px}.beiwerk{color:var(--tinte-leise);font-size:.85rem}.schlagworte{display:flex;flex-wrap:wrap;gap:6px}.schlagwort{font-size:.8rem;padding:4px 10px;border-radius:999px;background:var(--akzent-hell);color:var(--akzent);border:1px solid transparent;white-space:nowrap}.schlagwort.merkmal{background:#eaf0e7;color:var(--gruen)}button.schlagwort{min-height:32px;padding:4px 12px}button.schlagwort[aria-pressed=true]{background:var(--akzent);color:#fff}button.schlagwort.merkmal[aria-pressed=true]{background:var(--gruen);color:#fff}.zutatenliste{list-style:none;padding:0;margin:0}.zutatenliste li{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--linie)}.zutatenliste li:last-child{border-bottom:0}.menge{flex:0 0 110px;font-variant-numeric:tabular-nums;font-weight:600;text-align:right;white-space:nowrap}.zutatenliste .zusatz{color:var(--tinte-leise)}.schrittliste{list-style:none;counter-reset:schritt;padding:0;margin:0}.schrittliste li{counter-increment:schritt;display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--linie)}.schrittliste .absatz{margin:0 0 .55em;line-height:1.8}.schrittliste .absatz:last-child{margin-bottom:0}.schrittliste li{padding:16px 0}.schrittliste li:before{content:counter(schritt);flex:0 0 30px;height:30px;border-radius:50%;background:var(--akzent-hell);color:var(--akzent);display:grid;place-items:center;font-weight:700;font-size:.9rem}.portionen{display:flex;align-items:center;gap:8px}.portionen button{width:44px;padding:0;font-size:1.3rem}.portionen .zahl{min-width:3.5ch;text-align:center;font-weight:700;font-size:1.15rem}.meldung{padding:12px 14px;border-radius:var(--rundung);margin-bottom:16px}.meldung.fehler{background:#fbeae7;color:var(--rot);border:1px solid #f0cdc6}.meldung.hinweis{background:var(--akzent-hell);color:var(--akzent)}.meldung.erfolg{background:#eaf0e7;color:var(--gruen)}.leer{text-align:center;padding:60px 20px;color:var(--tinte-leise)}.kochansicht{position:fixed;inset:0;background:var(--papier);z-index:50;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.kochansicht .kochkopf{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--linie)}.kochansicht .kochkoerper{flex:1;display:grid;grid-template-columns:minmax(240px,1fr) 2fr;gap:0;overflow:hidden}.kochansicht .kochzutaten{border-right:1px solid var(--linie);overflow-y:auto;padding:20px;background:#fdfbf8}.kochansicht .kochschritt{overflow-y:auto;padding:32px 40px;display:flex;flex-direction:column;justify-content:center}.kochansicht .kochschritt .nummer{color:var(--akzent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.kochansicht .kochschritt .text{font-size:clamp(1.2rem,2.2vw,1.7rem);margin:12px 0 24px}.kochansicht .kochschritt .text .absatz{margin:0 0 .7em;line-height:1.5}.kochansicht .kochschritt .text .absatz:last-child{margin-bottom:0}.kochansicht .kochfuss{display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--linie)}.kochansicht .kochfuss button{min-height:56px;font-size:1.05rem}.kochansicht .abgehakt{opacity:.45;text-decoration:line-through}@media(max-width:760px){.kochansicht .kochkoerper{grid-template-columns:1fr}.kochansicht .kochzutaten{display:none}}@media print{@page{size:A4;margin:16mm}body{background:#fff;font-size:11pt}.kopfleiste,.nicht-drucken,button{display:none!important}.rahmen{max-width:none;padding:0}.karte{border:0;box-shadow:none;padding:0;margin:0 0 10mm;page-break-inside:avoid}.druckkopf{display:block!important;border-bottom:1.5pt solid #000;padding-bottom:4mm;margin-bottom:6mm}.zutatenliste li,.schrittliste li{page-break-inside:avoid;border-color:#ddd}.schlagwort{border:1pt solid #999;background:none!important;color:#000!important}a{color:#000;text-decoration:none}.druck-zweispaltig{column-count:2;column-gap:10mm}}.druckkopf{display:none}.zeile-mit-loeschen{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}.zeile-mit-loeschen>.felder{flex:1;display:flex;gap:8px;flex-wrap:wrap}.zeile-mit-loeschen>.felder>*{flex:1 1 110px;min-width:0}.zeile-mit-loeschen button{flex:0 0 auto;min-width:44px}.laden{text-align:center;padding:40px;color:var(--tinte-leise)}.bildstreifen{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.bildstreifen img{height:110px;border-radius:8px;border:1px solid var(--linie)}.vergleich{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.vergleich>div{background:var(--akzent-hell);border-radius:10px;padding:10px 12px}.vergleich p{margin:4px 0 0;white-space:pre-line}.vergleich .zutatenliste li{padding:3px 0}.vergleich .anders{font-weight:600;color:var(--akzent)}@media(max-width:640px){.vergleich{grid-template-columns:1fr}}.sternwahl .schlagwort{font-size:1.5rem;line-height:1;min-width:52px;min-height:48px}.wochenplan{border:1px solid var(--linie);border-radius:var(--rundung);overflow:hidden;background:var(--karte);box-shadow:var(--schatten)}.planzeile{display:grid;grid-template-columns:120px repeat(4,1fr);border-top:1px solid var(--linie)}.planzeile:first-child{border-top:0}.plankopf{background:var(--akzent-hell);font-size:.85rem;font-weight:600;color:var(--tinte-leise)}.plankopf .planspalte{padding:8px 12px}.planzeile.heute{background:var(--akzent-hell)}.planzeile.heute .plantag{box-shadow:inset 3px 0 0 var(--akzent)}.plantag{padding:12px;display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--linie)}.planzelle{padding:8px;border-right:1px solid var(--linie);min-height:76px;display:flex;flex-direction:column;gap:6px}.planzelle:last-child{border-right:0}.planzelle.zielt{cursor:pointer;outline:2px dashed var(--linie);outline-offset:-5px}.planzelle.zielt:hover{outline-color:var(--akzent);background:var(--akzent-hell)}.plangericht{background:var(--papier);border:1px solid var(--linie);border-radius:8px;padding:7px 9px;font-size:.92rem}.plangericht.im-griff{border-color:var(--akzent);box-shadow:0 0 0 2px var(--akzent-hell)}.plangericht .kopf{display:flex;gap:6px;align-items:flex-start}.plangericht .kopf>:first-child{flex:1}.plangericht .kopf a{text-decoration:none}.plangericht .kopf a:hover{text-decoration:underline}.plangericht .kopf button{flex:0 0 auto;min-height:26px;padding:0 6px;line-height:1}.planwerkzeuge{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--linie)}.planwerkzeuge button{min-height:32px;padding:0 8px}.planwerkzeuge .portionen button{min-width:32px}.planplus{align-self:flex-start;min-height:34px;min-width:40px;padding:0;border-style:dashed;border-color:var(--linie);background:none;color:var(--tinte-leise);opacity:.3}.planzelle:hover .planplus,.planplus:focus-visible{opacity:1}.mahlzeitname{display:none}@media(max-width:820px){.plankopf{display:none}.planzeile{grid-template-columns:1fr;padding-bottom:6px}.plantag{flex-direction:row;gap:8px;align-items:baseline;border-right:0;border-bottom:1px solid var(--linie);background:var(--akzent-hell)}.planzelle{border-right:0;min-height:0;padding:6px 12px}.mahlzeitname{display:block;font-size:.8rem;font-weight:600;color:var(--tinte-leise)}}.ueberlagerung{position:fixed;inset:0;background:#2b262273;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:50}.auswahlfenster{background:var(--karte);border-radius:var(--rundung);padding:16px;width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;box-shadow:0 12px 40px #2b262240}.auswahlliste{overflow-y:auto;margin-top:4px}.auswahlzeile{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--linie);border-radius:0;padding:8px 4px;min-height:56px}.auswahlzeile:hover{background:var(--akzent-hell)}.auswahlzeile img,.auswahlzeile .kein-bild{width:56px;min-width:56px;max-width:56px;height:42px;flex:0 0 56px;object-fit:cover;border-radius:6px;display:grid;place-items:center;background:var(--akzent-hell)}@media print{.wochenplan{box-shadow:none}.planzelle{min-height:0}.plangericht{background:none}}.zettel{columns:2;column-gap:28px;background:var(--karte);border:1px solid var(--linie);border-radius:var(--rundung);padding:16px 20px;box-shadow:var(--schatten)}.zettelbereich{break-inside:avoid;page-break-inside:avoid;display:inline-block;width:100%;margin-bottom:16px}.zettelbereich h3{margin:0 0 4px;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tinte-leise);border-bottom:1px solid var(--linie);padding-bottom:3px}@media(max-width:720px){.zettel{columns:1;padding:12px 14px}}.einkaufsliste{list-style:none;padding:0;margin:0}.einkaufsliste li{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;padding:5px 0;cursor:pointer}.postenkern{flex:1;min-width:0}.postenzeile{display:flex;gap:8px;align-items:baseline}.postenzeile .was{flex:1}.postenzeile .marke{color:var(--akzent)}.postenfuss{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.einkaufsliste li.erledigt{opacity:.45}.einkaufsliste li.erledigt .postenzeile{text-decoration:line-through}.einkaufsliste li.wahlweise .postenzeile{font-style:italic}.einkaufsliste li.wahlweise .was{color:var(--tinte-leise)}.einkaufsliste .haken{flex:0 0 auto;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border-radius:6px;font-size:1rem;line-height:1;color:var(--gruen)}.einkaufsliste li.erledigt .haken{background:var(--gruen);border-color:var(--gruen);color:#fff}.einkaufsliste li>button:last-of-type{flex:0 0 auto;min-height:28px;padding:0 6px;line-height:1}.einkaufsliste .menge{flex:0 0 auto;min-width:76px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.postenwerkzeuge{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0 4px;border-top:1px dashed var(--linie)}.postenwerkzeuge button{min-height:32px;padding:0 10px}.ankreuz{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--tinte-leise);cursor:pointer;margin:0}.ankreuz input{width:20px;height:20px;margin:0}.vorschlaege{border:1px solid var(--linie);border-radius:8px;margin-top:6px;overflow:hidden}.vorschlag{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;background:none;border:0;border-radius:0;border-top:1px solid var(--linie);padding:8px 10px;min-height:44px}.vorschlag:first-child{border-top:0}.vorschlag:hover{background:var(--akzent-hell)}.markenwahl{margin-top:12px;padding-top:10px;border-top:1px solid var(--linie)}@media print{.zettel{box-shadow:none;border:0;padding:0}.einkaufsliste li.erledigt{display:none}.einkaufsliste li{cursor:auto;padding:3px 0}.einkaufsliste .haken{background:none;color:transparent;border:1px solid #999}.postenfuss{display:none}}.hauptnavigation{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.hauptnavigation::-webkit-scrollbar{display:none}.hauptnavigation>*{flex:0 0 auto}@media(max-width:700px){.kopfleiste-inhalt{gap:8px;padding:8px 12px}.marke{font-size:.95rem}}.posteingang{display:flex;flex-direction:column;gap:12px}.postkarte{display:flex;gap:14px;background:var(--karte);border:1px solid var(--linie);border-radius:var(--rundung);box-shadow:var(--schatten);padding:12px}.postkarte>img,.postkarte .kein-bild{flex:0 0 116px;width:116px;height:116px;border-radius:8px;object-fit:cover;background:var(--akzent-hell)}.postkarte .kein-bild{display:grid;place-items:center;color:var(--akzent);font-size:1.8rem}.postkarte .text{flex:1;min-width:0}.postkarte h3{margin-bottom:2px}.postkarte h3 a{text-decoration:none;color:inherit}.postkarte h3 a:hover{color:var(--akzent)}.postkarte .auszug{margin:6px 0 0;color:var(--tinte-leise);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.postkarte .reihe{margin-top:10px}@media(max-width:560px){.postkarte{flex-direction:column}.postkarte>img,.postkarte .kein-bild{width:100%;height:150px;flex:none}}.quellenliste{list-style:none;padding:0;margin:0}.quellenliste li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--linie)}.quellenliste li:last-child{border-bottom:0}.quellenliste li.still .name{opacity:.5}.quellenliste .name{flex:1 1 220px;min-width:0}.quellenliste .name strong{display:block}.seitenkopf{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.seitenkopf h1{flex:1 1 auto;margin-bottom:0}.seitenkopf>button{flex:0 0 auto}.postkarte .reihe>*{flex:0 1 auto}.bildwahl{flex:0 0 auto;padding:0;min-height:0;overflow:hidden;border:2px solid var(--linie);border-radius:8px;background:var(--karte)}.bildwahl img{display:block;height:110px;border:0;border-radius:0}.bildwahl[aria-pressed=true]{border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-hell)}.bildwahl.ohne{width:92px;height:110px;padding:0 8px;font-size:.8rem;color:var(--tinte-leise);text-align:center}.bildwahl.ohne[aria-pressed=true]{background:var(--akzent-hell);color:var(--akzent)}