/* Vergleichsvariante: keine Änderung der gemeinsamen Hero-Höhen/Produktgeometrie. */
.hero--naturstein{position:relative;isolation:isolate;overflow:hidden;background:var(--paper)}
.hero--naturstein .hero-scene{inset:0;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;z-index:0;background:transparent}
.hero--naturstein .hero-frame{object-fit:cover;object-position:50% 50%;max-width:none}
.hero--naturstein .hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(251,250,246,.97),transparent 42%),linear-gradient(90deg,rgba(251,250,246,.97),rgba(251,250,246,.93) 42%,rgba(251,250,246,.68) 72%,rgba(251,250,246,.55))}
.hero--naturstein>.wrap{position:relative;z-index:2}
.hero--naturstein .hero-visual{background:transparent}
.hero--naturstein .naturstein-controls{position:absolute;top:14px;right:max(24px,calc((100% - 1180px)/2));z-index:3}
.hero--naturstein .visual-caption{padding:3px 10px;background:rgba(251,250,246,.94);border-radius:12px}
@media(max-width:1000px){.hero--naturstein .naturstein-controls{display:none}}
@media(max-width:700px){.hero--naturstein .hero-frame{object-position:58% 50%}.hero--naturstein .hero-scrim{background:linear-gradient(180deg,rgba(251,250,246,.96) 0%,rgba(251,250,246,.94) 50%,rgba(251,250,246,.7) 75%,rgba(251,250,246,.97) 100%)}}

/* Nur in dieser Variante: Abschnittslabels ohne dekorative Linie/Einrückung. */
body .eyebrow{gap:0}
body .eyebrow::before{content:none;display:none}

/* JavaScript-Navigation vor dem ersten Paint im endgültigen mobilen Layout. */
@media(max-width:700px){.js .menu-button[aria-expanded="false"] + #navigation{display:none}}