Deckgl version fertiggestellt. Switch zwischen deckgl und Potree möglich. Pointbudget entfernt

style.css

@@ -251,7 +251,7 @@ margin:0;
 margin-bottom: -2px;
 }
 
-#pointSlider, #pointSizeSlider{
+#pointSizeSlider{
   width: 100%;
   margin: 0;
   padding: 0;
@@ -405,14 +405,47 @@ position: absolute;
     transform: translateY(-50%);
     z-index: 30;
 }
+#rendererToggle {
+    width: 100%;
+    padding: 10px 16px;
+    border: none;
+    border-radius: 14px;
+    font-size: 13px;
+    font-weight: 500;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-shadow: 0 5px 10px rgba(0,0,0,0.278);
+    transition: 0.2s;
+}
+
+#rendererToggle[data-active="deckgl"] {
+    background: linear-gradient(135deg, rgba(18,77,216,0.92) 10%, rgba(13,61,175,0.92) 60%, rgba(6,45,135,0.92) 100%);
+    color: #ffffff;
+}
+
+#rendererToggle[data-active="potree"] {
+    background: linear-gradient(135deg, rgba(22,163,74,0.92) 10%, rgba(15,118,54,0.92) 60%, rgba(6,78,32,0.92) 100%);
+    color: #ffffff;
+}
+
+#rendererToggle:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
+}
+
+#rendererIcon {
+    font-size: 16px;
+}
 
 #openInfoPanel {
     margin-top: 12px;
     border: none;
     border-radius: 14px;
-    width: auto;
+    width: 100%;
     padding: 10px 16px;
-    font-size: 17px;
+    font-size: 14px;
     font-weight: 500;
     cursor: pointer;
     background: rgba(255,255,255,0.9);
@@ -429,6 +462,12 @@ position: absolute;
     transform: translateY(-1px);
 }
 
+#openInfoPanel img {
+    width: 16px;
+    height: 16px;
+    object-fit: contain;
+}
+
 #info-panel {
     display: none;
     position: absolute;