/* Sanfter Top-Gradient fuer Lesbarkeit ueber Video/Bild */
.hero-section:has(.hero-video) > .hero-section-header {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.6) 0%,
        rgba(0, 0, 0, 0.3) 60%,
        rgba(0, 0, 0, 0) 100%
    ) !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;
 }