From 67509db0056167adec0b711c7f01a4d4f3216f5e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 24 Jun 2026 14:36:02 +0200
Subject: [PATCH] Halve CTA card width

---
 semantic-tokens-components.html                 | 2 +-
 styles/44-components-public-page-components.css | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/semantic-tokens-components.html b/semantic-tokens-components.html
index 4e184e5..0392b38 100644
--- a/semantic-tokens-components.html
+++ b/semantic-tokens-components.html
@@ -113,7 +113,7 @@
       <tbody>
         <tr><td>surface-call-to-action-card</td><td>surface-card-group</td><td>Fläche der Call-to-action-Card als dunkle Content-Card-Variante.</td></tr>
         <tr><td>text-call-to-action-card</td><td>color-font-light</td><td>Textfarbe in der Call-to-action-Card.</td></tr>
-        <tr><td>layout-call-to-action-card-width</td><td>dimension-public-content-width</td><td>Breite der Card im Page-Layout.</td></tr>
+        <tr><td>layout-call-to-action-card-width</td><td>calc(var(--dimension-public-content-width) * 0.5)</td><td>Breite der Card im Page-Layout.</td></tr>
         <tr><td>layout-call-to-action-card-content-columns</td><td>minmax(0, 1fr) max-content</td><td>Zweispaltiges Layout mit flexibler Textspalte und Buttonspalte in Buttonbreite.</td></tr>
         <tr><td>layout-call-to-action-card-content-gap</td><td>spacing-large</td><td>Abstand zwischen Text und Button.</td></tr>
       </tbody>
diff --git a/styles/44-components-public-page-components.css b/styles/44-components-public-page-components.css
index ddd7ec4..4a608a5 100644
--- a/styles/44-components-public-page-components.css
+++ b/styles/44-components-public-page-components.css
@@ -41,7 +41,7 @@
 .sg-card--call-to-action-card {
   --surface-call-to-action-card: var(--surface-card-group);
   --text-call-to-action-card: var(--color-font-light);
-  --layout-call-to-action-card-width: var(--dimension-public-content-width);
+  --layout-call-to-action-card-width: calc(var(--dimension-public-content-width) * 0.5);
   --layout-call-to-action-card-content-columns: minmax(0, 1fr) max-content;
   --layout-call-to-action-card-content-gap: var(--spacing-large);
   width: var(--layout-call-to-action-card-width);