From 0b719a48d1d55bef9dd7cbfb8a094da2dba94c2b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 21 May 2026 16:16:04 +0200
Subject: [PATCH] Use dedicated gray card segment for single score bar in
 Gesamtbewertung

---
 ...-card-listen-fundamentalanalyse-drawer.html | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/patterns/vsf-card-listen-fundamentalanalyse-drawer.html b/patterns/vsf-card-listen-fundamentalanalyse-drawer.html
index a0772c4..82f5a6d 100644
--- a/patterns/vsf-card-listen-fundamentalanalyse-drawer.html
+++ b/patterns/vsf-card-listen-fundamentalanalyse-drawer.html
@@ -77,17 +77,15 @@
         <div class="sg-content-block-card-group__panel" id="vsf-fundamental-tab-panel-1" role="tabpanel" aria-labelledby="vsf-fundamental-tab-1">
           <article class="sg-card sg-card--content-card" data-component="content-card" aria-label="Gesamtbewertung">
             <div class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue" data-component-part="card-header"><div class="sg-strong">Gesamtbewertung</div></div>
-            <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
-              <div class="sg-form-preview-area sg-chart-preview-area">
-                <div class="sg-score-bar-list sg-score-bar-list--single-score" 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">Score:</p>
-                    <div class="sg-score-bar sg-score-bar--marker-mid" data-component-part="score-track">
-                      <div class="sg-score-bar__value sg-score-bar__value--positive sg-score-bar__value--w96" data-component-part="score-value" data-component-state="positive"></div>
-                      <div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div>
-                    </div>
-                    <p class="sg-bar-label sg-score-state--positive" data-component-part="score-state">attraktiv</p>
+            <div class="sg-card-segment sg-card-segment--gray" data-component-part="card-body">
+              <div class="sg-score-bar-list sg-score-bar-list--single-score" 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">Score:</p>
+                  <div class="sg-score-bar sg-score-bar--marker-mid" data-component-part="score-track">
+                    <div class="sg-score-bar__value sg-score-bar__value--positive sg-score-bar__value--w96" data-component-part="score-value" data-component-state="positive"></div>
+                    <div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div>
                   </div>
+                  <p class="sg-bar-label sg-score-state--positive" data-component-part="score-state">attraktiv</p>
                 </div>
               </div>
             </div>