@layer basics {
  /* -----------------------------------------------
     Headline-Zeilenumbrüche: Redakteur-seitige Enter-Umbrüche rendern.
     Nur innerhalb von .frame-header (TYPO3 Content-Element-Kopfbereich),
     damit Akkordeon, Cards und andere Bootstrap-Komponenten nicht betroffen sind.
     ----------------------------------------------- */
  .frame-header h1 > span,
  .frame-header h2 > span,
  .frame-header h3 > span,
  .frame-header h4 > span,
  .frame-header h5 > span,
  .frame-header h6 > span {
    white-space: pre-line;
  }
}

@layer basics {
  /* -----------------------------------------------
     Der jr-layout-Wrapper macht das Frame zum einzigen Kind, wodurch
     bootstrap_packages `.contentcontainer .frame-background-none:first-child`
     UND `:last-child` gleichzeitig matchen und das Frame oben wie unten sein
     Padding verliert. Hier auf den Basiswert aus `.frame` zurueckgeholt.
     Greift nur, wo das Site-Package das BP-Theme in @layer bootstrap klammert;
     in ungelayerten Legacy-Projekten gewinnt das BP-CSS. Dort setzt ohnehin
     die projekteigene .jr-layout-N-Regel den Abstand.
     ----------------------------------------------- */
  .contentcontainer [class*="jr-layout-"] > .frame {
    padding-top: var(--frame-spacing);
    padding-bottom: var(--frame-spacing);
  }
}