From 23a0506c80fba6885808fe340343d4ab16c34bd0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 24 Jun 2026 16:57:55 +0200
Subject: [PATCH] Sync styleguide 2026.05.18.1

---
 docs/styleguide/components/cards.html          | 17 +++++++++++++++++
 docs/styleguide/styles/40-components-cards.css | 11 +++++++++++
 public/assets/styleguide.upstream.css          | 11 +++++++++++
 public/assets/styleguide.upstream.meta.json    |  4 ++--
 public/assets/styles.css                       | 11 +++++++++++
 5 files changed, 52 insertions(+), 2 deletions(-)

diff --git a/docs/styleguide/components/cards.html b/docs/styleguide/components/cards.html
index daa5e68..024ad72 100644
--- a/docs/styleguide/components/cards.html
+++ b/docs/styleguide/components/cards.html
@@ -105,6 +105,23 @@
 
   <div class="sg-preview-area">
     <article class="sg-card sg-card--content-card sg-card--content-card-dark" data-component="content-card" aria-label="Dark Content Card">
+      <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
+        <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 sekundaere Footer-Inhalte im gleichen Raster.
+          </p>
+        </div>
+      </div>
+    </article>
+  </div>
+
+  <p class="sg-preview-label">Variante: Footer Card</p>
+
+  <div class="sg-preview-area">
+    <article class="sg-card sg-card--content-card sg-card--footer-card" data-component="content-card" aria-label="Footer Card">
       <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
         <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">
diff --git a/docs/styleguide/styles/40-components-cards.css b/docs/styleguide/styles/40-components-cards.css
index bc02601..71cea2c 100644
--- a/docs/styleguide/styles/40-components-cards.css
+++ b/docs/styleguide/styles/40-components-cards.css
@@ -38,6 +38,17 @@
   color: var(--color-font-light);
 }
 
+.sg-card.sg-card--footer-card {
+  --surface-card: var(--color-black);
+  --surface-card-body: var(--color-black);
+}
+
+.sg-card.sg-card--footer-card .sg-card-segment--body,
+.sg-card.sg-card--footer-card .sg-text-layout-pattern__column,
+.sg-card.sg-card--footer-card .sg-body {
+  color: var(--color-font-light);
+}
+
 .sg-card.sg-card--overlay-host {
   overflow: visible;
 }
diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css
index 5dba6f2..15759f2 100644
--- a/public/assets/styleguide.upstream.css
+++ b/public/assets/styleguide.upstream.css
@@ -3826,6 +3826,17 @@ main {
   color: var(--color-font-light);
 }
 
+.sg-card.sg-card--footer-card {
+  --surface-card: var(--color-black);
+  --surface-card-body: var(--color-black);
+}
+
+.sg-card.sg-card--footer-card .sg-card-segment--body,
+.sg-card.sg-card--footer-card .sg-text-layout-pattern__column,
+.sg-card.sg-card--footer-card .sg-body {
+  color: var(--color-font-light);
+}
+
 .sg-card.sg-card--overlay-host {
   overflow: visible;
 }
diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json
index 272e564..e1c6145 100644
--- a/public/assets/styleguide.upstream.meta.json
+++ b/public/assets/styleguide.upstream.meta.json
@@ -1,7 +1,7 @@
 {
   "styleguideVersion": "2026.05.18.1",
-  "styleguideCommit": "3e0b2d3",
-  "syncedAtUtc": "2026-06-24T14:44:00Z",
+  "styleguideCommit": "24d09c5",
+  "syncedAtUtc": "2026-06-24T14:57:55Z",
   "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
   "mirroredDocsPath": "docs/styleguide"
 }
diff --git a/public/assets/styles.css b/public/assets/styles.css
index 5dba6f2..15759f2 100644
--- a/public/assets/styles.css
+++ b/public/assets/styles.css
@@ -3826,6 +3826,17 @@ main {
   color: var(--color-font-light);
 }
 
+.sg-card.sg-card--footer-card {
+  --surface-card: var(--color-black);
+  --surface-card-body: var(--color-black);
+}
+
+.sg-card.sg-card--footer-card .sg-card-segment--body,
+.sg-card.sg-card--footer-card .sg-text-layout-pattern__column,
+.sg-card.sg-card--footer-card .sg-body {
+  color: var(--color-font-light);
+}
+
 .sg-card.sg-card--overlay-host {
   overflow: visible;
 }