From 4daf7f78728ec427045831f7d32a827086928bfb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 28 May 2026 12:29:58 +0200
Subject: [PATCH] Remove legacy overlay overrides and restore template card
 structure

---
 patterns/vsf-listen-uebersicht-seite.html | 10 +++++-----
 styles/26-patterns-vsf-list-card.css      | 19 -------------------
 2 files changed, 5 insertions(+), 24 deletions(-)

diff --git a/patterns/vsf-listen-uebersicht-seite.html b/patterns/vsf-listen-uebersicht-seite.html
index d8991bc..bcd3dce 100644
--- a/patterns/vsf-listen-uebersicht-seite.html
+++ b/patterns/vsf-listen-uebersicht-seite.html
@@ -108,9 +108,8 @@
     </div>
 
     <div id="layout-vsf-list-card">
-    <div class="sg-object-card-grid" aria-label="VSF Listen Übersicht Karten">
-    <div class="sg-delete-confirmation-pattern sg-delete-confirmation-pattern__stage sg-vsf-list-card__overlay-item" data-pattern="overlay-card" data-dialog-open="false" aria-label="VSF List Card Layout List Card">
-      <article class="sg-card sg-delete-confirmation-pattern__target" data-pattern="object-group-card" aria-label="List Card">
+    <div class="sg-object-card-grid sg-delete-confirmation-pattern sg-delete-confirmation-pattern__stage" data-pattern="overlay-card" data-dialog-open="false" aria-label="VSF List Card Layout List Card">
+      <article class="sg-card sg-object-card sg-delete-confirmation-pattern__target" data-pattern="object-group-card" aria-label="List Card">
         <header class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue sg-object-card__header" data-pattern-part="object-group-card-header">
           <div class="sg-strong">NAME DER LISTE</div>
           <div class="sg-sandwich-menu-wrap" data-open="false" data-align="right" data-component="sandwich-menu" data-component-size="small">
@@ -228,8 +227,8 @@
       </article>
     </div>
 
-    <div class="sg-delete-confirmation-pattern sg-delete-confirmation-pattern__stage sg-vsf-list-card__overlay-item" data-pattern="overlay-card" data-dialog-open="false" aria-label="VSF List Card Layout List Card">
-      <article class="sg-card sg-delete-confirmation-pattern__target" data-pattern="object-group-card" aria-label="List Card">
+    <div class="sg-object-card-grid sg-delete-confirmation-pattern sg-delete-confirmation-pattern__stage" data-pattern="overlay-card" data-dialog-open="false" aria-label="VSF List Card Layout List Card">
+      <article class="sg-card sg-object-card sg-delete-confirmation-pattern__target" data-pattern="object-group-card" aria-label="List Card">
         <header class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue sg-object-card__header" data-pattern-part="object-group-card-header">
           <div class="sg-strong">NAME DER LISTE</div>
           <div class="sg-sandwich-menu-wrap" data-open="false" data-align="right" data-component="sandwich-menu" data-component-size="small">
@@ -347,6 +346,7 @@
       </article>
     </div>
 
+    <div class="sg-object-card-grid" aria-label="VSF List Card Layout Neue Liste anlegen">
       <article class="sg-card sg-object-card" data-pattern="object-group-card" aria-label="Neue Liste anlegen Karte">
         <header class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue sg-object-card__header" data-pattern-part="object-group-card-header">
           <div class="sg-strong">Neue Liste anlegen</div>
diff --git a/styles/26-patterns-vsf-list-card.css b/styles/26-patterns-vsf-list-card.css
index 41128a7..2988ad3 100644
--- a/styles/26-patterns-vsf-list-card.css
+++ b/styles/26-patterns-vsf-list-card.css
@@ -14,22 +14,3 @@
 #layout-vsf-list-card [data-pattern="overlay-card"] {
   --layout-delete-confirmation-target-max-width: var(--layout-vsf-list-card-delete-confirmation-target-max-width);
 }
-
-#layout-vsf-list-card .sg-vsf-list-card__overlay-item {
-  display: flex;
-  flex-direction: column;
-  flex: 1 1 var(--layout-object-group-card-min-width);
-  min-width: var(--layout-object-group-card-min-width);
-  max-width: var(--layout-object-group-card-max-width);
-  height: var(--layout-object-card-height);
-}
-
-@media (max-width: 767px) {
-  #layout-vsf-list-card .sg-vsf-list-card__overlay-item {
-    flex-basis: 100%;
-    width: 100%;
-    min-width: 0;
-    max-width: none;
-    height: var(--layout-object-card-mobile-height);
-  }
-}