Match VSF list-card form structure 1:1 with form-sections pattern

patterns/vsf-list-card.html

@@ -20,8 +20,13 @@
         <header class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue sg-object-card__header" data-pattern-part="object-group-card-header">
           <div class="sg-strong">Neue Liste anlegen</div>
         </header>
-        <div class="sg-card-segment sg-card-segment--body sg-card-segment--lightgrey sg-object-card__content" data-pattern-part="object-group-card-content">
+        <div class="sg-card-segment sg-card-segment--gray sg-object-card__content" data-pattern-part="object-group-card-content">
+          <div class="sg-form-sections-card-wrapper" data-pattern="form-sections" aria-label="Formular mit Abschnitten">
             <form class="sg-form-sections-card" action="#" method="post" aria-label="Neue Liste anlegen Formular">
+              <div class="sg-form-sections-card__body" data-pattern-part="form-body">
+                <section class="sg-form-sections-card__chapter" aria-labelledby="vsf-list-card-neue-liste-anlegen">
+                  <h2 id="vsf-list-card-neue-liste-anlegen" class="sg-strong sg-form-sections-card__chapter-title">Neue Liste</h2>
+
                   <div class="sg-form-sections-card__field-group">
                     <label class="sg-labeled-input-row">
                       <span class="sg-label">Listentyp</span>
@@ -61,6 +66,8 @@
                       ></textarea>
                     </label>
                   </div>
+                </section>
+              </div>
 
               <footer class="sg-form-sections-card__actions-segment" data-pattern-part="form-actions-segment">
                 <div class="sg-form-sections-card__actions" data-pattern-part="form-actions">
@@ -70,6 +77,7 @@
               </footer>
             </form>
           </div>
+        </div>
       </article>
     </div>
   </section>

styles/26-patterns-vsf-list-card.css

@@ -1,7 +1,3 @@
 /* ========================================================= */
 /* Patterns: VSF List Card                                   */
 /* ========================================================= */
-
-#layout-vsf-list-card .sg-object-card[data-pattern="object-group-card"] .sg-object-card__content.sg-card-segment--lightgrey {
-  background: var(--surface-card-segment-neutral);
-}