Flatten public footer box

patterns/page-layout-public.html

@@ -44,10 +44,7 @@
         </p>
       </div>
 
-      <article class="sg-card sg-card--content-card sg-page-layout-public__footer-card" data-component="content-card" aria-label="Fusszeile">
+      <div class="sg-text-layout-pattern__preview-surface sg-page-layout-public__footer-card" data-pattern="text-layout-zweispaltig" aria-label="Text Layout zweispaltig mobil zweispaltig">
-        <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
-          <div class="sg-text-layout-pattern" data-pattern="text-layout-zweispaltig" aria-label="Text Layout zweispaltig mobil zweispaltig">
-            <div class="sg-text-layout-pattern__preview-surface">
         <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.
@@ -58,9 +55,6 @@
         </div>
       </div>
     </div>
-        </div>
-      </article>
-    </div>
   </main>
 
   <script src="../scripts/help-icon-overlays.js"></script>

styles/37-layouts-page-layout-public.css

@@ -30,6 +30,5 @@ main {
 
 .sg-page-layout-public__footer-card {
   margin-top: auto;
-  --surface-card: var(--surface-card-group);
+  background: var(--surface-card-group);
-  --surface-card-body: var(--surface-card-group);
 }