From 12f16b9813e3df9516ae0b20152997e1be1c203e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Mon, 1 Jun 2026 17:18:39 +0200
Subject: [PATCH] Align Meldungen notification structure and logic with
 notifications pattern

---
 patterns/vsf-meldungen.html | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/patterns/vsf-meldungen.html b/patterns/vsf-meldungen.html
index 457e553..12b3a55 100644
--- a/patterns/vsf-meldungen.html
+++ b/patterns/vsf-meldungen.html
@@ -148,8 +148,7 @@
 
         <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">
-              <div class="sg-group-card" data-component="group-card">
+            <div class="sg-preview-area sg-notifications-pattern sg-group-card" aria-label="Updates Meldungen" 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>
@@ -203,13 +202,11 @@
                     <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">
-              <div class="sg-group-card" data-component="group-card">
+            <div class="sg-preview-area sg-notifications-pattern sg-group-card" aria-label="Termine Meldungen" 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>
@@ -236,7 +233,6 @@
                     <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>
@@ -502,12 +498,6 @@
           return;
         }
 
-        // Enforce equalized multi-row widths only for 2-column rows.
-        // For 3+ columns, keep native min/max card behavior.
-        if (firstRowCards.length !== 2) {
-          return;
-        }
-
         const referenceWidth = referenceCard.getBoundingClientRect().width;
         grid.style.setProperty('--layout-object-card-shared-width', `${referenceWidth}px`);
         grid.classList.add('sg-notifications-pattern--multi-row');