From 01b0589fb832cb418c6f4937f4ce3c0d7bf5a43b Mon Sep 17 00:00:00 2001
From: webfarben <kontakt@webfarben.net>
Date: Wed, 11 Feb 2026 11:18:14 +0100
Subject: [PATCH] Map auf volle Seitenbreite angepasst und AXA Logo als Marker
 verwendet

---
 script.js | 25 ++++++++++++-------------
 style.css |  5 ++++-
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/script.js b/script.js
index f23a30a..1576eb4 100644
--- a/script.js
+++ b/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();
 }
\ No newline at end of file
diff --git a/style.css b/style.css
index 3900cbe..b08823d 100644
--- a/style.css
+++ b/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 {