UI Overhaul: Groessere Elemente, bessere InfoBox-Platzierung

PANEL (links):
- 240px breit (war 200px)
- Checkboxen 16x16px (war 12x12)
- Dots 10px (war 8px)
- Layer-Namen 13px (war 11px)
- Counts 12px (war 10px)
- Mehr Padding pro Toggle-Zeile

INFOBOX (bei Klick):
- Links neben dem Panel platziert (254px vom Rand)
- 420px breit, max 60vh hoch, scrollbar
- Kollidiert nicht mit Panel oder Sidebar
- Groesserer Titel (14px), mehr Padding

PUNKTE AUF DEM GLOBUS:
- Flugzeuge: 3/4/5px (war 2/2.5/3)
- Schiffe: 3/4/5px (war 2/2.5/3)
- Militaer: 6px (war 4)
- Katastrophen: 10px (war 8)
- Erdbeben: 6-15px (war 4-10)
- GDELT: 7px (war 5)
- ISS: 14px (war 10)
- Cluster: +30% groesser

HEADER + FOOTER:
- Header 48px (war 44px)
- Footer 32px (war 28px)
- Titel 15px, Stats 12px
- Lage-Select + Suche groesser

static/js/layers/flights.js

@@ -100,7 +100,7 @@ const FlightsLayer = {
             var c = clusters[keys[j]];
             var avgLat = c.sumLat / c.count;
             var avgLon = c.sumLon / c.count;
-            var size = Math.min(Math.max(Math.sqrt(c.count) * 1.5, 4), 20);
+            var size = Math.min(Math.max(Math.sqrt(c.count) * 2, 6), 24);
 
             this._points.add({
                 position: Cesium.Cartesian3.fromDegrees(avgLon, avgLat, 50000),
@@ -114,7 +114,7 @@ const FlightsLayer = {
                 this._labels.add({
                     position: Cesium.Cartesian3.fromDegrees(avgLon, avgLat, 50000),
                     text: c.count.toString(),
-                    font: '11px sans-serif',
+                    font: '13px sans-serif bold',
                     fillColor: Cesium.Color.WHITE,
                     outlineColor: Cesium.Color.BLACK,
                     outlineWidth: 3,