/* Vertical rhythm between the StreamField blocks (templates/content/
   standard_page.html, home_page.html): every block sits in .agx-block and the
   space between two blocks is ONE gap, the margin-top of the second wrapper.
   The blocks' own vertical padding (.agx-section, Bootstrap py-*) is off, so
   paddings no longer add up. Values at 1280px (design Schwefel):
   block to block 88, hero to the intro's hairline 40 (hairline to content 64:
   feature-intro.css), before the closing band 72, last block to footer 96.
   Below 992px everything follows --agx-section (56 tablet, 48 mobile). */
:root {
  --agx-gap: var(--agx-section);
  --agx-gap-after-hero: 40px;
  --agx-gap-band: var(--agx-section);
  --agx-gap-end: var(--agx-section);
}
@media (min-width: 992px) {
  :root {
    --agx-gap-band: 72px;
    --agx-gap-end: 96px;
  }
}

.agx-block > :is(.agx-section, .py-5, .py-4, .py-3),
.agx-block > .agx-sg > .agx-sg__in {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.agx-block + .agx-block { margin-top: var(--agx-gap); }
/* First intro after the hero (hairline on top of the intro) */
.agx-block--hero + .agx-block:has(> .agx-intro--after-hero) { margin-top: var(--agx-gap-after-hero); }
/* Hero variant "Periodensystem" (home page, min-height 640px): the next block
   starts right at its bottom edge (design home: hairline at the hero's end) */
.agx-block--hero:has(> .agx-hero--periodic) + .agx-block { margin-top: 0; }
/* Closing call to action as a band (paragraph, blocks/paragraph_block.html) */
.agx-block + .agx-block:has(> .agx-cta) { margin-top: var(--agx-gap-band); }
main > .agx-block:last-child { margin-bottom: var(--agx-gap-end); }