From 6ecedc90a8f39971594529dd88b6935d8be64980 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 28 May 2026 10:27:38 +0200
Subject: [PATCH] Add white variant to notification card

---
 components/cards.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/components/cards.html b/components/cards.html
index 81d30cf..7fac184 100644
--- a/components/cards.html
+++ b/components/cards.html
@@ -97,6 +97,20 @@
         </div>
       </article>
 
+      <article class="sg-card" data-component="notification-card">
+        <div class="sg-card-segment sg-card-segment--header sg-card-segment--white" data-component-part="card-header">
+          <p class="sg-body">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae velit posuere, posuere mauris eu, tincidunt lorem. Proin gravida sapien in mattis molestie. Sed non risus augue. Fusce sed odio vitae purus porta efficitur. Integer tempor congue sem, a convallis lorem ornare eget. Nam. Aenean.
+          </p>
+        </div>
+
+        <div class="sg-card-segment sg-card-segment--body sg-card-segment--white" data-component-part="card-body">
+          <button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">
+            zum Unternehmen
+          </button>
+        </div>
+      </article>
+
     </div>
   </section>