fix: Lagebild-Links aus Navbar und Footer von Impressum/Datenschutz entfernt

Lagebild soll nur unter Lösungen auf der Startseite verlinkt sein,
nicht eigenständig in der Navigation oder im Footer.

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

assets/images/icons/world-globe.svg

@@ -0,0 +1,6 @@
+<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="M21.54 15H17a2 2 0 0 0-2 2v4.54"/>
+  <path d="M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17"/>
+  <path d="M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"/>
+  <circle cx="12" cy="12" r="10"/>
+</svg>

css/products-modern.css

@@ -174,15 +174,16 @@
 }
 
 .product-title {
-    color: #1a1a1a;
+    color: #0A1832;
     font-size: 1.8rem;
     font-weight: 700;
     margin: 0;
     transition: all 0.3s;
 }
 
-/* Specific styling for AccountForger title */
-.product-title[data-translate="productAccountForgerTitle"] {
+/* Specific styling for product titles */
+.product-title[data-translate="productAccountForgerTitle"],
+.product-title[data-translate="productOsintMonitorTitle"] {
     color: #0A1832;
 }
 

datenschutz-en.html

@@ -134,7 +134,6 @@
                 <li><a href="index.html#home">Home</a></li>
                 <li><a href="index.html#about">About Us</a></li>
                 <li><a href="index.html#products">Products & Solutions</a></li>
-                <li><a href="/lagebild">Situation Report</a></li>
                 <li><a href="mailto:info@aegis-sight.de">Contact</a></li>
             </ul>
             <div class="nav-extras">

datenschutz.html

@@ -127,7 +127,6 @@
                 <li><a href="index.html#home">Startseite</a></li>
                 <li><a href="index.html#about">Über uns</a></li>
                 <li><a href="index.html#products">Produkte & Lösungen</a></li>
-                <li><a href="/lagebild">Lagebild</a></li>
                 <li><a href="mailto:info@aegis-sight.de">Kontakt</a></li>
             </ul>
             <div class="nav-extras">
@@ -313,7 +312,6 @@
                         <li><a href="index.html#home">Startseite</a></li>
                         <li><a href="index.html#about">Über uns</a></li>
                         <li><a href="index.html#products">Produkte</a></li>
-                        <li><a href="/lagebild">Lagebild</a></li>
                 <li><a href="mailto:info@aegis-sight.de">Kontakt</a></li>
                     </ul>
                 </div>

impressum-en.html

@@ -94,7 +94,6 @@
                 <li><a href="index.html#home">Home</a></li>
                 <li><a href="index.html#about">About Us</a></li>
                 <li><a href="index.html#products">Products & Solutions</a></li>
-                <li><a href="/lagebild">Situation Report</a></li>
                 <li><a href="mailto:info@aegis-sight.de">Contact</a></li>
             </ul>
             <div class="nav-extras">

impressum.html

@@ -89,7 +89,6 @@
                 <li><a href="index.html#home">Startseite</a></li>
                 <li><a href="index.html#about">Über uns</a></li>
                 <li><a href="index.html#products">Produkte & Lösungen</a></li>
-                <li><a href="/lagebild">Lagebild</a></li>
                 <li><a href="mailto:info@aegis-sight.de">Kontakt</a></li>
             </ul>
             <div class="nav-extras">
@@ -172,7 +171,6 @@
                         <li><a href="index.html#home">Startseite</a></li>
                         <li><a href="index.html#about">Über uns</a></li>
                         <li><a href="index.html#products">Produkte</a></li>
-                        <li><a href="/lagebild">Lagebild</a></li>
                 <li><a href="mailto:info@aegis-sight.de">Kontakt</a></li>
                     </ul>
                 </div>

index.html

@@ -37,7 +37,6 @@
                 <li><a href="#home" 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" 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">
@@ -65,7 +64,6 @@
             <li><a href="#home" 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" data-translate="navLagebild">Lagebild</a></li>
             <li><a href="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
         </ul>
     </div>
@@ -277,6 +275,25 @@
             </div>
             
             <div class="products-grid">
+                <!-- Product: AegisSight Monitor -->
+                <div class="product-card">
+                    <div class="product-header">
+                        <div class="product-icon-wrapper">
+                            <div class="product-icon-bg"></div>
+                            <img class="product-icon" src="assets/images/icons/world-globe.svg" alt="AegisSight Monitor">
+                        </div>
+                        <div class="product-title-wrapper">
+                            <h3 class="product-title" data-translate="productOsintMonitorTitle">AegisSight Monitor</h3>
+                            <p class="product-tagline" data-translate="productOsintMonitorTagline">Open Source Intelligence - automatisiert</p>
+                        </div>
+                    </div>
+                    <div class="product-body">
+                        <p class="product-description" data-translate="productOsintMonitorDesc">AegisSight Monitor aggregiert, analysiert und verifiziert Informationen aus öffentlich zugänglichen Quellen in Echtzeit. Erleben Sie die Plattform live am Beispiel des Iran-Livetickers.</p>
+                        <a href="/lagebild/" class="product-learn-more" style="text-decoration: none; text-align: center;">
+                            <span data-translate="osintMonitorButton">Iran-Liveticker öffnen</span>
+                        </a>
+                    </div>
+                </div>
                 <!-- Product: AccountForger -->
                 <div class="product-card">
                     <div class="product-header">

js/translations.js

@@ -119,6 +119,11 @@ const translations = {
         accessRestricted: 'Zugang nur mit Berechtigung',
         protectedProductDesc: 'Dieses Produkt ist speziell für autorisierte Behörden entwickelt und erfordert eine Authentifizierung.',
         loginForAccess: 'Anmelden für Zugriff',
+        // OSINT Monitor
+        productOsintMonitorTitle: 'AegisSight Monitor',
+        productOsintMonitorTagline: 'Open Source Intelligence - automatisiert',
+        productOsintMonitorDesc: 'AegisSight Monitor aggregiert, analysiert und verifiziert Informationen aus öffentlich zugänglichen Quellen in Echtzeit. Erleben Sie die Plattform live am Beispiel des Iran-Livetickers.',
+        osintMonitorButton: 'Iran-Liveticker öffnen',
         
 
         // Lagebild Page
@@ -283,6 +288,11 @@ const translations = {
         accessRestricted: 'Access by authorization only',
         protectedProductDesc: 'This product is specifically developed for authorized agencies and requires authentication.',
         loginForAccess: 'Login for Access',
+        // OSINT Monitor
+        productOsintMonitorTitle: 'AegisSight Monitor',
+        productOsintMonitorTagline: 'Open Source Intelligence - Automated',
+        productOsintMonitorDesc: 'AegisSight Monitor aggregates, analyzes and verifies information from publicly available sources in real time. Experience the platform live with the Iran Live Ticker.',
+        osintMonitorButton: 'Open Iran Live Ticker',
         
         
         // Lagebild Page

lagebild/index.html

@@ -13,6 +13,9 @@
     <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">
@@ -23,7 +26,6 @@
                 <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">
@@ -44,7 +46,6 @@
             <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>
@@ -52,6 +53,7 @@
 
     <!-- Hero Section -->
     <section class="lagebild-hero">
+        <canvas id="hero-particles"></canvas>
         <div class="hero-bg-pattern"></div>
         <div class="container">
             <div class="hero-badge">
@@ -60,22 +62,26 @@
             </div>
             <h1 id="hero-title">LAGEBILD</h1>
             <p class="hero-incident-title" id="incident-title"></p>
-            <div class="hero-meta" id="hero-meta"></div>
+
+            <!-- Stat Cards -->
+            <div class="hero-stats" id="hero-stats"></div>
+
+            <!-- Live Feed Ticker -->
         </div>
     </section>
 
-    <!-- Snapshot Selector + Tabs -->
+    <!-- Control Bar: Timeline + Tabs -->
     <div class="control-bar">
         <div class="container">
-            <div class="snapshot-selector">
-                <label>Lagebild vom:</label>
-                <select id="snapshot-select"></select>
+            <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</button>
                 <button class="tab-btn" data-tab="karte">Karte</button>
-                <button class="tab-btn" data-tab="faktenchecks">Faktenchecks</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>
@@ -105,13 +111,14 @@
             <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>
+                        <h2>Quellen</h2>
+                        <p class="card-description">Alle vom AegisSight Monitor überwachten Quellen</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 class="card-body" id="sources-grid-container">
+                        <div class="loading-skeleton">
+                            <div class="skeleton-line"></div>
+                            <div class="skeleton-line short"></div>
+                        </div>
                     </div>
                 </section>
             </div>
@@ -124,7 +131,7 @@
                         <p class="card-description">Geografische Einordnung der Meldungen</p>
                     </div>
                     <div class="card-body">
-                        <div id="map-container" style="height:500px;border-radius:12px;overflow:hidden;"></div>
+                        <div id="map-container" style="height:500px;border-radius:4px;overflow:hidden;"></div>
                     </div>
                 </section>
             </div>
@@ -134,20 +141,13 @@
                 <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>
+                        <p class="card-description">KI-gestützte Verifizierung aller zentralen Aussagen gegen unabhängige Quellen. Alle Aussagen werden kontinuierlich gegen neue Quellen geprüft – bei neuer Evidenz ändert sich der Status automatisch.</p>
                     </div>
                     <div class="card-body" id="factchecks-content"></div>
                 </section>
             </div>
 
             <!-- CTA -->
-            <section class="lagebild-cta">
-                <div class="cta-content">
-                    <h3>Interesse an AegisSight Monitor?</h3>
-                    <p>Erhalten Sie Echtzeit-Lagebilder für Ihre Organisation mit KI-gestützter Analyse und Faktencheck.</p>
-                    <a href="mailto:info@aegis-sight.de" class="cta-button">Kontakt aufnehmen</a>
-                </div>
-            </section>
         </div>
     </main>
 
@@ -184,7 +184,7 @@
         </div>
     </footer>
 
-    <!-- Scripts: nur die nötigen, OHNE animations -->
+    <!-- Scripts -->
     <script src="../js/config.js"></script>
     <script src="../js/translations.js"></script>
     <script src="../js/mobile-nav.js"></script>