From a9c1c73c2a2e52f0fe2bec138c6a508be1d7acbb Mon Sep 17 00:00:00 2001
From: Claude Code <noreply@anthropic.com>
Date: Thu, 9 Apr 2026 17:21:03 +0200
Subject: [PATCH] Vorschau: Faktencheck-Slide ueberarbeitet - beschreibend,
 kein Iran-Bezug

Slide rein beschreibend umformuliert mit Verifikationsstatus-Erklaerung.
Beispiel-Hinweis entfernt, Bild-Platzhalter fuer Screenshot vorbereitet.
Media-Col nur noch sichtbar wenn tatsaechlich ein img-Element vorhanden.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 vorschau/css/style.css | 4 ++--
 vorschau/index.html    | 7 +++----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/vorschau/css/style.css b/vorschau/css/style.css
index 641555e..de51c69 100644
--- a/vorschau/css/style.css
+++ b/vorschau/css/style.css
@@ -86,7 +86,7 @@ a { color:inherit; text-decoration:none; }
 .hero-slide-inner { display:flex; gap:40px; align-items:flex-start; }
 .hero-slide-text-col { flex:1; min-width:0; }
 .hero-slide-media-col { flex:0 0 360px; display:none; }
-.hero-slide-media-col:not(:empty) { display:block; }
+.hero-slide-media-col:has(img) { display:block; }
 .hero-slide-media-col img { width:100%; height:auto; border-radius:var(--radius-lg); box-shadow:0 8px 32px rgba(0,0,0,0.3); }
 
 .hero-slide-label { display:inline-block; padding:4px 14px; border-radius:20px; font-size:0.72rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; background:var(--gold); color:var(--navy); margin-bottom:14px; }
@@ -117,7 +117,7 @@ a { color:inherit; text-decoration:none; }
 .hero-slide-inner { display:flex; gap:40px; align-items:flex-start; }
 .hero-slide-text-col { flex:1; min-width:0; }
 .hero-slide-media-col { flex:0 0 360px; display:none; }
-.hero-slide-media-col:not(:empty) { display:block; }
+.hero-slide-media-col:has(img) { display:block; }
 .hero-slide-media-col img { width:100%; height:auto; border-radius:var(--radius-lg); box-shadow:0 8px 32px rgba(0,0,0,0.3); }
 
 .hero-slide-label { display:inline-block; padding:4px 14px; border-radius:20px; font-size:0.72rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; background:var(--gold); color:var(--navy); margin-bottom:14px; }
diff --git a/vorschau/index.html b/vorschau/index.html
index 370d288..e45d26e 100644
--- a/vorschau/index.html
+++ b/vorschau/index.html
@@ -109,14 +109,13 @@
                         <div class="hero-slide-text-col">
                             <span class="hero-slide-label">Faktencheck</span>
                             <h2 class="hero-slide-headline">Jede Behauptung geprüft. Automatisch.</h2>
-                            <p class="hero-slide-text">Kernaussagen werden gegen unabhängige Quellen verifiziert und mit einem Verifikationsstatus versehen. Widersprechen sich Quellen, wird das transparent dargestellt. Wenn neue Belege auftauchen, aktualisiert sich die Bewertung. Keine blinden Flecken, systematische Verifikation.</p>
-                            <p class="hero-slide-example">Im Live-Lagebild zum Iran-Konflikt wurden bisher über 1.600 Faktenchecks automatisch durchgeführt.</p>
+                            <p class="hero-slide-text">Kernaussagen werden automatisch gegen unabhängige Quellen verifiziert und mit einem Verifikationsstatus versehen: bestätigt, widersprüchlich oder unbelegt. Widersprechen sich Quellen, wird das transparent dargestellt. Wenn neue Belege auftauchen, aktualisiert sich die Bewertung automatisch. Keine blinden Flecken, keine manuelle Nachrecherche, systematische Verifikation über alle Lagebilder hinweg.</p>
                             <div class="hero-slide-cta">
-                                <a href="/lagen/iran-konflikt/" class="btn btn-primary">Faktencheck ansehen</a>
+                                <a href="#demos" class="btn btn-primary">Live-Demo ansehen</a>
                                 <button class="btn btn-outline-light" onclick="openContactModal()">Kontakt aufnehmen</button>
                             </div>
                         </div>
-                        <div class="hero-slide-media-col"></div>
+                        <div class="hero-slide-media-col"><!-- Screenshot Faktencheck-UI --></div>
                     </div>
                 </div>