From 9712927746f186c06c647adcfa4c801127236bfd Mon Sep 17 00:00:00 2001
From: Claude Code <noreply@anthropic.com>
Date: Sat, 7 Mar 2026 16:41:31 +0100
Subject: [PATCH] =?UTF-8?q?Lagebild:=20Tab-Reihenfolge=20ge=C3=A4ndert,=20?=
 =?UTF-8?q?KI-Analyse=20Feed-Zeile=20entfernt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Neue Reihenfolge: Lagebild, Karte, Faktenchecks, Quellen

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 lagebild/index.html  | 392 +++++++++++++++++++++----------------------
 lagebild/lagebild.js |   1 -
 2 files changed, 196 insertions(+), 197 deletions(-)
diff --git a/lagebild/index.html b/lagebild/index.html
index eca03bb..d7d24d3 100644
--- a/lagebild/index.html
+++ b/lagebild/index.html
@@ -1,196 +1,196 @@
-<!DOCTYPE html>
-<html lang="de">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Lagebild Irankonflikt - AegisSight</title>
-    <meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noimageindex">
-    <link rel="icon" type="image/svg+xml" href="../favicon.svg">
-    <link rel="stylesheet" href="../css/main.css">
-    <link rel="stylesheet" href="../css/fonts.css">
-    <link rel="stylesheet" href="../css/mobile.css">
-    <link rel="stylesheet" href="lagebild.css">
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
-</head>
-<body class="lagebild-page">
-    <!-- Scroll Progress Bar -->
-    <div class="scroll-progress" id="scroll-progress"></div>
-
-    <!-- Navigation -->
-    <nav class="navbar" role="navigation">
-        <div class="nav-container">
-            <div class="logo">
-                <a href="/"><img src="../assets/images/logos/Logo+Schrift_Rechts.png" alt="AegisSight" class="logo-img"></a>
-            </div>
-            <ul class="nav-menu">
-                <li><a href="/" data-translate="navHome">Startseite</a></li>
-                <li><a href="/#about" data-translate="navAbout">Über uns</a></li>
-                <li><a href="/#products" data-translate="navProducts">Lösungen</a></li>
-                <li><a href="/lagebild" class="nav-active" data-translate="navLagebild">Lagebild</a></li>
-                <li><a href="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
-            </ul>
-            <div class="nav-extras">
-                <button class="lang-toggle" data-lang="de" aria-label="Sprache wechseln" data-translate="langSwitch">DE | EN</button>
-                <button class="mobile-menu-toggle" aria-label="Menü öffnen" aria-expanded="false">
-                    <span class="hamburger"><span></span><span></span><span></span></span>
-                </button>
-            </div>
-        </div>
-    </nav>
-
-    <!-- Mobile Navigation -->
-    <div class="nav-menu-mobile" aria-hidden="true">
-        <button class="mobile-menu-close" aria-label="Menü schließen">
-            <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6l12 12" stroke="currentColor"/></svg>
-        </button>
-        <ul>
-            <li><a href="/" data-translate="navHome">Startseite</a></li>
-            <li><a href="/#about" data-translate="navAbout">Über uns</a></li>
-            <li><a href="/#products" data-translate="navProducts">Lösungen</a></li>
-            <li><a href="/lagebild" class="nav-active" data-translate="navLagebild">Lagebild</a></li>
-            <li><a href="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
-        </ul>
-    </div>
-    <div class="mobile-menu-overlay"></div>
-
-    <!-- Hero Section -->
-    <section class="lagebild-hero">
-        <canvas id="hero-particles"></canvas>
-        <div class="hero-bg-pattern"></div>
-        <div class="container">
-            <div class="hero-badge">
-                <span class="badge-dot"></span>
-                <span>LIVE-LAGEBILD</span>
-            </div>
-            <h1 id="hero-title">LAGEBILD</h1>
-            <p class="hero-incident-title" id="incident-title"></p>
-
-            <!-- Stat Cards -->
-            <div class="hero-stats" id="hero-stats"></div>
-
-            <!-- Live Feed Ticker -->
-            <div class="live-feed" id="live-feed"></div>
-        </div>
-    </section>
-
-    <!-- Control Bar: Timeline + Tabs -->
-    <div class="control-bar">
-        <div class="container">
-            <div class="timeline-wrapper">
-                <div class="timeline-strip" id="timeline-strip"></div>
-                <div class="timeline-dropdown" id="timeline-dropdown"></div>
-            </div>
-            <div class="tab-nav" id="tab-nav">
-                <button class="tab-btn active" data-tab="lagebild">Lagebild</button>
-                <button class="tab-btn" data-tab="quellen">Quellen <span class="tab-badge" id="tab-badge-quellen"></span></button>
-                <button class="tab-btn" data-tab="karte">Karte</button>
-                <button class="tab-btn" data-tab="faktenchecks">Faktenchecks <span class="tab-badge" id="tab-badge-faktenchecks"></span></button>
-            </div>
-        </div>
-    </div>
-
-    <!-- Main Content -->
-    <main class="lagebild-main">
-        <div class="container">
-            <!-- Tab: Lagebild -->
-            <div class="tab-panel active" id="panel-lagebild">
-                <section class="content-card">
-                    <div class="card-header">
-                        <h2 id="lagebild-date-title">Lagebild</h2>
-                        <span class="card-timestamp" id="lagebild-timestamp"></span>
-                    </div>
-                    <div class="card-body" id="summary-content">
-                        <div class="loading-skeleton">
-                            <div class="skeleton-line"></div>
-                            <div class="skeleton-line"></div>
-                            <div class="skeleton-line short"></div>
-                        </div>
-                    </div>
-                    <div class="card-footer" id="inline-sources"></div>
-                </section>
-            </div>
-
-            <!-- Tab: Quellen -->
-            <div class="tab-panel" id="panel-quellen">
-                <section class="content-card">
-                    <div class="card-header">
-                        <h2>Quellen &amp; Quellenberichte</h2>
-                        <p class="card-description">Alle vom AegisSight Monitor aggregierten Quellen und Artikel</p>
-                    </div>
-                    <div class="card-body">
-                        <div id="sources-cited" class="sources-section"></div>
-                        <h3 class="section-subtitle" id="articles-heading">Alle Artikel</h3>
-                        <div id="articles-content"></div>
-                    </div>
-                </section>
-            </div>
-
-            <!-- Tab: Karte -->
-            <div class="tab-panel" id="panel-karte">
-                <section class="content-card">
-                    <div class="card-header">
-                        <h2>Karte</h2>
-                        <p class="card-description">Geografische Einordnung der Meldungen</p>
-                    </div>
-                    <div class="card-body">
-                        <div id="map-container" style="height:500px;border-radius:4px;overflow:hidden;"></div>
-                    </div>
-                </section>
-            </div>
-
-            <!-- Tab: Faktenchecks -->
-            <div class="tab-panel" id="panel-faktenchecks">
-                <section class="content-card">
-                    <div class="card-header">
-                        <h2>Faktenchecks</h2>
-                        <p class="card-description">KI-gestützte Verifizierung aller zentralen Aussagen gegen unabhängige Quellen</p>
-                    </div>
-                    <div class="card-body" id="factchecks-content"></div>
-                </section>
-            </div>
-
-            <!-- CTA -->
-        </div>
-    </main>
-
-    <!-- Footer -->
-    <footer class="footer">
-        <div class="container">
-            <div class="footer-content">
-                <div class="footer-section">
-                    <h4 data-translate="footerCompanyTitle">AegisSight UG (haftungsbeschränkt)</h4>
-                    <p data-translate="footerCompanyAddress1">Gladbacher Strasse 3-5</p>
-                    <p data-translate="footerCompanyAddress2">40764 Langenfeld</p>
-                </div>
-                <div class="footer-section">
-                    <h4 data-translate="footerNavTitle">Navigation</h4>
-                    <ul>
-                        <li><a href="/" data-translate="footerNavHome">Startseite</a></li>
-                        <li><a href="/#about" data-translate="footerNavAbout">Über uns</a></li>
-                        <li><a href="/#products" data-translate="footerNavProducts">Lösungen</a></li>
-                    </ul>
-                </div>
-                <div class="footer-section">
-                    <h4 data-translate="footerLegalTitle">Rechtliches</h4>
-                    <ul>
-                        <li><a href="/impressum.html" data-translate="footerImprint">Impressum</a></li>
-                        <li><a href="/datenschutz.html" data-translate="footerPrivacy">Datenschutz</a></li>
-                    </ul>
-                </div>
-                <div class="footer-section">
-                    <h4 data-translate="footerContactTitle">Kontakt</h4>
-                    <p>info@aegis-sight.de</p>
-                </div>
-            </div>
-            <p class="copyright">&copy; 2026 AegisSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.</p>
-        </div>
-    </footer>
-
-    <!-- Scripts -->
-    <script src="../js/config.js"></script>
-    <script src="../js/translations.js"></script>
-    <script src="../js/mobile-nav.js"></script>
-    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
-    <script src="lagebild.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Lagebild Irankonflikt - AegisSight</title>
+    <meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noimageindex">
+    <link rel="icon" type="image/svg+xml" href="../favicon.svg">
+    <link rel="stylesheet" href="../css/main.css">
+    <link rel="stylesheet" href="../css/fonts.css">
+    <link rel="stylesheet" href="../css/mobile.css">
+    <link rel="stylesheet" href="lagebild.css">
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
+</head>
+<body class="lagebild-page">
+    <!-- Scroll Progress Bar -->
+    <div class="scroll-progress" id="scroll-progress"></div>
+
+    <!-- Navigation -->
+    <nav class="navbar" role="navigation">
+        <div class="nav-container">
+            <div class="logo">
+                <a href="/"><img src="../assets/images/logos/Logo+Schrift_Rechts.png" alt="AegisSight" class="logo-img"></a>
+            </div>
+            <ul class="nav-menu">
+                <li><a href="/" data-translate="navHome">Startseite</a></li>
+                <li><a href="/#about" data-translate="navAbout">Über uns</a></li>
+                <li><a href="/#products" data-translate="navProducts">Lösungen</a></li>
+                <li><a href="/lagebild" class="nav-active" data-translate="navLagebild">Lagebild</a></li>
+                <li><a href="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
+            </ul>
+            <div class="nav-extras">
+                <button class="lang-toggle" data-lang="de" aria-label="Sprache wechseln" data-translate="langSwitch">DE | EN</button>
+                <button class="mobile-menu-toggle" aria-label="Menü öffnen" aria-expanded="false">
+                    <span class="hamburger"><span></span><span></span><span></span></span>
+                </button>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Mobile Navigation -->
+    <div class="nav-menu-mobile" aria-hidden="true">
+        <button class="mobile-menu-close" aria-label="Menü schließen">
+            <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6l12 12" stroke="currentColor"/></svg>
+        </button>
+        <ul>
+            <li><a href="/" data-translate="navHome">Startseite</a></li>
+            <li><a href="/#about" data-translate="navAbout">Über uns</a></li>
+            <li><a href="/#products" data-translate="navProducts">Lösungen</a></li>
+            <li><a href="/lagebild" class="nav-active" data-translate="navLagebild">Lagebild</a></li>
+            <li><a href="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
+        </ul>
+    </div>
+    <div class="mobile-menu-overlay"></div>
+
+    <!-- Hero Section -->
+    <section class="lagebild-hero">
+        <canvas id="hero-particles"></canvas>
+        <div class="hero-bg-pattern"></div>
+        <div class="container">
+            <div class="hero-badge">
+                <span class="badge-dot"></span>
+                <span>LIVE-LAGEBILD</span>
+            </div>
+            <h1 id="hero-title">LAGEBILD</h1>
+            <p class="hero-incident-title" id="incident-title"></p>
+
+            <!-- Stat Cards -->
+            <div class="hero-stats" id="hero-stats"></div>
+
+            <!-- Live Feed Ticker -->
+            <div class="live-feed" id="live-feed"></div>
+        </div>
+    </section>
+
+    <!-- Control Bar: Timeline + Tabs -->
+    <div class="control-bar">
+        <div class="container">
+            <div class="timeline-wrapper">
+                <div class="timeline-strip" id="timeline-strip"></div>
+                <div class="timeline-dropdown" id="timeline-dropdown"></div>
+            </div>
+            <div class="tab-nav" id="tab-nav">
+                <button class="tab-btn active" data-tab="lagebild">Lagebild</button>
+                <button class="tab-btn" data-tab="karte">Karte</button>
+                <button class="tab-btn" data-tab="faktenchecks">Faktenchecks <span class="tab-badge" id="tab-badge-faktenchecks"></span></button>
+                <button class="tab-btn" data-tab="quellen">Quellen <span class="tab-badge" id="tab-badge-quellen"></span></button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Main Content -->
+    <main class="lagebild-main">
+        <div class="container">
+            <!-- Tab: Lagebild -->
+            <div class="tab-panel active" id="panel-lagebild">
+                <section class="content-card">
+                    <div class="card-header">
+                        <h2 id="lagebild-date-title">Lagebild</h2>
+                        <span class="card-timestamp" id="lagebild-timestamp"></span>
+                    </div>
+                    <div class="card-body" id="summary-content">
+                        <div class="loading-skeleton">
+                            <div class="skeleton-line"></div>
+                            <div class="skeleton-line"></div>
+                            <div class="skeleton-line short"></div>
+                        </div>
+                    </div>
+                    <div class="card-footer" id="inline-sources"></div>
+                </section>
+            </div>
+
+            <!-- Tab: Quellen -->
+            <div class="tab-panel" id="panel-quellen">
+                <section class="content-card">
+                    <div class="card-header">
+                        <h2>Quellen &amp; Quellenberichte</h2>
+                        <p class="card-description">Alle vom AegisSight Monitor aggregierten Quellen und Artikel</p>
+                    </div>
+                    <div class="card-body">
+                        <div id="sources-cited" class="sources-section"></div>
+                        <h3 class="section-subtitle" id="articles-heading">Alle Artikel</h3>
+                        <div id="articles-content"></div>
+                    </div>
+                </section>
+            </div>
+
+            <!-- Tab: Karte -->
+            <div class="tab-panel" id="panel-karte">
+                <section class="content-card">
+                    <div class="card-header">
+                        <h2>Karte</h2>
+                        <p class="card-description">Geografische Einordnung der Meldungen</p>
+                    </div>
+                    <div class="card-body">
+                        <div id="map-container" style="height:500px;border-radius:4px;overflow:hidden;"></div>
+                    </div>
+                </section>
+            </div>
+
+            <!-- Tab: Faktenchecks -->
+            <div class="tab-panel" id="panel-faktenchecks">
+                <section class="content-card">
+                    <div class="card-header">
+                        <h2>Faktenchecks</h2>
+                        <p class="card-description">KI-gestützte Verifizierung aller zentralen Aussagen gegen unabhängige Quellen</p>
+                    </div>
+                    <div class="card-body" id="factchecks-content"></div>
+                </section>
+            </div>
+
+            <!-- CTA -->
+        </div>
+    </main>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-content">
+                <div class="footer-section">
+                    <h4 data-translate="footerCompanyTitle">AegisSight UG (haftungsbeschränkt)</h4>
+                    <p data-translate="footerCompanyAddress1">Gladbacher Strasse 3-5</p>
+                    <p data-translate="footerCompanyAddress2">40764 Langenfeld</p>
+                </div>
+                <div class="footer-section">
+                    <h4 data-translate="footerNavTitle">Navigation</h4>
+                    <ul>
+                        <li><a href="/" data-translate="footerNavHome">Startseite</a></li>
+                        <li><a href="/#about" data-translate="footerNavAbout">Über uns</a></li>
+                        <li><a href="/#products" data-translate="footerNavProducts">Lösungen</a></li>
+                    </ul>
+                </div>
+                <div class="footer-section">
+                    <h4 data-translate="footerLegalTitle">Rechtliches</h4>
+                    <ul>
+                        <li><a href="/impressum.html" data-translate="footerImprint">Impressum</a></li>
+                        <li><a href="/datenschutz.html" data-translate="footerPrivacy">Datenschutz</a></li>
+                    </ul>
+                </div>
+                <div class="footer-section">
+                    <h4 data-translate="footerContactTitle">Kontakt</h4>
+                    <p>info@aegis-sight.de</p>
+                </div>
+            </div>
+            <p class="copyright">&copy; 2026 AegisSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.</p>
+        </div>
+    </footer>
+
+    <!-- Scripts -->
+    <script src="../js/config.js"></script>
+    <script src="../js/translations.js"></script>
+    <script src="../js/mobile-nav.js"></script>
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
+    <script src="lagebild.js"></script>
+</body>
+</html>
diff --git a/lagebild/lagebild.js b/lagebild/lagebild.js
index e654034..96af58c 100644
--- a/lagebild/lagebild.js
+++ b/lagebild/lagebild.js
@@ -151,7 +151,6 @@ var Lagebild = {
             'Letzte Aktualisierung: ' + diffText,
             d.incident.source_count + ' Quellen aktiv \u00fcberwacht',
             d.incident.article_count + ' Artikel analysiert \u2013 ' + d.incident.factcheck_count + ' Faktenchecks durchgef\u00fchrt',
-            'Automatisierte KI-Analyse aus ' + d.incident.source_count + ' unabh\u00e4ngigen Quellen'
         ];
 
         var h = '';
