Refactor advertisement container styling for improved centering and responsiveness

ad_recommendation.php

@@ -25,11 +25,14 @@ html, body {
     padding: 90px 0;
     margin: 40px 0;
 
+    /* Absolute Full-Width-Strategie */
     width: 100vw;
-    margin-left: calc(50% - 50vw);
+    position: relative;
+    left: 50%;
+    right: 50%;
+    transform: translateX(-50%);
     box-sizing: border-box;
 
-    position: relative;
     display: flex;
     justify-content: center;
     color: #fff;
@@ -61,13 +64,13 @@ html, body {
 }
 
 .ad-container {
-    max-width: none;
-    width: 100vw;
+    max-width: 100vw;
+    width: 100%;
     display: flex;
     align-items: center;
-    justify-content: space-between;
-    gap: 6vw;
-    padding: 0 4vw;
+    justify-content: center;
+    gap: 5vw;
+    padding: 0 2vw;
     box-sizing: border-box;
 }
 
@@ -361,3 +364,4 @@ document.addEventListener("DOMContentLoaded", function() {
 </script>
 
 <?php endif; ?>
+