/*
 * NAVIGATION MODE 2
 */

#main-navigation-overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(42, 49, 57, 0.9);
	z-index: 99999;
	opacity: 1;
	overflow-y: scroll;
}

.overlay-active {
	overflow: hidden;
}

.overlay-close {
	text-align: right;
}

.overlay-close i {
	color: #fff;
	font-size: 45px;
	position: relative;
	top: 35px;
	cursor: pointer;
}

#main-navigation-toggler {
	position: relative;
}

#main-navigation-toggler i {
	cursor: pointer;
	padding: 5px 5px;
	font-size: 33px;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#main-navigation-toggler.is-open i.mi-menu {
	-ms-transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
}

#main-navigation-mode2 {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 60vw;
	list-style: none;
	text-align: center;
	/*overflow-y: scroll;*/
}


/*** MAIN NAVIGATION ***/


/* second level */
/*#main-navigation-mode2 li.subpages > ul.level2 {
	display: none;
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}

#main-navigation-mode2 li.subpages > ul.level2 > li {
	padding: 10px;
}
#main-navigation-mode2 li.current > a,
#main-navigation-mode2 li.active > a,
#main-navigation-mode2 li.subpages > ul.level2 > li.current > a,
#main-navigation-mode2 li.subpages > ul.level2 > li.active > a {
	color: #FAC500;
}
 */



/** ALLE EBENEN **/

#main-navigation-mode2 ul {
	padding: 0;
	margin: 0;
}

#main-navigation-mode2 li {
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
}

#main-navigation-mode2 li a {
	color: #fff;
}

#main-navigation-mode2 li a:hover,
#main-navigation-mode2 li a:focus {
	color: #0AF;
}

#main-navigation-mode2 li a span {
	line-height: normal;
	position: relative;
}

#main-navigation-mode2 ul.nav-next-level {
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#main-navigation-mode2 li.is-open > ul.nav-next-level {
	display: block;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#main-navigation-mode2 li.subpages > i {
	color: #fff;
	font-size: 45px;
	cursor: pointer;
	-ms-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#main-navigation-mode2 li.is-open > i {
	-ms-transform: rotateX(-180deg);
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

#main-navigation-mode2 li.is-open > ul.nav-next-level {
	display: block;
}

/** 1. EBENE **/

#main-navigation-mode2 > li {
	margin: 1vw 0;
}

#main-navigation-mode2 > li > a {
	display: block;
	font-size: 40px;
}

#main-navigation-mode2 > li.current > a,
#main-navigation-mode2 > li.active > a {
	color: #0AF;
}

/** 2. EBENE **/

#main-navigation-mode2 ul.level2 {
	display: none;
}

#main-navigation-mode2 ul.level2 > li {}

#main-navigation-mode2 ul.level2 > li > a {
	display: block;
	font-weight: bold;
	font-size: 23px;
}

#main-navigation-mode2 ul.level2 > li.current > a,
#main-navigation-mode2 ul.level2 > li.active > a {}

/** 3. EBENE **/

#main-navigation-mode2 ul.level3 {
	display: none;
}

#main-navigation-mode2 ul.level3 > li {}

#main-navigation-mode2 ul.level3 > li > a {
	display: block;
	font-size: 17px;
}

#main-navigation-mode2 ul.level3 > li.current > a,
#main-navigation-mode2 ul.level3 > li.active > a {}