From 7781d7461ff646c086d7da60b5ed5fb64ed6a078 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 10 Jun 2026 17:30:34 +0200
Subject: [PATCH] Restore register form segment padding

---
 patterns/vsf-register-step-1.html         | 66 +++++++++++------------
 styles/35-layouts-vsf-register-step-1.css |  4 ++
 2 files changed, 37 insertions(+), 33 deletions(-)

diff --git a/patterns/vsf-register-step-1.html b/patterns/vsf-register-step-1.html
index 1b16a12..f809881 100644
--- a/patterns/vsf-register-step-1.html
+++ b/patterns/vsf-register-step-1.html
@@ -49,43 +49,43 @@
       <div class="sg-card-segment sg-card-segment--body sg-object-card__content" data-pattern-part="object-card-content">
         <p class="sg-body">Teste ValueStockFinder 7 Tage kostenlos und unverbindlich. Erhalte direkten Zugriff auf fundierte Aktienanalysen, klare Bewertungen und übersichtliche Entscheidungshilfen – ohne Verpflichtung.</p>
       </div>
-      <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">
-          <div class="sg-form-sections-card__body" data-pattern-part="form-body">
-            <h2 class="sg-strong sg-form-sections-card__title">Formular</h2>
+      <div class="sg-form-sections-card-wrapper sg-card-segment sg-card-segment--gray sg-vsf-register-step-1__form-segment" data-pattern="form-sections" aria-label="Formular mit Abschnitten">
+          <form class="sg-form-sections-card" action="#" method="post">
+            <div class="sg-form-sections-card__body" data-pattern-part="form-body">
+              <h2 class="sg-strong sg-form-sections-card__title">Formular</h2>
 
-            <div class="sg-form-sections-card__field-group">
-              <label class="sg-labeled-input-row">
-                <span class="sg-label">E-Mail</span>
-                <input
-                  class="sg-interaction-element sg-input-single-line sg-input-single-line--inactive-selectable sg-form-inactive-selectable"
-                  type="email"
-                  placeholder="E-Mail eingeben"
-                  aria-label="E-Mail"
-                  autocomplete="email"
-                >
-              </label>
+              <div class="sg-form-sections-card__field-group">
+                <label class="sg-labeled-input-row">
+                  <span class="sg-label">E-Mail</span>
+                  <input
+                    class="sg-interaction-element sg-input-single-line sg-input-single-line--inactive-selectable sg-form-inactive-selectable"
+                    type="email"
+                    placeholder="E-Mail eingeben"
+                    aria-label="E-Mail"
+                    autocomplete="email"
+                  >
+                </label>
 
-              <label class="sg-labeled-input-row">
-                <span class="sg-label">Passwort</span>
-                <input
-                  class="sg-interaction-element sg-input-single-line sg-input-single-line--inactive-selectable sg-form-inactive-selectable"
-                  type="password"
-                  placeholder="Passwort eingeben"
-                  aria-label="Passwort"
-                  autocomplete="new-password"
-                >
-              </label>
+                <label class="sg-labeled-input-row">
+                  <span class="sg-label">Passwort</span>
+                  <input
+                    class="sg-interaction-element sg-input-single-line sg-input-single-line--inactive-selectable sg-form-inactive-selectable"
+                    type="password"
+                    placeholder="Passwort eingeben"
+                    aria-label="Passwort"
+                    autocomplete="new-password"
+                  >
+                </label>
+              </div>
             </div>
-          </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">
-              <button class="sg-interaction-element sg-button sg-button--active sg-form-sections-card__action" type="button">Abbrechen</button>
-              <button class="sg-interaction-element sg-button sg-button--process sg-button--process-inactive sg-form-sections-card__action" type="submit" disabled aria-disabled="true">Registrieren</button>
-            </div>
-          </footer>
-        </form>
+            <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">
+                <button class="sg-interaction-element sg-button sg-button--active sg-form-sections-card__action" type="button">Abbrechen</button>
+                <button class="sg-interaction-element sg-button sg-button--process sg-button--process-inactive sg-form-sections-card__action" type="submit" disabled aria-disabled="true">Registrieren</button>
+              </div>
+            </footer>
+          </form>
       </div>
     </article>
   </main>
diff --git a/styles/35-layouts-vsf-register-step-1.css b/styles/35-layouts-vsf-register-step-1.css
index 54a46dd..0c098be 100644
--- a/styles/35-layouts-vsf-register-step-1.css
+++ b/styles/35-layouts-vsf-register-step-1.css
@@ -20,3 +20,7 @@
   max-width: var(--layout-object-card-max-width);
   margin: 0 auto;
 }
+
+.sg-vsf-register-step-1__form-segment {
+  align-items: center;
+}