/** Transitions **/
#resButton div, #resButton.Open div { -webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear }
#resTopDown, #resTopDown.open { -webkit-transition: top 0.3s linear;
		-moz-transition: top 0.3s linear;
		-o-transition: top 0.3s linear;
		transition: top 0.3s linear }
#resRightLeft, #resRightLeft.open { -webkit-transition: right 0.3s linear;
		-moz-transition: right 0.3s linear;
		-o-transition: right 0.3s linear;
		transition: right 0.3s linear }



/** aktiv bei Klick **/
#resButton.open div:nth-of-type(1) { -webkit-transform: rotate(43deg); -moz-transform: rotate(43deg); -o-transform: rotate(43deg); transform: rotate(43deg); }
#resButton.open div:nth-of-type(2) { background: none; }
#resButton.open div:nth-of-type(3) { -webkit-transform: rotate(-43deg); -moz-transform: rotate(-43deg); -o-transform: rotate(-43deg); transform: rotate(-43deg); }
#resButton:hover { cursor: pointer; }



/** Responsive Menü SlideDown **/
#resTopDown.open { top: 0%; }
#resRightLeft.open { right: 0%; }