Remove left navigation wrapper card

patterns/left-navigation.html

@@ -16,7 +16,6 @@
       Die linke Navigationsspalte nutzt auf Desktop 15% der verfügbaren Breite. Die zweite Group Card ist leer und dient in der Demo nur dazu, den restlichen Bildschirm zu füllen.
     </p>
 
-    <div class="sg-left-navigation-pattern__surface">
     <div class="sg-left-navigation-pattern__layout" aria-label="Left Navigation Demo">
       <aside class="sg-group-card sg-left-navigation-pattern__group-card sg-left-navigation-pattern__group-card--navigation" data-component="group-card" aria-label="Linke Navigation">
         <div class="sg-group-card__header-row sg-left-navigation-pattern__header-row">
@@ -44,7 +43,6 @@
 
       <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>
-    </div>
   </section>
 
   <script>

styles/29-patterns-left-navigation.css

@@ -8,14 +8,6 @@
   gap: var(--spacing-small);
 }
 
-.sg-left-navigation-pattern__surface {
-  width: 100%;
-  box-sizing: border-box;
-  padding: var(--spacing-large);
-  border-radius: var(--radius-card);
-  background: var(--color-light-grey);
-}
-
 .sg-left-navigation-pattern__layout {
   display: flex;
   align-items: stretch;
@@ -41,7 +33,7 @@
   width: 15vw;
   max-width: 15vw;
   padding: var(--spacing-small);
-  margin: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-small);
+  margin: var(--spacing-small) var(--spacing-small) var(--spacing-small) var(--spacing-small);
 }
 
 .sg-left-navigation-pattern__group-card--content {