diff --git a/components/cards.html b/components/cards.html
index 48ee809..daa5e68 100644
--- a/components/cards.html
+++ b/components/cards.html
@@ -106,15 +106,13 @@
   <div class="sg-preview-area">
     <article class="sg-card sg-card--content-card sg-card--content-card-dark" data-component="content-card" aria-label="Dark Content Card">
       <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
-        <div class="sg-text-layout-pattern" data-pattern="text-layout-zweispaltig" aria-label="Text Layout zweispaltig mobil zweispaltig">
-          <div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
-            <p class="sg-body sg-text-layout-pattern__column">
-              Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im zweispaltigen Layout.
-            </p>
-            <p class="sg-body sg-text-layout-pattern__column">
-              Footer rechts: Platzhaltertext fuer ergaenzende Angaben, rechtliche Hinweise oder sekundäre Footer-Inhalte im gleichen Raster.
-            </p>
-          </div>
+        <div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
+          <p class="sg-body sg-text-layout-pattern__column">
+            Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im zweispaltigen Layout.
+          </p>
+          <p class="sg-body sg-text-layout-pattern__column">
+            Footer rechts: Platzhaltertext fuer ergaenzende Angaben, rechtliche Hinweise oder sekundäre Footer-Inhalte im gleichen Raster.
+          </p>
         </div>
       </div>
     </article>
diff --git a/patterns/page-layout-public.html b/patterns/page-layout-public.html
index 27ae6b7..9010fa3 100644
--- a/patterns/page-layout-public.html
+++ b/patterns/page-layout-public.html
@@ -46,15 +46,13 @@
 
       <article class="sg-card sg-card--content-card sg-card--content-card-dark sg-page-layout-public__footer-card" data-component="content-card" aria-label="Fusszeile">
         <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
-          <div class="sg-text-layout-pattern" data-pattern="text-layout-zweispaltig" aria-label="Text Layout zweispaltig mobil zweispaltig">
-            <div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
-              <p class="sg-body sg-text-layout-pattern__column">
-                Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im zweispaltigen Layout.
-              </p>
-              <p class="sg-body sg-text-layout-pattern__column">
-                Footer rechts: Platzhaltertext fuer ergaenzende Angaben, rechtliche Hinweise oder sekundäre Footer-Inhalte im gleichen Raster.
-              </p>
-            </div>
+          <div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
+            <p class="sg-body sg-text-layout-pattern__column">
+              Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im zweispaltigen Layout.
+            </p>
+            <p class="sg-body sg-text-layout-pattern__column">
+              Footer rechts: Platzhaltertext fuer ergaenzende Angaben, rechtliche Hinweise oder sekundäre Footer-Inhalte im gleichen Raster.
+            </p>
           </div>
         </div>
       </article>
diff --git a/styles/40-components-cards.css b/styles/40-components-cards.css
index c8308e4..d8c57a1 100644
--- a/styles/40-components-cards.css
+++ b/styles/40-components-cards.css
@@ -33,6 +33,11 @@
   color: var(--text-card-header);
 }
 
+.sg-card.sg-card--content-card-dark .sg-text-layout-pattern__column,
+.sg-card.sg-card--content-card-dark .sg-body {
+  color: var(--text-card-header);
+}
+
 .sg-card.sg-card--overlay-host {
   overflow: visible;
 }