/* ############################################################
	FARBKLIMA
###############################################################
	
	Orange:					#ee832f - rgb(238,131,47)
	Grün:						#286565 - rgb(40,101,101)
	Mint:						#e5f2ec - rgb(229,242,236)
	Grau:						#413c38 - rgb(65,60,56)
	
###############################################################
	NAVIGATION
############################################################ */

/* Allgemeines */
ul.nav-mainmenu-xs, ul.nav-mainmenu-xs ul, ul.nav-mainmenu-xs li,
ul.nav-thirdmenu-xs, ul.nav-thirdmenu-xs ul, ul.nav-thirdmenu-xs li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.nav-mainmenu-xs,
ul.nav-thirdmenu-xs {
	width: 100%;
}
	/* Hyperlinks */
	ul.nav-mainmenu-xs li a,
	ul.nav-thirdmenu-xs li a {
		display: block;
		width: 100%;
		color: rgba(255,255,255, 1);
	}
	ul.nav-thirdmenu-xs li a:hover,
	ul.nav-thirdmenu-xs li:focus a {
		color: rgba(255,255,255, 0.6);
	}
	ul.nav-mainmenu-xs li.active ul li a {
		font-weight: 400;
	}
	ul.nav-mainmenu-xs li a:hover,
	ul.nav-mainmenu-xs li:focus a,
	ul.nav-mainmenu-xs li.active a,
	ul.nav-mainmenu-xs li.active a:hover,
	ul.nav-mainmenu-xs li ul li.active a {
		font-weight: 700;
	}
@media (min-width: 760px) {
	ul.nav-mainmenu-xs,
	ul.nav-thirdmenu-xs {
		width: 66.66666667%;
	}
}


/*
1st-Menu
*/
ul.nav-mainmenu-xs {
	padding-top: 33px;
	font-size: 1.25rem; /* 20px */
	line-height: 2rem; /* 32px */
}
	/* Level 1 */
	ul.nav-mainmenu-xs li {
		border-bottom: 1px solid #fff;
	}
	ul.nav-mainmenu-xs li a {
		padding-top: 5px;
		padding-bottom: 8px;
	}
		/* Icon Submenu */
		ul.nav-mainmenu-xs li > a > span {
			float: right;
			width: 20px;
			height: 10px;
			margin-top: 12px;
			margin-right: 6px;
			overflow: hidden;
		}
		ul.nav-mainmenu-xs li > a > span i {
			float: right;
			width: 20px;
			height: 10px;
			background-image: url("/Portal/led/Images/Navigation/nav-open.svg");
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-ms-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
		}
		ul.nav-mainmenu-xs li.open > a > span i {
			-webkit-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			transform: rotate(180deg);
		}
			/* Level 2 */
			ul.nav-mainmenu-xs ul {
				padding-top: 0;
				border: none;
			}
			ul.nav-mainmenu-xs ul li {
				padding-left: 20px;
				border-bottom: none;
			}
			ul.nav-mainmenu-xs ul li:last-child {
				padding-bottom: 15px;
			}
			ul.nav-mainmenu-xs li ul li a {
				padding-top: 0;
				padding-bottom: 0;
			}
@media (min-width: 760px) {
	ul.nav-mainmenu-xs {
		padding-top: 50px;
		font-size: 1.625rem; /* 26px */
		line-height: 2.375rem; /* 38px */
	}
		/* Level 1 */
		/* Icon Submenu */
		ul.nav-mainmenu-xs li > a > span {
			width: 23px;
			height: 12px;
			margin-top: 15px;
			margin-right: 10px;
		}
		ul.nav-mainmenu-xs li > a > span i {
			width: 23px;
			height: 12px;
		}
			/* Level 2 */
			ul.nav-mainmenu-xs ul {
				padding-top: 0;
			}
			ul.nav-mainmenu-xs ul li {
				padding-left: 20px;
			}
}


/*
3st-Menu
*/
ul.nav-thirdmenu-xs {
	padding-top: 33px;
	padding-bottom: 33px;
	font-size: 1.0625rem; /* 17px */
	line-height: 1.625rem; /* 26px */
}
@media (min-width: 760px) {
	ul.nav-thirdmenu-xs {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}