diff --git a/docs/styleguide/patterns/left-navigation.html b/docs/styleguide/patterns/left-navigation.html
index 3866239..a6d785a 100644
--- a/docs/styleguide/patterns/left-navigation.html
+++ b/docs/styleguide/patterns/left-navigation.html
@@ -41,51 +41,7 @@
         </nav>
       </aside>
 
-      <section class="sg-group-card sg-left-navigation-pattern__group-card sg-left-navigation-pattern__group-card--content" data-component="group-card">
-        <h2 class="sg-heading-h2 sg-text-on-dark sg-group-card__heading" data-left-navigation-content-heading>Übersicht</h2>
-        <p class="sg-body sg-left-navigation-pattern__content-text">
-          Zeile 1: Überblick über die aktuelle Navigation.<br>
-          Zeile 2: Die Inhalte orientieren sich am aktiven Menüpunkt.<br>
-          Zeile 3: Jede Auswahl aktualisiert die Überschrift.<br>
-          Zeile 4: Die Content-Card bleibt optisch eigenständig.<br>
-          Zeile 5: Der Aufbau folgt dem linken Navigationsbereich.<br>
-          Zeile 6: Die Breite bleibt flexibel innerhalb des Layouts.<br>
-          Zeile 7: Lange Inhalte werden im Card-Rahmen geführt.<br>
-          Zeile 8: Der Text dient als Platzhalter für spätere Inhalte.<br>
-          Zeile 9: Die Darstellung bleibt auf Desktop und Mobile stabil.<br>
-          Zeile 10: Die Navigation links steuert den sichtbaren Zustand.<br>
-          Zeile 11: Der aktive Punkt ist visuell hervorgehoben.<br>
-          Zeile 12: Inaktive Punkte bleiben als klare Auswahloptionen sichtbar.<br>
-          Zeile 13: Die Content-Card reagiert auf den ausgewählten Eintrag.<br>
-          Zeile 14: Die Überschrift übernimmt den Namen des Menüpunkts.<br>
-          Zeile 15: Der Text kann später durch Fachinhalte ersetzt werden.<br>
-          Zeile 16: Die Gruppe bleibt als zusammenhängender Bereich lesbar.<br>
-          Zeile 17: Kartenabstände folgen den vorhandenen Styleguide-Tokens.<br>
-          Zeile 18: Keine lokalen Sonderregeln sind für den Demo-Text nötig.<br>
-          Zeile 19: Die Struktur bleibt bewusst einfach und nachvollziehbar.<br>
-          Zeile 20: Das Layout zeigt Navigation und Inhalt nebeneinander.<br>
-          Zeile 21: Der linke Bereich bleibt auf die Navigation fokussiert.<br>
-          Zeile 22: Der rechte Bereich zeigt den zugehörigen Inhalt.<br>
-          Zeile 23: Der Text dient als Füllmaterial für die Layoutprüfung.<br>
-          Zeile 24: Die Card-Höhe passt sich dem vorhandenen Inhalt an.<br>
-          Zeile 25: Scrollverhalten ist in diesem Demo-Zustand nicht nötig.<br>
-          Zeile 26: Die Darstellung bleibt ohne zusätzliche Interaktion verständlich.<br>
-          Zeile 27: Weitere Inhalte lassen sich später ergänzen oder ersetzen.<br>
-          Zeile 28: Die Auswahl folgt weiterhin dem Tab-Button-Verhalten.<br>
-          Zeile 29: Visuelle Konsistenz hat Vorrang vor dekorativen Effekten.<br>
-          Zeile 30: Der Demo-Text bleibt neutral und fachlich unaufgeladen.<br>
-          Zeile 31: Jede Zeile stützt die Prüfung der vertikalen Kartengröße.<br>
-          Zeile 32: Der Content-Bereich ist damit klar als gefüllte Fläche erkennbar.<br>
-          Zeile 33: Der Text nutzt die vorhandenen Typografie-Tokens.<br>
-          Zeile 34: Die Lesbarkeit bleibt auf hellem Inhaltshintergrund hoch.<br>
-          Zeile 35: Die Spaltenlogik wird durch den Text noch deutlicher.<br>
-          Zeile 36: Das Beispiel unterstützt die Wahrnehmung des Pattern-Rahmens.<br>
-          Zeile 37: Der Inhalt bleibt austauschbar und ohne Geschäftslogik.<br>
-          Zeile 38: Die Group Card dient als Container für den Demo-Inhalt.<br>
-          Zeile 39: Das Muster zeigt die vorgesehene Struktur des Portals.<br>
-          Zeile 40: Die finale Zeile schließt den Demo-Block sauber ab.
-        </p>
-      </section>
+      <section class="sg-group-card sg-left-navigation-pattern__group-card sg-left-navigation-pattern__group-card--content" data-component="group-card" aria-hidden="true"></section>
     </div>
   </section>
 
@@ -94,7 +50,6 @@
       const mediaQuery = window.matchMedia('(max-width: 767px)');
       const toggle = document.querySelector('[data-left-navigation-toggle]');
       const menu = document.getElementById('left-navigation-menu');
-      const contentHeading = document.querySelector('[data-left-navigation-content-heading]');
 
       if (!toggle || !menu) {
         return;
@@ -109,14 +64,6 @@
         toggle.classList.remove('sg-button--inactive');
       };
 
-      const setContentHeading = (button) => {
-        if (!contentHeading || !button) {
-          return;
-        }
-
-        contentHeading.textContent = button.textContent.trim();
-      };
-
       const syncMode = () => {
         if (mediaQuery.matches) {
           if (toggle.getAttribute('aria-expanded') !== 'true' && toggle.getAttribute('aria-expanded') !== 'false') {
@@ -145,12 +92,9 @@
           menu.querySelectorAll('.sg-tab-button').forEach((otherButton) => {
             otherButton.setAttribute('aria-selected', String(otherButton === button));
           });
-
-          setContentHeading(button);
         });
       });
 
-      setContentHeading(menu.querySelector('.sg-tab-button[aria-selected="true"]'));
       syncMode();
       mediaQuery.addEventListener('change', syncMode);
     })();
diff --git a/docs/styleguide/styles/29-patterns-left-navigation.css b/docs/styleguide/styles/29-patterns-left-navigation.css
index 01487b0..980dd6c 100644
--- a/docs/styleguide/styles/29-patterns-left-navigation.css
+++ b/docs/styleguide/styles/29-patterns-left-navigation.css
@@ -10,7 +10,7 @@
 
 .sg-left-navigation-pattern__layout {
   display: flex;
-  align-items: flex-start;
+  align-items: stretch;
   gap: 0;
   width: 100%;
   min-width: 0;
@@ -46,6 +46,7 @@
 
 @media (min-width: 768px) {
   .sg-left-navigation-pattern__group-card--navigation .sg-tab-button-group[data-component-variant="linksmenu-items"] {
+    height: 100%;
     justify-content: flex-start;
   }
 }
diff --git a/docs/styleguide/styles/30-layouts-card-list-page.css b/docs/styleguide/styles/30-layouts-card-list-page.css
index 94f8ba1..dd0e6e2 100644
--- a/docs/styleguide/styles/30-layouts-card-list-page.css
+++ b/docs/styleguide/styles/30-layouts-card-list-page.css
@@ -7,6 +7,21 @@
   flex-direction: column;
 }
 
+.sg-card-list-page-drawer-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.45);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 220ms ease;
+  z-index: 999;
+}
+
+.sg-card-list-page-drawer-backdrop[data-open="true"] {
+  opacity: 1;
+  pointer-events: auto;
+}
+
 .sg-card-list-page-drawer {
   position: fixed;
   top: 0;
@@ -183,4 +198,3 @@
   margin: 0;
   color: var(--text-vsf-drawer-object-card-body);
 }
-
diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css
index 322584e..f0ebe08 100644
--- a/public/assets/styleguide.upstream.css
+++ b/public/assets/styleguide.upstream.css
@@ -3057,7 +3057,7 @@ section + section {
 
 .sg-left-navigation-pattern__layout {
   display: flex;
-  align-items: flex-start;
+  align-items: stretch;
   gap: 0;
   width: 100%;
   min-width: 0;
@@ -3093,7 +3093,8 @@ section + section {
 
 @media (min-width: 768px) {
   .sg-left-navigation-pattern__group-card--navigation .sg-tab-button-group[data-component-variant="linksmenu-items"] {
-    justify-content: flex-start;
+    height: 100%;
+    justify-content: center;
   }
 }
 
@@ -3136,6 +3137,21 @@ section + section {
   flex-direction: column;
 }
 
+.sg-card-list-page-drawer-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.45);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 220ms ease;
+  z-index: 999;
+}
+
+.sg-card-list-page-drawer-backdrop[data-open="true"] {
+  opacity: 1;
+  pointer-events: auto;
+}
+
 .sg-card-list-page-drawer {
   position: fixed;
   top: 0;
@@ -4368,4 +4384,3 @@ section + section {
   color: var(--text-typography-preview);
   margin-top: 0;
 }
-
diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json
index b04ccfd..4f501bf 100644
--- a/public/assets/styleguide.upstream.meta.json
+++ b/public/assets/styleguide.upstream.meta.json
@@ -1,7 +1,7 @@
 {
   "styleguideVersion": "2026.05.18.1",
-  "styleguideCommit": "a077731",
-  "syncedAtUtc": "2026-06-16T18:42:20Z",
+  "styleguideCommit": "8a7b6fa",
+  "syncedAtUtc": "2026-06-16T12:22:28Z",
   "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
   "mirroredDocsPath": "docs/styleguide"
 }
diff --git a/public/assets/styles.css b/public/assets/styles.css
index 322584e..44bb67d 100644
--- a/public/assets/styles.css
+++ b/public/assets/styles.css
@@ -3057,7 +3057,7 @@ section + section {
 
 .sg-left-navigation-pattern__layout {
   display: flex;
-  align-items: flex-start;
+  align-items: stretch;
   gap: 0;
   width: 100%;
   min-width: 0;
@@ -3093,6 +3093,7 @@ section + section {
 
 @media (min-width: 768px) {
   .sg-left-navigation-pattern__group-card--navigation .sg-tab-button-group[data-component-variant="linksmenu-items"] {
+    height: 100%;
     justify-content: flex-start;
   }
 }
@@ -3136,6 +3137,21 @@ section + section {
   flex-direction: column;
 }
 
+.sg-card-list-page-drawer-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.45);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 220ms ease;
+  z-index: 999;
+}
+
+.sg-card-list-page-drawer-backdrop[data-open="true"] {
+  opacity: 1;
+  pointer-events: auto;
+}
+
 .sg-card-list-page-drawer {
   position: fixed;
   top: 0;
@@ -4247,6 +4263,10 @@ section + section {
   width: 100%;
 }
 
+.sg-large-table--bestellungen .sg-large-table__row {
+  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(8.5rem, max-content);
+}
+
 .sg-large-table__title-segment {
   flex-direction: row;
   align-items: center;
@@ -4295,6 +4315,10 @@ section + section {
   white-space: normal;
 }
 
+.sg-large-table--bestellungen .sg-large-table__cell--amount {
+  text-align: right;
+}
+
 .sg-large-table__load-more-layout {
   width: 100%;
   max-width: 100%;
@@ -4305,6 +4329,11 @@ section + section {
   padding: 0;
 }
 
+.sg-large-table--bestellungen .sg-large-table__cell--amount .sg-large-table__sort-button {
+  justify-content: flex-end;
+  text-align: right;
+}
+
 .sg-large-table__sort-button {
   display: flex;
   align-items: center;
@@ -4368,4 +4397,3 @@ section + section {
   color: var(--text-typography-preview);
   margin-top: 0;
 }
-
diff --git a/public/logout.php b/public/logout.php
index 5e7e936..3adf487 100644
--- a/public/logout.php
+++ b/public/logout.php
@@ -5,5 +5,5 @@ require_once __DIR__ . '/../modules/shared/auth/service.php';
 
 auth_bootstrap_session();
 auth_logout();
-header('Location: /index.php');
+header('Location: /');
 exit;