/* Framework > Hauptnavigation */

.row-navigation
{
	display: none;

	height: 64px;
	background: #36508b; /* #08324d */
	text-align: center;
}
#navigation-toggle
{
	display: none;
}
#navigation
{
	display: inline-block;
	margin: 0 0 -8px 0;
	padding: 0;
	font: normal normal 1.125rem/1.2222 Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height: 22px;
	list-style-type: none;
}
#navigation a:hover,
#navigation a:focus
{
	text-decoration: none;
}
#navigation li
{
	margin: 0;
}
#navigation > li
{
	float: left;
}
#navigation li a
{
	display: block;
	padding: 10px 14px 11px 14px;
	color: #ffffff;
}
#navigation > li > a
{
	padding-top: 22px;
	padding-bottom: 20px;
}
#navigation > li > a:hover
{
	/* padding-top: 22px; */
	/* padding-bottom: 20px; */
}
#navigation li.active > a
{
	color: #a2ceea;
}
#navigation li.expanded > a
{
	color: #08324d;
}

/* Framework > Hauptnavigation > Zweite Ebene */

#navigation li.expanded > a
{
	background: #e8eef1;
}
#navigation li.expanded
{
	position: relative;
}
#navigation li ul
{
	display: none;
}
#navigation li.expanded ul
{
	display: block;
	position: absolute;
	top: 64px;
	left: 0;
	width: 200px;
	margin: 0;
	padding: 0;
	background: #e7eff9; /* #e8eef1 */
	text-align: left;
	list-style-type: none;
	font-size: 0.8444em; /* 17/18 */
	font-family: 'Noto Serif SC', serif;
}
#navigation li.expanded.last ul
{
	left: auto;
	right: 0;
}
#navigation li.expanded ul li a
{
	color: #08324d;
	border-top: solid 1px #ffffff;
}
#navigation li.expanded ul li a:hover
{
	background: #a2ceea;
	color: #fff;
}
#navigation li.expanded ul li:first-child a
{
	border-top: none;
}

/* Responsive Styles */

@media (max-width: 1040px)
{
	/* Framework > Hauptnavigation */

	.row-navigation
	{
		height: auto;
		min-height: 60px;
	}
	#navigation
	{
		margin-bottom: -8px;
		font-size: 0.9375em; /* 15/16 */
		font-size: 15px;
	}
	#navigation > li > a
	{
		padding-top: 20px;
		padding-bottom: 18px;
	}

	/* Framework > Hauptnavigation > Zweite Ebene */

	#navigation li.expanded ul
	{
		top: 60px;
	}
}
@media (max-width: 1023px)
{
	/* Framework */

	.row
	{
		padding-right: 0;
		padding-left: 0;
	}

	/* Framework > Header-Bild */

	.wrapper > .header-image
	{
		margin: 45px -15px 0 -15px;
	}
}

@media (max-width: 820px)
{
	/* Framework > Hauptnavigation */

	.row-navigation
	{
		display: block;
		height: auto;
		min-height: 60px;
	}
	#navigation-toggle
	{
		display: block;
		height: 60px;
		color: #ffffff;
		text-align: center;
		cursor: pointer;
	}
	#navigation-toggle span
	{
		display: inline-block;
		padding: 18px 20px 20px 52px;
		background: transparent url(../images/layout/navigation-toggle.png) no-repeat 18px center;
		cursor: pointer;
	}
	#navigation
	{
		display: none;
		margin: 0;
		font-size: 1.125em; /* 18/16 */
	}
	.expanded #navigation
	{
		display: block;
	}
	#navigation > li
	{
		float: none;
		border-top: solid 1px #5b6c86;
	}
	#navigation > li ul li {
		border-top-color: #5b6c86 ;
	}
	#navigation > li > a
	{
		padding-top: 0.6667em; /* 12/18 */
		padding-bottom: 0.7222em; /* 13/18 */
	}

	/* Framework > Hauptnavigation > Zweite Ebene */

	#navigation li.expandable > a
	{
		background: /*#eff3f9*/ url(../images/layout/navigation-arrow-expandable.png) no-repeat right center;
	}
	#navigation li.expanded > a
	{
		background-color: #eff3f9;
		background-image: url(../images/layout/navigation-arrow-expanded.png);
	}

	#navigation li.expanded ul
	{
		position: static;
		width: auto;
		text-align: center;
	}

	#navigation li.expanded ul li:first-child a {
		border-top: solid 1px #ffffff;
	}
}