From 6c5e555e86c6e776eae08c7c69bdfb786348aaa3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 24 Jun 2026 09:38:55 +0200
Subject: [PATCH] Add public content width foundation token

---
 foundations.html                                | 1 +
 semantic-tokens-components.html                 | 2 +-
 styles/01-foundations.css                       | 1 +
 styles/44-components-public-page-components.css | 3 ++-
 4 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/foundations.html b/foundations.html
index b43f71b..ec863ee 100644
--- a/foundations.html
+++ b/foundations.html
@@ -157,6 +157,7 @@
         <tr><td>object-card-height</td><td>600px</td><td>Fixe Höhe der Object Card im Desktop-Layout (u. a. für Company Card).</td></tr>
         <tr><td>content-card-margin-top-desktop</td><td>100px</td><td>Oberer Außenabstand der Content Card auf Desktop.</td></tr>
         <tr><td>content-card-margin-top-mobile</td><td>1rem</td><td>Oberer Außenabstand der Content Card auf Mobile; entspricht spacing-large.</td></tr>
+        <tr><td>public-content-width</td><td>60vw</td><td>Standardbreite für wiederverwendbare Public-Content-Wrapper innerhalb der durch das jeweilige Page-Layout begrenzten Breite.</td></tr>
         <tr><td>object-group-card-min-width</td><td>450px</td><td>Mindestbreite der Group Card im Pattern Object Group Card.</td></tr>
         <tr><td>object-group-card-max-width</td><td>650px</td><td>Maximale Breite der Group Card im Pattern Object Group Card.</td></tr>
         <tr><td>object-group-card-height</td><td>700px</td><td>Fixe Desktop-Höhe der Group Card im Pattern Object Group Card.</td></tr>
diff --git a/semantic-tokens-components.html b/semantic-tokens-components.html
index 6016e73..eedba51 100644
--- a/semantic-tokens-components.html
+++ b/semantic-tokens-components.html
@@ -104,7 +104,7 @@
       <tbody>
         <tr><td>surface-text-block</td><td>color-transparent</td><td>Transparente Fläche des Textblocks.</td></tr>
         <tr><td>text-text-block</td><td>color-font-light</td><td>Standard-Textfarbe des Textblocks.</td></tr>
-        <tr><td>layout-text-block-width</td><td>60vw</td><td>Breite des Textblocks im Viewport.</td></tr>
+        <tr><td>layout-text-block-width</td><td>dimension-public-content-width</td><td>Breite des Textblocks im Viewport.</td></tr>
       </tbody>
     </table>
   </section>
diff --git a/styles/01-foundations.css b/styles/01-foundations.css
index 868669e..c4c3209 100644
--- a/styles/01-foundations.css
+++ b/styles/01-foundations.css
@@ -284,6 +284,7 @@
   --dimension-input-field-desktop-width: 400px;
   --dimension-input-field-max-width: 600px;
   --dimension-search-field-width: 15.3rem;
+  --dimension-public-content-width: 60vw;
   --dimension-layer-pulldown-panel: 40;
   --dimension-multiselect-pulldown-panel-desktop-width: 500px;
   --dimension-options-row-mode-toggle-width: 7rem;
diff --git a/styles/44-components-public-page-components.css b/styles/44-components-public-page-components.css
index 455f908..d7e6c40 100644
--- a/styles/44-components-public-page-components.css
+++ b/styles/44-components-public-page-components.css
@@ -24,7 +24,8 @@
 .sg-text-block {
   --surface-text-block: var(--color-transparent);
   --text-text-block: var(--color-font-light);
-  width: 60vw;
+  --layout-text-block-width: var(--dimension-public-content-width);
+  width: var(--layout-text-block-width);
   box-sizing: border-box;
   background: var(--surface-text-block);
   color: var(--text-text-block);