From 9ac8569d2e8a427bce3741f0214b2f561cc706e3 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:40:57 +0200
Subject: [PATCH] Use two-column footer content

---
 patterns/page-layout-public.html | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/patterns/page-layout-public.html b/patterns/page-layout-public.html
index e1ef523..3703e4a 100644
--- a/patterns/page-layout-public.html
+++ b/patterns/page-layout-public.html
@@ -44,16 +44,26 @@
         </p>
       </div>
 
-      <div class="sg-content-cards-group sg-page-layout-public__footer-group" data-pattern="content-cards-group" aria-label="Fusszeile">
-        <article class="sg-card sg-card--content-card" data-component="content-card" aria-label="Fusszeile">
-          <div class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue" data-component-part="card-header">
-            <div class="sg-strong">Fusszeile</div>
+      <article class="sg-group-card sg-page-layout-public__footer-group" data-component="group-card" aria-label="Fusszeile">
+        <div class="sg-group-card__header-row">
+          <h2 class="sg-heading-h2 sg-text-on-dark sg-group-card__heading">Fusszeile</h2>
+        </div>
+
+        <div class="sg-group-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-card-segment sg-card-segment--body" data-component-part="card-body">
-            <p class="sg-body">Platzhalterinhalt fuer die Fusszeile.</p>
-          </div>
-        </article>
-      </div>
+        </div>
+      </article>
     </div>
   </main>