/* Leseflächen teilen den Website-Rahmen, behalten aber ein ruhiges Lesemaß. */
.read-page main {
  padding: 64px 0 80px;
  font-family: var(--body);
  overflow-wrap: break-word;
}
.read-page .legal-title {
  max-width: 720px;
  margin: 0 auto 16px;
  font-family: var(--display);
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  letter-spacing: -.018em;
  line-height: 1.15;
}
.read-page .legal-doc {
  max-width: 720px;
  margin: 0 auto;
  font-size: 1rem;
  color: var(--ink-soft);
}
.read-page .legal-doc-date { font-size: .9rem; margin-bottom: 24px; }
.read-page .legal-doc h2 {
  font-family: var(--display);
  font-size: 1.15rem;
  color: var(--ink);
  margin: 32px 0 12px;
}
.read-page .legal-doc p { margin-bottom: 16px; }
.read-page .legal-doc ul { margin: 0 0 16px; padding-left: 22px; }
.read-page .legal-doc li { margin-bottom: 6px; }
.read-page .legal-doc a { color: var(--action-text); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 639.98px) {
  .read-page main { padding: 40px 0 64px; }
  .read-page .legal-title { font-size: clamp(1.6rem, 7.4vw, 1.8rem); }
}