/* =============================================================================
   Fließtext (Impressum, Datenschutz)
   ========================================================================== */

@scope (.legal) {
  .legal-text {
    padding-top: var(--space-block);
  }

  .text-rich-text.is-legal :is(h2, h3) {
    margin-top: 2rem;
    margin-bottom: var(--space-tiny);
    color: var(--color-headlines);
  }

  .text-rich-text.is-legal a {
    color: var(--color-headlines);
    /* lange URLs umbrechen statt die Seite mobil zu verbreitern */
    overflow-wrap: anywhere;

    &:hover {
      text-decoration: none;
    }
  }
}