.legal {
  display: grid;
  grid-template-columns: 3fr 8fr;
  max-width: 62rem;
  padding: 4rem 4rem;
  margin: 0 auto;

  .privacy,
  .terms,
  .impressum {
    grid-column: 2;
    grid-row: 2;
    padding: 0 2rem;
    margin: 0;
  }

  .sidebar {
    grid-column: 1;
    grid-row: 1/3;
  }

  h3,
  h3 a {
    font-size: 1.25rem;
    font-weight: 600;
  }

  h4,
  h4 a {
    font-size: 1.10rem;
    font-weight: 500;
    scroll-margin-top: 6rem;
  }

  p {
    font-size: 1rem;
    font-weight: 400;
  }

  ul {
    list-style-type: none;
    white-space:nowrap;
    padding: 0;
    margin: 0;
    
    li {
      color: var(--f-color);
      font-family: var(--p-font);
      font-weight: 400;
      margin: 0;
    }
  }
}