/* Bine backt – Rezeptbeitrag (Template „Rezeptbeitrag“, live seit 02.10.2026)
   Gilt auf Rezeptseiten (.bb-rz); die Rezeptkarte auch im Fachartikel (.bb-fa). */

/* Hero: Rezeptname in Hagebutte, Exzerpt in Fraunces kursiv, Gesamtzeit hervorgehoben */
body.bb-vorschau .bb-rz .bb-rz-hero__titel{color:#9a3d33}
body.bb-vorschau .bb-rz .bb-rz-hero__lead,body.bb-vorschau .bb-rz .bb-rz-hero__lead p{font-family:Fraunces,Georgia,serif!important;font-style:italic;font-weight:400;font-size:var(--wp--preset--font-size--m,1.0625rem)!important;line-height:1.6!important}
body.bb-vorschau .bb-rz .bb-rz-fakt:first-child .bb-rz-fakt__wert{color:#9a3d33;font-weight:700}
body.bb-vorschau .bb-rz .bb-rezept-jump .wp-block-button__link{padding:.625rem 1.125rem!important}

/* Eine Spalte wie im Template: Inhaltsverzeichnis zugeklappt vor dem Text, keine Seitenleiste */
@media (min-width:782px){
 body.bb-vorschau .bb-rz .bb-rz-layout{display:flex!important;flex-direction:column;max-width:800px!important;width:100%!important;margin-inline:auto!important;gap:0!important;padding-inline:0!important;box-sizing:border-box}
 body.bb-vorschau .bb-rz .bb-rz-toc{position:static!important;max-height:none!important;overflow:visible!important;margin:0 0 2.5rem!important;width:100%!important;align-self:stretch!important;box-sizing:border-box}
 body.bb-vorschau .bb-rz .bb-rz-toc > :not(.bb-rz-toc__mobil){display:none!important}
 body.bb-vorschau .bb-rz .bb-rz-toc__mobil{display:block!important}
}
body.bb-vorschau .bb-rz .bb-rz-toc{background:#fff!important;border:1px solid #e5e5e2!important;border-radius:1rem!important;padding:.9rem 1.5rem!important}
body.bb-vorschau .bb-rz .bb-rz-toc__mobil summary{font:700 .75rem/1.2 Mulish,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:#9a3d33}
body.bb-vorschau .bb-rz .bb-rz-toc__mobil summary span{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:#f1f1ef;color:#9a3d33!important;font-size:1.2rem!important}
body.bb-vorschau .bb-rz .bb-rz-toc__mobil nav{counter-reset:toc;padding-top:.5rem!important}
body.bb-vorschau .bb-rz .bb-rz-toc__mobil nav a{counter-increment:toc;display:grid!important;grid-template-columns:2rem minmax(0,1fr);gap:.5rem;font-size:var(--wp--preset--font-size--s,.95rem)!important;color:#3a2620!important}
body.bb-vorschau .bb-rz .bb-rz-toc__mobil nav a::before{content:counter(toc,decimal-leading-zero);font:600 .9rem/1.6 Fraunces,Georgia,serif;color:#9a3d33}
body.bb-vorschau .bb-rz .bb-rz-toc__mobil nav a:hover{color:#9a3d33!important}
body.bb-vorschau .bb-rz .bb-rz-toc__mobil nav a.bb-rz-toc__karte{border-bottom-color:#e5e5e2!important;font-weight:400!important}

/* Robert-Box: weiß, Linie, roter Streifen links */
body.bb-vorschau .bb-rz .infobox-robert{background:#fff!important;border:1px solid #e5e5e2!important;border-left:4px solid #9a3d33!important;border-radius:0 1rem 1rem 0!important;box-shadow:none!important}
body.bb-vorschau .bb-rz .infobox-robert .infobox-titel{color:#9a3d33;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.4rem}
body.bb-vorschau .bb-rz .infobox-robert p{font-size:var(--wp--preset--font-size--m,1.0625rem)}

/* Backzeiten-Rechner: weiße Karte mit Linie */
body.bb-vorschau .bb-rz .bb-rz-backplan{border-radius:1rem;border-left:1px solid #e5e5e2!important}

/* Rezeptkarte: rote Linie oben, am Desktop breiter als der Text */
body.bb-vorschau :is(.bb-rz,.bb-fa) .wprm-recipe{background:#fff!important;border:1px solid #e5e5e2!important;border-top:4px solid #9a3d33!important}
@media (min-width:64rem){
 body.bb-vorschau :is(.bb-rz .bb-rz-artikel,.bb-fa .bb-fa-artikel) .wprm-recipe-container{width:min(70rem,calc(100vw - 4rem));margin-left:calc(50% - min(35rem,50vw - 2rem))}
 body.bb-vorschau :is(.bb-rz .bb-rz-artikel,.bb-fa .bb-fa-artikel) .wprm-recipe{display:grid!important;grid-template-columns:21rem minmax(0,1fr);column-gap:2.5rem}
 body.bb-vorschau :is(.bb-rz .bb-rz-artikel,.bb-fa .bb-fa-artikel) .wprm-recipe > *{grid-column:1/-1;order:0!important}
 body.bb-vorschau :is(.bb-rz .bb-rz-artikel,.bb-fa .bb-fa-artikel) .wprm-recipe > .wprm-layout-container{grid-row:1}
 body.bb-vorschau :is(.bb-rz .bb-rz-artikel,.bb-fa .bb-fa-artikel) .wprm-recipe > .wprm-recipe-equipment-container{grid-row:2;margin-top:0!important;border-top:0!important}
 body.bb-vorschau :is(.bb-rz .bb-rz-artikel,.bb-fa .bb-fa-artikel) .wprm-recipe > .wprm-recipe-ingredients-container{grid-row:3;grid-column:1;align-self:start;position:sticky;top:calc(var(--bb-header-h,70px) + var(--bb-adminbar-h,0px) + 1rem);background:#fcfcfb;padding:1.25rem!important;margin-top:1.5rem!important}
 body.bb-vorschau :is(.bb-rz .bb-rz-artikel,.bb-fa .bb-fa-artikel) .wprm-recipe > :is(.wprm-recipe-instructions-container,#recipe-video){grid-row:3;grid-column:2;margin-top:1.5rem!important}
}
/* Gesamtzeit in der Karte hervorheben */
body.bb-vorschau :is(.bb-rz,.bb-fa) .wprm-recipe-block-container:has(.wprm-recipe-total_time) :is(.wprm-recipe-details,.wprm-recipe-details-unit,.wprm-recipe-details-label){color:#9a3d33!important}

/* Zubehör als Pills mit Rand und Pfeil (Abstände in style.css, Rezept-Vorlage) */
body.bb-vorschau :is(.bb-rz,.bb-fa) .wprm-recipe-equipment-item{display:inline-flex!important;align-items:center;gap:.3rem;border-radius:999px;background:#fff;border:1.5px solid #8c8580;font-size:.9rem!important}
body.bb-vorschau :is(.bb-rz,.bb-fa) .wprm-recipe-equipment-item .wprm-checkbox-container{display:none!important}
body.bb-vorschau :is(.bb-rz,.bb-fa) .wprm-recipe-equipment-item:has(a):hover{border-color:#3a2620}
body.bb-vorschau :is(.bb-rz,.bb-fa) .wprm-recipe-equipment-link{color:#3a2620!important;text-decoration:none!important}
body.bb-vorschau :is(.bb-rz,.bb-fa) .wprm-recipe-equipment-name:has(a)::after{content:"↗";color:#9a3d33;font-size:.75rem;margin-left:.3rem}
body.bb-vorschau :is(.bb-rz,.bb-fa) .bine-equipment-affiliate-disclaimer{font-size:.8rem;color:#62514a;margin-top:.7rem;padding:0!important}
body.bb-vorschau .bb-rz .bb-rz-backplan{box-shadow:none!important}
@media (min-width:782px) and (max-width:50rem){body.bb-vorschau .bb-rz .bb-rz-layout{padding-inline:1.25rem!important}}