fix: Video läuft durchgehend, kein Neustart bei Slide-Wechsel

Video aus dem Slide-Div herausgelöst und als eigenständiges Element
zwischen hero-brand und hero-slider platziert. Dadurch wird es nie
via visibility:hidden versteckt und der Browser resettet es nicht.
Ein-/Ausblenden per opacity + max-height Transition.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

vorschau/index.html

@@ -87,14 +87,15 @@
                 <p class="hero-tagline">KI-gestützte Echtzeit-Lagebilder aus offenen Quellen, <span class="gold">vollautomatisch.</span></p>
             </div>
 
+            <div class="hero-video-container" id="hero-video-container">
+                <video autoplay muted loop playsinline>
+                    <source src="videos/hero-slide-1-monitoring.mp4" type="video/mp4">
+                </video>
+            </div>
+
             <div class="hero-slider" role="region" aria-label="Produktvorteile" aria-live="polite">
                 <!-- Slide 1: Echtzeit-Monitoring (Video) -->
-                <div class="hero-slide hero-slide-has-video active" data-slide="0">
-                    <div class="hero-slide-video-inline">
-                        <video autoplay muted loop playsinline>
-                            <source src="videos/hero-slide-1-monitoring.mp4" type="video/mp4">
-                        </video>
-                    </div>
+                <div class="hero-slide active" data-slide="0">
                     <div class="hero-slide-bottom">
                         <p class="hero-slide-example">Live-Beispiel: Der Iran-Konflikt wird mit über 14.900 Artikeln aus 375 Quellen kontinuierlich überwacht.</p>
                         <div class="hero-slide-cta">