diff --git a/backend/static/img/demo/app-demo.mp4 b/backend/static/img/demo/app-demo.mp4
new file mode 100644
index 0000000..95d8c83
Binary files /dev/null and b/backend/static/img/demo/app-demo.mp4 differ
diff --git a/backend/static/landing.html b/backend/static/landing.html
index f1a6b16..cffd696 100644
--- a/backend/static/landing.html
+++ b/backend/static/landing.html
@@ -472,6 +472,7 @@
 <nav>
   <div class="container">
     <span class="nav-brand">Ban Yaro</span>
+    <a href="#demo">Demo</a>
     <a href="#funktionen">Hundebesitzer</a>
     <a href="#zuechter">Züchter</a>
     <a href="#welpen">Welpen</a>
@@ -483,6 +484,35 @@
   </div>
 </nav>
 
+<!-- Demo-Video -->
+<section id="demo" style="background:#1a1a1a;padding:64px 20px;text-align:center">
+  <div style="max-width:480px;margin:0 auto">
+    <h2 style="color:white;font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:800;margin:0 0 12px">
+      Sieh selbst wie es sich anfühlt
+    </h2>
+    <p style="color:rgba(255,255,255,0.65);font-size:1rem;margin:0 0 32px;line-height:1.6">
+      2:48 Minuten echte App — kein Marketing-Video, keine Dummy-Daten.
+    </p>
+    <div style="position:relative;display:inline-block;
+                border-radius:36px;overflow:hidden;
+                box-shadow:0 20px 60px rgba(0,0,0,0.5);
+                border:3px solid rgba(255,255,255,0.12);
+                max-width:280px;width:100%">
+      <video
+        src="/img/demo/app-demo.mp4"
+        controls
+        preload="metadata"
+        playsinline
+        style="display:block;width:100%;border-radius:33px"
+        poster="/icons/icon-512.png">
+      </video>
+    </div>
+    <p style="color:rgba(255,255,255,0.35);font-size:0.8rem;margin:20px 0 0">
+      Tippe auf Play — Ton optional, alles verständlich ohne
+    </p>
+  </div>
+</section>
+
 <!-- Sektion A: Für Hundebesitzer -->
 <section id="funktionen" style="background: #f5f5f5;">
   <div class="container">