.lupe{cursor:zoom-in;display:block}.lupe:hover img{filter:brightness(.94)}.lupe-fenster{background:#1c1b1a;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:none;padding:0;overflow:hidden}.lupe-fenster[open]{grid-template-rows:minmax(0,1fr) auto;place-items:center;display:grid}.lupe-fenster::backdrop{background:#1c1b1aed}.lupe-bild{cursor:zoom-out;place-items:center;width:100%;height:100%;min-height:0;display:grid}.lupe-fenster img{object-fit:contain;background:#fff;width:auto;max-width:96vw;height:auto;max-height:calc(100dvh - 5.5rem)}.lupe-fenster p{color:#fff;align-items:center;gap:1.5rem;padding:.7rem 1rem;display:flex}.lupe-fenster a{color:#fff;text-decoration-color:#fff}.lupe-fenster a:hover{color:#fff;text-decoration-thickness:2.5px}.lupe-fenster button{font:600 1rem/1.3 var(--text);color:var(--schwarz);cursor:pointer;background:#fff;border:0;border-radius:999px;min-height:2.75rem;padding:.6rem 1.3rem}.lupe-fenster :focus-visible{outline-color:#fff}.kopfteil{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch;display:grid}.kopfteil h1{font-size:clamp(2.6rem,1rem + 3.9vw,4.5rem)}.kopfteil>div{padding:clamp(2rem, 5vw, 5rem) clamp(1.5rem, 4vw, 4.5rem) clamp(2rem, 5vw, 4.5rem) var(--mass);align-self:center}.kopfteil>img{object-fit:cover;width:100%;height:100%;min-height:22rem;max-height:46rem}.kopfteil.ohne-foto{grid-template-columns:1fr}.kopfteil.ohne-foto>div{max-width:60rem;padding-bottom:0}.aus{margin-top:1rem;font-size:1.25rem}.fakten{border-block:1.5px solid var(--schwarz);flex-wrap:wrap;gap:.9rem 2.2rem;margin:1.6rem 0 0;padding:1rem 0;display:flex}.fakten dt{color:var(--grau);font-size:.9375rem}.fakten dd{margin:0;font-weight:600}.geschichte{max-width:34em}.vorspann,.geschichte.beginnt-gross>p:first-child{font-size:clamp(1.15rem,1rem + .5vw,1.35rem);line-height:1.5}.vorspann{max-width:30em;margin-top:1.4rem;font-weight:500}.geschichte p{margin-top:1.3rem}.rezept .geschichte h2{letter-spacing:-.015em;margin-top:2rem;font-size:1.4rem}.geschichte h2+p{margin-top:.6rem}.geschichte :is(ul,ol){margin:.8rem 0 0;padding-left:1.3rem}.zweispalter{padding:clamp(2.5rem, 6vw, 5rem) var(--mass) 0;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,5vw,5.5rem);display:grid}.rezept h2{font-size:clamp(1.9rem,1rem + 2vw,2.75rem)}.zutatenkasten{background:var(--leinen)}.zutatenkasten .innen{padding:clamp(1.2rem,2.5vw,2rem) clamp(1.1rem,2.5vw,2rem) clamp(1.4rem,2.5vw,2rem)}.rechner{flex-wrap:wrap;align-items:center;gap:.4rem;margin:1rem 0 .6rem;font-size:1rem;display:flex}.rechner button{font:inherit;color:var(--schwarz);background:var(--weiss);border:1.5px solid var(--faden);cursor:pointer;border-radius:999px;min-height:2.75rem;padding:.3rem .9rem;font-weight:500;transition:border-color .2s}.rechner button:hover{border-color:var(--rot)}.rechner button[aria-pressed=true]{background:var(--schwarz);border-color:var(--schwarz);color:#fff}.rechner span{color:var(--grau);margin-left:.3rem}.zutatenkasten h3{letter-spacing:-.01em;color:var(--rot-tief);margin-top:1.4rem;font-size:1.125rem}.zutaten{margin:.3rem 0 0;padding:0;list-style:none}.zutaten li{border-bottom:1px solid var(--faden)}.zutaten label{cursor:pointer;grid-template-columns:1.35rem 6.6rem 1fr;align-items:baseline;column-gap:.7rem;padding:.55rem 0;line-height:1.4;display:grid}.zutaten input{appearance:none;border:1.5px solid var(--schwarz);background:var(--weiss);cursor:pointer;border-radius:3px;width:1.15rem;height:1.15rem;margin:0;translate:0 .15rem}.zutaten input:checked{border-color:var(--rot);background:var(--rot) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4.5 8-10' fill='none' stroke='%23fff' stroke-width='2.6'/%3E%3C/svg%3E") center / 100% no-repeat}.zutaten label:has(input:checked) :is(.was,.wieviel){color:var(--grau);text-decoration:line-through}.wieviel{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.schritte{counter-reset:schritt;max-width:40em;margin:1.2rem 0 0;padding:0;list-style:none}.schritte li{counter-increment:schritt;border-top:1px solid var(--faden);grid-template-columns:2.6rem 1fr;align-items:baseline;column-gap:.8rem;padding:1rem 0;display:grid}.schritte li:before{content:counter(schritt);font:800 1.9rem/1 var(--titel);color:var(--rot);font-variant-numeric:tabular-nums}.schritte b{font-weight:700}.film{max-width:17rem;margin:1rem 0 .4rem}.film video{background:var(--leinen);width:100%;height:auto;display:block}.film figcaption{color:var(--grau);margin-top:.5rem;font-size:1rem}.bilder{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-width:40em;margin:2rem 0 0;padding:0;list-style:none;display:grid}.bilder figure{margin:0}.bilder img{width:100%}.bilder figcaption{color:var(--grau);margin-top:.5rem;font-size:1rem}.original{margin:clamp(3.5rem, 7vw, 6rem) var(--mass) 0;border-top:2px solid var(--schwarz);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);padding-top:clamp(2rem,4vw,3.5rem);display:grid}.original.ohne{grid-template-columns:1fr}.original>.lupe{justify-self:start}.original>.lupe img{border:1px solid var(--faden);width:auto;max-height:60rem}.original .klein{font-size:1rem}.seiten{flex-wrap:wrap;gap:1rem;margin:1.4rem 0 0;padding:0;list-style:none;display:flex}.seiten figure{width:10rem;margin:0}.seiten img{aspect-ratio:3/4;object-fit:cover;object-position:top;border:1px solid var(--faden);width:100%}.seiten figcaption{color:var(--grau);margin-top:.4rem;font-size:.9375rem}.original p{max-width:30em;margin-top:.9rem;font-size:1.2rem}.rezeptfuss{margin:clamp(2.5rem, 5vw, 4rem) var(--mass) 0;color:var(--grau);font-size:1rem}.rezeptfuss p+p{margin-top:.3rem}.mehr{margin-top:clamp(3rem,6vw,5rem)}.mehr .kopfzeile h2{font-size:clamp(1.9rem,1rem + 2vw,2.75rem)}@media (width>=901px){.zutatenkasten.haftet{position:sticky;top:1rem}}@media (width<=900px){.kopfteil{grid-template-columns:1fr}.kopfteil>img{aspect-ratio:4/3;order:-1;min-height:0}.kopfteil>div{padding-right:var(--mass)}.zweispalter{grid-template-columns:1fr}.zutatenkasten{margin-inline:calc(var(--mass) * -1)}.zutatenkasten .innen{padding-inline:var(--mass)}.zutaten label{grid-template-columns:1.35rem 6.4rem 1fr}.original,.bilder{grid-template-columns:1fr}}