From efc3ca50750297ee436904ef0477454c141db70f Mon Sep 17 00:00:00 2001
From: Claude Code <noreply@anthropic.com>
Date: Mon, 6 Apr 2026 19:34:31 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20Icons=20getauscht,=20Faktenpr=C3=BCfung?=
 =?UTF-8?q?=20als=20Statement=20statt=20Card?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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 |  1 +
 assets/images/icons/monitor.svg   |  1 +
 vorschau/css/style.css            |  9 ++++-----
 vorschau/index.html               | 17 ++++++-----------
 4 files changed, 12 insertions(+), 16 deletions(-)
 create mode 100644 assets/images/icons/languages.svg
 create mode 100644 assets/images/icons/monitor.svg

diff --git a/assets/images/icons/languages.svg b/assets/images/icons/languages.svg
new file mode 100644
index 0000000..75d07e1
--- /dev/null
+++ b/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>
diff --git a/assets/images/icons/monitor.svg b/assets/images/icons/monitor.svg
new file mode 100644
index 0000000..f097b32
--- /dev/null
+++ b/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>
diff --git a/vorschau/css/style.css b/vorschau/css/style.css
index ba97104..854270f 100644
--- a/vorschau/css/style.css
+++ b/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-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-highlight-content h3 { font-size:1.2rem; font-weight:700; color:var(--navy); margin-bottom:8px; }
-.feature-highlight-content p { font-size:0.95rem; color:var(--text-light); line-height:1.6; }
-@media(max-width:768px) { .feature-highlight { flex-direction:column; text-align:center; padding:24px 20px; } .feature-highlight-icon { margin:0 auto; } }
+.feature-statement { text-align:center; max-width:700px; margin:0 auto 48px; padding:0 24px; }
+.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-statement-sub { font-size:1rem; color:var(--text-light); line-height:1.6; }
+@media(max-width:768px) { .feature-statement-text { font-size:1.3rem; } }
 
 /* ==================== 3D CAROUSEL ==================== */
 .carousel-viewport { overflow-x:clip; overflow-y:visible; padding:20px 0; position:relative; }
diff --git a/vorschau/index.html b/vorschau/index.html
index 708a999..6e2b31a 100644
--- a/vorschau/index.html
+++ b/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-highlight-icon">
-                    <img src="/assets/images/icons/check-circle-filled.svg" alt="" width="48" height="48">
-                </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 class="feature-statement">
+                <p class="feature-statement-text">Jede Behauptung wird automatisch gegen unabhängige Quellen geprüft.</p>
+                <p class="feature-statement-sub">Statusverlauf, Evidenz und Quellenbelege. Automatisch und nachvollziehbar.</p>
             </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>