label.hamburg {
  position: absolute;
  top: 3.0em;
  right: 2.0em;
  display: block;
  width: 4.0em;
  height: 2.25em;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 1.0);
}

input#hamburg {
  display: none
}

.line { 
  position: absolute; 
  left: 0.65em;
  display: block; 
  height: 0.250em;
  width: 2.75em;
  transition: 0.5s; 
  transform-origin: center;
  background: rgb(221, 51, 51);
}

.line:nth-child(1) { top: 8px; }
.line:nth-child(2) { top: 16px; }
.line:nth-child(3) { top: 24px; }

#hamburg:checked + .hamburg .line:nth-child(1){
  transform: translateY(8px) rotate(-45deg);
}

#hamburg:checked + .hamburg .line:nth-child(2){
  opacity:0;
}

#hamburg:checked + .hamburg .line:nth-child(3){
  transform: translateY(-8px) rotate(45deg);
}

#hamburg:checked + .hamburg + .region-main-navigation {
  position: absolute;
  right: 5%;
  min-height: 30.0em;
  width: 90%;
  z-index: 9;
}


@media all and (min-width: 1024px) {
  
  label.hamburg {
    display: none;
  }

}