/* navigation.css
Farben:
helles blau: bac6d8 (link farbe)
dunkles blau: 103a71 (überschritften)
grau: 525a62 (fließtext)
*/

/* Metanavigation */
ul.nav-meta { margin:0; padding:0; /* Style reset */ }
ul.nav-meta { 
	position:absolute;
	top:10px;
	right:15px;
}
ul.nav-meta li { 
	list-style:none; background-image:none; margin:0; padding:0; /* Style reset */
	display:inline-block;
} 

ul.nav-meta a { 
	text-decoration:none; display:block;
	color:#103a71;
	font-size:14px;
	line-height:18px;
}
ul.nav-meta a:hover, ul.nav-meta li a.active { 
	color:#bac6d8;
}

/* ============================================================================================================================ */
/* Horizontal navigation */

#mainnav ul {
	padding:0; margin:0; /* Style reset BS ul */
}
ul.nav-main { float:right; }

/* Level 1 */
ul.nav-main li { 
	list-style:none; background-image:none; margin:0; padding:0; /* Style reset */
	display:inline-block;

} 

ul.nav-main li a { 
	text-decoration:none; display:block;
	color:#103a71;
	font-size:18px;
	line-height:28px;
	padding:0;
	text-transform:uppercase;
}
ul.nav-main li.navspacer {
	padding-left:10px; padding-right:10px;
}

/* Hover, active */
ul.nav-main a:hover, ul.nav-main a.active, ul.nav-footer a:hover, ul.nav-footer a.active { 
	color:#bac6d8;
}

/* jquery One Page Nav */
ul.nav-main li.active a { 
	color:#bac6d8;
}


/* ================= */
/* Hamburger */
.hamburger { 
	display:none; /* sichtbar xs */
	cursor:pointer;
}
.hamburger-toggle {
	padding:0;
	background: none;
}
.hamburger-toggle:hover {

}
.hamburger-toggle .icon-bar {
	display: block;
	background-color: #103a71;
	width: 44px;
	height: 4px;
}
.hamburger-toggle .icon-bar + .icon-bar {
	margin-top: 8px;
}



/**  ************  Responsive  ************  **/

@media ( max-width: 991px ) {
	ul.nav-main li a { 
		font-size:16px;
		line-height:28px;
	}
	ul.nav-main li.navspacer {
		padding-left:8px; padding-right:8px;
	}
}

@media ( max-width: 767px ) {

	.hamburger { 
		position:absolute;
		top:32px;
		right:0;
		display:inline-block;
	}

	#mainnav ul.nav-main { 
		margin-top:20px;
		float:none;
	}

	ul.nav-main li { 
		display:block;
		border-bottom:1px solid #103a71;
		padding-left:20px;
	} 

	ul.nav-main li:last-child { 
		-webkit-box-shadow: 12px 12px 12px 0px rgba(10,10,10,1);
		-moz-box-shadow: 0px 6px 6px 0px rgba(231,232,235,1);
		box-shadow: 0px 6px 6px 0px rgba(231,232,235,1);
	}

	ul.nav-main li a { 
		font-size:18px;
		line-height:28px;
	}
}

@media ( max-width: 320px ) {

}