/* ==========================================================================
   IDRIS UMZUG — LEGAL PAGES (Impressum / Datenschutz)
   --------------------------------------------------------------------------
   Built on the design tokens in assets/css/theme.css.
   ========================================================================== */

.legal-hero {
  text-align: center;
  color: var(--color-white);
  padding-top: 12.5rem;
  padding-bottom: var(--space-8);
  background-color: var(--color-dark);
  background-image: url("../images/home-ban.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.legal-hero h1 { color: var(--color-white); margin: 0; }

.legal h2 {
  font-size: var(--fs-h4);
  margin: var(--space-7) 0 var(--space-3);
  color: var(--color-dark);
}
.legal h2:first-child { margin-top: 0; }
.legal p { margin: 0 0 var(--space-4); color: var(--color-body); line-height: var(--lh-base); }
.legal a { color: var(--color-primary); word-break: break-word; }
.legal a:hover { color: var(--color-secondary-dark); }

@media (max-width: 767px) {
  .legal-hero { padding-top: 10rem; }
}