diff --git a/semantic-tokens-patterns.html b/semantic-tokens-patterns.html
index 9abeeeb..1055d13 100644
--- a/semantic-tokens-patterns.html
+++ b/semantic-tokens-patterns.html
@@ -24,7 +24,7 @@
| layout-public-page-pattern-call-to-action-box-width | calc(var(--dimension-public-content-width) * 0.5) | Breite der dunklen Public Call to Action Box im Public-Page-Pattern-Kontext. |
| surface-public-page-pattern-call-to-action-box-light | color-light-grey | Hintergrundfläche der Variante Pattern: Public Call to Action Box light. |
| surface-public-page-pattern-call-to-action-full-width-title | surface-portal-header | Hintergrundfläche des blauen Titelsegments im Pattern call to action full witdh. |
- | text-public-page-pattern-call-to-action-full-width-title | color-font-light | Weiße Textfarbe der Titel- und Meldungssegmente im Pattern call to action full witdh. |
+ | text-public-page-pattern-call-to-action-full-width-title | text-portal-header-brand | Weiße Textfarbe der Titel- und Meldungssegmente im Pattern call to action full witdh. |
diff --git a/styles/45-patterns-public-page-patterns.css b/styles/45-patterns-public-page-patterns.css
index 364a89f..7d11c26 100644
--- a/styles/45-patterns-public-page-patterns.css
+++ b/styles/45-patterns-public-page-patterns.css
@@ -16,36 +16,27 @@
.sg-public-page-pattern-call-to-action-box--light {
background: var(--surface-public-page-pattern-call-to-action-box-light);
- color: var(--color-font-dark);
+ color: var(--text-content-block-card-content);
}
.sg-public-page-pattern-call-to-action-box--light
> .sg-card-segment--body {
background: var(--surface-public-page-pattern-call-to-action-box-light);
- color: var(--color-font-dark);
+ color: var(--text-content-block-card-content);
}
.sg-public-page-pattern-call-to-action-box--light .sg-bullet-list {
- color: var(--color-font-dark);
+ color: var(--text-content-block-card-content);
}
.sg-public-page-pattern-call-to-action-box--full-width {
--surface-public-page-pattern-call-to-action-full-width-title: var(--surface-portal-header);
- --text-public-page-pattern-call-to-action-full-width-title: var(--color-font-light);
+ --text-public-page-pattern-call-to-action-full-width-title: var(--text-portal-header-brand);
+ --surface-card-header-primary: var(--surface-public-page-pattern-call-to-action-full-width-title);
+ --text-card-header: var(--text-public-page-pattern-call-to-action-full-width-title);
width: 100%;
}
-.sg-public-page-pattern-call-to-action-box--full-width
-> .sg-card-segment--signal-yellow {
- color: var(--text-public-page-pattern-call-to-action-full-width-title);
-}
-
-.sg-public-page-pattern-call-to-action-box--full-width
-> .sg-card-segment--darkblue {
- background: var(--surface-public-page-pattern-call-to-action-full-width-title);
- color: var(--text-public-page-pattern-call-to-action-full-width-title);
-}
-
.sg-public-page-pattern-call-to-action-box__action {
display: flex;
}