feat: Icons getauscht, Faktenprüfung als Statement statt Card

- Echtzeit-Monitoring: shield.svg -> monitor.svg (Lucide)
- Mehrsprachige Auswertung: document.svg -> languages.svg (Lucide)
- Strukturierte Lagebilder: clock.svg -> document.svg
- Faktenprüfung: Card mit Border/Icon -> Statement-Section
  (große Typografie, kein Icon, kein Rahmen)
- 2 neue SVG-Icons: monitor.svg, languages.svg

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

assets/images/icons/languages.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m5 8 6 6"/><path d="m4 14 6-6 2-3"/><path d="M2 5h12"/><path d="M7 2h1"/><path d="m22 22-5-10-5 10"/><path d="M14 18h6"/></svg>

assets/images/icons/monitor.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="14" x="2" y="3" rx="2"/><line x1="8" x2="16" y1="21" y2="21"/><line x1="12" x2="12" y1="17" y2="21"/></svg>

vorschau/css/style.css

@@ -151,11 +151,10 @@ a { color:inherit; text-decoration:none; }
 .live-stat-label { display:block; font-size:0.8rem; color:var(--text-light); text-transform:uppercase; letter-spacing:0.08em; margin-top:4px; }
 
 /* ==================== FEATURE HIGHLIGHT ==================== */
-.feature-highlight { display:flex; align-items:center; gap:28px; background:var(--white); border-radius:var(--radius-lg); padding:32px 36px; margin-bottom:32px; box-shadow:var(--shadow-lg); border-left:4px solid var(--gold); }
+.feature-statement { text-align:center; max-width:700px; margin:0 auto 48px; padding:0 24px; }
-.feature-highlight-icon { width:64px; height:64px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:rgba(200,168,81,0.1); border-radius:var(--radius); }
+.feature-statement-text { font-size:1.6rem; font-weight:700; color:var(--navy); line-height:1.35; margin-bottom:12px; letter-spacing:-0.01em; }
-.feature-highlight-content h3 { font-size:1.2rem; font-weight:700; color:var(--navy); margin-bottom:8px; }
+.feature-statement-sub { font-size:1rem; color:var(--text-light); line-height:1.6; }
-.feature-highlight-content p { font-size:0.95rem; color:var(--text-light); line-height:1.6; }
+@media(max-width:768px) { .feature-statement-text { font-size:1.3rem; } }
-@media(max-width:768px) { .feature-highlight { flex-direction:column; text-align:center; padding:24px 20px; } .feature-highlight-icon { margin:0 auto; } }
 
 /* ==================== 3D CAROUSEL ==================== */
 .carousel-viewport { overflow-x:clip; overflow-y:visible; padding:20px 0; position:relative; }

vorschau/index.html

@@ -240,20 +240,15 @@
         <div class="container">
             <h2 class="section-title">Was der Monitor leistet</h2>
             <!-- Highlight: Faktenprüfung -->
-            <div class="feature-highlight">
+            <div class="feature-statement">
-                <div class="feature-highlight-icon">
+                <p class="feature-statement-text">Jede Behauptung wird automatisch gegen unabhängige Quellen geprüft.</p>
-                    <img src="/assets/images/icons/check-circle-filled.svg" alt="" width="48" height="48">
+                <p class="feature-statement-sub">Statusverlauf, Evidenz und Quellenbelege. Automatisch und nachvollziehbar.</p>
-                </div>
-                <div class="feature-highlight-content">
-                    <h3>Automatische Faktenprüfung</h3>
-                    <p>Jede zentrale Aussage wird automatisch gegen unabhängige Quellen verifiziert. Mit Statusverlauf, Evidenz und Quellenbelegen.</p>
-                </div>
             </div>
 
             <div class="grid-3">
                 <div class="feature-card">
                     <div class="feature-icon">
-                        <img src="/assets/images/icons/shield.svg" alt="" width="36" height="36">
+                        <img src="/assets/images/icons/monitor.svg" alt="" width="36" height="36">
                     </div>
                     <h3>Echtzeit-Monitoring</h3>
                     <p>Kontinuierliche Überwachung Ihrer definierten Quellen, rund um die Uhr.</p>
@@ -275,14 +270,14 @@
                 </div>
                 <div class="feature-card">
                     <div class="feature-icon">
-                        <img src="/assets/images/icons/document.svg" alt="" width="36" height="36">
+                        <img src="/assets/images/icons/languages.svg" alt="" width="36" height="36">
                     </div>
                     <h3>Mehrsprachige Auswertung</h3>
                     <p>Quellen in verschiedenen Sprachen werden automatisch verarbeitet und zusammengeführt.</p>
                 </div>
                 <div class="feature-card">
                     <div class="feature-icon">
-                        <img src="/assets/images/icons/clock.svg" alt="" width="36" height="36">
+                        <img src="/assets/images/icons/document.svg" alt="" width="36" height="36">
                     </div>
                     <h3>Strukturierte Lagebilder</h3>
                     <p>Übersichtliche Zusammenfassungen mit Quellenbelegen und Zeitverläufen.</p>