/* Callback — Section-Header + eingebettetes Formular ([form CID]-Tag im Text).
   .callback ist full-bleed + getoenter Hintergrund (sections/00-base.css); der
   Inner-<div> traegt durch den > *-Cap die content-width. Hier nur die
   Nebeneinander-Anordnung von Header + Formular (ab Tablet), uebernommen aus
   der Komponenten-Vorlage. Input-Styling kommt aus dem Form-Modul-CSS. */

.callback > div {
  display: flex;
  flex-direction: column;
  gap: var(--gap-block);
}

@media (min-width: 45rem) {
  .callback > div {
    flex-direction: row;
    align-items: center;
    gap: var(--gap-section);
  }

  /* Header + Formular teilen sich die Breite. min-width:0 verhindert, dass
     lange Inhalte die Flex-Spalten ueber content-width hinaus aufblaehen. */
  .callback > div > * {
    flex: 1;
    min-width: 0;
  }
}