body { overflow-x: hidden; }

.categoryMenu{/*background:#fff;*/
	padding: 35px 0px 20px 0px;
	/*padding: 0px;*/
	width: 100%;
	background-color: #fff;
}
 
.categoryMenu .nav {
	display: block;
}

/*#ff8f1f "–" */
.categoryMenu a::before {
    content: "–";
	color: #ff8f1f;
	padding-right: 5px;
	font-size: 26px;
	line-height: 15px;
	font-weight: 400;
	position: relative;
	top: 2px;
}

.categoryMenu ul{list-style:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:100%;}
.categoryMenu ul li{list-style:none;padding:0px 0px 0px 0px;list-style-image:none;}

.categoryMenu a{ color:#333; background:#fff; border-bottom: 1px solid #eee; display:block;line-height:1.4;padding: 15px 20px; font-weight: 300;}
.categoryMenu a:visited{color:#333;} /* ergaenzt für Kategorien-Menu */

.categoryMenu a span{margin:0px;padding:0px;}

.categoryMenu .selected > a, .categoryMenu .selected > span a{ color:#f60; }

.categoryMenu a:hover, .categoryMenu .selected > a:hover , .categoryMenu .selected > span a:hover {text-decoration:none; background:#dedede;}

.categoryMenu:hover li.selected > a span{}

.categoryMenu ul li.parent {
	position:relative;
	padding-left:0px;
}

.categoryMenu ul li.parent.active {
	padding-left:0px;
}

.categoryMenu span.menuparent {
	display: block;
	position: relative;
}

.categoryMenu a {font-size:20px;font-weight: 700;}
.categoryMenu ul ul a {font-size:18px;font-weight: 300;}
.categoryMenu ul ul ul a {font-size:15px;}

/*.categoryMenu ul ul a {padding-left: 40px;}
.categoryMenu ul ul ul a {padding-left: 60px;}*/
.categoryMenu ul ul a {padding-left: 30px;}
.categoryMenu ul ul ul a {padding-left: 40px;}
.categoryMenu ul ul ul ul a {padding-left: 50px;}
.categoryMenu ul ul ul ul ul a {padding-left: 60px;}

.categoryMenu ul ul ul a{ color:#666;}
/*.categoryMenu ul ul ul a:visited{color:#666;}*/

@media screen and (min-width: 80em) {	
	.categoryMenu a{ padding: 10px 10px 10px 20px;}
	/*.categoryMenu ul ul a{ padding-left: 40px;}
	.categoryMenu ul ul ul a{ padding-left: 60px;}
	.categoryMenu ul ul ul ul a{ padding-left: 80px;}
	.categoryMenu ul ul ul ul ul a{ padding-left: 100px;}*/
}

.categoryMenu li {
	display: block;
}

/* start open/close */

.categoryMenu ul li > ul {display:none;}
.categoryMenu a { padding-right: 40px;}

.menuimg {
	position:absolute;
	display:block;
	top:0px;
	right:0px;
	/*left:-20px;*/
	overflow:hidden;
	height:100%;
	width:50px;
	background: no-repeat scroll 50% 50% transparent;
	/*background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/></svg>");*/
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/></svg>");
	background-size: 60% 60%;
	cursor:pointer;
}
.menuimg:hover {
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23ff8f1f' xmlns='http://www.w3.org/2000/svg'><path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/></svg>");
}

li.parent.opensub > span span.menuimg {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/></svg>");
	/*<path fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z'/>*/
}

li.parent.opensub > span span.menuimg:hover {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23ff8f1f' xmlns='http://www.w3.org/2000/svg'><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/></svg>");
}

.categoryMenu ul li.active > .menuimg {
	/*display:none;*/
}

li.parent.opensub > ul {
	display:block;
}

/* end open/close */

/* ----- */

#outer {
    position: relative;
    left: 0;
    padding-left: 0;
}
#outer.mopen #menu {
	left: 263px;
	width: 263px;
}

#menu {
    margin-left: -263px;
    width: 263px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1500;
    overflow-y: scroll;/*auto*/
    -webkit-overflow-scrolling: touch;
	 height: 100%;
	background-color: #fff;
}

#outer.mopen {
	position: relative;
	/*left: 263px;*/
}

#menu {
	left: 0px;
}


@media screen and (min-width: 576px) {

	#menu {
		margin-left: -354px;
		width: 354px;
	}
	#outer.mopen #menu {
		left: 354px;
		width: 354px;
	}
	#outer.mopen {
		position: relative;
		/*left: 354px;*/
	}
	
}

#outer, #menu {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}