/**
 * Arkendo legal content (Impressum, Datenschutz).
 * Source: migration/arkendo/hubspot-theme/css/arkendo.css
 * Transparent — do not paint an opaque background over the page wash.
 */

.legal-content {
  max-width: 800px;
  margin: 0 auto;
  padding-top: 120px;
  padding-bottom: var(--space-7);
  overflow-wrap: anywhere;
  word-break: break-word;
  background: transparent;
}
.legal-content h1,
.legal-content h2,
.legal-content h3 {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.legal-content h1 { margin-bottom: var(--space-5); }
.legal-content h2 { margin-top: var(--space-7); margin-bottom: var(--space-3); }
.legal-content h3 { margin-top: var(--space-6); margin-bottom: var(--space-3); }
.legal-content h4 { font-size: var(--fs-body-lg, var(--fs-body)); font-weight: var(--fw-bold); margin: var(--space-5) 0 var(--space-2); }
.legal-content h5 { font-size: var(--fs-body); font-weight: var(--fw-bold); margin: var(--space-4) 0 var(--space-2); }
.legal-content p, .legal-content ul { margin-bottom: var(--space-4); }
.legal-content ul { padding-left: var(--space-5); }
.legal-content li { font-size: var(--fs-body); line-height: var(--lh-body); margin-bottom: var(--space-2); }
.legal-content a { color: var(--color-accent); text-decoration: underline; word-break: break-word; }
.legal-content p { text-wrap: pretty; }

@media (max-width: 699px) {
  .legal-content {
    padding-top: 80px;
  }
}