From d0f975f811f2bfdeb0dc943249453c7f51371438 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 28 May 2026 09:16:02 +0200
Subject: [PATCH] Fix layout 3 footer anchoring and segment background

---
 patterns/vsf-list-card.html          | 4 ++--
 styles/26-patterns-vsf-list-card.css | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/patterns/vsf-list-card.html b/patterns/vsf-list-card.html
index 8974bcb..becc6f5 100644
--- a/patterns/vsf-list-card.html
+++ b/patterns/vsf-list-card.html
@@ -191,7 +191,7 @@
             </p>
           </div>
         </div>
-        <div class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-pattern-part="company-card-content">
+        <div class="sg-card-segment sg-card-segment--body sg-card-segment--gray sg-vsf-list-card__content-grow" data-pattern-part="company-card-content">
           <div class="sg-score-bar-list sg-company-card__analysis-bars" aria-label="Fundamentalanalyse Score-Balken" data-component="score-bar-list">
             <div class="sg-score-bar-item" data-component="score-bar">
               <p class="sg-score-bar-label sg-bar-label" data-component-part="score-label">Marktbewertung:</p>
@@ -224,7 +224,7 @@
           </div>
           <p class="sg-body sg-company-card__summary sg-vsf-list-card__summary">BESCHREIBUNG LISTE</p>
         </div>
-        <footer class="sg-card-segment sg-card-segment--body sg-object-card__actions-segment" data-pattern-part="list-card-actions">
+        <footer class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-pattern-part="list-card-actions">
           <div class="sg-object-card__actions">
             <button class="sg-interaction-element sg-button sg-button--active sg-object-card__action" type="button">Unternehmen ansehen</button>
           </div>
diff --git a/styles/26-patterns-vsf-list-card.css b/styles/26-patterns-vsf-list-card.css
index 29ecd06..79c5745 100644
--- a/styles/26-patterns-vsf-list-card.css
+++ b/styles/26-patterns-vsf-list-card.css
@@ -14,3 +14,7 @@
 #layout-vsf-list-card .sg-vsf-list-card__summary {
   margin: var(--layout-company-card-analysis-gap-after-moat) 0 0 0;
 }
+
+#layout-vsf-list-card .sg-vsf-list-card__content-grow {
+  flex: var(--layout-object-card-content-grow) 1 auto;
+}