/* Ein zusammenhaengender Produktbogen; Fakten links und Zutaten rechts. */
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet{padding-bottom:0}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet>.produktdetail-shell{padding-bottom:0}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .produktdetail-papier{background-color:var(--gelb-papier,#fffaf0)}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .produktdetail-infos.gelb-produktinfo{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.7fr);grid-template-areas:'kopf kopf' 'neben zutaten';gap:28px clamp(28px,4vw,64px);margin:0;padding:clamp(32px,4vw,64px) clamp(24px,3vw,48px);background:transparent}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .gelb-produktinfo>.gelb-produktinfo-neben{grid-template-columns:1fr;align-self:start;min-width:0}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .gelb-produktinfo>.produktdetail-zutaten{min-width:0}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .produktdetail-infos.gelb-produktinfo--offen{grid-template-columns:1fr;grid-template-areas:'kopf' 'zutaten'}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .produktdetail-weitere{margin:0;padding:0 clamp(24px,3vw,48px) clamp(32px,4vw,56px)}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .produktdetail-inhalt{margin:0;padding:0 clamp(24px,3vw,48px) clamp(32px,4vw,56px)}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .produktdetail-empfehlung-kopf{margin:0 0 24px;padding:0;border:0}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .produktdetail-weitere nav.produktdetail-empfehlungen{padding:0;background:transparent}
/* Gemeinsames, begrenztes Satzmass statt auseinanderlaufender Halbseiten. */
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet>.produktdetail-shell{max-width:1440px}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .gelb-produkt-einstieg .produktdetail-text{align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:transparent;padding:clamp(28px,3vw,48px)}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .gelb-produkt-einstieg .produktdetail-lead{max-width:none}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .produktdetail-infos.gelb-produktinfo{grid-template-columns:minmax(260px,.9fr) minmax(0,1.35fr);column-gap:28px}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .gelb-produktinfo>.gelb-produktinfo-neben{align-self:stretch;align-content:start}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .gelb-produktinfo>.produktdetail-zutaten{align-self:stretch;padding:24px;background:var(--gelb-zwischen,#f1ebdd)}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .gelb-produktinfo .produkt-zutaten-inhalt{max-width:none;padding:0}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .gelb-produktinfo :is(.produkt-zutaten-text,.produkt-zutaten-hinweis){max-width:none}
html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .produktdetail-infos.gelb-produktinfo--offen{grid-template-columns:1fr}
@media(min-width:1101px){
  html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .produktdetail-kopf.gelb-produkt-einstieg{grid-template-columns:1fr 1fr}
  html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .gelb-produkt-einstieg .produktdetail-text h1{font-size:clamp(48px,4vw,64px);text-wrap:balance}
  html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .gelb-produkt-einstieg .gelb-produkt-lang h1{font-size:clamp(40px,3.3vw,54px)}
  html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .gelb-produkt-einstieg .produktdetail-lead{font-size:18px;line-height:1.65}
}
@media(max-width:800px){
  html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .produktdetail-infos.gelb-produktinfo{grid-template-columns:1fr;grid-template-areas:'kopf' 'neben' 'zutaten';gap:26px}
  html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .gelb-produktinfo>.gelb-produktinfo-neben{grid-template-columns:1fr 1fr}
  html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .produktdetail-infos.gelb-produktinfo--offen{grid-template-areas:'kopf' 'zutaten'}
}
@media(max-width:580px){
  html[data-kian-gelb=kraftvoll] main.produktdetail-geordnet .gelb-produktinfo>.gelb-produktinfo-neben{grid-template-columns:1fr}
}