diff --git a/semantic-tokens-components.html b/semantic-tokens-components.html
index 285a135..d7edf10 100644
--- a/semantic-tokens-components.html
+++ b/semantic-tokens-components.html
@@ -121,7 +121,12 @@
Picture Full Width
- Keine zusätzlichen semantischen Tokens erforderlich. Die Komponente ist strukturell und bezieht sich mit width: 100% auf den umgebenden Container, mit height: auto und display: block für das Bild-Element.
+
+ | Semantischer Token | Verwendeter Foundation-Token | Beschreibung Verwendungszweck in der Komponente |
+
+ | radius-picture-full-width | radius-card | Border-Radius des Full-Width-Bildes. |
+
+
diff --git a/styles/01-foundations.css b/styles/01-foundations.css
index c07c64a..cd31ce4 100644
--- a/styles/01-foundations.css
+++ b/styles/01-foundations.css
@@ -193,6 +193,7 @@
--surface-navigation-card-body: var(--color-white);
--surface-content-block-card-title: var(--color-light-grey);
--surface-content-block-card-content: var(--color-white);
+ --radius-picture-full-width: var(--radius-card);
--layout-content-cards-group-gap: var(--spacing-small);
--surface-card-list-drawer: var(--color-background-purple);
--text-content-block-card-title: var(--color-font-dark);
diff --git a/styles/31-patterns-text-layouts.css b/styles/31-patterns-text-layouts.css
index 24b30f8..fbdd9e0 100644
--- a/styles/31-patterns-text-layouts.css
+++ b/styles/31-patterns-text-layouts.css
@@ -4,12 +4,11 @@
.sg-page-text-layouts {
background: var(--surface-form-preview);
- color: var(--color-font-dark);
}
.sg-page-text-layouts .sg-main-heading,
.sg-page-text-layouts .sg-preview-label {
- color: var(--color-font-dark);
+ color: inherit;
}
.sg-text-layout-pattern {
diff --git a/styles/44-components-public-page-components.css b/styles/44-components-public-page-components.css
index 063ef77..5111e16 100644
--- a/styles/44-components-public-page-components.css
+++ b/styles/44-components-public-page-components.css
@@ -80,7 +80,7 @@
width: 100%;
max-width: 100%;
height: auto;
- border-radius: var(--radius-card);
+ border-radius: var(--radius-picture-full-width);
}
.sg-page-public-page-components .sg-preview-area {