diff --git a/vorschau/css/style.css b/vorschau/css/style.css
index 9d1570b..d5235b4 100644
--- a/vorschau/css/style.css
+++ b/vorschau/css/style.css
@@ -75,7 +75,8 @@ a { color:inherit; text-decoration:none; }
 .hero-tagline { font-size:1.2rem; font-weight:300; color:rgba(255,255,255,0.9); margin-top:12px; }
 
 /* ==================== HERO SLIDER ==================== */
-.hero-slider { position:absolute; inset:0; z-index:1; }
+/* Slider beginnt unter der Navbar, damit das Video nicht dahinter verschwindet */
+.hero-slider { position:absolute; top:var(--nav-height); left:0; right:0; bottom:0; z-index:1; }
 .hero-slide { position:absolute; inset:0; opacity:0; transition:opacity 0.6s ease; pointer-events:none; }
 .hero-slide.active { opacity:1; pointer-events:auto; }
 .hero-slide.exiting { opacity:0; transition:opacity 0.4s ease; }
diff --git a/vorschau/js/app.js b/vorschau/js/app.js
index fe2ccd9..3272fd1 100644
--- a/vorschau/js/app.js
+++ b/vorschau/js/app.js
@@ -49,7 +49,7 @@
     var heroEndcardTimer = null;
     var heroFallbackTimer = null;
     var heroIsTransitioning = false;
-    var HERO_ENDCARD_MS = 3000;
+    var HERO_ENDCARD_MS = 7000;
     var HERO_FALLBACK_MS = 25000;
 
     function heroClearTimers() {