From 606e8d1c88273e956e32eaea21eb764b6a13218a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 20 May 2026 15:07:17 +0200
Subject: [PATCH] Fix company card score bar structure without list indentation

---
 patterns/company-card.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/patterns/company-card.html b/patterns/company-card.html
index d22e2c4..676b99c 100644
--- a/patterns/company-card.html
+++ b/patterns/company-card.html
@@ -33,16 +33,16 @@
           </div>
         </header>
         <div class="sg-card-segment sg-card-segment--body sg-card-segment--lightgrey" data-pattern-part="company-card-score">
-          <ul class="sg-score-bar-list sg-score-bar-list--single-score" aria-label="Gesamtscore-Balken">
-            <li class="sg-score-bar-item">
+          <div class="sg-score-bar-list sg-score-bar-list--single-score" aria-label="Gesamtscore-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">Score:</p>
               <div class="sg-score-bar sg-score-bar--marker-mid" role="img" aria-label="Gesamtscore 96 Prozent mit Median-Marker bei 50 Prozent" data-component-part="score-track">
-                <div class="sg-score-bar__value sg-score-bar__value--w96 sg-score-bar__value--positive" data-component-part="score-value"></div>
-                <span class="sg-score-bar__median-marker sg-score-bar__median-marker--outline" aria-hidden="true" data-component-part="score-marker"></span>
+                <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-score-state sg-score-state--positive" data-component-part="score-state">Positiv</p>
-            </li>
-          </ul>
+              <p class="sg-bar-label sg-score-state--positive" data-component-part="score-state">attraktiv</p>
+            </div>
+          </div>
         </div>
         <div class="sg-card-segment sg-card-segment--body sg-object-card__content" data-pattern-part="company-card-content">
           <p class="sg-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>