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>
Dieser Commit ist enthalten in:
Claude Code
2026-04-06 19:34:31 +02:00
Ursprung f578529d94
Commit efc3ca5075
4 geänderte Dateien mit 12 neuen und 16 gelöschten Zeilen

Datei anzeigen

@@ -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; }

Datei anzeigen

@@ -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>