/* HAUPTNAVIGATION */
.navigation > a {
	display:none;
}
.navigation ul {
	list-style-type:none;
	text-align:left;
}
.navigation li {
}
.navigation li a, .navigation li a:link, .navigation li a:hover, .navigation li a:active, .navigation li a:visited, .navigation li a:focus {
	color:#DBC6B9;
	display:inline-block;
	font-weight:400;
	font-family:"Fjalla One", sans-serif;
}

/* first level */
.navigation > ul {
	display:inline-block;
}
.navigation > ul > li {
	margin-bottom:4px;
}
.navigation > ul > li > a {
	font-size:26px;
	line-height:40px;
	background:rgba(30,33,49,0.8);
	padding:0 15px;
}
.navigation > ul > li:hover > a, .navigation > ul > li > a.selected, .navigation > ul:not(:hover) > li.active > a {
	color:#FFF;
}
/* ############### */


/* SUBMENU */
.submenu {
	text-align:center;
	display:inline-block;
	width:100%;
	margin-bottom:30px;
}
	.submenu a,.submenu a:link,.submenu a:hover,.submenu a:active,.submenu a:visited,.submenu a:focus {
		display:inline-block;
		line-height:50px;
		background:#4B4F60;
		color:#FFF;
		width:170px;
		margin:0 5px;
	}
	.submenu a:hover {
		background:#4D567B;
	}
/* ####### */


/* FILTER */
.content-wrap .aside {
	border-left:14px solid #DEDEDE;
	position:absolute;
	top:150px;
	left:0;
	z-index:10;
}
.content-wrap .aside.fixed {
	position:fixed;
	top:50%;
	transform:translateY(-50%);
}
	.content-wrap .aside ul {
		list-style-type:none;
	}
		.content-wrap .aside a,.content-wrap .aside a:link,.content-wrap .aside a:hover,.content-wrap .aside a:active,.content-wrap .aside a:visited,.content-wrap .aside a:focus {
			display:inline-block;
			line-height:30px;	
			padding:0 10px 0 30px;
			text-transform:uppercase;
			width:84px;
			text-align:right;
		}
		.content-wrap .aside a:hover,.content-wrap .aside a.active {
			background:#DEDEDE;
		}
/* ###### */


/* SCROLL NAV */
.scroll-nav ul {
	list-style-type:none;
}
	.scroll-nav ul li {
		float:left;
	}
		.scroll-nav ul li a,.scroll-nav ul li a:link,.scroll-nav ul li a:hover,.scroll-nav ul li a:active,.scroll-nav ul li a:visited,.scroll-nav ul li a:focus {
			color:#DBC6B9;
			display:inline-block;
			font-weight:400;
			font-family:"Fjalla One", sans-serif;
			font-size:20px;
			line-height:28px;
			padding:0 10px;
		}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* responsive Seetings */


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


/* SCROLL NAV */
.scroll-nav ul li a,.scroll-nav ul li a:link,.scroll-nav ul li a:hover,.scroll-nav ul li a:active,.scroll-nav ul li a:visited,.scroll-nav ul li a:focus {
    font-size:15px;
}
/* ########## */


}


@media only screen and (max-width: 1024px) {
	
	
/* FILTER */
.content-wrap .aside {
	display:none;
}
/* ###### */


}


@media only screen and (max-width: 1000px) {
	
	
/* HAUPTNAVIGATION */
.navigation > ul > li {
	margin-bottom:2px;
}
.navigation > ul > li > a {
	font-size:20px;
	line-height:32px;
	padding:0 10px;
}
/* ############### */


/* FILTER */
.content-wrap .aside {
	display:none;
}
/* ###### */


}


@media only screen and (max-width: 800px) {
	
	
/* HAUPTNAVIGATION */
.navigation li {
	float:left;
}

/* first level */
.navigation > ul {
	display:inline-block;
}
.navigation > ul > li {
	margin-bottom:0;
}
.navigation > ul > li > a {
	font-size:15px;
	padding:0 8px;
	background:none;
}
/* ############### */


}


@media only screen and (max-width: 800px) {
	
	
/* HAUPTNAVIGATION */
.navigation li {
	float:none;
}
.navigation li a, .navigation li a:link, .navigation li a:hover, .navigation li a:active, .navigation li a:visited, .navigation li a:focus {
	display:block;
}

/* first level */
.navigation > ul {
	display:block;
}
.navigation > ul > li {
	margin-bottom:4px;
}
.navigation > ul > li > a {
	font-size:26px;
	line-height:40px;
	background:rgba(30,33,49,0.8);
	padding:0 15px;
}
.navigation > ul > li:hover > a, .navigation > ul > li > a.selected, .navigation > ul:not(:hover) > li.active > a {
	color:#FFF;
}
/* ############### */


/* SUBMENU */
.submenu a,.submenu a:link,.submenu a:hover,.submenu a:active,.submenu a:visited,.submenu a:focus {
	display:inline-block;
	width:90%;
	margin:5px auto;
}
/* ####### */


}


@media only screen and (max-width: 400px) {
}