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

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

.mod_navigation.main {}

.mod_navigation a {
	color:#426173;
}
.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: 100%;
}

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

.mod_navigation.main li > ul.level_2 {
    display: none;
    position: absolute;
    top: 100%;
	text-transform:unset;
}

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

#header_offset #cl, #header_offset #clbox
{
	display:none;
}
#header_offset #clbox
{
	position: absolute;
	right: 42px;
	top: 40px;
	width: 96px;
}

.lang-fa #header_offset #clbox
{
	right: 75px;
}
#header_offset #clbox li
{
	float: left;
	width: 32px;
	list-style: none;
}

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

.mod_navigation.main {
    overflow: visible;
    position: relative;
    /* float: left; */
    clear: both;
    font-size: 16px;
    /* right: 0px; */
    position: absolute;
	right: 0px;
    top: 116px;
}



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

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

.mod_navigation.main ul.level_1 > li {
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
	padding-right:4px;
	margin: 14px;
	
}

/*
.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 {
  
}

.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;
	
    color: #426173;
	text-transform:uppercase;
	font-weight:300;
}

.mod_navigation.main ul.level_1 > li > span,
.mod_navigation.main ul.level_1 > li > strong,
.mod_navigation.main ul.level_1 > li.submenu.trail > a
{
	color:#426173!important;
	padding-bottom:5px;
}

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

.mod_navigation.main ul.level_1 > li.last
{
	margin-right:0px;
}


/* second level ---------- */
	
.mod_navigation.main ul.level_2 {
	/*background-color: rgba(66, 97, 115, 0.85);*/
	background-color:#fff;
    left: 0;
    right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
	/*margin-left:26px;*/
	width:auto;
	
	min-width:250px;
	
}

.mod_navigation.main li.last ul.level_2{
	left: unset;
	right:0;
}

/*
.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 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:16px;
}

.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: #426173;
	-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 {
    font-size: 16px;
    font-size: 1.6rem;
	text-transform:unset;
	text-transform:uppercase;
}

.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,
.mod_navigation.main ul.level_2 > li > strong {
	color: #426173;
    font-size: 16px;
    font-size: 1.6rem;
    /*font-weight: 500;*/
}

.text-small
{
	text-transform: none;
    letter-spacing: 0.75px;
    padding-left: 1px;
}


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

/* --- Overlay
 * ---------------------------------------- */
 
/*#mmenu {
	 z-index:-1;
 }*/
 
 .mod_navigation.mobile {
    overflow: visible;
    position: absolute;
    /* float: left; */
    clear: both;
    font-size: 22px;
    /* right: 0px; */
    position: absolute;
    right: 24px; 
    top: 7px;
    font-family: "Miso",Arial;
	font-size:20px;
	text-align:right;
	
}
 
.mod_navigation.mobile ul.level_1 > li > a,
.mod_navigation.mobile ul.level_1 > li > span,
.mod_navigation.mobile ul.level_1 > li > strong {
	display: block;
	padding: 8px;
    color: #426173!important;
	padding-left:25px;
	padding-right:15px;
	text-transform:uppercase;
	font-weight:300;
    font-family: "Miso",Arial; 
	font-size:30px;
	
}

.mod_navigation.mobile ul.level_9 {
	background-color: rgba(128, 128, 128, 0.85);
	/*border-top: 2px solid #66c1bf;*/
    left: 0;
    right: auto;
    padding-top: 12px;
    padding-bottom: 12px;
	padding-right:24px;
	width:300px;
}
.mod_navigation.mobile ul.level_2 {
    margin: 0px 15px 14px 15px;
}

.mod_navigation.mobile ul.level_2 > li {
    display: inline-block;
    margin-left: 15px;
}

/*
position: absolute;
right: 16px;
background: blue;
height: 24px;
width: 24px;
top: 70px;*/

.c-hamburger {
	position: absolute;	
	top: 78px;	
	right: 16px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9999;	
	background: blue;
}

.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: #426173;
}

.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #426173;
	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-active1 {
	background-color: transparent;
}

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

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

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

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

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

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

#mmenu {
    display: none;
}

.mm-listitem_selected {
	-o-text-overflow:ellipsis;
	 text-overflow:ellipsis;
	 white-space:nowrap;
	 overflow:hidden;
	 padding-left:20px;
	 padding-right:10px;
	 -webkit-box-flex:1;
	 -ms-flex-positive:1;
	 flex-grow:1;
	 -ms-flex-preferred-size:10%;
	 flex-basis:10%
	display: block;
	padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);	 
	padding-left:20px;
}

.mm-listitem .forward.trail
{
	padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);	 
	padding-left:20px;
}

.mm-listitem_selected strong
{
	font-weight:600;
}

/* --------------------------------------------------------------------------------
 * Navigation-Path
 * ----------------------------------------------------------------------------- */

.mod_navigation.sidebar:after
{
	
	content:"";
	position:absolute;
	display:block;
	height:8px;
	left:0;
	right:0;
	bottom:0;
	background-size:cover; 
	background-repeat:no-repeat;
}

.mod_navigation.sidebar:before
{
	
	content:"";
	position:absolute;
	display:block;
	height:8px;
	left:0;
	right:0;
	top:0;
	background-size:cover; 
	background-repeat:no-repeat;
}


.mod_navigation.sidebar
{
	margin-top: 74px;
	padding:25px 40px 25px 40px;
	background-color:#f4f6f7;
	margin-bottom:70px;
	color:#22425b;
}
.mod_navigation.sidebar h4
{
    text-transform: unset;
    font-size: 18px;
    line-height: 24px;
    margin-top: 0px;
}

.mod_navigation.sidebar ul
{
	margin-bottom:0px;
}

.mod_navigation.sidebar li,
.mod_navigation.sidebar li a
{
	text-transform:unset;
	font-size:18px;
	line-height:24px;
	padding-bottom:6px;
	color:#22425b;
	
}
.mod_navigation.sidebar li,
.mod_navigation.sidebar li a:hover
{
	color:#579cc3;
}

.mod_navigation.sidebar ul.level_2
{
	margin-left: 0px;
    margin-top: 6px;
	display:none;
}
.mod_navigation.sidebar ul.level_2 li
{
	background-repeat:no-repeat;
	background-position:left 8px;	
	padding-left:24px;
}

.mod_navigation.sidebar ul.level_2 li.active
{
	color:#22425b;
}

.mod_navigation.sidebar li.active ul.level_2,
.mod_navigation.sidebar li.trail ul.level_2
{
	display:block;
}

/* --------------------------------------------------------------------------------
 * Navigation-Path
 * ----------------------------------------------------------------------------- */

.mod_breadcrumb
{
	margin-top:24px;
	margin-bottom:36px;
}
 
.mod_breadcrumb, .mod_breadcrumb a{
	
	color:#ababab!important;
	font-size:12px;
	
}

.mod_breadcrumb li
{
	float: left;
	margin-right:12px;
}


.mod_breadcrumb li:not(.first):before{
	content:">";
	display:inline-block;
	padding-right:12px;
}

/* --------------------------------------------------------------------------------
 * Quicklinks
 * ----------------------------------------------------------------------------- */

.mod_customnav li
{
	color:#fff;
	font-size: 14px;
	margin-bottom: 4px;
	font-family: "Bree W05 Light",sans-serif;
	
	background-image:url('/files/mhr20/theme/elements/geopark_pfeil-hyperlink-footer.png');
    background-repeat:no-repeat;
    background-position:left 5px;
	padding-left:20px;
	
}

.mod_customnav li a
{
	color:#fff;
}
/* --- Large devices - Desktop // xxl
 * ---------------------------------------- */

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


/* --- Large devices - Desktop // xl
 * ---------------------------------------- */
 
@media only screen and (max-width: 1380px) {
	
	.mod_navigation.main {
		top: 96px;
	}
}

/* --- Large devices - Desktop // lg
 * ---------------------------------------- */
 
@media only screen and (max-width: 1199px) {
	
	.mod_navigation.main {
		top: 76px;
	}

	#header_offset #top-navigation li {
		float: left;
		margin-left: 24px;
		font-size: 13px;
		font-weight: 600;
	}

	#header_offset #top-navigation .lang-container li
	{
		margin-left:10px;
	}
			

	#header_offset #top-navigation li img{
		margin-right:5px;
	}
	
}

@media only screen and (max-width: 1080px) {
	
	.mod_navigation.main ul.level_1 > li
	{
		margin-right:0px;
	}
	
	.mod_navigation {
		
		right: 73px;
	}
	

	.mod_navigation.sidebar h4,
	.mod_navigation.sidebar li,
	.mod_navigation.sidebar li a	
	{
		font-size: 15px;
		line-height: 20px;
	}
	
}

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

	#mmenu {
		display: block;

	}

	#header_offset #top-navigation {
		top: 16px;
	}
	
	.c-hamburger {
		position: absolute;
		top: 72px;
		right: 0px;	
	}
}

/* --- Small devices - Phone // sm
 * ---------------------------------------- */
 
@media only screen and (max-width: 767px) {
	
	#header_offset #top-navigation li
	{
		margin-left: 14px;
	}
	
	#header_offset #top-navigation .linklabel
	{
		display:none;
	}

	#header_offset #top-navigation {
		top: 14px;
	}
	
	#header_offset #top-navigation li img
	{
		height:18px;
		width:18px;
	}
	
	#header_offset #cl
	{
		display:block;
	}
	
	#header_offset #top-navigation .lang-container
	{
		display:none;
	}
	

}

/* --- Small devices - Phone // s
 * ---------------------------------------- */
 
@media only screen and (max-width: 639px) {
	


}


/* --- Extra small devices - Phone // xs
 * ---------------------------------------- */
 
@media only screen and (max-width: 544px) {
	
	.c-hamburger {
    position: absolute;
    top: 62px;
	}
	
	

	
}