.contentpage.content #header_offset
{
	background-image:none;
}

#top-navigation
{
    position: absolute;
    right: 20px;
    top: 20px;
    width: auto;
	display:block;
}

#header_offset #top-navigation li {
    float: left;
    padding-right: 18px;
}

#header_offset #top-navigation li.left_m
{
	padding-left: 10px;
}

#header_offset #top-navigation li.last
{
		padding-right: 0px;
}

#footer .ce_text a
{
	color:#fff;
}

/* --------------------------------------------------------------------------------
 * Main Navigation
 * ----------------------------------------------------------------------------- */

/* --- Basic Styling
 * ---------------------------------------- */

.mod_navigation.main {}

.mod_navigation.main > a {
    display: none;
}

.mod_navigation.main li {
    position: relative;
}

/* first level ---------- */

.mod_navigation.main > ul.level_1 {
    padding-bottom: 10px;
    float: right;
}

.mod_navigation.main > ul.level_1 > li {
    float: left;
    height: 41px;
}

/* second level ---------- */

.mod_navigation.main li > ul.level_2 {
	display: none;
    position: absolute;
    top: 100%;
    text-transform: unset;
    margin-top: 0px;
    margin-left: 8px;
	z-index:333;
}

.mod_navigation.main li:hover ul.level_2 {
    display: block;
}

/* --- Custom Styling
 * ---------------------------------------- */


.mod_navigation.main {
    overflow: visible;
    position: relative;
    /* float: left; */
    clear: both;
    font-size: 19px;
    /* right: 0px; */
    position: absolute;
	color:#e30713;
 
}

.mod_navigation.main ul.level_2:before
{
	content:'';
	width: 0;
    height: 0;
    left: 6px;
    top: -25px;
    position: absolute;
    border: 18px solid;
    display:block;
	overflow:visible;
	margin-top:1px;
    border-color: transparent transparent #ffffff transparent;
}

.contentpage2 .mod_navigation.main ul.level_2:before
{
    border-color: transparent transparent #fcfcfc transparent;	
}
.mod_navigation.main a
{
	color:#000;
}

.mod_navigation.main a:hover
{
	color:#e30713!important;
}

.mod_navigation.main .menu_left
{
	width:400px;
	float:left;
}
.mod_navigation.main .menu_right
{
	width:200px;
	float:left;
	padding-top:30px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:30px;	
}

.mod_navigation.main .menu_left .menu_teaser_text
{
	font-size: 15px;
    clear: left;
    color: grey;
    display: block;
	margin-top:1px;
	margin-bottom:12px;
}

.mod_navigation.main ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* first level ---------- */

.mod_navigation.main ul.level_1 > li {
    border-bottom: 2px solid transparent;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
	padding-right:4px;
	
}

/*
.mod_navigation.main ul.level_1 > li:before {
    position: absolute;
    content: url("/files/themes/ederberglandhalle/images/global/pfeil_m.png");
    top:18px;
	right:0px;
    width: auto;
    height: 17px;
}*/


.mod_navigation.main ul.level_1 > li:after {
    /*position: absolute;
    content: " ";
    border-bottom: 6px solid transparent;
    bottom:0;
    width: 100%;
    height: 6px;*/
}

.mod_navigation.main ul.level_1 > li:hover:after {
    border-bottom: 6px solid #66c1bf;
}

.mod_navigation.main ul.level_1 > li > a,
.mod_navigation.main ul.level_1 > li > span,
.mod_navigation.main ul.level_1 > li > strong {
	display: block;
	padding: 6px;
	padding-top:9px;
	padding-bottom:9px;
    color: #fff;
	padding-left:25px;
	padding-right:15px;
	font-weight:300;
	font-family: "AkkoPro-Regular", sans-serif;
	font-size: 17px;
	
	
}
.mod_navigation.main ul.level_1 > li.first
{
	margin-left:-25px;
}

.mod_navigation.main ul.level_1 > li.active,
.mod_navigation.main ul.level_1 > li.trail
{
	background-color:#303c4a;
}
/*
.mod_navigation.main ul.level_1 > li > span,
.mod_navigation.main ul.level_1 > li > strong{
	color:#118ba3!important;
}
*/

.mod_navigation.main ul.level_1 > li > strong {
    font-weight: 300;
}

/* second level ---------- */
	
.mod_navigation.main ul.level_2 {
	background-color: rgba(255, 255,255, 0.8);
	/*border-top: 2px solid #66c1bf;*/
    left: 0;
    right: auto;
	margin-left:26px;
	margin-top:0px;
	width:650px;
	-moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;		
}
.mod_navigation.main ul.level_2 {
	background-color: rgba(247, 247,247, 1);;
}
.mod_navigation.main ul.level_2 .menu_left{	

	-moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;	
	background-color: rgba(255,255,255, 1);	
	padding-top:30px;
	padding-left:30px;
	padding-bottom:30px;
}

.mod_navigation.main ul.level_2 .menu_left{
		background-color: rgba(252, 252,252, 1);
}

/*
.mod_navigation.main ul.level_1 > li.last ul.level_2 {
	right: 0;
    left: auto;
}*/

.mod_navigation.main ul.level_1 > li ul.level_2 > li {
	padding: 5px 30px 5px 20px;
}

.mod_navigation.main .menu_right li
{
	padding-top:6px;
	padding-bottom:6px;
}

/*
.mod_navigation.main ul.level_1 > li.last ul.level_2 > li {
	text-align: right;
    padding: 5px 20px 5px 30px;
}
*/


.mod_navigation.main ul.level_2 > li
{
	font-size:20px;
}

.mod_navigation.main ul.level_2 .menu_right > li
{
	font-size:15px;
	
}

.mod_navigation.main ul.level_2 > li > a,
.mod_navigation.main ul.level_2 > li > span,
.mod_navigation.main ul.level_2 > li > strong {
	display: block;
    color: #fff;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
	text-transform:uppercase;
}

.mod_navigation.main ul.level_2 > li > a,
.mod_navigation.main ul.level_2 > li > span,
.mod_navigation.main ul.level_2 > li > strong {
    text-transform:unset;
}

.mod_navigation.main ul.level_2 > li:hover > a,
.mod_navigation.main ul.level_2 > li:hover > span,
.mod_navigation.main ul.level_2 > li:hover > strong {
	color: #fff;
    /*font-weight: 500;*/
}

#bottom_nav
{
	margin-top:8px;
}

#bottom_nav li
{
	float:left;
	padding-right:36px;
	padding-top:4px;
	padding-bottom:4px;
	font-size:16px;
	color:rgba(255,255,255,0.5);
	font-family:AkkoPro-Light, sans-serif;
}

#bottom_nav li a
{
	color:rgba(255,255,255,0.5);
}


/*
	Sidebar-Menü */
	
#left .mod_navigation
{
	background-color:#f7f7f7;
	padding-left:25px;
	padding-right:25px;
	padding-top:45px;
	padding-bottom:45px;
}

#left .mod_navigation ul
{
	margin-bottom:0px;
}
#left .mod_navigation li.active
{
	 padding-bottom: 5px;
}	

#left .mod_navigation li a,
#left .mod_navigation li span
{
	color: grey;
	padding-bottom: 5px;
	display:inline-block;
}	

#left .mod_navigation li strong
{
	color: #e30713;
	padding-bottom: 5px;
	display:inline-block;	
}




/* --------------------------------------------------------------------------------
 * Mobile Navigation
 * ----------------------------------------------------------------------------- */

/* --- Overlay
 * ---------------------------------------- */
 
 
.c-hamburger {
	position: absolute;	
	top: 85px;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9999;	
}

.c-hamburger {
	background-color: transparent;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 48px;
	height: 48px;
	font-size: 0;
	text-indent: -9999px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}

.c-hamburger:focus {
	outline: none;
}

.c-hamburger span {
	display: block;
	position: absolute;
	top: 22px;
	left: 24px;
	right: 8px;
	margin-right:-8px;
	height: 4px;
	background: #fff;
}

.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	content: "";
}

.c-hamburger span::before {
    left: -16px;
    right: 0;
    top: -10px;
    width: auto;
}

.c-hamburger span::after {
    bottom: -10px;
    left: -8px;
    right: 0;
    width: auto;
}

.c-hamburger--htx {
	background-color: transparent;
}

.c-hamburger--htx span {
	-webkit-transition: background 0s 0.3s;
	transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	-webkit-transition-duration: 0.3s, 0.3s;
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0s;
	transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
	-webkit-transition-property: top, -webkit-transform;
	transition-property: top, transform;
}

.c-hamburger--htx span::after {
	-webkit-transition-property: bottom, -webkit-transform;
	transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
	background-color: transparent;
}

.c-hamburger.is-active span {
	background: #fff;
    left: 8px;
    right: 8px;
    width: auto;
}

.c-hamburger--htx.is-active span {
	background: none;
}

.c-hamburger--htx.is-active span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.c-hamburger.is-active span::before,
.c-hamburger.is-active span::after {
	background-color: #fff;
    left: auto;
    right: auto;
	width: 100%;
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
	-webkit-transition-delay: 0s, 0.3s;
	transition-delay: 0s, 0.3s;
}

#mmenu
{
	z-index:9999;
	min-width:280px;
	width:90%;
	max-width:360px;
}



/* --------------------------------------------------------------------------------
 * Responsive Design
 * ----------------------------------------------------------------------------- */

/* --- Large devices - Desktop // lg
 * ---------------------------------------- */

@media only screen and (min-width: 1200px) {
	

	.c-hamburger {
		display:none;
	}
	
}

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

	.c-hamburger {
		display:none;
	}
	
}

/* --- Medium devices - Tablet // md
 * ---------------------------------------- */
 
@media only screen and (max-width: 991px) {
	
	.mod_navigation.main {
		display:none;
	}
	
	.c-hamburger {
		display:block;
	}	
	
}

/* --- Small devices - Phone // sm
 * ---------------------------------------- */
 
@media only screen and (max-width: 767px) {
	
	.mod_navigation.main {
		display:none;
	}

	#bottom_nav li
	{
		padding-right:24px;
	}

}

/* --- Extra small devices - Phone // xs
 * ---------------------------------------- */
 
@media only screen and (max-width: 544px) {
	
	.mod_navigation.main {
		display:none;
	}
	
	#bottom_nav li
	{
		padding-right:16px;
	}


	
	#bottom_nav li.first
	{
		display:none;
	}	
	
}