From 4ca88808c9154b44e27d586bf75978db9abaea9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 18 Jun 2026 11:15:04 +0200
Subject: [PATCH] Add public content mirror layout

---
 patterns/page-layout-public.html         | 12 +++++++-----
 styles/37-layouts-page-layout-public.css |  6 ++++++
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/patterns/page-layout-public.html b/patterns/page-layout-public.html
index 158e82c..25b7e35 100644
--- a/patterns/page-layout-public.html
+++ b/patterns/page-layout-public.html
@@ -125,11 +125,13 @@
       </div>
     </div>
 
-    <div class="sg-transparent-card sg-page-layout-public__heading-block" aria-label="H1 Bereich" data-component="transparent-card">
-      <h1 class="sg-heading-h1 sg-text-on-dark">H1 Überschrift</h1>
-      <p class="sg-body sg-text-layout-pattern__sample sg-text-layout-pattern__sample--sixty-width">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer convallis purus sed urna ultricies, id aliquet justo malesuada. Morbi luctus, augue in cursus ultrices, justo lorem posuere mi, at suscipit est turpis vitae ipsum.
-      </p>
+    <div class="sg-page-layout-public__content-mirror">
+      <div class="sg-transparent-card sg-page-layout-public__heading-block" aria-label="H1 Bereich" data-component="transparent-card">
+        <h1 class="sg-heading-h1 sg-text-on-dark">H1 Überschrift</h1>
+        <p class="sg-body sg-text-layout-pattern__sample sg-text-layout-pattern__sample--sixty-width">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer convallis purus sed urna ultricies, id aliquet justo malesuada. Morbi luctus, augue in cursus ultrices, justo lorem posuere mi, at suscipit est turpis vitae ipsum.
+        </p>
+      </div>
     </div>
   </main>
 
diff --git a/styles/37-layouts-page-layout-public.css b/styles/37-layouts-page-layout-public.css
index 0ad3fa9..e277bf1 100644
--- a/styles/37-layouts-page-layout-public.css
+++ b/styles/37-layouts-page-layout-public.css
@@ -6,3 +6,9 @@
   margin-top: var(--spacing-large);
   margin-bottom: var(--spacing-large);
 }
+
+.sg-page-layout-public__content-mirror {
+  width: 70vw;
+  max-width: 1100px;
+  margin-inline: auto;
+}