From 4d34a183f4be3209d46b75484a7400d699332abf 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:06:12 +0200
Subject: [PATCH] Update company card title and add score bar segment

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

diff --git a/patterns/company-card.html b/patterns/company-card.html
index a60a5eb..d22e2c4 100644
--- a/patterns/company-card.html
+++ b/patterns/company-card.html
@@ -16,7 +16,7 @@
     <div class="sg-object-card-grid">
       <article class="sg-card sg-object-card" data-pattern="company-card" aria-label="Company Card">
         <header class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue sg-object-card__header" data-pattern-part="company-card-header">
-          <div class="sg-strong">Alcon Inc.</div>
+          <div class="sg-strong">Netflix, Inc.</div>
           <div class="sg-sandwich-menu-wrap" data-open="false" data-align="right" data-component="sandwich-menu" data-component-size="small">
             <button class="sg-interaction-element sg-sandwich-button sg-sandwich-button--small" type="button" aria-expanded="false" aria-label="Menü öffnen" data-component-part="sandwich-trigger">
               <span class="sg-sandwich-button__icon" aria-hidden="true">
@@ -32,6 +32,18 @@
             </div>
           </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">
+              <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>
+              <p class="sg-score-state sg-score-state--positive" data-component-part="score-state">Positiv</p>
+            </li>
+          </ul>
+        </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>
         </div>