diff --git a/vorschau/css/style.css b/vorschau/css/style.css index 628b7b9..55b2e4c 100644 --- a/vorschau/css/style.css +++ b/vorschau/css/style.css @@ -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-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-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; } @@ -105,7 +105,7 @@ a { color:inherit; text-decoration:none; } .hero-arrow:hover { border-color:var(--gold); color:var(--gold); } /* ==================== 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 video { width:100%; height:100%; object-fit:cover; }