diff --git a/index.html b/index.html
index ec2b932..ebee19f 100644
--- a/index.html
+++ b/index.html
@@ -400,12 +400,20 @@
             height: 20px;
         }
 
-        .nvp-icon {
-            background: #000;
+        .anlage-icon, .nvp-icon, .infrastructure-icon {
+            background: #005d78;
+            color: white;
             border: 2px solid white;
-            border-radius: 4px;
-            width: 24px;
-            height: 24px;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
+            transition: transform 0.2s;
+        }
+
+        .nvp-icon:hover, .infrastructure-icon:hover {
+            transform: scale(1.1);
         }
 
         /* Editing Marker Styles */
@@ -1948,7 +1956,8 @@
                 activeV.routes = e.layer.getLatLngs();
             }
 
-            calculateStats(activeV, e.type.includes('drag') || e.type.includes('move'));
+            const isHighFreq = e.type === 'editable:vertex:drag' || e.type === 'editable:drawing:move';
+            calculateStats(activeV, isHighFreq);
             updateVariantStatsUI(activeV);
             if (e.type.includes('end') || e.type === 'editable:created' || e.type.includes('dragend') || e.type === 'editable:vertex:inserted') {
                 renderVariants();