.footer {
  padding: var(--spacing-sitepadding-block) var(--spacing-sitepadding-inline);
  background: var(--color-deepBrick);
  color: var(--color-betongGray);
  position: relative;
  z-index: 700;
  font-size: var(--font-size-caption);
  overflow: hidden;
}

.contactList {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--spacing-gap-column);
  row-gap: var(--spacing-gap-column);
}

.contactItem {
  list-style: none;
  grid-column: span 4;

  h2 {
    margin-bottom: 1em;
  }

  ul {
    list-style: none;
  }

  ul,
  p,
  table,
  a {
    font-size: var(--font-size-caption);
  }
}

.social,
.contact,
.visit {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--spacing-gap-column);
  row-gap: var(--spacing-gap-row);
  margin-bottom: var(--spacing-section-bottom);

  ul {
    list-style: none;
  }

  h2 {
    margin-bottom: var(--spacing-s);
    grid-column: span 3;
  }
}

.social {
  ul {
    display: flex;
    flex-wrap: wrap;
    grid-column: span 9;
    column-gap: var(--spacing-s);
    row-gap: var(--spacing-xs);
  }
}

.visit {

  >div,
  >ul {
    grid-column: span 4;
  }
}

.address {
  line-height: 1.78;
}

.emails {
  grid-column: span 9;
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: var(--spacing-gap-column);

  >div {
    grid-column: span 4;
    min-width: 0;
  }
}

.emailLink {
  font-family: var(--font-serif);
  font-size: var(--font-size-lead);
}

.pig {
  position: absolute;
  bottom: -2rem;
  right: -2rem;
  z-index: 800;

  display: none;
}

.toTop {
  position: absolute;
  z-index: 801;
  right: var(--spacing-sitepadding-inline);
  bottom: var(--spacing-sitepadding-block);
  cursor: pointer;

  button {
    font-size: var(--font-size-caption);
  }
}

@media (max-width: 900px) {
  .social,
  .contact,
  .visit {
    grid-template-columns: 1fr;

    h2 {
      grid-column: 1 / -1;
    }
  }

  .social ul,
  .emails,
  .visit >div, .visit >ul {
    grid-column: 1 / -1;
  }

  .emails {
    grid-template-columns: 1fr;
  }

}