GEOINT Distanz: Bessere Sichtbarkeit auf Satellitenbildern

- Rote Linie mit schwarzem Outline statt duenner gelber Linie
- Groessere Endpunkte (r=6) mit weissem Rand
- Label groesser (12px, bold, weiss), Schatten fuer Kontrast

src/static/css/geoint.css

@@ -19,7 +19,8 @@
 }
 .geoint-toggle-label {
     font-family: var(--font-mono, 'Courier New', monospace);
-    font-size: 10px;
+    font-size: 12px;
+    font-weight: 700;
     font-weight: 700;
     letter-spacing: 1.5px;
     text-transform: uppercase;
@@ -98,7 +99,7 @@
 .geoint-dot-gdelt { background: #44aaff; }
 .geoint-dot-heatmap { background: #ff8800; }
 .geoint-dot-coords { background: #aaaaaa; }
-.geoint-dot-distance { background: #ffdd00; }
+.geoint-dot-distance { background: #ff2222; }
 .geoint-sub-separator {
     height: 1px;
     background: rgba(0, 255, 136, 0.1);
@@ -139,7 +140,8 @@
     background: rgba(68, 170, 255, 0.85);
     border: 1.5px solid rgba(68, 170, 255, 1);
     border-radius: 50%;
-    font-size: 10px;
+    font-size: 12px;
+    font-weight: 700;
     color: #fff;
     font-weight: 700;
     box-shadow: 0 0 4px rgba(68, 170, 255, 0.5);
@@ -161,13 +163,15 @@
 
 /* --- Distanzmessung --- */
 .geoint-distance-label {
+    box-shadow: 0 2px 8px rgba(0,0,0,0.6);
     background: rgba(11, 17, 33, 0.9);
-    border: 1px solid rgba(255, 221, 0, 0.3);
+    border: 1px solid rgba(255, 34, 34, 0.6);
     border-radius: 3px;
     padding: 2px 6px;
     font-family: var(--font-mono, 'Courier New', monospace);
-    font-size: 10px;
+    font-size: 12px;
-    color: #ffdd00;
+    font-weight: 700;
+    color: #ffffff;
     white-space: nowrap;
 }
 
@@ -213,7 +217,8 @@
 }
 .geoint-timeline-label {
     font-family: var(--font-mono, 'Courier New', monospace);
-    font-size: 10px;
+    font-size: 12px;
+    font-weight: 700;
     color: #00ff88;
     min-width: 90px;
     text-align: center;

src/static/js/geoint.js

@@ -446,7 +446,7 @@ const GEOINT = {
             if (self._distancePoints.length >= 2) {
                 var p1 = self._distancePoints[self._distancePoints.length - 2];
                 var p2 = self._distancePoints[self._distancePoints.length - 1];
-                L.polyline([p1, p2], { color: '#ffdd00', weight: 2, dashArray: '6 4' }).addTo(self._distanceLayers);
+                L.polyline([p1, p2], { color: '#000000', weight: 5, opacity: 0.5 }).addTo(self._distanceLayers); L.polyline([p1, p2], { color: '#ff2222', weight: 3, dashArray: '8 5' }).addTo(self._distanceLayers);
                 var dist = p1.distanceTo(p2);
                 var totalDist = 0;
                 for (var i = 1; i < self._distancePoints.length; i++) {
@@ -473,7 +473,7 @@ const GEOINT = {
                 }).addTo(self._distanceLayers);
             }
             // Punkt-Marker
-            L.circleMarker(e.latlng, { radius: 4, fillColor: '#ffdd00', color: '#ffdd00', fillOpacity: 1, weight: 1 }).addTo(self._distanceLayers);
+            L.circleMarker(e.latlng, { radius: 6, fillColor: '#ff2222', color: '#ffffff', fillOpacity: 1, weight: 2 }).addTo(self._distanceLayers);
         };
         map.on('click', this._distanceHandler);
     },