diff --git a/vorschau/index.html b/vorschau/index.html
index df64995..915b7f2 100644
--- a/vorschau/index.html
+++ b/vorschau/index.html
@@ -142,19 +142,18 @@
                     </div>
                 </div>
 
-                <!-- Slide 5: Flexibel einsetzbar -->
+                <!-- Slide 5: Flexibel einsetzbar (Video) -->
                 <div class="hero-slide" data-slide="4">
-                    <div class="hero-slide-inner">
-                        <div class="hero-slide-text-col">
-                            <span class="hero-slide-label">Flexibel einsetzbar</span>
-                            <h2 class="hero-slide-headline">Von der Großlage bis zum Einzelthema.</h2>
-                            <p class="hero-slide-text">Geopolitische Konflikte, Unternehmensrisiken, regionale Krisen oder Einzelpersonen: Der AegisSight Monitor skaliert mit Ihrem Bedarf. Definieren Sie Ihr Thema, wählen Sie Ihre Quellen, der Rest läuft automatisch. Jede Lage erhält ihr eigenes Lagebild mit Quellenbelegen, Karte und Faktencheck.</p>
-                            <p class="hero-slide-example">Beispiel: Cyberangriffe auf deutsche Infrastruktur, 93 Artikel aus 41 Quellen, automatisch überwacht.</p>
-                            <div class="hero-slide-cta">
-                                <a href="#demos" class="btn btn-primary" onclick="positionCards(1)">Live-Beispiel ansehen</a>
-                            </div>
+                    <div class="hero-slide-video">
+                        <video muted loop playsinline preload="metadata">
+                            <source src="videos/hero-slide-5-monitoring.mp4" type="video/mp4">
+                        </video>
+                    </div>
+                    <div class="hero-slide-bottom">
+                        <p class="hero-slide-example">Beispiel: Cyberangriffe auf deutsche Infrastruktur, 93 Artikel aus 41 Quellen, automatisch überwacht.</p>
+                        <div class="hero-slide-cta">
+                            <a href="#demos" class="btn btn-primary" onclick="positionCards(1)">Live-Beispiel ansehen</a>
                         </div>
-                        <div class="hero-slide-media-col"></div>
                     </div>
                 </div>
             </div>
diff --git a/vorschau/videos/hero-slide-5-monitoring.mp4 b/vorschau/videos/hero-slide-5-monitoring.mp4
new file mode 100644
index 0000000..3009ae0
--- /dev/null
+++ b/vorschau/videos/hero-slide-5-monitoring.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e41305d869f54b73e0ea3b176fc7b81e086925126a33144282d360cf89486c4d
+size 895240