.menue{
    margin-top: 1%; 
    margin-left: 1%; 
    -webkit-transform: translateZ(0); 
    transform: translateZ(0);
}

.burger {
  display: inline-block;
  cursor: pointer;
}


.burger-content {
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translate(0px, -22px);
}

.change .burger-content{
    visibility: visible;
    opacity: 1;
    transform: translate(0px, 22px);
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #fff;
  margin: 6px 0;
  box-shadow: 1px 1px 1px #333;
  transition: 0.4s;
}


.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
  box-shadow: 1px 0px 1px #333;
}