/* ===== HERO VIDEO OPTIMIZATION - Sofortiges Laden ===== */

/* Hero-Section mit neutralem dunkelblauen Hintergrund während Video lädt */
.hero {
    background-color: #1a365d;
}

/* Video-Container ohne Hintergrundbild */
.hero-image {
    background: none;
    background-color: transparent;
    z-index: 0;
}

/* Video sofort sichtbar und startbereit */
.hero-image video {
    display: block;
    opacity: 1;
    z-index: 1;
}

/* Overlay über dem Video */
.hero-overlay {
    z-index: 2;
}

/* Hero Content ganz oben */
.hero-content {
    z-index: 10;
    position: relative;
}