feat: Slide 4 (Globale Abdeckung) mit Video statt Text

vorschau/index.html

@@ -127,19 +127,18 @@
                     </div>
                 </div>
 
-                <!-- Slide 4: Globale Quellenabdeckung -->
+                <!-- Slide 4: Globale Quellenabdeckung (Video) -->
                 <div class="hero-slide" data-slide="3">
-                    <div class="hero-slide-inner">
+                    <div class="hero-slide-video">
-                        <div class="hero-slide-text-col">
+                        <video muted loop playsinline preload="metadata">
-                            <span class="hero-slide-label">Globale Abdeckung</span>
+                            <source src="videos/hero-slide-4-monitoring.mp4" type="video/mp4">
-                            <h2 class="hero-slide-headline">Dutzende Sprachen. Hunderte Quellen. Null blinde Flecken.</h2>
+                        </video>
-                            <p class="hero-slide-text">Arabisch, Persisch, Hebräisch, Russisch, Chinesisch: Der Monitor verarbeitet Quellen, die den meisten Analystenteams sprachlich verschlossen bleiben. Automatische Übersetzung, Kontextanalyse und Einordnung. Globale Abdeckung ohne globale Personalkosten.</p>
+                    </div>
-                            <p class="hero-slide-example">Im Iran-Konflikt werden Primärquellen in Farsi, Arabisch und Hebräisch direkt ausgewertet.</p>
+                    <div class="hero-slide-bottom">
-                            <div class="hero-slide-cta">
+                        <p class="hero-slide-example">Im Iran-Konflikt werden Primärquellen in Farsi, Arabisch und Hebräisch direkt ausgewertet.</p>
-                                <a href="#demos" class="btn btn-primary" onclick="positionCards(0)">Live-Beispiel ansehen</a>
+                        <div class="hero-slide-cta">
-                            </div>
+                            <a href="#demos" class="btn btn-primary" onclick="positionCards(0)">Live-Beispiel ansehen</a>
                         </div>
-                        <div class="hero-slide-media-col"></div>
                     </div>
                 </div>