From 442b794421a98bc2d7ec3435f908f6042f2d76dd Mon Sep 17 00:00:00 2001
From: Claude Code <noreply@anthropic.com>
Date: Mon, 13 Apr 2026 23:35:26 +0200
Subject: [PATCH] feat: Slide 3 (KI-Recherche) mit Video statt Text

---
 vorschau/index.html                         | 21 ++++++++++-----------
 vorschau/videos/hero-slide-3-monitoring.mp4 |  3 +++
 2 files changed, 13 insertions(+), 11 deletions(-)
 create mode 100644 vorschau/videos/hero-slide-3-monitoring.mp4

diff --git a/vorschau/index.html b/vorschau/index.html
index 192a919..a400eb4 100644
--- a/vorschau/index.html
+++ b/vorschau/index.html
@@ -112,19 +112,18 @@
                     </div>
                 </div>
 
-                <!-- Slide 3: KI-Recherche -->
+                <!-- Slide 3: KI-Recherche (Video) -->
                 <div class="hero-slide" data-slide="2">
-                    <div class="hero-slide-inner">
-                        <div class="hero-slide-text-col">
-                            <span class="hero-slide-label">KI-gestützte Recherche</span>
-                            <h2 class="hero-slide-headline">Umfassende Recherche in Minuten statt Tagen.</h2>
-                            <p class="hero-slide-text">Definieren Sie ein Thema, der Monitor recherchiert, strukturiert und belegt vollautomatisch. Quellenbasierte Analyse mit Faktenprüfung, kein Copy-Paste aus Suchmaschinen. Das Ergebnis: ein vollständiges Dossier mit Quellenbelegen und Faktenchecks.</p>
-                            <p class="hero-slide-example">Beispiel: Ein Dossier zur rechtlichen Lage von Deepfakes in Deutschland, 121 Artikel aus 90 Quellen, automatisch erstellt.</p>
-                            <div class="hero-slide-cta">
-                                <a href="#demos" class="btn btn-primary" onclick="positionCards(2)">Recherche-Beispiel ansehen</a>
-                            </div>
+                    <div class="hero-slide-video">
+                        <video muted loop playsinline preload="metadata">
+                            <source src="videos/hero-slide-3-monitoring.mp4" type="video/mp4">
+                        </video>
+                    </div>
+                    <div class="hero-slide-bottom">
+                        <p class="hero-slide-example">Beispiel: Ein Dossier zur rechtlichen Lage von Deepfakes in Deutschland, 121 Artikel aus 90 Quellen, automatisch erstellt.</p>
+                        <div class="hero-slide-cta">
+                            <a href="#demos" class="btn btn-primary" onclick="positionCards(2)">Recherche-Beispiel ansehen</a>
                         </div>
-                        <div class="hero-slide-media-col"></div>
                     </div>
                 </div>
 
diff --git a/vorschau/videos/hero-slide-3-monitoring.mp4 b/vorschau/videos/hero-slide-3-monitoring.mp4
new file mode 100644
index 0000000..e2a1fe0
--- /dev/null
+++ b/vorschau/videos/hero-slide-3-monitoring.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e099c5fe47102d8965d4ec6e8f47a3ee8420f16f0ff96017f3b98404b4066077
+size 1962251