From 0be3f3b59cf730dba6c992ea646784d472ea4e0a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BCrgen=20Mummert?= <juergen@MacBookPro.fritz.box>
Date: Sun, 24 May 2026 16:49:44 +0200
Subject: [PATCH] Refine survey page gutters

---
 .../templates/frontend/_survey_assets.html.twig   | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/contao/templates/frontend/_survey_assets.html.twig b/contao/templates/frontend/_survey_assets.html.twig
index d280fcc..64bb381 100644
--- a/contao/templates/frontend/_survey_assets.html.twig
+++ b/contao/templates/frontend/_survey_assets.html.twig
@@ -34,6 +34,7 @@
         --survey-gray-mid: #a2a8b4;
         --survey-gray-soft: #e9e9eb;
         --survey-surface: rgba(255, 255, 255, 0.92);
+        --survey-page-gutter: clamp(2em, 6vw, 10em);
     }
 
     .survey-brand-strip {
@@ -41,7 +42,9 @@
         align-items: center;
         gap: 1.5rem;
         justify-content: center;
-        width: min(1400px, calc(100% - 2em));
+        width: calc(100% - (var(--survey-page-gutter) * 2));
+        max-width: 1400px;
+        box-sizing: border-box;
         margin: 0 auto clamp(2rem, 4vw, 3.5rem);
         padding: 1rem 1.25rem 0.5rem;
     }
@@ -65,8 +68,9 @@
     }
 
     .survey-shell {
-        width: min(1400px, calc(100% - 2em));
+        width: calc(100% - (var(--survey-page-gutter) * 2));
         max-width: 1400px;
+        box-sizing: border-box;
         margin-left: auto;
         margin-right: auto;
         color: var(--survey-black);
@@ -355,13 +359,6 @@
         }
     }
 
-    @media (min-width: 1440px) {
-        .survey-brand-strip,
-        .survey-shell {
-            width: min(1400px, calc(100% - 20em));
-        }
-    }
-
     @media (max-width: 767px) {
         .survey-brand-strip {
             padding: 0.75rem 0.75rem 0.25rem;