diff --git a/index.html b/index.html
index 0c45730..e094de3 100644
--- a/index.html
+++ b/index.html
@@ -170,19 +170,19 @@
                     </div>
                 </div>
                 
-                <div class="contact-cta">
-                    <h3>Vereinbaren Sie einen Termin</h3>
-                    <p>Gerne berate ich Sie persönlich zu Ihren Versicherungsfragen. Kontaktieren Sie mich für ein unverbindliches Gespräch.</p>
-                    <div class="contact-buttons">
-                        <a href="mailto:andreas.guttenberger@axa.de" class="btn btn-primary">E-Mail schreiben</a>
-                        <a href="tel:+4915174483560" class="btn btn-secondary">Anrufen</a>
-                    </div>
+                <!-- Map Section -->
+                <div class="map-container">
+                    <div id="map"></div>
                 </div>
             </div>
             
-            <!-- Map Section -->
-            <div class="map-container">
-                <div id="map"></div>
+            <div class="contact-cta">
+                <h3>Vereinbaren Sie einen Termin</h3>
+                <p>Gerne berate ich Sie persönlich zu Ihren Versicherungsfragen. Kontaktieren Sie mich für ein unverbindliches Gespräch.</p>
+                <div class="contact-buttons">
+                    <a href="mailto:andreas.guttenberger@axa.de" class="btn btn-primary">E-Mail schreiben</a>
+                    <a href="tel:+4915174483560" class="btn btn-secondary">Anrufen</a>
+                </div>
             </div>
         </div>
     </section>
diff --git a/style.css b/style.css
index b08823d..327ff24 100644
--- a/style.css
+++ b/style.css
@@ -390,6 +390,8 @@ body {
     padding: 40px;
     border-radius: 15px;
     text-align: center;
+    max-width: 1000px;
+    margin: 60px auto 0;
 }
 
 .contact-cta h3 {
@@ -439,18 +441,19 @@ body {
 
 /* Map */
 .map-container {
-    margin-top: 60px;
-    border-radius: 0;
+    border-radius: 15px;
     overflow: hidden;
     box-shadow: var(--shadow-lg);
-    width: 100vw;
-    margin-left: calc(-50vw + 50%);
-    margin-right: calc(-50vw + 50%);
+    width: 470px;
+    max-width: 100%;
+    height: 470px;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 #map {
     width: 100%;
-    height: 450px;
+    height: 100%;
 }
 
 /* Back to Top Button */
@@ -582,6 +585,14 @@ body {
         grid-template-columns: 1fr;
         gap: 40px;
     }
+    
+    .map-container {
+        width: 100%;
+        max-width: 470px;
+        height: 400px;
+        margin-left: auto;
+        margin-right: auto;
+    }
 }
 
 @media (max-width: 768px) {
@@ -621,6 +632,14 @@ body {
     .about-content {
         grid-template-columns: 1fr;
     }
+    
+    .map-container {
+        width: 100%;
+        max-width: 100%;
+        height: 350px;
+        margin-left: auto;
+        margin-right: auto;
+    }
 }
 
 @media (max-width: 480px) {
@@ -641,4 +660,12 @@ body {
     .portrait {
         max-width: 300px;
     }
+    
+    .map-container {
+        width: 100%;
+        max-width: 100%;
+        height: 300px;
+        margin-left: auto;
+        margin-right: auto;
+    }
 }
\ No newline at end of file