#footer-wrapper {
  position: relative;
}

footer a {
  color: #80807e;
}

footer .footer-top {
  background: #ffffff;
  padding: 2rem 1rem;
}

@media screen and (min-width: 1104px) {
  footer .footer-top {
    padding: 2rem 2rem;
  }
}

@media (prefers-color-scheme: dark) {
  footer .footer-top {
    background-color: #2e2e2e;
    color: #ffffff;
  }
}

footer .footer-bottom {
  background: #ddd;
  padding: 1rem 1rem 5.5rem 1rem;
}

@media screen and (min-width: 1104px) {
  footer .footer-bottom {
    padding: 1rem 2rem 5.5rem 2rem;
  }
}

@media (prefers-color-scheme: dark) {
  footer .footer-bottom {
    background-color: #5e5e5e;
    color: #ffffff;
  }
}

footer .kontakt {
  color: #333;
  font-size: 0.9rem;
}

@media (prefers-color-scheme: dark) {
  footer .kontakt {
    color: #ffffff;
  }
}

footer .kontakt img {
  width: 172px;
  margin-bottom: 0.5rem;
}

footer .copyright {
  color: #80807e;
  font-size: 0.75rem;
}

@media (prefers-color-scheme: dark) {

  footer .copyright,
  footer a {
    color: #ffffff;
  }
}

#footer-overlay.overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.33;
  z-index: 100;
}

#footer_logo_light {
  display: block;
}

#footer_logo_dark {
  display: none;
}

@media (prefers-color-scheme: dark) {
  #footer_logo_light {
    display: none;
  }

  #footer_logo_dark {
    display: block;
  }
}