UI: Submenu eingerueckt + Punkte deutlich groesser

SUBMENU (Schiffstypen etc.):
- Links eingerueckt (28px padding-left + 12px margin)
- Gruene Linie am linken Rand zur Abgrenzung
- Leicht dunklerer Hintergrund
- Klar als Untermenue erkennbar

PUNKTGROESSEN (alle Layer nochmals ~60% groesser):
- Flugzeuge: 5/6/8px (war 3/4/5)
- Schiffe: 4/5/7px (war 3/4/5)
- Militaer: 8px (war 6)
- Katastrophen: 14px (war 10)
- Erdbeben: 8-20px (war 6-15)
- GDELT: 10px (war 7)
- ISS: 18px (war 14)
- AKWs: 10px (war 7)
- Satelliten: 3/5px (war 1.5/3)
- Cluster: +40% groesser

static/js/layers/infra.js

@@ -23,7 +23,7 @@ const InfraLayer = {
         .then(function(data) {
             var yellow = Cesium.Color.fromCssColorString('#ffdd00');
             (data.plants || []).forEach(function(p) {
-                self._points.add({ position: Cesium.Cartesian3.fromDegrees(p.lon, p.lat, 0), pixelSize: 7, color: yellow,
+                self._points.add({ position: Cesium.Cartesian3.fromDegrees(p.lon, p.lat, 0), pixelSize: 10, color: yellow,
                     outlineColor: Cesium.Color.fromCssColorString('#ff8800'), outlineWidth: 2 });
                 self._labels.add({
                     position: Cesium.Cartesian3.fromDegrees(p.lon, p.lat, 0), text: p.name,
@@ -47,7 +47,7 @@ const InfraLayer = {
         .then(function(data) {
             var red = Cesium.Color.fromCssColorString('#ff4444');
             (data.bases || []).forEach(function(b) {
-                self._points.add({ position: Cesium.Cartesian3.fromDegrees(b.lon, b.lat, 0), pixelSize: 6, color: red,
+                self._points.add({ position: Cesium.Cartesian3.fromDegrees(b.lon, b.lat, 0), pixelSize: 8, color: red,
                     outlineColor: Cesium.Color.fromCssColorString('#aa0000'), outlineWidth: 1 });
                 self._labels.add({
                     position: Cesium.Cartesian3.fromDegrees(b.lon, b.lat, 0), text: b.name,