/* Startbild bockstahlerelektro.de (ersetzt Slider Revolution 7 „home“), Werte aus dem gerenderten SR7 (hilfe/hero.mjs). */
.wpm-hero { position: relative; overflow: hidden; width: 100%; height: 600px; background: transparent; }
.wpm-hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: saturate(1.1) contrast(1.5); }
.wpm-hero-bg::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle, transparent 70%, #222 150%); mix-blend-mode: multiply; }
.wpm-hero video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 50%; display: block; }
.wpm-hero [data-e] { position: absolute; z-index: 6; color: #fff; font-family: "Averta Regular"; font-weight: 400; text-align: center; margin: 0; }
.wpm-hero [data-e="box"] { z-index: 5; box-sizing: border-box; background: rgba(0, 0, 0, 0.5); border: 14px solid rgba(0, 0, 0, 0.17); border-radius: 25px; }
.wpm-hero [data-e="titel"] { font-family: "Averta Bold"; }
.wpm-hero [data-e="knopf"] { white-space: nowrap; text-align: left; font-size: 20px; line-height: 22px; }
.wpm-hero [data-e="knopf"] a { display: block; text-decoration: none; color: #fff; font-size: 20px; line-height: 22px; }
.wpm-hero #sliderButton { font-family: "Averta Regular"; font-size: 15px; line-height: 32px; letter-spacing: 1px; font-weight: 400; color: #fff; white-space: nowrap; }
@keyframes wpm-hero-rechts { from { transform: translateX(175%); } to { transform: none; } }
@keyframes wpm-hero-oben { from { transform: translateY(-50px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes wpm-hero-unten { from { transform: translateY(50px); opacity: 0; } to { transform: none; opacity: 1; } }
.wpm-hero-an [data-e="titel"], .wpm-hero-an [data-e="unter"] { animation: wpm-hero-rechts 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s both; }
.wpm-hero-an [data-e="text"] { animation: wpm-hero-oben 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 1s both; }
.wpm-hero-an [data-e="knopf"] { animation: wpm-hero-unten 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s both; }
