:root {
--stein: #EDEDEA; --hell: #F6F6F3; --basalt: #34312F; --tinte: #262422; --grau: #5C5853; --linie: #CFCDC6; --blatt: #4E6E3E; --kerngruen: #93B548; --huelle: #C66F7B; --haut: #6F3A55; --strich: 1.5px;
--serif: "Young Serif", Georgia, serif;
--sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
--breite: 80rem;
--rand: 1rem;
--text: 42rem;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body.pcw {
margin: 0;
background: var(--stein);
color: var(--tinte);
font: 400 1.0625rem/1.6 var(--sans);
font-synthesis: none;
}
.pcw img, .pcw svg { display: block; max-width: 100%; }
.pcw img { height: auto; }
.pcw h1, .pcw h2, .pcw h3 { font-family: var(--serif); font-weight: 400; margin: 0; text-wrap: balance; }
.pcw h1 { font-size: 2rem; line-height: 1.1; }
.pcw h2 { font-size: 1.625rem; line-height: 1.15; }
.pcw h3 { font-size: 1.25rem; line-height: 1.25; }
.pcw h4 { font-size: 1.0625rem; margin: 1.25rem 0 .5rem; }
.pcw p { margin: 0 0 1rem; }
.pcw a { color: var(--blatt); text-decoration-thickness: 1px; text-underline-offset: .18em; }
.pcw a:hover { text-decoration-thickness: 2px; }
.pcw :focus-visible { outline: 3px solid var(--blatt); outline-offset: 2px; }
.pcw button, .pcw input { font: inherit; color: inherit; }
.unsichtbar, .pcw .screen-reader-text {
position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.sprung { position: absolute; left: var(--rand); top: -4rem; background: var(--tinte); color: var(--stein) !important; padding: .6rem 1rem; z-index: 100; }
.sprung:focus { top: .5rem; } .pcw #ez-toc-container, .pcw .shariff, .pcw .crp_related { display: none !important; } .z { overflow: visible; }
.z * { vector-effect: non-scaling-stroke; stroke-width: var(--strich); }
.f-huelle { fill: var(--huelle); }
.f-haut { fill: var(--haut); }
.f-kern { fill: var(--kerngruen); }
.f-schale { fill: var(--stein); } .kopf-innen {
max-width: var(--breite); margin: 0 auto; padding: 0 var(--rand);
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; min-height: 3.5rem;
}
.pcw .wortmarke { font-family: var(--serif); font-size: 1.375rem; color: var(--tinte); text-decoration: none; padding: .5rem 0; }
.menue-knopf {
display: none; min-height: 2.75rem; padding: 0 1rem; background: transparent;
border: var(--strich) solid var(--tinte); border-radius: 3px; font-weight: 500; cursor: pointer;
}
.pcw-nav { flex-basis: 100%; padding: 0 0 1rem; }
.nav-liste { list-style: none; margin: 0; padding: 0; }
.pcw .nav-liste a {
display: flex; align-items: center; min-height: 2.75rem; color: var(--tinte); text-decoration: none;
font-weight: 500; border-top: 1px solid var(--linie);
}
.pcw .nav-liste a:hover, .pcw .nav-liste a[aria-current="page"] { color: var(--blatt); }
.suche { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }
.suche input[type="search"] {
flex: 1; min-width: 0; min-height: 2.75rem; padding: 0 .75rem; background: var(--hell);
border: var(--strich) solid var(--tinte); border-radius: 3px;
}
.suche button {
min-height: 2.75rem; padding: 0 1rem; background: var(--tinte); color: var(--stein);
border: 0; border-radius: 3px; font-weight: 500; cursor: pointer;
}
.suche-label { flex-basis: 100%; font-weight: 600; }
.suche--seite { max-width: 34rem; margin: 1rem 0; }
@media (max-width: 63.99em) {
.js .menue-knopf { display: inline-flex; align-items: center; }
.js .pcw-nav:not(.offen) { display: none; }
} .weg-kopf { background: var(--basalt); color: var(--stein); }
.weg-kopf-innen { max-width: var(--breite); margin: 0 auto; padding: 1.75rem var(--rand) 2rem; }
.weg-kopf h1 { margin-bottom: .875rem; }
.einleitung { margin: 0; max-width: 34rem; }
.weg-kopf :focus-visible { outline-color: var(--stein); } .weg-innen { max-width: var(--breite); margin: 0 auto; padding: 0 var(--rand); }
.kette { padding: .75rem 0 1.5rem; }
.station { position: relative; }
.station::before {
content: ""; position: absolute; left: calc(2.25rem - var(--strich) / 2); top: 0; bottom: 0;
border-left: var(--strich) solid var(--tinte);
}
.station:first-child::before { top: 2.5rem; }
.station:last-child::before { bottom: auto; height: 2.5rem; }
.pcw .st-kopf { font-size: 1rem; }
.st-knopf {
display: grid; grid-template-columns: 4.5rem minmax(0, 1fr) auto; grid-template-rows: auto auto;
column-gap: .875rem; align-items: center; width: 100%; min-height: 5rem; padding: .5rem 0;
background: none; border: 0; text-align: left; cursor: pointer; position: relative; color: inherit;
}
span.st-knopf { cursor: default; }
.st-bild {
grid-column: 1; grid-row: 1 / span 2; justify-self: center; width: 4rem; height: 4rem;
position: relative; z-index: 1; background: var(--stein); border-radius: 50%;
transition: background-color .15s ease;
}
.st-name { grid-column: 2; align-self: end; font-family: var(--serif); font-size: 1.25rem; line-height: 1.2; }
.st-frage { grid-column: 2; align-self: start; font-family: var(--sans); font-size: .9375rem; line-height: 1.35; color: var(--grau); }
.js .st-knopf::after {
content: "+"; grid-column: 3; grid-row: 1 / span 2; width: 2rem; text-align: center;
font-size: 1.5rem; line-height: 1; color: var(--grau);
}
.js .station.offen .st-knopf::after { content: "\2212"; }
.st-knopf:hover .st-name { color: var(--blatt); }
.station.offen .st-bild { background: var(--kerngruen); }
.st-text { padding: 0 0 1.25rem 5.375rem; }
.st-text p { margin: 0 0 .5rem; max-width: 38rem; }
.st-links { list-style: none; margin: 0; padding: 0; }
.pcw .st-links a { display: flex; align-items: center; min-height: 2.75rem; padding: .3rem 0; line-height: 1.35; }
.js .st-text { display: none; }
.js .station.offen .st-text { display: block; } .abschnitt { padding: 2.5rem 0 1rem; }
.abschnitt-innen { max-width: var(--breite); margin: 0 auto; padding: 0 var(--rand); }
.abschnitt h2 { margin-bottom: .5rem; }
.abschnitt-satz { color: var(--grau); }
.sammelhinweis { font-size: .875rem; color: var(--grau); margin: .75rem 0 0; }
.abschnitt--fragen { border-top: var(--strich) solid var(--tinte); } .fragen { margin-top: 1rem; }
.frage { padding: 1rem 0 .5rem; border-top: 1px solid var(--linie); }
.pcw .frage h3 { font-size: 1.1875rem; }
.pcw .frage h3 a { color: var(--tinte); text-decoration-color: var(--blatt); }
.tendenz { font-family: var(--serif); font-size: 1.0625rem; margin: .375rem 0 .125rem !important; color: var(--blatt); }
.frage blockquote { margin: .25rem 0 0; }
.frage blockquote p { margin: 0 0 .5rem; } .art { margin: 1.75rem 0 0; }
.art h3 { padding-bottom: .25rem; }
.anzahl { font-family: var(--sans); font-size: .9375rem; color: var(--grau); }
.rz-liste { list-style: none; margin: .25rem 0 0; padding: 0; }
.pcw .rz {
display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); column-gap: .875rem; align-items: center;
min-height: 3.5rem; padding: .375rem 0; text-decoration: none; color: var(--tinte);
}
.rz-bild { width: 3.5rem; height: 3.5rem; object-fit: cover; background: var(--linie); }
.rz-bild--leer { display: block; }
.rz-titel { line-height: 1.35; }
.rz:hover .rz-titel { color: var(--blatt); text-decoration: underline; text-underline-offset: .18em; }
.rz-mehr summary {
display: flex; align-items: center; gap: .5rem; min-height: 2.75rem; cursor: pointer; list-style: none;
color: var(--blatt); font-weight: 500;
}
.rz-mehr summary::-webkit-details-marker { display: none; }
.rz-mehr summary::before { content: "+"; width: 3.5rem; text-align: center; font-size: 1.375rem; line-height: 1; color: var(--grau); }
.rz-mehr[open] summary::before { content: "\2212"; }
.rz-mehr .rz-liste { margin-top: 0; } .neu-liste { list-style: none; margin: 1rem 0 0; padding: 0; }
.pcw .neu {
display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); column-gap: 1rem; align-items: start;
padding: .75rem 0; border-top: 1px solid var(--linie); text-decoration: none; color: var(--tinte);
}
.neu-bild { width: 6.5rem; aspect-ratio: 300 / 224; object-fit: cover; background: var(--linie); }
.neu-bild--leer { display: block; }
.neu-titel { display: block; line-height: 1.35; font-weight: 500; }
.neu:hover .neu-titel { color: var(--blatt); text-decoration: underline; text-underline-offset: .18em; }
.neu-meta { display: block; font-size: .875rem; color: var(--grau); margin-top: .25rem; }
.neu-auszug { display: block; font-size: .9375rem; line-height: 1.5; margin-top: .375rem; } .kat-liste { list-style: none; margin: 1rem 0 0; padding: 0; }
.pcw .kat-liste a {
display: flex; flex-direction: column; justify-content: center; min-height: 3.75rem; padding: .625rem 0;
border-top: var(--strich) solid var(--tinte); text-decoration: none;
}
.kat-name { font-family: var(--serif); font-size: 1.375rem; line-height: 1.2; }
.kat-zahl { font-size: .875rem; color: var(--grau); }
.kat-liste a:hover .kat-name { text-decoration: underline; text-underline-offset: .18em; } .starttext { padding-bottom: 3rem; } .lesespalte > * { max-width: var(--text); }
.pcw-starttext h2 { margin: 2rem 0 .75rem; }
.pcw-starttext h3 { margin: 1.5rem 0 .5rem; }
.pcw-starttext ul { padding-left: 1.25rem; }
.stapel { width: 100%; border-collapse: collapse; margin: 1rem 0 1.5rem; font-size: 1rem; }
.stapel .tab-kopf { display: none; }
.stapel tr { display: block; padding: .625rem 0; border-top: 1px solid var(--linie); }
.stapel td { display: block; padding: .0625rem 0; }
.stapel td::before { content: attr(data-spalte) ": "; font-weight: 600; }
.stapel td:first-child { font-family: var(--serif); }
.stapel td:first-child::before { content: none; } .fuss { background: var(--basalt); color: var(--stein); margin-top: 2rem; }
.fuss-innen { max-width: var(--breite); margin: 0 auto; padding: 2rem var(--rand) 2.5rem; display: grid; gap: 1.25rem; }
.pcw .fuss a { color: var(--stein); }
.fuss :focus-visible { outline-color: var(--stein) !important; }
.fuss-marke { font-family: var(--serif); font-size: 1.375rem; margin: 0 0 .5rem !important; }
.fuss-links { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; column-gap: 1.5rem; }
.fuss-links a { display: inline-flex; align-items: center; min-height: 2.75rem; }
.fuss-hinweis { font-size: .875rem; margin: .25rem 0 0 !important; }
.proven { max-width: 18rem; }
.proven:empty { display: none; } .beitrag-innen { max-width: var(--breite); margin: 0 auto; padding: 0 var(--rand) 1rem; }
.krumen ol { list-style: none; display: flex; flex-wrap: wrap; margin: .75rem 0 .5rem; padding: 0; font-size: .875rem; color: var(--grau); }
.krumen li + li::before { content: "/"; margin: 0 .5rem; }
.krumen a { display: inline-block; padding: .25rem 0; }
.beitrag-kopf h1, .liste-kopf h1 { margin: .25rem 0 1rem; }
.beitrag-datum { font-size: .875rem; color: var(--grau); } .minikette { margin: 0 0 1rem; }
.mk-reihe { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); position: relative; }
.mk-reihe::before {
content: ""; position: absolute; left: calc(100% / 18); right: calc(100% / 18); top: calc(1.375rem - var(--strich) / 2);
border-top: var(--strich) solid var(--tinte);
}
.mk-punkt a { display: flex; justify-content: center; align-items: center; height: 2.75rem; }
.mk-grund { display: block; width: 1.75rem; height: 1.75rem; background: var(--stein); position: relative; z-index: 1; border-radius: 50%; }
.mk-punkt:not(.an) .mk-bild { opacity: .35; }
.mk-klammern { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); column-gap: .25rem; margin-top: .375rem; font-size: .8125rem; line-height: 1.3; }
.mk-klammer { margin: 0 !important; padding-top: .375rem; }
.mk-klammer--vorher { grid-column: 1 / span 4; border-top: 2px solid var(--linie); color: var(--grau); }
.pcw .mk-klammer--vorher a { color: var(--grau); }
.mk-klammer--ihr { grid-column: 5 / span 4; border-top: 4px solid var(--kerngruen); padding-top: .25rem; }
.mk-satz { font-size: .875rem; color: var(--grau); margin: .375rem 0 0 !important; }
.vorspann p:first-child { font-size: 1.125rem; }
.zutaten { background: var(--hell); padding: 1.125rem 1rem 1rem; margin: 0 0 1rem; }
.pcw .zutaten-titel { font-size: 1.3125rem; line-height: 1.2; margin: 0 0 .5rem; }
.pcw .zutaten-rezept { font-size: 1.0625rem; margin: 1rem 0 .25rem; }
.zutaten-zeiten { margin: 0 0 .5rem; font-size: .9375rem; }
.zutaten-zeiten div { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); column-gap: .5rem; padding: .125rem 0; }
.zutaten-zeiten dt { color: var(--grau); }
.zutaten-zeiten dd { margin: 0; }
.zutaten-menge, .zutaten-gruppe { font-size: .9375rem; margin: .5rem 0 .25rem !important; }
.zutaten-gruppe { font-weight: 600; }
.zutatenliste { list-style: none; margin: 0; padding: 0; }
.zutatenliste li { display: grid; grid-template-columns: 4.25rem minmax(0, 1fr); column-gap: .25rem; padding: .5rem 0; border-top: 1px solid var(--linie); }
.zutatenliste li.ohne-menge { grid-template-columns: minmax(0, 1fr); }
.menge { font-weight: 600; font-variant-numeric: tabular-nums; }
.zutaten-kcal, .zutaten-hinweis { font-size: .875rem; line-height: 1.5; color: var(--grau); margin: .75rem 0 0 !important; }
.inhaltsverzeichnis { margin: 0 0 1.5rem; border-top: var(--strich) solid var(--tinte); border-bottom: var(--strich) solid var(--tinte); }
.inhaltsverzeichnis summary {
display: flex; align-items: center; justify-content: space-between; min-height: 2.75rem;
cursor: pointer; font-weight: 600; list-style: none;
}
.inhaltsverzeichnis summary::-webkit-details-marker { display: none; }
.inhaltsverzeichnis summary::after { content: "+"; font-size: 1.5rem; font-weight: 400; color: var(--grau); width: 2rem; text-align: center; }
.inhaltsverzeichnis details[open] summary::after { content: "\2212"; }
.inhaltsverzeichnis ul { list-style: none; margin: 0 0 .75rem; padding: 0; }
.inhaltsverzeichnis a { display: flex; align-items: center; min-height: 2.5rem; line-height: 1.3; } .beitrag-text { max-width: var(--text); overflow-wrap: break-word; }
.beitrag-text h2 { margin: 2.25rem 0 .75rem; scroll-margin-top: 1rem; }
.beitrag-text h3 { margin: 1.75rem 0 .5rem; scroll-margin-top: 1rem; }
.beitrag-text ul, .beitrag-text ol { padding-left: 1.375rem; margin: 0 0 1.25rem; }
.beitrag-text li { margin: .25rem 0; }
.beitrag-text figure, .beitrag-text .wp-caption { margin: 0 0 1.5rem; max-width: 100%; width: auto !important; }
.beitrag-text figure img, .beitrag-text .wp-caption img { width: 100%; }
.beitrag-text .aligncenter { margin-left: auto; margin-right: auto; }
.pcw figcaption, .pcw .wp-caption-text { font-size: .875rem; color: var(--grau); margin-top: .375rem; line-height: 1.45; }
.beitrag-text blockquote { margin: 1.25rem 0; padding: 0 0 0 1rem; border-left: var(--strich) solid var(--tinte); }
.beitrag-text a { overflow-wrap: anywhere; }
.beitrag-text iframe, .beitrag-text video { max-width: 100%; }
.beitrag-text .embed-privacy-container { max-width: 100%; margin: 0 0 1.5rem; }
.pcw-tabelle { overflow-x: auto; margin: 0 0 1.5rem; }
.pcw-tabelle table { border-collapse: collapse; width: 100%; font-size: .9375rem; }
.pcw-tabelle th, .pcw-tabelle td { text-align: left; vertical-align: top; padding: .5rem .75rem .5rem 0; border-top: 1px solid var(--linie); }
.pcw-tabelle tr:first-child th, .pcw-tabelle thead th { border-top: var(--strich) solid var(--tinte); font-weight: 600; }
.leitbild { margin: 0 0 1.5rem; }
.leitbild-bild { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.zeichnung-haeuten { margin: .75rem 0 .25rem; }
.zh-bild { width: 100%; max-width: 21rem; height: auto; aspect-ratio: 168 / 96; }
.schlagworte { list-style: none !important; padding: 0 !important; margin: 2rem 0 0 !important; display: flex; flex-wrap: wrap; gap: .25rem 1rem; font-size: .875rem; }
.schlagworte li { margin: 0; }
.schlagworte a { display: inline-flex; align-items: center; min-height: 2.25rem; }
.weiter {
display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); column-gap: 1rem; align-items: start;
margin: 2.5rem 0 0; padding: 1.5rem 0 0; border-top: var(--strich) solid var(--tinte); max-width: var(--text);
}
.weiter.ohne-bild { grid-template-columns: minmax(0, 1fr); }
.weiter-bild { width: 4.5rem; height: 4.5rem; }
.pcw .weiter h2 { font-size: 1.375rem; margin-bottom: .375rem; }
.weiter p { margin-bottom: .25rem; }
.weiter ul { list-style: none; margin: 0; padding: 0; }
.weiter li { border-top: 1px solid var(--linie); }
.pcw .weiter li a { display: flex; align-items: center; min-height: 2.75rem; padding: .375rem 0; line-height: 1.35; } .liste-kopf { max-width: var(--text); }
.liste-satz { color: var(--grau); }
.vorspann-text { font-size: 1.125rem; }
.liste-eintraege { max-width: 52rem; }
.blaettern { margin: 1.5rem 0 0; }
.blaettern ul { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; }
.blaettern a, .blaettern span { display: inline-flex; align-items: center; min-height: 2.75rem; min-width: 2.75rem; justify-content: center; padding: 0 .75rem; border: var(--strich) solid var(--linie); border-radius: 3px; text-decoration: none; }
.blaettern .current { border-color: var(--tinte); font-weight: 600; }
.blaettern .dots { border: 0; }
.leer { margin: 1.5rem 0; max-width: var(--text); } @media (min-width: 40em) {
.stapel .tab-kopf { display: table-row; }
.stapel tr { display: table-row; padding: 0; border: 0; }
.stapel th, .stapel td { display: table-cell; text-align: left; vertical-align: top; padding: .5rem 1rem .5rem 0; border-top: 1px solid var(--linie); }
.stapel th { font-weight: 600; border-top: var(--strich) solid var(--tinte); }
.stapel td::before { content: none; }
} @media (min-width: 64em) {
:root { --rand: 2rem; }
body.pcw { font-size: 1.125rem; }
.pcw h1 { font-size: 3.25rem; }
.pcw h2 { font-size: 2.125rem; }
.pcw h3 { font-size: 1.375rem; }
.kopf-innen { flex-wrap: nowrap; min-height: 4.5rem; column-gap: 2rem; }
.pcw-nav { flex-basis: auto; display: flex; align-items: center; justify-content: flex-end; flex: 1; gap: 1.75rem; padding: 0; }
.nav-liste { display: flex; column-gap: 1.25rem; }
.pcw .nav-liste a { border: 0; font-size: .9375rem; white-space: nowrap; }
.suche--kopf { margin: 0; flex-wrap: nowrap; }
.suche--kopf input[type="search"] { width: 9.5rem; flex: none; font-size: .9375rem; }
.suche--kopf button { font-size: .9375rem; }
.weg-kopf-innen { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 4rem; align-items: end; padding: 2.75rem var(--rand) 3rem; }
.weg-kopf h1 { margin: 0; }
.einleitung { font-size: 1.1875rem; padding-bottom: .375rem; }
.js .kette { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); padding: 1.5rem 0 .5rem; }
.js .station { display: contents; }
.js .station::before { content: none; }
.js .st-kopf { grid-row: 1; position: relative; }
.js .st-kopf::before {
content: ""; position: absolute; left: 0; right: 0; top: calc(.75rem + 3rem - var(--strich) / 2);
border-top: var(--strich) solid var(--tinte);
}
.js .station:first-child .st-kopf::before { left: 50%; }
.js .station:last-child .st-kopf::before { right: 50%; }
.js .st-knopf {
grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; justify-items: center; text-align: center;
row-gap: .375rem; height: 100%; min-height: 0; padding: .75rem .375rem 1.25rem; align-content: start;
}
.js .st-knopf::after, .js .station.offen .st-knopf::after { content: none; }
.js .st-bild { grid-row: auto; width: 6rem; height: 6rem; }
.js .kette:not(.bereit) .station.vorwahl .st-bild { background: var(--kerngruen); }
.js .st-name { grid-column: 1; align-self: auto; font-size: 1.25rem; }
.js .st-frage { grid-column: 1; font-size: .875rem; max-width: 10rem; }
.js .st-text { grid-row: 2; grid-column: 1 / -1; padding: 1.75rem 0 2.25rem; border-top: var(--strich) solid var(--tinte); }
.js .station.offen .st-text,
.js .kette:not(.bereit) .station.vorwahl .st-text { display: grid; grid-template-columns: minmax(0, 40rem) minmax(0, 1fr); column-gap: 4rem; }
.js .st-text p { font-size: 1.25rem; line-height: 1.5; margin: 0; }
.js .st-links { border-left: var(--strich) solid var(--tinte); padding-left: 1.5rem; align-self: start; }
html:not(.js) .kette { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem 3rem; }
html:not(.js) .station::before { content: none; }
.abschnitt { padding: 3.5rem 0 1rem; }
.fragen { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 4rem; }
.arten { columns: 3 18rem; column-gap: 3.5rem; margin-top: 1.5rem; }
.art { break-inside: avoid; margin: 0 0 2rem; }
.abschnitt .neu-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 4rem; }
.pcw .neu { grid-template-columns: 9rem minmax(0, 1fr); }
.neu-bild { width: 9rem; }
.kat-liste { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 2rem; }
.beitrag-kopf { max-width: var(--text); }
.pcw .beitrag-kopf h1 { font-size: 2.875rem; }
.mk-grund { width: 2.75rem; height: 2.75rem; }
.mk-punkt a { height: 3.25rem; }
.mk-reihe::before { top: calc(1.625rem - var(--strich) / 2); }
.beitrag-raster.mit-spalte { display: grid; grid-template-columns: minmax(0, var(--text)) minmax(0, 20rem); column-gap: 4.5rem; align-items: start; }
.mit-spalte .vorspann, .mit-spalte .beitrag-text { grid-column: 1; }
.mit-spalte .rezeptspalte { grid-column: 2; grid-row: 1 / span 30; position: sticky; top: 1.5rem; }
.mit-spalte .rezeptspalte.lang { position: static; }
.admin-bar .mit-spalte .rezeptspalte { top: calc(1.5rem + 32px); }
.zutaten { padding: 1.25rem 1.25rem 1.125rem; }
.fuss-innen { grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { transition: none !important; scroll-behavior: auto !important; }
}