/* ============================================================
   Newsletter Page
   Page: #newsletter
   Centered single-column signup form.

   max-width via main.narrow (04-layout.css)
   Card-Look für form/fieldset/legend kommt zentral aus 03-forms.css
   (main.narrow form:has(fieldset) etc.) — hier nur newsletter-spezifisch.
   ============================================================ */

#newsletter > article > header {
  margin-block-end: var(--gap-block);
}

#newsletter button[type="submit"] {
  width: 100%;
  justify-content: center;
  margin-block-start: var(--space-4);
}

/* Such-Profil-Block: Abstand zum Kontaktdaten-Block */
#newsletter .newsletter-profile {
  margin-block-start: var(--gap-inline);
}

/* Range-Inputs (Preis/Fläche/Zimmer/Grundstück) — schmale Number-Felder, label inline */
#newsletter [data-types] {
  margin-block-start: var(--space-3);
}

#newsletter .range > span:first-child {
  display: inline-block;
  min-width: 9rem;
}

#newsletter .range input[type="number"] {
  width: 6rem;
}