.footer {
  display: grid;
  grid-template-columns:
    minmax(var(--grid-padding), 1fr) repeat(
      var(--grid-columns),
      minmax(0, calc(var(--max-content-width) / var(--grid-columns)))
    )
    minmax(var(--grid-padding), 1fr);
  font-size: 1rem;
  font-family: var(--ff-base);
}

.footer > * {
  grid-column: 2 / -2;
}

/*
.footer::before {
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  background-color: red;
}
*/

.footer--dark {
  padding-block: 3rem;
  color: white;
  background-color: rgba(20, 22, 21, 1);
  background-image: url(../Images/footer-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.footer--dark a:not(.button--white) {
  color: white;
}

.footer--dark a[href^='tel:'] {
  color: var(--clr-primary);
}

.footer--dark .textmedia__image {
  width: unset;
  aspect-ratio: unset;
  object-fit: unset;
  border-radius: unset;
}

.footer .component {
  padding-block: unset;
}

.footer .component > * + * {
  margin-top: 1.25rem;
}

.footer__copyright {
  padding-block: 1.5rem;
  text-align: center;
  border-top: 1px solid hsl(0, 0%, 15%);
  font-size: 0.875rem;
}

.footer--dark .heading {
  font-family: var(--ff-heading-700);
  font-weight: 700;
  color: var(--clr-white);
}

.footer__column > * + * {
  margin-top: 2.5rem;
}

.footer__column:nth-child(1) {
  position: relative;
  height: 170px;
  margin-block-start: calc((170px + 6rem) / -2);
  background-color: transparent;
  /* background-image: url(../Images/nl-hintergrund.png); */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0.313rem;
  z-index: 1;
}

.footer__column:nth-child(2) {
  grid-column: 2 / -2;
}

.footer__column:nth-child(2) .heading {
  margin-left: 0;
}

.footer__column:nth-child(3) {
  grid-column: 2 / 8;
}

.footer__column:nth-child(4) {
  grid-column: 8 / 14;
}

.footer__column:nth-child(5) {
  grid-column: 2 / -2;
}

.footer__column:nth-child(2),
.footer__column:nth-child(3),
.footer__column:nth-child(4),
.footer__column:nth-child(5) {
  margin-block-start: 3em;
}

@media (min-width: 1200px) {
  .footer__column:nth-child(1) {
    grid-row: 1;
  }
  .footer__column:nth-child(2) {
    grid-column: 2 / 5;
  }
  .footer__column:nth-child(3) {
    grid-column: 5 / 8;
  }
  .footer__column:nth-child(4) {
    grid-column: 8 / 11;
  }
  .footer__column:nth-child(5) {
    grid-column: 11 / 14;
  }
  .footer__column:nth-child(2),
  .footer__column:nth-child(3),
  .footer__column:nth-child(4),
  .footer__column:nth-child(5) {
    margin-block-start: 6rem;
  }
}