/* Impressum and Datenschutz, as wide as the header and the same in the look of both websites. */
.legal {
  display: grid;
  gap: 32px;
  padding-block: 56px 72px;
}
.legal h1 { font: 700 36px/1.2 var(--sans); }
.legal section { display: grid; gap: 8px; }
.legal h2 { font: 700 20px/1.3 var(--sans); }
.legal section section { padding-top: 8px; }
.legal h3 { font: 700 17px/1.4 var(--sans); }
.legal p { font: 400 16px/1.7 var(--sans); }

@media (max-width: 760px) {
  .legal { padding-block: 40px 56px; }
  .legal h1 { font-size: 28px; }
}