@media screen and (max-width: 950px) {
	#navigation {
	width: auto;
	height: auto;
	margin: 0 auto;
	} 
 
	nav{
	width:100%;
	}

	#cssmenu{
	width:100%;
    height: auto;
    background: #f39200;
	}

	#cssmenu ul{
	width:100%;
	height: auto;
	display:none;
	}

	#cssmenu ul li{
	width:100%;
	border-right: 0px solid transparent;
	border-top:1px solid #fff;
	}

	#cssmenu ul li a,
	#cssmenu ul li:hover a,
	#cssmenu ul ul li a,
	#cssmenu ul ul ul li a{
	line-height: 46px;
	height: auto;
	width: auto;
	margin: 0;
	padding: 0 1em;
	float: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow:  none;
	display: block;
	font-size: 14px;
	float: none;
	background:#f39200;
	color: #fff;
	border: none;
	text-align: left;
	}
	
	#cssmenu>ul>li:first-child>a{
	border-left:none;
	}

	#cssmenu ul li:hover,
	#cssmenu ul li:hover a {
	background:#fff;
	color: #f39200;	
	}


	/*SUBMENU 1 Ebene*/
	#cssmenu ul ul {
	height:auto;
	background: none;
	top: 0;
	border: none;
	box-shadow: none;
	}

	#cssmenu ul ul li {
	height:auto;
	transition: none;
	padding:0;
	border: none; /* vorherige Befehle überschreiben */
	border-top: 1px solid #f39200;
	}

	#cssmenu ul ul li a {
	background: #fff!important;
	color: #000!important;
	}
	
	#cssmenu ul ul li a:hover {
	background: #ddd!important;
	color: #000!important;
	}

  /*SUBMENU 1 Ebene Ende*/

  /*SUBMENU 2 Ebene*/
  #cssmenu ul ul ul {
		height:auto;
    background: none;
    top: 0;
    border: none;
    box-shadow: none;
    padding: 0 0 0 1em;
	}
  /*SUBMENU 2 Ebene Ende*/



	/*BUTTONS*/
	#cssmenu ul ul,
	#cssmenu ul ul ul{
	position:relative;
	left:0;
	width:100%;
	margin:0;
	text-align:left;
	}

	#cssmenu>ul>li.has-sub>a:after,
	#cssmenu>ul>li.has-sub>a:before,
	#cssmenu ul ul>li.has-sub>a:after,
	#cssmenu ul ul>li.has-sub>a:before{
	display:none;
	}

	#cssmenu #head-mobile{
	display:block;
	padding:23px;
	color:#fff;
	font-size:12px;
	font-weight:400;
	}

	/* Hauptmenü öffnen/schließen */
	.button{
	width:55px;
	height:46px;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	z-index:12399994;
	}

	.button:after{
	position:absolute;
	top:22px;
	right:20px;
	display:block;
	height:4px;
	width:20px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	content:'';
	}

	.button:before{
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	position:absolute;
	top:16px;
	right:20px;
	display:block;
	height:2px;
	width:20px;
	background:#fff;
	content:'';
	}

	.button.menu-opened:after{
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	top:23px;
	border:0;
	height:2px;
	width:19px;
	background:#fff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	}

	.button.menu-opened:before{
	top:23px;
	background:#fff;
	width:19px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}
	
	/* Submenü öffnen/schließen */
	#cssmenu .submenu-button{
	position:absolute;
	z-index:99;
	right:0;
	top:0;
	display:block;
	border-left:0px solid #444;
	height:46px;
	width:46px;
	cursor:pointer;
	background: #f39200;
	outline: none;
	}

	#cssmenu .submenu-button.submenu-opened{
	background:#f39200;
	}

	#cssmenu .submenu-button:after{
	position:absolute;
	top:22px;
	right:19px;
	width:8px;
	height:2px;
	display:block;
	background:#fff;
	content:'';
	}

	#cssmenu .submenu-button.submenu-opened:after{
	background:#fff;
	}

	#cssmenu .submenu-button:before{
	position:absolute;
	top:19px;
	right:22px;
	display:block;
	width:2px;
	height:8px;
	background:#fff;
	content:'';
	}

	#cssmenu .submenu-button.submenu-opened:before{
	display:none;
	}

}