#content-wrapper #back-to-overview {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 5%;
  height: auto;
  cursor: pointer;
}
#content-wrapper #back-to-overview button {
  border: none;
  width: 100%;
  height: auto;
}
#content-wrapper #back-to-overview button img {
  width: 100%;
  height: auto;
  cursor: pointer;
  transform-origin: top right;
  transition: transform 0.5s ease-in-out;
}
#content-wrapper #back-to-overview button:hover img {
  transform: scale(120%);
  transform-origin: top right;
  transition: transform 1s ease-in-out;
}
#content-wrapper #navigation {
  position: absolute;
  top: 10%;
  left: 0;
  z-index: 2;
  width: 10%;
}
#content-wrapper #navigation .nav-item_inactive {
  width: 100%;
  height: auto;
  background-color: transparent;
  cursor: pointer;
}
#content-wrapper #navigation .nav-item_inactive:hover .nav-item_backdrop {
  width: 50%;
  transition: width 1s ease-in-out 0s;
}
#content-wrapper #navigation .nav-item_inactive:hover .nav-item_backdrop img {
  width: 60%;
  height: auto;
  transition: width 1.25s ease-in-out 0s;
}
#content-wrapper #navigation .nav-item_inactive .nav-item_backdrop {
  width: 30%;
  height: auto;
  transition: width 1s ease-in-out 0s;
  cursor: pointer;
}
#content-wrapper #navigation .nav-item_inactive .nav-item_backdrop img {
  width: 100%;
  height: auto;
  transition: width 1.25s ease-in-out 0s;
}
#content-wrapper #navigation .nav-item_inactive .nav-item_backdrop.nav-item_zl-agrar {
  background-color: var(--clr-zl-agrar);
}
#content-wrapper #navigation .nav-item_inactive .nav-item_backdrop.nav-item_zl-circulareconomy {
  background-color: var(--clr-zl-circulareconomy);
}
#content-wrapper #navigation .nav-item_inactive .nav-item_backdrop.nav-item_zl-energie {
  background-color: var(--clr-zl-energie);
}
#content-wrapper #navigation .nav-item_inactive .nav-item_backdrop.nav-item_zl-gesellschaftundarbeit {
  background-color: var(--clr-zl-gesellschaftundarbeit);
}
#content-wrapper #navigation .nav-item_inactive .nav-item_backdrop.nav-item_zl-gesundheit {
  background-color: var(--clr-zl-gesundheit);
}
#content-wrapper #navigation .nav-item_inactive .nav-item_backdrop.nav-item_zl-mobilitaet {
  background-color: var(--clr-zl-mobilitaet);
}
#content-wrapper #navigation .nav-item_inactive .nav-item_backdrop.nav-item_zl-produktion {
  background-color: var(--clr-zl-produktion);
}
#content-wrapper #navigation .nav-item_inactive .nav-item_backdrop.nav-item_zl-wasser {
  background-color: var(--clr-zl-wasser);
}
#content-wrapper #navigation .nav-item_inactive .nav-item_backdrop.nav-item_zdin {
  background-color: var(--clr-zdin);
}
#content-wrapper #navigation .nav-item_active {
  width: 100%;
  height: auto;
}
#content-wrapper #navigation .nav-item_active .nav-item_backdrop {
  width: 100%;
  height: auto;
  transition: width 1s ease-in-out 0s;
}
#content-wrapper #navigation .nav-item_active .nav-item_backdrop img {
  width: 30%;
  height: auto;
  transition: width 1.25s ease-in-out 0s;
}
#content-wrapper #navigation .nav-item_active .nav-item_backdrop.nav-item_zl-agrar {
  background-color: var(--clr-zl-agrar);
}
#content-wrapper #navigation .nav-item_active .nav-item_backdrop.nav-item_zl-circulareconomy {
  background-color: var(--clr-zl-circulareconomy);
}
#content-wrapper #navigation .nav-item_active .nav-item_backdrop.nav-item_zl-energie {
  background-color: var(--clr-zl-energie);
}
#content-wrapper #navigation .nav-item_active .nav-item_backdrop.nav-item_zl-gesellschaftundarbeit {
  background-color: var(--clr-zl-gesellschaftundarbeit);
}
#content-wrapper #navigation .nav-item_active .nav-item_backdrop.nav-item_zl-gesundheit {
  background-color: var(--clr-zl-gesundheit);
}
#content-wrapper #navigation .nav-item_active .nav-item_backdrop.nav-item_zl-mobilitaet {
  background-color: var(--clr-zl-mobilitaet);
}
#content-wrapper #navigation .nav-item_active .nav-item_backdrop.nav-item_zl-produktion {
  background-color: var(--clr-zl-produktion);
}
#content-wrapper #navigation .nav-item_active .nav-item_backdrop.nav-item_zl-wasser {
  background-color: var(--clr-zl-wasser);
}
#content-wrapper #navigation .nav-item_active .nav-item_backdrop.nav-item_zdin {
  background-color: var(--clr-zdin);
}/*# sourceMappingURL=navigation.css.map */