fix: Workflow nach oben, Untertitel und Aktualisiert-Anzeige entfernt

- 'So funktioniert der AegisSight Monitor' direkt nach Hero
- 'Sehen Sie den Monitor in Aktion' Titel/Untertitel entfernt
- 'Aktualisiert vor X Std.' entfernt

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

vorschau/index.html

@@ -106,12 +106,38 @@
         <svg viewBox="0 0 1440 80" preserveAspectRatio="none"><path d="M0,0 L720,80 L1440,0 L1440,0 L0,0 Z" fill="#0A1832"/></svg>
     </div>
 
-    <!-- Live Demos / Showcase -->
+    <!-- Solution / Workflow -->
-    <section class="section section-alt" id="demos">
+    <section class="section section-alt" id="solution">
         <div class="container">
-            <h2 class="section-title">Sehen Sie den Monitor in Aktion</h2>
+            <h2 class="section-title">So funktioniert der AegisSight Monitor</h2>
-            <p class="section-subtitle">Echte Lagebilder, erstellt vom AegisSight Monitor. Live und ohne Bearbeitung.</p>
+            <div class="workflow">
+                <div class="workflow-step">
+                    <div class="step-number">1</div>
+                    <h3>Erfassen</h3>
+                    <p>Hunderte Quellen werden kontinuierlich überwacht. Nachrichtenagenturen, Telegram, Social Media und mehr.</p>
+                </div>
+                <div class="workflow-connector"></div>
+                <div class="workflow-step">
+                    <div class="step-number">2</div>
+                    <h3>Analysieren</h3>
+                    <p>Meldungen werden automatisch ausgewertet, Fakten geprüft und geografisch verortet.</p>
+                </div>
+                <div class="workflow-connector"></div>
+                <div class="workflow-step">
+                    <div class="step-number">3</div>
+                    <h3>Berichten</h3>
+                    <p>Strukturierte Lagebilder mit Quellenbelegen, Faktencheck und Kartenansicht. In Echtzeit.</p>
+                </div>
+            </div>
+        </div>
+    </section>
 
+    <!-- Gradient: Solution -> Demos -->
+    <div class="divider divider-gradient-alt-to-base"></div>
+
+    <!-- Live Demos / Showcase -->
+    <section class="section section-base" id="demos">
+        <div class="container">
             <!-- Live Stats Bar -->
             <div class="live-stats-bar">
                 <div class="live-stat">
@@ -126,7 +152,6 @@
                     <span class="live-stat-value" id="stat-factchecks">...</span>
                     <span class="live-stat-label">Faktenchecks</span>
                 </div>
-                <div class="live-stat-updated" id="demo-updated">Daten werden geladen...</div>
             </div>
 
             <!-- 3D Carousel -->
@@ -205,36 +230,7 @@
         </div>
     </section>
 
-    <!-- Diagonal: Problem -> Solution -->
-    <div class="divider divider-diagonal">
-        <svg viewBox="0 0 1440 60" preserveAspectRatio="none"><path d="M0,60 L1440,0 L1440,60 Z" fill="#F0F3F7"/></svg>
-    </div>
 
-    <!-- Solution / Workflow -->
-    <section class="section section-alt" id="solution">
-        <div class="container">
-            <h2 class="section-title">So funktioniert der AegisSight Monitor</h2>
-            <div class="workflow">
-                <div class="workflow-step">
-                    <div class="step-number">1</div>
-                    <h3>Erfassen</h3>
-                    <p>Hunderte Quellen werden kontinuierlich überwacht. Nachrichtenagenturen, Telegram, Social Media und mehr.</p>
-                </div>
-                <div class="workflow-connector"></div>
-                <div class="workflow-step">
-                    <div class="step-number">2</div>
-                    <h3>Analysieren</h3>
-                    <p>Meldungen werden automatisch ausgewertet, Fakten geprüft und geografisch verortet.</p>
-                </div>
-                <div class="workflow-connector"></div>
-                <div class="workflow-step">
-                    <div class="step-number">3</div>
-                    <h3>Berichten</h3>
-                    <p>Strukturierte Lagebilder mit Quellenbelegen, Faktencheck und Kartenansicht. In Echtzeit.</p>
-                </div>
-            </div>
-        </div>
-    </section>
 
     <!-- Gradient: Solution -> Features -->
     <div class="divider divider-gradient-alt-to-base"></div>

vorschau/js/app.js

@@ -149,7 +149,6 @@
                 var ea = document.getElementById('stat-articles');
                 var es = document.getElementById('stat-sources');
                 var ef = document.getElementById('stat-factchecks');
-                var eu = document.getElementById('demo-updated');
                 function countUp(el, target) {
                     if (!el || !target) return;
                     var start = 0;
@@ -181,7 +180,6 @@
                 }
             })
             .catch(function () {
-                var eu = document.getElementById('demo-updated');
                 if (eu) eu.textContent = 'Daten derzeit nicht verfügbar';
             });
     }