From b989195cfd2f84bcb2780f2b116f5f58e825830c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Fri, 12 Jun 2026 09:02:29 +0200
Subject: [PATCH] Rename object group card variant

---
 patterns/object-group-card.html          | 14 +++++++-------
 styles/23-patterns-object-group-card.css |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/patterns/object-group-card.html b/patterns/object-group-card.html
index 6c97c66..da48c8b 100644
--- a/patterns/object-group-card.html
+++ b/patterns/object-group-card.html
@@ -90,16 +90,16 @@
     </div>
   </section>
 
-  <section id="pattern-object-group-card-height-600">
-    <p class="sg-preview-label">Pattern: Object Group Card</p>
-    <p class="sg-body sg-object-group-card__hint">Variante: identisch, nur die Höhe ist 600px.</p>
-    <div class="sg-object-card-grid sg-object-group-card--height-600" aria-label="Objekt Group Card Höhe 600px"></div>
+  <section id="pattern-list-group-card-height-600">
+    <p class="sg-preview-label">Pattern: List Group Card</p>
+    <p class="sg-body sg-object-group-card__hint">Variante: List Group Card, identisch, nur die Höhe ist 600px.</p>
+    <div class="sg-object-card-grid sg-list-group-card--height-600" aria-label="List Group Card Höhe 600px"></div>
   </section>
 
   <script>
-    const populateObjectGroupCardVariant = () => {
+    const populateListGroupCardVariant = () => {
       const sourceGrid = document.querySelector('#pattern-object-group-card .sg-object-card-grid');
-      const variantGrid = document.querySelector('#pattern-object-group-card-height-600 .sg-object-card-grid');
+      const variantGrid = document.querySelector('#pattern-list-group-card-height-600 .sg-object-card-grid');
 
       if (!sourceGrid || !variantGrid || variantGrid.children.length > 0) {
         return;
@@ -142,7 +142,7 @@
     };
 
     window.addEventListener('load', () => {
-      populateObjectGroupCardVariant();
+      populateListGroupCardVariant();
       updateObjectCardGridRowState();
     });
     window.addEventListener('resize', updateObjectCardGridRowState);
diff --git a/styles/23-patterns-object-group-card.css b/styles/23-patterns-object-group-card.css
index f62d1c0..c0035fc 100644
--- a/styles/23-patterns-object-group-card.css
+++ b/styles/23-patterns-object-group-card.css
@@ -13,7 +13,7 @@
   height: var(--layout-object-group-card-height);
 }
 
-.sg-object-group-card--height-600 .sg-object-card[data-pattern="object-group-card"] {
+.sg-list-group-card--height-600 .sg-object-card[data-pattern="object-group-card"] {
   height: var(--layout-object-card-height);
 }