/* Gradient nur auf Video-Seiten anwenden */
.page-has-video .hero-section-header {
    background: linear-gradient(to right,
            rgba(0, 0, 0, 0) 10%,
            rgba(0, 0, 0, 0.20) 25%,
            rgba(0, 0, 0, 0.20) 50%,
            rgba(0, 0, 0, 0.20) 75%,
            rgba(0, 0, 0, 0) 90%) !important;
}
 
 .hero-section {
     position: relative;
     overflow: hidden;
 }

 .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

 .hero-video.loaded {
     opacity: 1;
 }

 .hero-poster {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: -2;
     background-size: cover;
     background-position: center;
 }