body:has(#home) .grohe-spa-intro.has-background-video{position:relative;isolation:isolate;overflow:hidden;min-height:520px;margin-top:28px;gap:32px;padding:40px;background:#102947 url('/assets/bath-banner.webp') center/cover no-repeat!important;color:#fff!important;border-radius:6px;container-type:size;height:560px}
.has-background-video .hero-video-layer{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .5s}.has-background-video[data-video=playing] .hero-video-layer{opacity:1}
.has-background-video .hero-video-layer iframe{position:absolute;top:50%;left:50%;width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);min-width:100%;min-height:100%;border:0;transform:translate(-50%,-50%);pointer-events:none}
.has-background-video::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07182de8 0%,#07182db3 45%,#07182d66 100%);pointer-events:none}
body:has(#home) .has-background-video .grohe-spa-copy{background:transparent!important;position:relative;padding:20px 0;color:#fff!important}
body:has(#home) .has-background-video .grohe-spa-copy :is(h1,h1 span,p,.grohe-eyebrow,a){color:#fff!important}
body:has(#home) .has-background-video .grohe-spa-copy h1{font-size:clamp(34px,4vw,58px)}
body:has(#home) .has-background-video .grohe-spa-actions button{background:#fff;color:#123c60;border-color:#fff}
body:has(#home) .has-background-video .grohe-materials{background:transparent!important;box-shadow:none;min-height:0;transform:none!important;padding:28px 0 28px 28px;justify-content:center}
body:has(#home) .has-background-video .grohe-materials::before,body:has(#home) .has-background-video .grohe-materials::after{display:none}
body:has(#home) .has-background-video .grohe-materials :is(.grohe-large-mark,p,a){color:#fff!important;text-shadow:none}
body:has(#home) .has-background-video .grohe-material-grid>a{background:#10294770;border-color:#ffffff50;backdrop-filter:blur(6px)}
.hero-video-toggle{position:absolute;right:16px;bottom:14px;z-index:2;border:1px solid #ffffff80;border-radius:4px;background:#102947b3;color:#fff;padding:9px 12px;font-size:12px;cursor:pointer}.hero-video-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}.hero-video-toggle[hidden]{display:none}
@media(max-width:760px){body:has(#home) .grohe-spa-intro.has-background-video{grid-template-columns:1fr;gap:12px;padding:26px 22px 62px;height:auto;min-height:680px;container-type:inline-size}.has-background-video .hero-video-layer iframe{width:1220px;height:100%;min-width:177.78vh;min-height:686px}body:has(#home) .has-background-video .grohe-materials{padding:0;min-height:0}body:has(#home) .has-background-video .grohe-spa-copy h1{font-size:38px}.has-background-video::after{background:#07182db3}}
@media(prefers-reduced-motion:reduce){.has-background-video .hero-video-layer{transition:none}}
@media print{.hero-video-layer,.hero-video-toggle{display:none!important}}