Location Button angepasst

style.css

@@ -58,19 +58,26 @@ body{
   box-shadow: 0 6px 18px rgba(0,0,0,0.12);
 }
 
-#location-button{
-  position:absolute;
+#location-button {
+  position: absolute;
   z-index: 30;
-  top:110px;
-  right:10px;
-  width:30px;
-  height:30px;
-  display:flex;
-  align-items:center;
-  justify-content:center;
-  border-radius:8px;
-  background:white;
-  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+  top: 110px;
+  right: 10px;
+  width: 29px;
+  height: 29px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #f8f9fa;
+  border: none !important; 
+  border-radius: 4px; 
+  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
+  cursor: pointer;
+  box-sizing: border-box;
+}
+
+#location-button:hover {
+  background-color: #f4f4f4;
 }
 
 #location{
@@ -87,7 +94,6 @@ body{
   background:rgb(233, 232, 232);
 }
 
-
 #location-button:hover{
   background:rgb(233, 232, 232);
 }
@@ -545,3 +551,23 @@ position: absolute;
     font-size: 12px;
     color: #555;
 }
+
+
+/* Blendet das Icon selbst aus */
+.lidar-control-icon {
+    display: none !important;
+}
+
+/* Findet den MapLibre-Button, der das Lidar-Icon beinhaltet, 
+   und versteckt den kompletten Button (inklusive Rahmen und Hintergrund) */
+.maplibregl-ctrl:has(.lidar-control-icon),
+.maplibregl-ctrl-group:has(.lidar-control-icon),
+button:has(.lidar-control-icon) {
+    display: none !important;
+    visibility: hidden !important;
+    width: 0px !important;
+    height: 0px !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    border: none !important;
+}