diff --git a/patterns/vsf-meldungen.html b/patterns/vsf-meldungen.html
index f84ba17..a9ec8aa 100644
--- a/patterns/vsf-meldungen.html
+++ b/patterns/vsf-meldungen.html
@@ -176,6 +176,33 @@
                     <button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">zum Unternehmen</button>
                   </div>
                 </article>
+
+                <article class="sg-card sg-notifications-pattern__card" data-pattern="notification" data-component="notification-card">
+                  <div class="sg-card-segment sg-card-segment--header sg-card-segment--signal-red sg-notifications-pattern__text-segment" data-component-part="card-header">
+                    <p class="sg-body">Zusätzlicher Update-Hinweis 4 zur Illustration.</p>
+                  </div>
+                  <div class="sg-card-segment sg-card-segment--body sg-card-segment--signal-red" data-component-part="card-body">
+                    <button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">zum Unternehmen</button>
+                  </div>
+                </article>
+
+                <article class="sg-card sg-notifications-pattern__card" data-pattern="notification" data-component="notification-card">
+                  <div class="sg-card-segment sg-card-segment--header sg-card-segment--signal-green sg-notifications-pattern__text-segment" data-component-part="card-header">
+                    <p class="sg-body">Zusätzlicher Update-Hinweis 5 zur Illustration.</p>
+                  </div>
+                  <div class="sg-card-segment sg-card-segment--body sg-card-segment--signal-green" data-component-part="card-body">
+                    <button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">zum Unternehmen</button>
+                  </div>
+                </article>
+
+                <article class="sg-card sg-card--notification-white sg-notifications-pattern__card" data-pattern="notification" data-component="notification-card">
+                  <div class="sg-card-segment sg-card-segment--header sg-card-segment--white sg-notifications-pattern__text-segment" data-component-part="card-header">
+                    <p class="sg-body">Zusätzlicher Update-Hinweis 6 zur Illustration.</p>
+                  </div>
+                  <div class="sg-card-segment sg-card-segment--body sg-card-segment--white" data-component-part="card-body">
+                    <button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">zum Unternehmen</button>
+                  </div>
+                </article>
               </div>
             </div>
           </div>