diff --git a/patterns/vsf-meldungen.html b/patterns/vsf-meldungen.html
index 1090f67..17e78b0 100644
--- a/patterns/vsf-meldungen.html
+++ b/patterns/vsf-meldungen.html
@@ -149,63 +149,67 @@
         <div class="sg-content-block-card-group__panels">
           <div class="sg-content-block-card-group__panel" id="vsf-meldungen-panel-updates" role="tabpanel" aria-labelledby="vsf-meldungen-tab-updates">
             <div class="sg-preview-area sg-notifications-pattern" aria-label="Updates Meldungen">
-              <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">Update-Hinweis mit hoher Priorität 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>
+              <div class="sg-group-card" data-component="group-card">
+                <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">Update-Hinweis mit hoher Priorität 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">Update-Hinweis im positiven Bereich 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-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">Update-Hinweis im positiven Bereich 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">Neutraler Update-Hinweis 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>
+                <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">Neutraler Update-Hinweis 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>
 
           <div class="sg-content-block-card-group__panel" id="vsf-meldungen-panel-termine" role="tabpanel" aria-labelledby="vsf-meldungen-tab-termine" hidden>
             <div class="sg-preview-area sg-notifications-pattern" aria-label="Termine Meldungen">
-              <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">Terminwarnung mit hoher Priorität 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>
+              <div class="sg-group-card" data-component="group-card">
+                <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">Terminwarnung mit hoher Priorität 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">Terminhinweis im positiven Bereich 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-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">Terminhinweis im positiven Bereich 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">Neutraler Terminhinweis 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>
+                <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">Neutraler Terminhinweis 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>
         </div>