@media screen and (min-width: 1600px) {
  #newToolbox[data-state=close]:hover {
    transform: translateX(0%);
  }

  #newToolbox:hover {
    transform: translateX(0%);
  }

}

#newToolbox {
  position: fixed;
  right: 0;
  bottom: 10%;
  transition: all 1s;
  transform: translateX(calc(100% - 2.5rem)) translateY(-100%);
  z-index: 999;
}

#newToolbox[data-state=open] {
  transform: translateX(0%);
}

#newToolbox[data-state=close] {
  transform: translateX(calc(100% - 2.5rem));
}

#newToolbox[data-state=open] .icon-close {
  display: block;
}

#newToolbox[data-state=open] .icon-open {
  display: none;
}

#newToolbox[data-state=close] .icon-close {
  display: none;
}

#newToolbox[data-state=close] .icon-open {
  display: block;
}


.link-hover-bg {
  background-color: var(--primary, #e20020);
  color: rgba(255, 255, 255, 1)
}

.link-hover-bg:hover {
  background-color: rgba(255, 255, 255, 1);
  color: var(--primary, #e20020);
}

.border-width-2 {
  border-width: 2px !important;
}

@media screen and (max-width: 992px) {
  .link-hover-bg:first-child {
    border-top-left-radius: 0.375rem !important;
  }

  .link-hover-bg:last-child {
    border-bottom-left-radius: 0.375rem !important;
  }

  .border-0-sm {
    border-width: 0 !important;
    border-bottom-left-radius: 0.375rem !important;
    border-top-left-radius: 0.375rem !important;
  }

  #newToolbox {
    bottom: 20%;
  }
}

#kwl-i {
  fill: currentColor;
}

#homepage-i {
  fill: currentColor;
}

#air1-i {
  fill: currentColor;
}

#select-i {
  fill: currentColor;
}

#kontakt-i {
  fill: currentColor;
}

#select-icon-desktop, #select-icon-mobile {
  fill: currentColor;
}