diff --git a/patterns/company-card.html b/patterns/company-card.html
index 6cdf5ba..cf29d27 100644
--- a/patterns/company-card.html
+++ b/patterns/company-card.html
@@ -49,18 +49,18 @@
-
Fundamentalanalyse vom 8.5.2026:
-
+
Fundamentalanalyse vom 8.5.2026:
+
Marktbewertung:
@@ -90,10 +90,10 @@
-
- Moat: Maessig
+
+ Moat: Maessig
-
+
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
diff --git a/semantic-tokens-layouts.html b/semantic-tokens-layouts.html
index 7d31c6c..5a3a781 100644
--- a/semantic-tokens-layouts.html
+++ b/semantic-tokens-layouts.html
@@ -28,6 +28,7 @@
| layout-object-card-desktop-breakpoint | dimension-object-card-desktop-breakpoint | Breakpoint, ab dem die Desktop-Maße der Object Card aktiv sind. |
| layout-object-card-content-grow | dimension-object-card-content-grow | Flex-Grow-Wert für das vorletzte Segment der Object Card. |
| layout-object-card-shared-width | auto | Geteilte Laufzeitbreite für gekoppelte Object-Card-Instanzen. |
+
| layout-company-card-analysis-gap-after-moat | spacing-large | Vertikaler Abstand zwischen Moat-Zeile und Analyse-Zusammenfassung in der Company Card. |
| layout-content-cards-group-gap | spacing-small | Abstand zwischen Inhaltsblock-Karten innerhalb der Gruppe. |
| layout-card-list-drawer-width | dimension-card-list-drawer-width | Breite des ausziehbaren Card-Listenbereichs relativ zum Container. |
diff --git a/semantic-tokens-patterns.html b/semantic-tokens-patterns.html
index 67099bc..c75e0a4 100644
--- a/semantic-tokens-patterns.html
+++ b/semantic-tokens-patterns.html
@@ -47,6 +47,12 @@
| surface-object-card-lower-segment | color-white | Hintergrundfläche der unteren zwei Segmente der Object Card. |
+
Company Card
+
| Semantischer Token | Verwendeter Foundation-Token | Beschreibung Verwendungszweck im Pattern |
+ | text-company-card-data-negative | chart-value-negative | Textfarbe für negative Kennzahlenwerte im Data-Columns-Segment der Company Card. |
+ | text-company-card-moat-neutral | chart-value-neutral | Textfarbe für die neutrale Moat-Ausprägung im Analyse-Segment der Company Card. |
+
+
Navigation Card
| Semantischer Token | Verwendeter Foundation-Token | Beschreibung Verwendungszweck im Pattern |
| surface-navigation-card | color-white | Grundfläche der Navigation Card. |
diff --git a/styleguide.css b/styleguide.css
index ca0a3c3..b19a8b6 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -165,6 +165,9 @@
--layout-object-card-mobile-height: var(--dimension-object-card-mobile-height);
--layout-object-card-desktop-breakpoint: var(--dimension-object-card-desktop-breakpoint);
--surface-object-card-lower-segment: var(--color-white);
+ --text-company-card-data-negative: var(--chart-value-negative);
+ --text-company-card-moat-neutral: var(--chart-value-neutral);
+ --layout-company-card-analysis-gap-after-moat: var(--spacing-large);
--surface-navigation-card: var(--color-white);
--surface-navigation-card-body: var(--color-white);
--surface-content-block-card-title: var(--color-light-grey);
@@ -1807,6 +1810,30 @@ section + section {
color: var(--color-font-light);
}
+.sg-company-card__metric-negative {
+ color: var(--text-company-card-data-negative);
+}
+
+.sg-company-card__analysis-title {
+ margin: 0;
+}
+
+.sg-company-card__analysis-bars {
+ margin-top: 0;
+}
+
+.sg-company-card__moat {
+ margin: 0;
+}
+
+.sg-company-card__moat-neutral {
+ color: var(--text-company-card-moat-neutral);
+}
+
+.sg-company-card__summary {
+ margin: var(--layout-company-card-analysis-gap-after-moat) 0 0 0;
+}
+
/* ========================================================= */
/* Patterns: Navigation Card */
/* ========================================================= */