diff --git a/semantic-tokens-patterns.html b/semantic-tokens-patterns.html
index c3359f3..9abeeeb 100644
--- a/semantic-tokens-patterns.html
+++ b/semantic-tokens-patterns.html
@@ -23,7 +23,8 @@
| text-public-page-pattern-text-picture | color-font-light | Textfarbe des Patterns Pattern: text and picture right. |
| 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. |
- | text-public-page-pattern-call-to-action-full-width-title | color-font-light | Textfarbe des signalgelben Titelsegments im Pattern call to action full witdh. |
+ | 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. |
diff --git a/styles/45-patterns-public-page-patterns.css b/styles/45-patterns-public-page-patterns.css
index e99bd88..364a89f 100644
--- a/styles/45-patterns-public-page-patterns.css
+++ b/styles/45-patterns-public-page-patterns.css
@@ -30,6 +30,7 @@
}
.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);
width: 100%;
}
@@ -39,6 +40,12 @@
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;
}