/* Gemeinsames Hero-Menü: kein farbiger Balken, solide Navigation erst nach dem Hero. */
html{--global-nav-offset:140px;scroll-padding-top:var(--global-nav-offset)}
@media(max-width:1000px){html{--global-nav-offset:190px}}
@media(max-width:650px){html{--global-nav-offset:230px}}
.commerce .hero-navigation,
.commerce .hero-navigation .site-navigation{background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.commerce .hero-navigation{transition:opacity .2s ease;z-index:50}
.commerce .topic-story .hero-navigation .site-navigation,
.commerce .utility-hero .hero-navigation .site-navigation{color:#fff}
.commerce .topic-story .hero-navigation .brand img,
.commerce .utility-hero .hero-navigation .brand img{filter:brightness(0) invert(1)}
.commerce .topic-story .story-stage:after,
.commerce .utility-hero:after{content:"";position:absolute;inset:0 0 auto;height:210px;pointer-events:none;z-index:3;background:linear-gradient(#0008,transparent)}
.commerce .hero-navigation nav a:not([data-shop-launch]){color:inherit}
.commerce .hero-navigation.global-nav-away{opacity:0;visibility:hidden;pointer-events:none}
.commerce .hero-navigation.global-nav-solid{position:fixed;inset:0 0 auto;width:100%;background:#f7f4ef;box-shadow:0 3px 16px #00000012;opacity:1;visibility:visible;z-index:60}
.commerce .hero-navigation.global-nav-solid .site-navigation{color:#252525;min-height:88px;padding-block:10px;padding-inline:5%}
.commerce .global-nav-solid .brand img{filter:none;height:60px;width:auto}
@media(max-width:1000px){.commerce .hero-navigation.global-nav-solid .site-navigation{min-height:110px}}
@media(max-width:650px){.commerce .hero-navigation.global-nav-solid .site-navigation{min-height:145px}.commerce .topic-story .story-stage:after,.commerce .utility-hero:after{height:250px}}
@media(prefers-reduced-motion:reduce){.commerce .hero-navigation{transition:none}}