.website-legal {
  width: min(100% - calc(var(--page-gutter) * 2), 780px);
  margin-inline: auto;
  padding-block: 180px 100px;
  overflow-wrap: anywhere;
}
.website-legal-heading { padding-bottom: 2rem; border-bottom: 1px solid var(--color-border); }
.website-legal-heading h1 { margin: 0; font: var(--font-weight-display) 3rem/1.1 var(--font-display); }
.website-legal-heading p { margin: 1rem 0 0; color: var(--color-muted); font-size: .875rem; }
.website-legal-body h2 { margin: 2.5rem 0 1rem; font: var(--font-weight-display) 1.75rem/1.25 var(--font-display); }
.website-legal-body p, .website-legal-body li { font-size: 1rem; line-height: 1.8; }
.website-legal-body p { margin: 1rem 0; }
.website-legal-body a { color: var(--color-teal-dark); text-decoration: underline; text-underline-offset: .2em; }
.website-legal-body a:focus-visible { outline: 2px solid var(--color-teal-dark); outline-offset: 3px; }
@media (max-width: 640px) {
  .website-legal { padding-block: 130px 64px; }
  .website-legal-heading h1 { font-size: 2.25rem; }
  .website-legal-heading h1:lang(de) { font-size: 1.75rem; }
  .website-legal-body h2 { font-size: 1.5rem; }
}
@media (max-width: 350px) {
  .website-legal-heading h1:lang(de) { font-size: 1.625rem; }
}