/* Mobile */
body {
  background: var(--color-background) no-repeat center bottom/cover fixed
    url("BG-Gradient.webp");
  padding: var(--padding-mobile);
}

.logo {
  position: absolute;
  height: 30px;
}

.legal {
  padding-top: 20svh;
  display: grid;
  gap: 16px;
}

.legal__heading {
  font: var(--font-32-bold);
  font-variation-settings: "wdth" 115;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.legal__text {
  margin-top: 16px;
  font: var(--font-16);
}

/* Desktop */
@media screen and (min-width: 992px) {
  body {
    padding: var(--padding-desktop);
  }

  .logo {
    height: 42px;
  }

  .legal {
    grid-template: repeat(3, auto) / 320px minmax(auto, 800px);
    gap: 16px 20px;
  }

  .legal__section.legal__section--imprint {
    grid-column: 1;
    grid-row: 1 / -1;
  }

  .legal__section {
    grid-column: 2;
  }
}