body[data-path="/buy"] section.head-section h1 {
  max-width: none;

  &::after {
    width: 100%;
  }
}

section.buy {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;

  > a {
    min-height: 26rem;
    border-radius: var(--border-radius);
    color: var(--font-color-alternate);
    isolation: isolate;
    overflow: clip;
    position: relative;
    text-decoration: none;

    &:focus-visible {
      outline: 2px solid currentColor;
      outline-offset: 4px;
    }

    > picture > img {
      height: 100%;
      inset: 0;
      object-fit: cover;
      position: absolute;
      width: 100%;
      z-index: -2;
    }

    > span {
      align-items: end;
      align-content: end;
      background: linear-gradient(transparent, color-mix(in srgb, #000, transparent 10%));
      display: grid;
      grid-template-columns: 1fr auto;
      row-gap: 0.25rem;
      inset: 0;
      padding: 2rem;
      position: absolute;

      > span,
      strong {
        grid-column: 1;
      }

      > span {
        align-self: end;
      }

      strong {
        font-size: 1.5rem;
      }

      i {
        grid-column: 2;
        grid-row: 1 / span 2;
      }
    }
  }

  @media (max-width: 640px) {
    grid-template-columns: 1fr;
    gap: 1rem;

    > a {
      min-height: 20rem;
    }
  }
}

section.buy-facts {
  background: var(--block-background);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
  padding-block: 2rem;

  article {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: 4rem 1fr;
  }

  img,
  i {
    height: 3rem;
    object-fit: contain;
    width: 3rem;
  }

  i {
    color: transparent;
    font-size: 3rem;
    -webkit-text-stroke: 1.5px #f3d286;
  }

  article > div {
    display: grid;
    gap: 0.25rem;
  }

  span {
    line-height: 1.4;
  }

  @media (max-width: 1100px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  @media (max-width: 640px) {
    grid-template-columns: 1fr;
  }
}

#beratung .common-contact {
  margin-top: var(--page-space);
}