From 3872d32d8f80acc5b3a11c0e3db371ddb37d54b8 Mon Sep 17 00:00:00 2001
From: Claude Code <noreply@anthropic.com>
Date: Sat, 11 Apr 2026 18:18:38 +0200
Subject: [PATCH] fix: Unicode-Escapes in Navbar/Footer durch echte Umlaute
 ersetzt
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Cyberangriffe- und Deepfakes-Seiten zeigten \u00dc statt Ü in der Navigation. Ursache: JSON-Encoding wurde auf HTML angewendet. Zusätzlich data-translate-Attribute und Language-Toggle ergänzt.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 lagen/cyberangriffe/index.html | 38 ++++++++++++++-----------
 lagen/deepfakes/index.html     | 52 ++++++++++++++++++----------------
 2 files changed, 49 insertions(+), 41 deletions(-)
diff --git a/lagen/cyberangriffe/index.html b/lagen/cyberangriffe/index.html
index 2d5c8cf..2a67bbf 100644
--- a/lagen/cyberangriffe/index.html
+++ b/lagen/cyberangriffe/index.html
@@ -11,6 +11,8 @@
     <link rel="stylesheet" href="/css/mobile.css">
     <link rel="stylesheet" href="/lagen/iran-konflikt/lagebild.css">
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.css">
+    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.Default.css">
 </head>
 <body class="lagebild-page">
     <div class="scroll-progress" id="scroll-progress"></div>
@@ -20,27 +22,28 @@
                 <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="/">Startseite</a></li>
-                <li><a href="/#about">\u00dcber uns</a></li>
-                <li><a href="/#products">L\u00f6sungen</a></li>
-                <li><a href="mailto:info@aegis-sight.de">Kontakt</a></li>
+                <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="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
             </ul>
             <div class="nav-extras">
-                <button class="mobile-menu-toggle" aria-label="Men\u00fc \u00f6ffnen" aria-expanded="false">
+                <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>
     <div class="nav-menu-mobile" aria-hidden="true">
-        <button class="mobile-menu-close" aria-label="Men\u00fc schlie\u00dfen">
+        <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="/">Startseite</a></li>
-            <li><a href="/#about">\u00dcber uns</a></li>
-            <li><a href="/#products">L\u00f6sungen</a></li>
-            <li><a href="mailto:info@aegis-sight.de">Kontakt</a></li>
+            <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="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
         </ul>
     </div>
     <div class="mobile-menu-overlay"></div>
@@ -84,7 +87,7 @@
             </div>
             <div class="tab-panel" id="panel-quellen">
                 <section class="content-card">
-                    <div class="card-header"><h2>Quellen</h2><p class="card-description">Alle vom AegisSight Monitor \u00fcberwachten Quellen</p></div>
+                    <div class="card-header"><h2>Quellen</h2><p class="card-description">Alle vom AegisSight Monitor überwachten Quellen</p></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>
@@ -96,7 +99,7 @@
             </div>
             <div class="tab-panel" id="panel-faktenchecks">
                 <section class="content-card">
-                    <div class="card-header"><h2>Faktenchecks</h2><p class="card-description">KI-gest\u00fctzte Verifizierung aller zentralen Aussagen gegen unabh\u00e4ngige Quellen.</p></div>
+                    <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>
@@ -105,18 +108,19 @@
     <footer class="footer">
         <div class="container">
             <div class="footer-content">
-                <div class="footer-section"><h4>AegisSight UG (haftungsbeschr\u00e4nkt)</h4><p>Gladbacher Strasse 3-5</p><p>40764 Langenfeld</p></div>
-                <div class="footer-section"><h4>Navigation</h4><ul><li><a href="/">Startseite</a></li><li><a href="/#about">\u00dcber uns</a></li><li><a href="/#products">L\u00f6sungen</a></li></ul></div>
-                <div class="footer-section"><h4>Rechtliches</h4><ul><li><a href="/impressum.html">Impressum</a></li><li><a href="/datenschutz.html">Datenschutz</a></li></ul></div>
-                <div class="footer-section"><h4>Kontakt</h4><p>info@aegis-sight.de</p></div>
+                <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\u00e4nkt). Alle Rechte vorbehalten.</p>
+            <p class="copyright">&copy; 2026 AegisSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.</p>
         </div>
     </footer>
     <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="https://unpkg.com/leaflet.markercluster@1.5.3/dist/leaflet.markercluster.js"></script>
     <script src="/lagen/iran-konflikt/lagebild.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/lagen/deepfakes/index.html b/lagen/deepfakes/index.html
index 837fb22..e2514d1 100644
--- a/lagen/deepfakes/index.html
+++ b/lagen/deepfakes/index.html
@@ -11,6 +11,8 @@
     <link rel="stylesheet" href="/css/mobile.css">
     <link rel="stylesheet" href="/lagen/iran-konflikt/lagebild.css">
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.css">
+    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.Default.css">
 </head>
 <body class="lagebild-page">
     <!-- Scroll Progress Bar -->
@@ -23,13 +25,14 @@
                 <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="/">Startseite</a></li>
-                <li><a href="/#about">\u00dcber uns</a></li>
-                <li><a href="/#products">L\u00f6sungen</a></li>
-                <li><a href="mailto:info@aegis-sight.de">Kontakt</a></li>
+                <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="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
             </ul>
             <div class="nav-extras">
-                <button class="mobile-menu-toggle" aria-label="Men\u00fc \u00f6ffnen" aria-expanded="false">
+                <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>
@@ -38,14 +41,14 @@
 
     <!-- Mobile Navigation -->
     <div class="nav-menu-mobile" aria-hidden="true">
-        <button class="mobile-menu-close" aria-label="Men\u00fc schlie\u00dfen">
+        <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="/">Startseite</a></li>
-            <li><a href="/#about">\u00dcber uns</a></li>
-            <li><a href="/#products">L\u00f6sungen</a></li>
-            <li><a href="mailto:info@aegis-sight.de">Kontakt</a></li>
+            <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="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
         </ul>
     </div>
     <div class="mobile-menu-overlay"></div>
@@ -133,7 +136,7 @@
                 <section class="content-card">
                     <div class="card-header">
                         <h2>Faktenchecks</h2>
-                        <p class="card-description">KI-gest\u00fctzte Verifizierung aller zentralen Aussagen gegen unabh\u00e4ngige Quellen.</p>
+                        <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>
@@ -146,31 +149,31 @@
         <div class="container">
             <div class="footer-content">
                 <div class="footer-section">
-                    <h4>AegisSight UG (haftungsbeschr\u00e4nkt)</h4>
-                    <p>Gladbacher Strasse 3-5</p>
-                    <p>40764 Langenfeld</p>
+                    <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>Navigation</h4>
+                    <h4 data-translate="footerNavTitle">Navigation</h4>
                     <ul>
-                        <li><a href="/">Startseite</a></li>
-                        <li><a href="/#about">\u00dcber uns</a></li>
-                        <li><a href="/#products">L\u00f6sungen</a></li>
+                        <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>Rechtliches</h4>
+                    <h4 data-translate="footerLegalTitle">Rechtliches</h4>
                     <ul>
-                        <li><a href="/impressum.html">Impressum</a></li>
-                        <li><a href="/datenschutz.html">Datenschutz</a></li>
+                        <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>Kontakt</h4>
+                    <h4 data-translate="footerContactTitle">Kontakt</h4>
                     <p>info@aegis-sight.de</p>
                 </div>
             </div>
-            <p class="copyright">&copy; 2026 AegisSight UG (haftungsbeschr\u00e4nkt). Alle Rechte vorbehalten.</p>
+            <p class="copyright">&copy; 2026 AegisSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.</p>
         </div>
     </footer>
 
@@ -179,6 +182,7 @@
     <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="https://unpkg.com/leaflet.markercluster@1.5.3/dist/leaflet.markercluster.js"></script>
     <script src="/lagen/iran-konflikt/lagebild.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>
