fix: z-index Reihenfolge für Hero-Video korrigiert

Overlay z-index 1, Video z-index 2, Content z-index 3.
Video war vorher hinter dem fast undurchsichtigen Overlay versteckt.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Code
2026-04-12 15:53:25 +02:00
Ursprung fb7e52a3bc
Commit fbadb45914

Datei anzeigen

@@ -66,7 +66,7 @@ a { color:inherit; text-decoration:none; }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(135deg,rgba(10,24,50,0.95) 0%,rgba(19,40,68,0.98) 50%,rgba(10,24,50,0.95) 100%); z-index:1; } .hero-overlay { position:absolute; inset:0; background:linear-gradient(135deg,rgba(10,24,50,0.95) 0%,rgba(19,40,68,0.98) 50%,rgba(10,24,50,0.95) 100%); z-index:1; }
.hero-content { position:relative; z-index:2; max-width:700px; padding:80px 24px; color:var(--white); } .hero-content { position:relative; z-index:3; max-width:700px; padding:80px 24px; color:var(--white); }
.hero-title { font-size:3.4rem; font-weight:700; line-height:1.1; margin-bottom:20px; letter-spacing:-0.02em; color:var(--white); } .hero-title { font-size:3.4rem; font-weight:700; line-height:1.1; margin-bottom:20px; letter-spacing:-0.02em; color:var(--white); }
.hero-claim { font-size:1.45rem; font-weight:300; line-height:1.5; margin-bottom:24px; color:rgba(255,255,255,0.9); } .hero-claim { font-size:1.45rem; font-weight:300; line-height:1.5; margin-bottom:24px; color:rgba(255,255,255,0.9); }
.gold { color:var(--gold); font-weight:600; } .gold { color:var(--gold); font-weight:600; }
@@ -105,7 +105,7 @@ a { color:inherit; text-decoration:none; }
.hero-arrow:hover { border-color:var(--gold); color:var(--gold); } .hero-arrow:hover { border-color:var(--gold); color:var(--gold); }
/* ==================== HERO FULLSCREEN VIDEO ==================== */ /* ==================== HERO FULLSCREEN VIDEO ==================== */
.hero-fullscreen-video { position:absolute; inset:0; z-index:1; overflow:hidden; opacity:0; transition:opacity 0.8s ease; pointer-events:none; } .hero-fullscreen-video { position:absolute; inset:0; z-index:2; overflow:hidden; opacity:0; transition:opacity 0.8s ease; pointer-events:none; }
.hero-fullscreen-video.visible { opacity:1; } .hero-fullscreen-video.visible { opacity:1; }
.hero-fullscreen-video video { width:100%; height:100%; object-fit:cover; } .hero-fullscreen-video video { width:100%; height:100%; object-fit:cover; }