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/disasters.js

@@ -119,7 +119,7 @@ const DisastersLayer = {
                 name: icon.label + ': ' + (evt.title || '?'),
                 position: Cesium.Cartesian3.fromDegrees(coords[0], coords[1], 0),
                 point: {
-                    pixelSize: 8,
+                    pixelSize: 10,
                     color: Cesium.Color.fromCssColorString(icon.color),
                     outlineColor: Cesium.Color.fromCssColorString(icon.color).withAlpha(0.4),
                     outlineWidth: 3,
@@ -160,7 +160,7 @@ const DisastersLayer = {
                 name: 'Erdbeben M' + mag.toFixed(1) + ' ' + (p.place || ''),
                 position: Cesium.Cartesian3.fromDegrees(c[0], c[1], 0),
                 point: {
-                    pixelSize: Math.max(mag * 2.5, 4),
+                    pixelSize: Math.max(mag * 3, 6),
                     color: Cesium.Color.fromCssColorString(color),
                     outlineColor: Cesium.Color.fromCssColorString(color).withAlpha(0.4),
                     outlineWidth: 2,