diff --git a/styles/28-patterns-notifications.css b/styles/28-patterns-notifications.css
index 0086c28..2aac24b 100644
--- a/styles/28-patterns-notifications.css
+++ b/styles/28-patterns-notifications.css
@@ -11,26 +11,27 @@
 }
 
 .sg-notifications-pattern__card {
-  flex: 1 1 var(--layout-notifications-card-flex-basis);
-  min-width: var(--layout-notifications-card-min-width);
-  max-width: var(--layout-notifications-card-max-width);
+  flex: 0 0 100%;
+  width: 100%;
+  min-width: 0;
+  max-width: none;
 }
 
 /* Dokumentierte Pattern-Variante: Notifications innerhalb Group Card */
 .sg-notifications-pattern.sg-group-card > .sg-notifications-pattern__card {
-  flex: 1 1 var(--layout-notifications-card-flex-basis);
-  min-width: var(--layout-notifications-card-min-width);
-  max-width: var(--layout-notifications-card-max-width);
-  width: auto;
+  flex: 0 0 100%;
+  width: 100%;
+  min-width: 0;
+  max-width: none;
 }
 
 .sg-notifications-pattern.sg-notifications-pattern--multi-row .sg-notifications-pattern__card {
-  flex: 0 0 var(--layout-object-card-shared-width);
-  width: var(--layout-object-card-shared-width);
+  flex: 0 0 100%;
+  width: 100%;
 }
 
 .sg-notifications-pattern__card > .sg-notifications-pattern__text-segment {
-  height: var(--layout-notifications-text-segment-fixed-height);
+  height: auto;
 }
 
 .sg-notifications-pattern__card > .sg-notifications-pattern__title-segment {
@@ -38,7 +39,7 @@
 }
 
 .sg-notifications-pattern__card > .sg-notifications-pattern__text-segment.sg-notifications-pattern__text-segment--small {
-  height: var(--layout-notifications-text-segment-fixed-height-small);
+  height: auto;
 }
 
 @media (max-width: 767px) {