﻿#alNavMobile 				{ position: relative; z-index : 99; 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 : 0; padding : 0; }
#alNavMobile li 			{ border-bottom : 1px dashed black; margin: 0 0 0 -10px}
#alNavMobile li a			{ padding : 1em 0px 1.1em 20px; margin: 0; text-decoration : none; display : block;}
#alNavMobile li a .alone 		{ padding-left: 25px}

/* 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 : 60px ; text-align : left; text-indent : -9999px; margin : 10px 20px 0 0; padding : 0; position : relative; cursor : pointer; display : block; text-decoration : none;  color: #82A7D3; }
#alNavMobile > a:before { top : 0px; right : 0;   text-indent : 0; text-align : center; position : absolute; text-decoration : none; content : "≡"; font-size : 50px; line-height : 50px; transform : scale(2, 1.5); cursor : pointer;color: #82A7D3; }

.alNavMobileLink 			{ display : block; position : absolute; right : 0; top : 0; bottom : 0;  }
.alNavMobileLink:before 		{ float: left; display : block; content : "▼"; text-indent : 0; padding-right: 10px; background : rgba(255, 255, 255, 0.1); }
.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; }

.alNavMobileLink {color: #fcf6e7;}

#navWrapper { width: 100%; max-height: 50px !Important; overflow: hidden;  background-color: #fff;}


/* Benutzer Style: */
#alNavMobile * a {
	color: #03939B;
	font-style: normal;
	font-size: 22px;
	font-weight: normal;
}
#alNavMobile > ul { background-color: #fff; opacity: 0.95; }


.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 a{color: #333;}
#alNavMobile ul li ul li ul li a{color: #333; margin-left: 80px}


#alNavMobile > ul > li > a.current span {color: #f90  !important; font-weight: bold !important;}
#alNavMobile > ul > li > a.current {color: #f90  !important; font-weight: bold !important;}
.alNavMobile li a.current {
color: #f90  !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:340px){

#alNavMobile * a {
	font-style: normal;
	font-size: 18px;
	font-weight: normal;
	}
	
}


