/*
            smartmenu
#######################################
*/

#container-navigation { overflow: visible; }

ul#main-menu {
	margin: 0 auto;
	background: transparent;
}

.sm-clean { border-radius: 10px; }
/* .sm-clean > li { border-left: 2px solid #CCC; } */
.sm-clean > li:hover { border-left-color: transparent; }
.sm-clean > li:nth-child(1) { border-left: none; }
.sm-clean a {
    padding: 14px;
    color: #636363 !important;
    font-size: 16px;
    line-height: 16px;
	text-align: left;
    font-family: 'Open Sans', Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.05em;
    text-decoration: none;    
    border-radius:0; 
	/* background-color: rgba(255, 255, 255, 0.85) !important; */
	text-transform: uppercase;
}
.sm-clean > li:nth-child(1) > a { border-radius: 4px 0 0 4px; padding-left: 10px; }
.sm-clean > li:last-child > a { border-radius: 0 4px 4px 0; }



.sm-clean a:hover, 
.sm-clean a:focus, 
.sm-clean a:active,

.sm-clean a.current:hover, 
.sm-clean a.current:focus, 
.sm-clean a.current:active,

.sm-clean a.highlighted
 {
    color: #1C88B7 !important;
	transition: color 0.5s;
	background-color: transparent !important;
}

.sm-clean a.current {    
    /* background-color: rgba(244, 193, 0, 0.8) !important; */
	color: #000 !important;
 }


.sm-clean a.highlighted {
    background-color: transparent !important;
}

ul.sm-clean { padding: 0; }

	


/* Farbe Pfeile Sub menu indicators */

	.sm-clean a span.sub-arrow {	
		border-width:5px; /* tweak size of the arrow */
		border-color:#636363 transparent transparent transparent;
		right: 10px;
	}
	.sm-clean a.highlighted span.sub-arrow {	
		
		border-color:#A597E9 transparent transparent transparent;
	}
	
	.sm-clean-vertical a span.sub-arrow,
 	.sm-clean ul a span.sub-arrow {
		right:15px;
		top:18px;
		margin-top:0px;
		border-width:7px;
		border-style:dashed dashed dashed solid;
		border-color:transparent transparent transparent #636363;
	}



@media only screen and (max-width: 1024px) {
	.sm-clean li:last-child a { border-radius: 0 0 0 0; padding-right: 10px; }
}	

@media only screen and (max-width: 700px) {
	.sm-clean li { border-left: 0; }
	#main-menu > li:nth-child(3) > ul:nth-child(2) > li:nth-child(1) > a:nth-child(1) > span:nth-child(1) {margin-top: 0px;}
}