diff --git a/patterns/page-layout-public.html b/patterns/page-layout-public.html
index 1124c3f..ef2ed9e 100644
--- a/patterns/page-layout-public.html
+++ b/patterns/page-layout-public.html
@@ -44,22 +44,16 @@
         </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-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.
-                </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>
+      <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-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>
-      </article>
+      </div>
     </div>
   </main>
 
diff --git a/styles/37-layouts-page-layout-public.css b/styles/37-layouts-page-layout-public.css
index 0985dfb..2803bbd 100644
--- a/styles/37-layouts-page-layout-public.css
+++ b/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);
-  --surface-card-body: var(--surface-card-group);
+  background: var(--surface-card-group);
 }