Add public content mirror layout

patterns/page-layout-public.html

@@ -125,12 +125,14 @@
       </div>
     </div>
 
+    <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>
 
   <script src="../scripts/help-icon-overlays.js"></script>

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