/* Animierter CSS-Hamburger */
label.hamburg { 
   display: block;
   background: #555; 
   width: 40px; 
   height: 25px; 
   float:right;
   position: relative; 
   border-radius: 4px; 
}

input#hamburg { display:none }

.line { 
   position: absolute; 
   left: 5px;
   height: 2px; width: 30px; 
   background: #fff; border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 6px; }
.line:nth-child(2) { top: 12px; }
.line:nth-child(3) { top: 18px; }

#hamburg:checked + .hamburg .line:nth-child(1){
   transform: translateY(6px) rotate(-45deg);
   width: 20px;
   left: 10px;
}

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

#hamburg:checked + .hamburg .line:nth-child(3){
   transform: translateY(-6px) rotate(45deg);
	width: 20px;
	left: 10px;
}