#bg-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -3; /* Ganz hinten */
}

/* Hintergrund-Video & Overlays */
/* 1. Das Video ganz hinten */
#bg-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -3; /* Ganz hinten */
}

/* 2. Das Pattern-Overlay darüber */
.pattern-overlay {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    
    /* Die Reihenfolge bestimmt die Ebene: Zuerst genannt = ganz oben */
    background: 
        url('./landingpage_bg.svg') repeat, /* Jetzt ganz oben */
        url('./pattern.png') repeat,        /* Darunter */
        radial-gradient(circle, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 100%); /* Ganz unten */
    
    z-index: -2; 
    pointer-events: none; 
    
    /* Maximale Sichtbarkeit für die Overlays */
    opacity: 0.95; 
    
    /* Verstärkt die Helligkeit der Grafiken */
    filter: brightness(1.2); 
}


/* 3. Die Partikel VOR das Pattern */
#tsparticles {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Über dem Pattern (-2), aber unter dem Content (0) */
    pointer-events: none;
}