From ff3c0c949840f12b0c2dd88aa563e2b0700ef884 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:11:16 +0200
Subject: [PATCH] Add data columns segment to company card using existing
 signal colors

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

diff --git a/patterns/company-card.html b/patterns/company-card.html
index 676b99c..421a4d8 100644
--- a/patterns/company-card.html
+++ b/patterns/company-card.html
@@ -44,6 +44,20 @@
             </div>
           </div>
         </div>
+        <div class="sg-card-segment sg-card-segment--body sg-card-segment--lightgrey" data-pattern-part="company-card-data-columns">
+          <table class="sg-data-table" aria-label="Company Kennzahlen-Spalten" data-component="data-columns">
+            <tbody>
+              <tr>
+                <td data-component-part="data-columns-value-cell">PE: <span class="sg-data-table__value">28.8</span></td>
+                <td data-component-part="data-columns-reference-cell">PE forw.: <span class="sg-data-table__value" style="color: var(--chart-value-negative);" data-component-state="negative">23.3</span></td>
+              </tr>
+              <tr>
+                <td data-component-part="data-columns-value-cell">PEG: <span class="sg-data-table__value" style="color: var(--chart-value-negative);" data-component-state="negative">3.54</span></td>
+                <td data-component-part="data-columns-reference-cell"></td>
+              </tr>
+            </tbody>
+          </table>
+        </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>