Map auf volle Seitenbreite angepasst und AXA Logo als Marker verwendet

script.js

@@ -110,23 +110,22 @@ function initializeMap() {
     }).addTo(map);
     
     // Custom icon
-    const axaIcon = L.divIcon({
-        className: 'custom-marker',
-        html: '<div style="background-color: #00008f; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; border: 3px solid white; box-shadow: 0 2px 8px rgba(0,0,0,0.3);">📍</div>',
-        iconSize: [40, 40],
-        iconAnchor: [20, 40]
+    const axaIcon = L.icon({
+        iconUrl: 'img/AXA_Logo_FR.svg',
+        iconSize: [30, 30],
+        iconAnchor: [15, 30]
     });
     
     // Add marker
     const marker = L.marker([lat, lng], { icon: axaIcon }).addTo(map);
     
     // Add popup
-    marker.bindPopup(`
-        <div style="text-align: center; padding: 10px;">
-            <strong>Andreas Guttenberger</strong><br>
-            Versicherungsfachmann (IHK)<br>
-            Am Fallgatter 6<br>
-            93183 Kallmünz / Traidendorf
-        </div>
-    `).openPopup();
+    // marker.bindPopup(`
+    //     <div style="text-align: center; padding: 10px;">
+    //         <strong>Andreas Guttenberger</strong><br>
+    //         Versicherungsfachmann (IHK)<br>
+    //         Am Fallgatter 6<br>
+    //         93183 Kallmünz / Traidendorf
+    //     </div>
+    // `).openPopup();
 }

style.css

@@ -440,9 +440,12 @@ body {
 /* Map */
 .map-container {
     margin-top: 60px;
-    border-radius: 15px;
+    border-radius: 0;
     overflow: hidden;
     box-shadow: var(--shadow-lg);
+    width: 100vw;
+    margin-left: calc(-50vw + 50%);
+    margin-right: calc(-50vw + 50%);
 }
 
 #map {