/* =============================================================================
   Startseite - Einordnungsbereich (SC-33)

   Der einzige seiteneigene Regelsatz der Startseite. Er traegt genau eine
   Aufgabe: den Abstand ueber den beiden Gruppenueberschriften des
   Einordnungsbereichs.

   Warum ueberhaupt eine Regel
   ---------------------------
   Der Bereich benutzt ausschliesslich Bauteile aus site.css - .band,
   .band__head, .section-title, .section-kicker, .section-lede und .specs.
   Eines davon fehlt dort: eine Zwischenueberschrift zwischen der
   Bereichsueberschrift und einer Angabenliste. .section-kicker steht im
   gemeinsamen Regelsatz immer als erste Zeile eines Bereichs und traegt
   deshalb keinen Abstand nach oben (margin: 0 0 26px). Hier steht sie zum
   zweiten Mal mitten im Bereich und stiesse ohne diese Regel an den Absatz
   darueber.

   Die Regel steht bewusst hier und nicht in site.css: sie gilt nur fuer
   diesen einen Bereich, und site.css gehoert allen Seiten.
   ============================================================================= */
.einordnung__group {
  margin-top: 72px;
}

/* Die erste Gruppe folgt unmittelbar auf die Einleitung des Bereichs und
   braucht deshalb den kleineren Abstand: dort trennt schon der Bereichskopf. */
.band__head + .einordnung__group {
  margin-top: 52px;
}

@media (max-width: 720px) {
  .einordnung__group { margin-top: 56px; }
  .band__head + .einordnung__group { margin-top: 40px; }
}