.hamtop, .hambottom {
			-webkit-transform-origin: center;
			-moz-transform-origin: center;
			-o-transform-origin: center;
			-ms-transform-origin: center;
			transform-origin: center;
		}

		.hammiddle, .hamtop, .hambottom {
			-webkit-transition: all 2s ease;
			-moz-transition: all 2s ease;
			-ms-transition: all 2s ease;
			-o-transition: all 2s ease;
			transition: all 2s ease;
		}

		svg#hamburger:hover .hammiddle {
			-webkit-transform: translate(100px, 0px);
			-moz-transform: translate(100px, 0px);
			-o-transform: translate(100px, 0px);
			-ms-transform: translate(100px, 0px);
			transform: translate(100px, 0px);
			opacity:0%;
		}

		svg#hamburger:hover .hamtop {

			-webkit-transform: rotate(45deg) translate(25px, 38px);
			-moz-transform: rotate(45deg) translate(25px, 38px);
			-o-transform: rotate(45deg) translate(25px, 38px);
			-ms-transform: rotate(45deg) translate(25px, 38px);
			transform: rotate(45deg) translate(25px, 38px);
			stroke:#e96634;
		}

		svg#hamburger:hover .hambottom {

			-webkit-transform: rotate(-45deg) translate(25px, -38px);
			-moz-transform: rotate(-45deg) translate(25px, -38px);
			-o-transform: rotate(-45deg) translate(25px, -38px);
			-ms-transform: rotate(-45deg) translate(25px, -38px);
			transform: rotate(-45deg) translate(25px, -38px);
			stroke:#e96634;
		}







@media screen and (min-width: 951px) {
	#mobilenavi {display:none;}
	#headerwrapper {position:relative; top:0px;}
	#ueberschrift: margin-right:0px;
}


@media screen and (max-width: 950px) {
	
	#mobilenavi {position:fixed; cursor:pointer;top:5px; right:10px;}
	#ueberschrift {margin-right:15px;}
	#finster {z-index:1;}
	#logo {height:64px; top: 4px; width:auto;}
	#header{height:100px;}
	#header.small	{ height:70px; padding:0px; }
	#headerwrapper {top:-600px; margin-left:0px; width:100%; }
	#inheaderwrapper {width:100%;  }
			#headerwrapper ul	{	position: relative; background:#fff; }
			#headerwrapper ul li
		{
		display: block;
		font-size: 28px;
		background:#d9dadb;
		margin-left:12px;
		margin:1px;
		
		}
			#headerwrapper ul li a {padding:2px; font-size:32px; display:block; text-align:left;}	
			#headerwrapper ul li:hover
		{
		background:#e96634;

		}
		
				#headerwrapper ul li ul
			{
			position: absolute;
			background: rgba(255,255,200,0);
			left: 0px;				
			}
		
		
	
		#headerwrapper ul li ul li
		{
		font-size: 26px;
		background:#fff;

		}

}