:root{--text:#2b2622;--leise:#7a716a;--bg:#faf7f2;--karte:#fff;--rand:#e6dfd5;--akzent:#c0562f;--akzent-hell:#f6e3d9;--fehler:#b3261e;--schatten:0 1px 2px #3c28140f, 0 4px 14px #3c28140f;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;font:17px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#f1ece6;--leise:#a69d95;--bg:#1b1917;--karte:#262320;--rand:#3a3531;--akzent:#e07a52;--akzent-hell:#46291d;--fehler:#f2b8b5;--schatten:0 1px 2px #0000004d}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--akzent)}h1{margin:0 0 6px;font-size:28px;line-height:1.2}h2{margin:0 0 10px;font-size:20px}h3{margin:0 0 4px;font-size:16px;line-height:1.3}p{margin:0 0 14px}.leise{color:var(--leise)}.klein{font-size:14px}.fehler{color:var(--fehler)}.hinweis{text-align:center;color:var(--leise);padding:40px 16px}.zusatz{color:var(--leise);font-weight:400}input{font:inherit;border:1px solid var(--rand);background:var(--bg);color:var(--text);border-radius:10px;padding:10px 12px}button{font:inherit;background:var(--akzent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:600}button:disabled{opacity:.45;cursor:default}button.schlicht{color:var(--akzent);background:0 0;padding:8px 6px;font-weight:500}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.mitte{justify-content:center;align-items:center;min-height:100svh;padding:16px;display:flex}.karte{background:var(--karte);border:1px solid var(--rand);border-radius:16px;width:100%;max-width:380px;padding:28px 24px}form{flex-direction:column;gap:14px;display:flex}label{flex-direction:column;gap:4px;font-size:15px;display:flex}.kopf{z-index:5;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rand);padding-top:env(safe-area-inset-top);position:sticky;top:0}.kopf-innen{align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:10px 16px;display:flex}.logo{color:var(--text);font-size:20px;font-weight:700;text-decoration:none}.suchfeld{background:var(--karte);flex:1;min-width:0}.inhalt{max-width:1100px;margin:0 auto;padding:16px 16px 30px}.pfad{color:var(--leise);margin-bottom:8px;font-size:14px}.abschnitt{margin:26px 0 12px}.filter{scrollbar-width:none;gap:8px;margin:0 -16px;padding:4px 16px 10px;display:flex;overflow-x:auto}.filter::-webkit-scrollbar{display:none}.chip{border:1px solid var(--rand);background:var(--karte);color:var(--text);border-radius:999px;flex:none;padding:7px 13px;font-size:15px;font-weight:500}.chip.aktiv{background:var(--akzent);border-color:var(--akzent);color:#fff}.trenner{background:var(--rand);flex:none;width:1px;margin:4px 2px}.raster{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.raster.kacheln{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.fusszeile{text-align:center;padding:0 16px calc(24px + env(safe-area-inset-bottom))}.foto{aspect-ratio:4/3;object-fit:cover;background:var(--akzent-hell);width:100%;display:block}.karte-rezept,.kachel{background:var(--karte);border:1px solid var(--rand);color:var(--text);box-shadow:var(--schatten);border-radius:14px;text-decoration:none;display:block;overflow:hidden}.karte-text{padding:10px 12px 12px}.karte-text p{margin:0}.marke{background:var(--akzent-hell);color:var(--text);border-radius:999px;margin-left:6px;padding:1px 8px;font-size:13px;display:inline-block}.marken .marke{margin:0 6px 6px 0;padding:3px 10px;font-size:14px}.kachel{position:relative}.kachel .foto{aspect-ratio:16/10}.kachel-text{flex-direction:column;padding:8px 12px 10px;line-height:1.3;display:flex}.kachel-text span{color:var(--leise);font-size:14px}.mehr{margin:22px auto 0;display:block}.rezept-kopf{gap:16px;margin-bottom:18px;display:grid}.rezept-kopf .foto{border-radius:16px}.naehrwerte{flex-wrap:wrap;gap:8px;margin:12px 0 8px;display:flex}.naehrwerte div{background:var(--karte);border:1px solid var(--rand);text-align:center;border-radius:12px;min-width:78px;padding:8px 12px}.naehrwerte dd{margin:0;font-size:18px;font-weight:700}.naehrwerte dt{color:var(--leise);font-size:12px}.einleitung{white-space:pre-line}.rezept-spalten{gap:24px;display:grid}.portionen{align-items:center;gap:10px;margin-bottom:10px;display:flex}.portionen strong{white-space:nowrap;text-align:center;min-width:108px}.portionen button:not(.schlicht){width:40px;height:40px;padding:0;font-size:22px;line-height:1}.zutaten{margin:0 0 12px;padding:0;list-style:none}.zutaten li{border-bottom:1px solid var(--rand);grid-template-columns:92px 1fr;gap:10px;padding:7px 0;display:grid}.zutaten .menge{text-align:right;font-weight:600}.zutaten .gruppe{grid-column:1/-1;padding-top:10px;font-weight:700}.schritte{counter-reset:schritt;margin:0 0 16px;padding-left:0;list-style:none}.schritte li{counter-increment:schritt;padding:0 0 14px 42px;position:relative}.schritte li:before{content:counter(schritt);background:var(--akzent-hell);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex;position:absolute;top:0;left:0}.kasten{background:var(--karte);border:1px solid var(--rand);border-left:4px solid var(--akzent);border-radius:12px;margin-bottom:14px;padding:12px 14px}.kasten p{margin:6px 0 0}.kasten summary{cursor:pointer;color:var(--akzent);margin:8px 0}.fuss{margin-top:24px}@media (width>=760px){.rezept-kopf{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}.rezept-spalten{grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:36px}.raster,.raster.kacheln{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.zeile{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.zeile h2{margin:0}button.zweit{background:var(--karte);color:var(--text);border:1px solid var(--rand)}.km{z-index:20;background:var(--bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;position:fixed;inset:0}.km-kopf{border-bottom:1px solid var(--rand);align-items:center;gap:10px;padding:10px 16px;display:flex}.km-zu{background:var(--karte);width:40px;height:40px;color:var(--text);border:1px solid var(--rand);border-radius:50%;flex:none;padding:0}.km-titel{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.km-timer{flex-wrap:wrap;gap:8px;padding:10px 16px 0;display:flex}.km-timer>div{background:var(--text);color:var(--bg);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-weight:700;display:flex}.km-timer small{opacity:.8;font-weight:500}.km-timer button{background:color-mix(in srgb, currentColor 22%, transparent);width:28px;height:28px;color:inherit;border-radius:50%;padding:0;font-size:13px}.km-timer .fertig{background:var(--akzent);color:#fff;animation:1s infinite km-blink}@keyframes km-blink{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.km-timer .fertig{animation:none}}.km-inhalt{flex:1;width:100%;max-width:760px;margin:0 auto;padding:20px 20px 12px;overflow-y:auto}.km-marke{color:var(--akzent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-size:14px;font-weight:700}.km-schritt{font-size:clamp(22px,5.4vw,30px);line-height:1.4}.km-zeiten{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.km-zutaten{margin:0 0 14px;padding:0;font-size:19px;list-style:none}.km-zutaten label{border-bottom:1px solid var(--rand);font-size:inherit;grid-template-columns:28px 96px 1fr;align-items:start;gap:10px;padding:11px 0;display:grid}.km-zutaten input{width:24px;height:24px;accent-color:var(--akzent);margin:2px 0 0;padding:0}.km-zutaten .menge{text-align:right;font-weight:600}.km-zutaten small{color:var(--leise)}.km-zutaten label:has(input:checked) span{opacity:.45;text-decoration:line-through}.km-punkte{flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 16px;display:flex}.km-punkte span{background:var(--rand);border-radius:50%;width:8px;height:8px}.km-punkte .durch{background:var(--akzent-hell)}.km-punkte .da{background:var(--akzent)}.km-fuss{gap:12px;width:100%;max-width:760px;margin:0 auto;padding:8px 16px 16px;display:flex}.km-fuss button{flex:1;padding:15px 16px;font-size:18px}textarea{font:inherit;border:1px solid var(--rand);background:var(--karte);width:100%;color:var(--text);resize:vertical;border-radius:10px;padding:10px 12px}.merker{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px;display:flex}.merker button.zweit{padding:8px 14px}.fav.an{background:var(--akzent-hell);border-color:var(--akzent)}.gekocht{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.karte-rezept{position:relative}.stern{color:#ffd166;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex;position:absolute;top:8px;right:8px}.notiz{max-width:640px;margin-top:28px}.notiz-knoepfe{gap:8px;margin:8px 0;display:flex}.meldung{border:1px solid var(--fehler);max-width:1100px;color:var(--fehler);background:var(--karte);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:10px auto 0;padding:8px 16px;display:flex}.schmal{max-width:460px}.block{border-top:1px solid var(--rand);margin-top:26px;padding-top:20px}.block input{background:var(--karte)}