/* Ergänzende Gestaltung ausschließlich für Impressum und Datenschutz */
.legal {
  max-width: 820px;
  overflow-wrap: anywhere;
}
.legal h2 {
  font-size: clamp(23px, 2.5vw, 30px);
  letter-spacing: -.02em;
  margin: 40px 0 12px;
}
.legal h2:first-of-type {
  margin-top: 32px;
}
.legal p {
  margin: 12px 0 18px;
}
.legal a {
  color: #995324;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.legal a:hover {
  color: #72401f;
}
.legal .note {
  padding: 20px 24px;
  background: #f8f4ef;
  line-height: 1.65;
}
.legal-pending {
  color: #925220;
  font-weight: 700;
}
@media (max-width: 600px) {
  .legal .note { padding: 16px 18px; }
}