/* ============================================================
   Contact Page
   Page: #contact
   Single-column form, centered, max-width for readability.
   ============================================================ */

/* max-width via main.narrow (04-layout.css) gesetzt
   Card-Look für form/fieldset/legend kommt zentral aus 03-forms.css
   (main.narrow form:has(fieldset) etc.) — hier nur noch page-spezifische
   Layouts (Submit-Position). Das 2-Spalten-Raster der Personendaten kommt
   jetzt zentral aus 03-forms.css (data-grid="2col"), damit alle Formulare
   (Kontakt + Widerruf) dasselbe Raster nutzen. */

/* Nur der Formular-Header (page_main) bekommt den großen Abstand zur Form-Card.
   Mit beigefügten Sections steckt er im .narrow-Wrapper, ohne ist er direktes
   Kind von #contact. NICHT alle header treffen, sonst erbt auch der
   .cms-text-Intro-Header den Abstand (siehe /anfahrt = normaler Basis-Abstand). */

#contact{
  margin-block-end: var(--gap-block);
}


#contact > header,
#contact > .narrow > header {
  margin-block-end: var(--gap-section);
}

/* Legal-Fieldset-Style ist jetzt global in 03-forms.css — der lokale
   #contact-Override wurde entfernt (war Redundanz). */

/* --- Submit button: kompakt (min-width). Linksbündig via globalem
   .form-stack button[type="submit"] in 03-forms.css. --- */

#contact button[type="submit"] {
  min-width: 12rem;
}

/* Result-Message-Styling jetzt global in 03-forms.css (.form-result + .success/.error) */