/* Formularende: der Leerraum unter dem Absenden-Knopf.
 *
 * Gemessen auf der Kontaktseite bei 1440px:
 *   Knopf endet bei y=1399
 *   .fr-form-alpha__wrapper hat padding-bottom: 48px   -> endet 1447
 *   der .brxe-container darum   padding-bottom: 100px  -> endet 1529
 * Macht 130px Luft unter dem Knopf, bevor ueberhaupt die Trennlinie kommt.
 * Auf dem Bildschirm sieht das aus wie ein vergessener Block.
 *
 * Ursache ist nicht der Zulu-Block (den hatte ich zuerst im Verdacht,
 * er misst sauber), sondern die doppelte Polsterung dieser zwei Eltern.
 * Wir nehmen sie auf ein ruhiges Mass zurueck statt auf null: ganz ohne
 * Abstand klebt der Knopf an der Linie.
 */

.fr-form-alpha__wrapper {
  padding-bottom: var(--space-m, 1.5rem) !important;
}

.fr-form-alpha__wrapper > .brxe-form {
  margin-bottom: 0 !important;
}

/* Der aeussere Behaelter der Kontaktsektion. Nur dort, wo wirklich ein
   Formular drin sitzt, damit andere Seiten ihre Abstaende behalten. */
.brxe-container:has(> .fr-form-alpha__wrapper) {
  padding-bottom: var(--space-l, 3rem) !important;
}

/* Der Knopf selbst bringt eine schiefe Innenpolsterung mit
   (padding-bottom 13.5px gegen oben), dadurch sitzt die Schrift zu hoch. */
.fr-contact-card-alpha__form .bricks-button,
.fr-form-alpha__wrapper .bricks-button {
  padding-top: 0.85rem !important;
  padding-bottom: 0.85rem !important;
  min-height: 0 !important;
  line-height: 1.2 !important;
}

@media (max-width: 767px) {
  .brxe-container:has(> .fr-form-alpha__wrapper) {
    padding-bottom: var(--space-m, 1.5rem) !important;
  }
}