/* Einheitlicher Abstand zwischen den Abschnitten der Seite (Nachrichten-Startseite, Modulposition „bottom“).
   Die Module bringen eigene Außenabstände mit (40px, 25px …), die hier auf ein Maß gebracht werden. */
:root {
  --hwx-section-gap: 4rem;
}

@media (max-width: 767.98px) {
  :root {
    --hwx-section-gap: 3rem;
  }
}

/* Mit Modulen unter dem Inhalt übernimmt deren Abstand, main hängt sonst 60px an */
body:has(.bottom.full-width) main.site-grid {
  padding-bottom: 0;
}

.bottom.full-width {
  padding-top: var(--hwx-section-gap);
}

.bottom.full-width > * + * {
  margin-top: var(--hwx-section-gap);
}

/* Eigene Außenabstände der Module auf erster Ebene aus */
.bottom.full-width > .module > :is(section, .bannerzone, .mod__grid_layout) {
  margin-top: 0;
  margin-bottom: 0;
}

/* Fußbereich: Anzeigenstreifen und Kontaktblock schließen direkt aneinander und an den Footer an */
.bottom.full-width > table.moduletable + .module {
  margin-top: 0;
}