diff --git a/patterns/vsf-card-listen-seite.html b/patterns/vsf-card-listen-seite.html
index acb2f69..936bc15 100644
--- a/patterns/vsf-card-listen-seite.html
+++ b/patterns/vsf-card-listen-seite.html
@@ -688,14 +688,18 @@
-
- Ticker: WDC
- Region: Amerika
- Sub-Region: Nordamerika
- Land: Vereinigte Staaten von Amerika
- ISIN: US9581021055
- Industrie: Computer Hardware
-
+
+
+ Ticker: WDC
+ Region: Amerika
+ Sub-Region: Nordamerika
+ Land: Vereinigte Staaten von Amerika
+
+
+ ISIN: US9581021055
+ Industrie: Computer Hardware
+
+
diff --git a/styleguide.css b/styleguide.css
index a2aa76f..8f1eceb 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -2101,6 +2101,18 @@ section + section {
column-gap: var(--layout-vsf-drawer-object-card-column-gap);
}
+.sg-vsf-drawer-object-card__text-columns {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: var(--layout-vsf-drawer-object-card-column-gap);
+ color: var(--text-vsf-drawer-object-card-body);
+}
+
+.sg-vsf-drawer-object-card__text-column {
+ margin: 0;
+ color: var(--text-vsf-drawer-object-card-body);
+}
+
.sg-vsf-drawer-object-card__heading {
color: var(--text-vsf-drawer-object-card-heading);
margin: 0;
@@ -2142,6 +2154,10 @@ section + section {
}
@media (max-width: 767px) {
+ .sg-vsf-drawer-object-card__text-columns {
+ grid-template-columns: 1fr;
+ }
+
.sg-text-layout-pattern__sample--sixty-width,
.sg-text-layout-pattern__sample--two-column {
width: 100%;