Neue Features: Regenradar, Ortssuche, City-Links, Fadenkreuz

REGENRADAR (RainViewer):
- Weltweit Niederschlagsradar als Overlay, kostenlos, kein API-Key
- 5min Refresh, 60% Transparenz

ORTSSUCHE (Nominatim/OpenStreetMap):
- Suchfeld im Header, Ergebnisse als Dropdown
- Klick fliegt zur Position
- Deutsche Ergebnisse

CITY QUICK-LINKS:
- 12 strategische Staedte als Schnellnavigation unter dem Header
- Berlin, Washington, Moskau, Peking, Tokio, London, Paris,
  Teheran, Kiew, Jerusalem, Taipei, Hormuz

FADENKREUZ + RANGE RINGS:
- Zuschaltbar im Panel
- Horizontale/vertikale Linie + 3 konzentrische Ringe
- Gruener taktischer Stil

static/index.html

@@ -34,7 +34,11 @@
             </svg>
             <span class="header-title">AegisSight Globe</span>
         </div>
-        <div class="header-lage"><select id="lage-select" class="lage-select" onchange="Globe._onLageChange(this.value)"><option value="">-- Lage waehlen --</option></select></div><div class="header-stats" id="header-stats"></div>
+        <div class="header-lage"><select id="lage-select" class="lage-select" onchange="Globe._onLageChange(this.value)"><option value="">-- Lage waehlen --</option></select></div><div class="header-search">
+            <input type="text" id="globe-search" class="globe-search" placeholder="Ort suchen..." autocomplete="off">
+            <div id="search-results" class="search-results" style="display:none"></div>
+        </div>
+        <div class="header-stats" id="header-stats"></div>
         <div class="header-actions">
             <button class="header-btn" id="btn-fullscreen" title="Vollbild">
                 <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" y1="3" x2="14" y2="10"/><line x1="3" y1="21" x2="10" y2="14"/></svg>
@@ -88,6 +92,12 @@
             </label>
             <div class="layer-loading" id="loading-disasters"></div>
             <div class="layer-status" id="status-disasters"></div>
+            <label class="layer-toggle">
+                <input type="checkbox" id="layer-weather" title="Regenradar weltweit (RainViewer, 5min Refresh)">
+                <span class="layer-dot dot-weather"></span>
+                <span class="layer-name" title="Niederschlagsradar als Overlay auf dem Globus">Regenradar</span>
+            </label>
+            <div class="layer-status" id="status-weather"></div>
         </div>
         <div class="panel-divider"></div>
         <div class="panel-section">
@@ -96,6 +106,11 @@
                 <span class="layer-dot dot-daynight"></span>
                 <span class="layer-name" title="Sonnenlicht-Simulation zeigt aktuelle Tages-/Nachtseite">Tag/Nacht</span>
             </label>
+            <label class="layer-toggle">
+                <input type="checkbox" id="layer-crosshairs" title="Fadenkreuz und Entfernungsringe">
+                <span class="layer-dot dot-crosshairs"></span>
+                <span class="layer-name">Fadenkreuz</span>
+            </label>
             <label class="layer-toggle">
                 <input type="checkbox" id="layer-labels" title="Laendergrenzen, Staedte und Gewaessernamen (Esri World Boundaries)" checked>
                 <span class="layer-dot dot-labels"></span>
@@ -120,6 +135,9 @@
     </aside>
 
 
+    <!-- City Quick-Links -->
+    <div id="city-links" class="city-links"></div>
+
     <!-- Rechte Sidebar: Datenpunkt-Uebersicht -->
     <aside id="sidebar-right" class="sidebar-right">
         <button id="sidebar-toggle" class="sidebar-toggle" title="Seitenleiste ein-/ausblenden">
@@ -137,6 +155,13 @@
 
     <!-- CesiumJS Container -->
     <div id="cesiumContainer"></div>
+    <div id="crosshairs-overlay" class="crosshairs-overlay" style="display:none">
+        <div class="ch-h"></div><div class="ch-v"></div>
+        <div class="ch-ring ch-ring-1"></div>
+        <div class="ch-ring ch-ring-2"></div>
+        <div class="ch-ring ch-ring-3"></div>
+        <div class="ch-center"></div>
+    </div>
     <div id="visual-overlay" class="visual-overlay" style="display:none"></div>
 
     <!-- Bottom Bar -->
@@ -156,6 +181,9 @@
     <script src="/static/js/layers/disasters.js"></script>
     <script src="/static/js/ui/sidebar.js"></script>
     <script src="/static/js/layers/monitor.js"></script>
+    <script src="/static/js/layers/weather.js"></script>
+    <script src="/static/js/ui/search.js"></script>
+    <script src="/static/js/ui/crosshairs.js"></script>
     <script src="/static/js/layers/visualmodes.js"></script>
 </body>
 </html>