diff --git a/patterns/vsf-meldungen.html b/patterns/vsf-meldungen.html
index b631d66..0ed7495 100644
--- a/patterns/vsf-meldungen.html
+++ b/patterns/vsf-meldungen.html
@@ -202,7 +202,7 @@
 
           <div class="sg-navigation-card-layout sg-navigation-card-block">
             <article class="sg-card" data-component="card" data-pattern="navigation-card" aria-label="Navigations-Card">
-              <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body" data-pattern-part="navigation-card-segment">
+              <div class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-component-part="card-body" data-pattern-part="navigation-card-segment">
                 <div class="sg-navigation-card-center">
                   <a class="sg-hyperlink" href="#" data-component="hyperlink">Mehr laden</a>
                 </div>
@@ -272,7 +272,7 @@
 
           <div class="sg-navigation-card-layout sg-navigation-card-block">
             <article class="sg-card" data-component="card" data-pattern="navigation-card" aria-label="Navigations-Card">
-              <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body" data-pattern-part="navigation-card-segment">
+              <div class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-component-part="card-body" data-pattern-part="navigation-card-segment">
                 <div class="sg-navigation-card-center">
                   <a class="sg-hyperlink" href="#" data-component="hyperlink">Mehr laden</a>
                 </div>
@@ -342,7 +342,7 @@
 
           <div class="sg-navigation-card-layout sg-navigation-card-block">
             <article class="sg-card" data-component="card" data-pattern="navigation-card" aria-label="Navigations-Card">
-              <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body" data-pattern-part="navigation-card-segment">
+              <div class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-component-part="card-body" data-pattern-part="navigation-card-segment">
                 <div class="sg-navigation-card-center">
                   <a class="sg-hyperlink" href="#" data-component="hyperlink">Mehr laden</a>
                 </div>
@@ -402,7 +402,7 @@
 
               <div class="sg-navigation-card-layout sg-navigation-card-block">
                 <article class="sg-card" data-component="card" data-pattern="navigation-card" aria-label="Navigations-Card">
-                  <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body" data-pattern-part="navigation-card-segment">
+                  <div class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-component-part="card-body" data-pattern-part="navigation-card-segment">
                     <div class="sg-navigation-card-center">
                       <a class="sg-hyperlink" href="#" data-component="hyperlink">Mehr laden</a>
                     </div>
@@ -452,7 +452,7 @@
 
               <div class="sg-navigation-card-layout sg-navigation-card-block">
                 <article class="sg-card" data-component="card" data-pattern="navigation-card" aria-label="Navigations-Card">
-                  <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body" data-pattern-part="navigation-card-segment">
+                  <div class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-component-part="card-body" data-pattern-part="navigation-card-segment">
                     <div class="sg-navigation-card-center">
                       <a class="sg-hyperlink" href="#" data-component="hyperlink">Mehr laden</a>
                     </div>
@@ -502,7 +502,7 @@
 
               <div class="sg-navigation-card-layout sg-navigation-card-block">
                 <article class="sg-card" data-component="card" data-pattern="navigation-card" aria-label="Navigations-Card">
-                  <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body" data-pattern-part="navigation-card-segment">
+                  <div class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-component-part="card-body" data-pattern-part="navigation-card-segment">
                     <div class="sg-navigation-card-center">
                       <a class="sg-hyperlink" href="#" data-component="hyperlink">Mehr laden</a>
                     </div>