Vorschau Hero: Video in voller Hero-Breite mit Overlay-Text

Hero-Slider umgebaut auf Vollbreiten-Video:
- Video fuellt gesamte Hero-Section (object-fit:cover, inset:0)
- Titel + Tagline als Overlay oben (ueber Gradient)
- Slide-Bottom (Beispieltext+CTA) als Overlay unten
- Pfeile auf Hero-Mitte seitlich, Dots zentriert unten
- Gradient-Overlay pro Slide (dunkel oben/unten, Safe-Zone Mitte)
- Mobile-Anpassungen (Pfeile ausgeblendet, kleinere Fonts)
- Tote Klassen entfernt (hero-claim, hero-cta, hero-slide-inner etc.)

Rollback-Punkt: a38a6e1

vorschau/index.html

@@ -81,7 +81,7 @@
     <!-- Hero Section -->
     <section class="hero" id="hero">
         <div class="hero-overlay"></div>
-        <div class="container hero-content">
+        <div class="hero-content">
             <div class="hero-brand">
                 <h1 class="hero-title">AegisSight Monitor</h1>
                 <p class="hero-tagline">KI-gestützte Echtzeit-Lagebilder aus offenen Quellen, <span class="gold">vollautomatisch.</span></p>
@@ -166,10 +166,10 @@
                     <button class="hero-dot" data-slide="3" aria-label="Globale Abdeckung"></button>
                     <button class="hero-dot" data-slide="4" aria-label="Flexibel einsetzbar"></button>
                 </div>
-                <div class="hero-slider-arrows">
-                    <button class="hero-arrow hero-arrow-prev" aria-label="Vorheriger Slide">&#8592;</button>
-                    <button class="hero-arrow hero-arrow-next" aria-label="Nächster Slide">&#8594;</button>
-                </div>
+            </div>
+            <div class="hero-slider-arrows">
+                <button class="hero-arrow hero-arrow-prev" aria-label="Vorheriger Slide">&#8592;</button>
+                <button class="hero-arrow hero-arrow-next" aria-label="Nächster Slide">&#8594;</button>
             </div>
         </div>
     </section>