From ff18fd49bcfa108831992ae6ae50bfae86a05a9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 4 Jun 2026 18:37:43 +0200
Subject: [PATCH] Add load more navigation card row

---
 components/data-display.html          | 16 ++++++++++++++++
 styles/42-components-data-display.css |  6 ++++++
 2 files changed, 22 insertions(+)

diff --git a/components/data-display.html b/components/data-display.html
index 963ac09..719471d 100644
--- a/components/data-display.html
+++ b/components/data-display.html
@@ -206,6 +206,22 @@
         <div class="sg-large-table__cell" role="cell">D10</div>
         <div class="sg-large-table__cell" role="cell">E10</div>
       </div>
+
+      <div class="sg-card-segment sg-card-segment--body sg-card-segment--white sg-large-table__row" role="row" data-component-part="large-table-row">
+        <div class="sg-large-table__cell sg-large-table__cell--load-more" role="cell">
+          <div class="sg-navigation-card-layout">
+            <div class="sg-navigation-card-block">
+              <article class="sg-card" data-component="card" data-pattern="navigation-card" aria-label="Navigations-Card">
+                <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body" data-pattern-part="navigation-card-segment">
+                  <div class="sg-navigation-card-center">
+                    <a class="sg-hyperlink" href="#" data-component="hyperlink">Mehr laden</a>
+                  </div>
+                </div>
+              </article>
+            </div>
+          </div>
+        </div>
+      </div>
     </article>
 
   </section>
diff --git a/styles/42-components-data-display.css b/styles/42-components-data-display.css
index c09226f..3716ad8 100644
--- a/styles/42-components-data-display.css
+++ b/styles/42-components-data-display.css
@@ -108,6 +108,12 @@
   white-space: nowrap;
 }
 
+.sg-large-table__cell--load-more {
+  grid-column: 1 / -1;
+  padding: 0;
+  white-space: normal;
+}
+
 .sg-large-table__cell--header {
   padding: 0;
 }