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;
+}