diff --git a/docs/styleguide/email-styleguide.css b/docs/styleguide/email-styleguide.css
index bed726d..80f6b1e 100644
--- a/docs/styleguide/email-styleguide.css
+++ b/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);
+}
diff --git a/docs/styleguide/index.html b/docs/styleguide/index.html
index cb8831a..52395f7 100644
--- a/docs/styleguide/index.html
+++ b/docs/styleguide/index.html
@@ -97,7 +97,7 @@
 
       <h3 class="sg-sub-heading sg-section-h3">Patterns</h3>
       <ul class="sg-index-list">
-        <li><a href="./patterns/email-double-opt-in-bestaetigung.html">Double-Opt-in-Bestätigung</a></li>
+        <li><a href="./patterns/general-email-template.html">General E-Mail-Template</a></li>
       </ul>
 
       <h3 class="sg-sub-heading sg-section-h3">Valuestockfinder Templates</h3>
diff --git a/docs/styleguide/patterns/email-double-opt-in-bestaetigung.html b/docs/styleguide/patterns/general-email-template.html
similarity index 81%
rename from docs/styleguide/patterns/email-double-opt-in-bestaetigung.html
rename to docs/styleguide/patterns/general-email-template.html
index e422cfe..806ad88 100644
--- a/docs/styleguide/patterns/email-double-opt-in-bestaetigung.html
+++ b/docs/styleguide/patterns/general-email-template.html
@@ -3,16 +3,16 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Styleguide – Pattern E-Mail Double-Opt-in-Bestätigung</title>
+  <title>Styleguide – General E-Mail-Template</title>
   <link rel="stylesheet" href="../styleguide.css">
   <link rel="stylesheet" href="../email-styleguide.css">
 </head>
-<body>
+<body class="sg-email-template-page">
 
-  <h1 class="sg-main-heading">Pattern – E-Mail Double-Opt-in-Bestätigung</h1>
+  <h1 class="sg-main-heading">General E-Mail-Template</h1>
 
-  <section id="pattern-email-double-opt-in-bestaetigung">
-    <p class="sg-preview-label">Pattern: E-Mail Double-Opt-in-Bestätigung</p>
+  <section id="pattern-general-email-template">
+    <p class="sg-preview-label">General E-Mail-Template</p>
 
     <div class="sg-preview-area">
       <div class="sg-email-preview-viewport">
@@ -30,25 +30,26 @@
           </header>
 
           <article
-            class="sg-transparent-card sg-page-layout-app__heading-block"
+            class="sg-transparent-card sg-page-layout-app__heading-block sg-email-template"
             aria-label="E-Mail Inhalt"
-            data-pattern="email-double-opt-in-bestaetigung"
+            data-pattern="general-email-template"
             data-email-subject="Bitte bestätige deine Anmeldung"
             data-email-preheader="Bestätige deine E-Mail-Adresse, um Updates von ValueStockFinder zu erhalten."
           >
-            <h1 class="sg-heading-h1 sg-text-on-dark">Fast geschafft</h1>
+            <h1 class="sg-heading-h1">Fast geschafft</h1>
+            <p class="sg-body sg-email-template__intro">Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>Integer nec odio. Praesent libero.<br>Sed cursus ante dapibus diam.</p>
 
             <article class="sg-card sg-email-card" data-component="card" data-pattern-part="confirmation-card">
               <div class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue" data-component-part="card-header">
                 <div class="sg-strong">Bitte bestätige deine Anmeldung</div>
               </div>
 
-              <div class="sg-card-segment sg-card-segment--body sg-card-segment--white" data-component-part="card-body">
+              <div class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-component-part="card-body">
                 <p class="sg-body">Bitte bestätige jetzt deine E-Mail-Adresse. Erst danach dürfen wir dir die gewünschten Informationen per E-Mail senden.</p>
                 <p class="sg-body">Falls du dich nicht selbst angemeldet hast, musst du nichts weiter tun.</p>
               </div>
 
-              <div class="sg-card-segment sg-card-segment--body sg-card-segment--white sg-email-card-action-segment" data-component-part="card-action">
+              <div class="sg-card-segment sg-card-segment--body sg-card-segment--gray sg-email-card-action-segment" data-component-part="card-action">
                 <button class="sg-interaction-element sg-button sg-button--process" type="button" data-component="button" data-component-variant="process" data-component-state="active">
                   Anmeldung bestätigen
                 </button>
@@ -56,7 +57,7 @@
             </article>
 
             <article
-              class="sg-card sg-card--content-card sg-card--footer-card sg-email-footer-card"
+              class="sg-card sg-card--content-card sg-card--content-card-dark sg-email-footer-card"
               data-component="content-card"
               data-component-context="email-footer"
               data-component-variant="not-subscribed"
diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json
index 7a4e250..ff17217 100644
--- a/public/assets/styleguide.upstream.meta.json
+++ b/public/assets/styleguide.upstream.meta.json
@@ -1,7 +1,7 @@
 {
   "styleguideVersion": "2026.05.18.1",
-  "styleguideCommit": "580ded6",
-  "syncedAtUtc": "2026-08-07T11:05:35Z",
+  "styleguideCommit": "6e6d49f",
+  "syncedAtUtc": "2026-08-09T06:39:36Z",
   "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
   "mirroredDocsPath": "docs/styleguide"
 }
