From a7cb1f42d8eaa668168605722c77f94acf6c5498 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 24 Jun 2026 19:51:03 +0200
Subject: [PATCH] Keep public layout headline full width

---
 patterns/page-layout-public-2-column.html | 26 ++++++++++++-----------
 styles/37-layouts-page-layout-public.css  |  4 ++--
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/patterns/page-layout-public-2-column.html b/patterns/page-layout-public-2-column.html
index c5fbd39..32a9af2 100644
--- a/patterns/page-layout-public-2-column.html
+++ b/patterns/page-layout-public-2-column.html
@@ -36,7 +36,7 @@
       </div>
     </header>
 
-    <div class="sg-page-layout-public__content-mirror sg-page-layout-public-2-column__content-mirror">
+    <div class="sg-page-layout-public__content-mirror">
       <div class="sg-page-layout-public__heading-block" aria-label="H1 Bereich">
         <h1 class="sg-heading-h1 sg-text-on-dark">H1 Überschrift</h1>
         <p class="sg-body sg-text-on-dark sg-text-layout-pattern__sample">
@@ -44,18 +44,20 @@
         </p>
       </div>
 
-      <article class="sg-card sg-card--content-card sg-card--content-card-dark sg-page-layout-public__footer-card sg-page-layout-public-2-column__footer-card" data-component="content-card" aria-label="Fusszeile">
-        <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
-          <div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
-            <p class="sg-body sg-text-layout-pattern__column">
-              Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im zweispaltigen Layout.
-            </p>
-            <p class="sg-body sg-text-layout-pattern__column">
-              Footer rechts: Platzhaltertext fuer ergaenzende Angaben, rechtliche Hinweise oder sekundäre Footer-Inhalte im gleichen Raster.
-            </p>
+      <div class="sg-page-layout-public-2-column__columns">
+        <article class="sg-card sg-card--content-card sg-card--content-card-dark sg-page-layout-public__footer-card sg-page-layout-public-2-column__footer-card" data-component="content-card" aria-label="Fusszeile">
+          <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
+            <div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
+              <p class="sg-body sg-text-layout-pattern__column">
+                Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im zweispaltigen Layout.
+              </p>
+              <p class="sg-body sg-text-layout-pattern__column">
+                Footer rechts: Platzhaltertext fuer ergaenzende Angaben, rechtliche Hinweise oder sekundäre Footer-Inhalte im gleichen Raster.
+              </p>
+            </div>
           </div>
-        </div>
-      </article>
+        </article>
+      </div>
     </div>
   </main>
 
diff --git a/styles/37-layouts-page-layout-public.css b/styles/37-layouts-page-layout-public.css
index d0ba5f9..bff1434 100644
--- a/styles/37-layouts-page-layout-public.css
+++ b/styles/37-layouts-page-layout-public.css
@@ -28,7 +28,7 @@ main {
   flex: 1;
 }
 
-.sg-page-layout-public-2-column__content-mirror {
+.sg-page-layout-public-2-column__columns {
   display: grid;
   grid-template-columns: var(--layout-page-layout-public-2-column-columns);
   gap: var(--layout-page-layout-public-2-column-gap);
@@ -40,7 +40,7 @@ main {
     width: min(calc(100% - (var(--spacing-small) * 2)), 1100px);
   }
 
-  .sg-page-layout-public-2-column__content-mirror {
+  .sg-page-layout-public-2-column__columns {
     grid-template-columns: 1fr;
   }
 }