#alNavMobile 				{ position: relative; z-index : 100; top :0; left : 0; display : none; overflow : auto; }
.alNavMobileLink 			{ display : block; cursor : pointer; }
.alNavMobileOpen, .alNavMobileLink	{ display : none; }
#alNavMobile > a			{ display : none;}
#alNavMobile ul 			{ list-style-type : none; margin : 8px 0 0 0; padding : 0;}
#alNavMobile li 			{ border-bottom : 1px  solid rgba(185, 100, 162,1); margin: 0 0 0 -10px;}
#alNavMobile li a			{ padding : 0.7em 0px 0.6em 20px; margin: 0; text-decoration : none; display : block;}
#alNavMobile li a .alone 		{ padding-left: 25px}

#alNavMobile li:last-child	{ padding : 0; margin-left: -10px;}

/* Einblenden Mobiles Menü -- Ausblenden Web Menü */
#alNavMobile 		{ display : block; overflow: hidden; }
#alNavMobile		{ position: absolute; top: 0; width: 100%; margin: 0; padding: 0;   }
#alWebNav		{ display : none !important; }

#alNavMobile > a	{ height : 65px; text-align : left; text-indent : -9999px; margin : 25px 12px 0 0; padding : 0; position : relative; cursor : pointer; display : block; text-decoration : none;  color: #b964a2; }
#alNavMobile > div	{ height : 65px; text-align : left; text-indent : -9999px; margin : 50px 12px 0 0; padding : 0; position : relative; cursor : pointer; display : block; text-decoration : none;  color: #b964a2; }
@media screen and (max-width:740px){#alNavMobile > div	{margin : 35px 12px 0 0;}}

#alNavMobile > a:before { top : 0px; right : 0;  text-indent : 0; text-align : left; position : absolute; text-decoration : none; content : "≡"; transform : scale(1.4, 1); font-size : 70px; line-height : 50px; cursor : pointer;color : #b964a2; }
#alNavMobile > div:before { top : 0px; right : 0;  text-indent : 0; text-align : left; position : absolute; text-decoration : none; content : "≡"; transform : scale(1.4, 1); font-size : 70px; line-height : 50px; cursor : pointer;color : #b964a2; }

.alNavMobileLink 			{ display : block; position : absolute; right : 0; top : 0; bottom : 0;  }
.alNavMobileLink:before 		{ float: left; display : block; content : "▼"; text-indent : 0; padding-right: 10px;  }
.selected > .alNavMobileLink:before	{ content : "▲";  }
#alNavMobile > ul 			{ display : none; left : 0; right : 0; }
#alNavMobile > ul > li 			{ width : auto; float : none;}
#alNavMobile li .alNavMobileOpen 	{ position : relative; width : 100%; display : none; }
#alNavMobile ul ul a 			{ padding-left : 4.5em; }
#alNavMobile ul ul ul a 		{ padding-left : 2em; }


#navWrapper { width: 100%; max-height: 50px !Important; overflow: hidden;  background-color: rgba(185, 100, 162,1);}


/* Benutzer Style: */
#alNavMobile * a {
	color: #333;
	font-style: normal;
	font-size: 22px;
	font-weight: normal;
}
#alNavMobile > ul { background-color: #fff; opacity: 0.98; }
#alNavMobile li 	{background-color: rgba(185, 100, 162,0.25);}


.alNavMobile a {
  position: relative;
  overflow: hidden;
}

#alNavMobile > ul > li > a ,
#alNavMobile > ul > li > a > span,
#alNavMobile > ul > li > ul > li > a > span { color: #333 !important;}

#alNavMobile ul li ul li {}
#alNavMobile ul li ul li a{}
#alNavMobile ul li ul li.current a{color: #333; font-weight: 600}
#alNavMobile ul li ul li:last-child {border-bottom: none}

#alNavMobile > ul > li > a.current span {color: #000  !important; font-weight: bold !important;}
#alNavMobile > ul > li > a.current {color: #000  !important; font-weight: bold !important;}
.alNavMobile li a.current {
color: #000  !important; font-weight: bold !important;
}



}
.alNavMobile a.current span:before {
  content: "";
  width: 16px;
  background: transparent;
  position: absolute;
  z-index: 0;
  right: -16px;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  color: #f90  !important;
}
#alNavMobile > ul > li > a:before {  background: transparent !important;}

@media screen and (max-width:960px){

#alNavMobile > a	{ margin : 12px 12px 0 0; }
}


@media screen and (max-width:420px){

#alNavMobile > a	{ margin : 15px 12px 0 0; }
}


@media screen and (max-width:340px){

#alNavMobile * a {
	font-style: normal;
	font-size: 18px;
	font-weight: normal;
	}
	
}