From 749b787f531f8b4b4dc384c3c2d7b03954b77953 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 24 Jun 2026 10:49:56 +0200
Subject: [PATCH] Clean up public page component docs and alignment

---
 semantic-tokens-components.html                 | 3 +++
 styles/44-components-public-page-components.css | 7 +++++--
 styles/45-patterns-public-page-patterns.css     | 4 ----
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/semantic-tokens-components.html b/semantic-tokens-components.html
index 8d43537..285a135 100644
--- a/semantic-tokens-components.html
+++ b/semantic-tokens-components.html
@@ -119,6 +119,9 @@
         <tr><td>layout-call-to-action-card-content-gap</td><td>spacing-large</td><td>Abstand zwischen Text und Button.</td></tr>
       </tbody>
     </table>
+
+    <h3 class="sg-sub-heading sg-section-h3">Picture Full Width</h3>
+    <p class="sg-table-label">Keine zusätzlichen semantischen Tokens erforderlich. Die Komponente ist strukturell und bezieht sich mit <code>width: 100%</code> auf den umgebenden Container, mit <code>height: auto</code> und <code>display: block</code> für das Bild-Element.</p>
   </section>
 
   <section id="semantic-interactive">
diff --git a/styles/44-components-public-page-components.css b/styles/44-components-public-page-components.css
index 3e391b2..4a2a85b 100644
--- a/styles/44-components-public-page-components.css
+++ b/styles/44-components-public-page-components.css
@@ -67,6 +67,10 @@
   justify-content: flex-end;
 }
 
+.sg-call-to-action-card--align-right {
+  margin-left: auto;
+}
+
 .sg-picture-full-width {
   display: block;
   width: 100%;
@@ -82,8 +86,7 @@
 
 @media (max-width: 48rem) {
   .sg-text-block,
-  .sg-card--call-to-action-card,
-  .sg-picture-full-width {
+  .sg-card--call-to-action-card {
     width: 100%;
   }
 }
diff --git a/styles/45-patterns-public-page-patterns.css b/styles/45-patterns-public-page-patterns.css
index 5155dfe..51379b3 100644
--- a/styles/45-patterns-public-page-patterns.css
+++ b/styles/45-patterns-public-page-patterns.css
@@ -11,7 +11,3 @@
 .sg-page-public-page-patterns .sg-text-block--align-right {
   margin-left: auto;
 }
-
-.sg-call-to-action-card--align-right {
-  margin-left: auto;
-}