Sync styleguide 2026.05.18.1

docs/styleguide/email-styleguide.css

@@ -1,9 +1,18 @@
 @import "./styles/01-foundations.css";
 
 /* E-Mail-Komponenten: separater Einstiegspunkt, nicht Teil des Portal-CSS */
+.sg-email-template-page {
+  background: var(--surface-object-card-lower-segment);
+}
+
+.sg-email-template-page .sg-main-heading,
+.sg-email-template-page .sg-preview-label {
+  color: var(--text-card-body);
+}
+
 .sg-email-preview-viewport {
   width: var(--dimension-email-body-max-width);
-  background: var(--surface-portal-background);
+  background: var(--surface-object-card-lower-segment);
 }
 
 .sg-email-preview-body {
@@ -40,6 +49,10 @@
   margin-inline: calc(-1 * var(--card-segment-padding-horizontal));
 }
 
+.sg-email-footer-card {
+  margin-top: calc(var(--spacing-large) * 2);
+}
+
 .sg-email-card .sg-card-segment--body > .sg-body {
   color: var(--text-card-body);
 }
@@ -47,3 +60,11 @@
 .sg-email-card-action-segment {
   align-items: flex-end;
 }
+
+.sg-email-template > .sg-heading-h1 {
+  color: var(--text-card-body);
+}
+
+.sg-email-template > .sg-email-template__intro {
+  color: var(--text-card-body);
+}