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

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

.mod_navigation.main {}

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

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

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



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

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

.mod_navigation.main ul.level_1 > li {
    /*border-bottom: 2px solid blue;*/
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
	padding-right:15px;
	margin: 17px;
	margin-right:6px;
	
}

.mod_navigation.main ul.level_1 > li:after {
    /*border-bottom: 2px solid blue;*/
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
	padding-right:4px;
	margin: 17px;
	
}

/*
.mod_navigation.main ul.level_1 > li:after {
	content:url("/files/theme/elements/icon-arrow-green.png");
	display:block;
}*/

.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;
	
   color: #496b6c;
	font-weight:900;
	font-size:15px;
	text-transform:uppercase;
	letter-spacing:-0.25px;
	
	
}

.mod_navigation.main ul.level_1 > li > span,
.mod_navigation.main ul.level_1 > li > strong{
}


.mod_navigation.main ul.level_1 > li
{
	background-image:url("/files/theme/elements/icon-arrow-green.png");
	background-position:right 6px;;
	background-repeat:no-repeat;
}
 

.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.85);
    /* border-top: 2px solid #66c1bf; */
    left: 0;
    right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: -15px; /*26px*/
    width: 250px;
    border-bottom: 3px solid #85be4c;
}
}

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

.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: #496b6c;
	text-transform:unset;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

.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: 18px;
    font-size: 1.7rem;
	padding:3px;
	padding-left:16px;
	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: #85be4c;
    font-size: 18px;
    font-size: 1.7rem;
    /*font-weight: 500;*/
}




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

/* --- Overlay
 * ---------------------------------------- */
 
 .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: #fff!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;
}

#overlay {
    background-color: #4bbed0;
	background-color: rgba(75,188,208,0.9);
    display: none;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
	left: 0;
}

#overlay.is-active {
	display: block;
}

#overlay,
#overlay a {
    color: #595959;
}

#overlay > #overlay_container {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 80px;
}

#overlay .inside {
    margin: auto;
    max-width: 1680px;
    padding-left: 15px;
    padding-right: 15px;
}

#overlay .mhce_columns {
    margin-top: 90px;
}



.c-hamburger {
	position: absolute;	
	top: 37px;	
	right: 0px;
	-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: #595959;
}

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


/* --------------------------------------------------------------------------------
 * 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:-10;
	right:-10;
	top:-10;
	height:60px;
	background-color:green;
}


.mod_navigation.sidebar
{
	margin-top: 27px;
	padding:50px 40px 25px 40px;
	margin-bottom:70px;
	background:#fff;

	background-image:url(../elements/event-boxheader.png);
	background-repeat:no-repeat;
	background-size:contain;
	border-bottom:8px solid #c3cbcc;
	
}

.mod_navigation.sidebar ul.level_1 > li.first
{
	display:none;
}

.mod_navigation.sidebar ul.level_2
{
	display:none;
	margin-left:0px;
}

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

.mod_navigation.sidebar ul.level_3
{
	display:none;
}

.mod_navigation.sidebar ul.level_2 li.active strong
{
	color:#85be4c;
}

.mod_navigation.sidebar ul.level_2 li.trail ul.level_3,
.mod_navigation.sidebar ul.level_2 li.active ul.level_3
{
	display:block;
	margin-left:24px;
}


.mod_navigation.sidebar h4
{
	color: #fff;
    font-size: 28px;
    line-height: 34px;
    margin-top: 0px;
}

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

.mod_navigation.sidebar ul.level_1 > li
{
	margin-bottom:12px;
}

.mod_navigation.sidebar li,
.mod_navigation.sidebar li a
{
	text-transform:unset;
	font-size:16px;
	line-height:22px;
	padding-bottom:6px;
	color:#496b6c;
	
}
.mod_navigation.sidebar li,
.mod_navigation.sidebar li a:hover
{
	color:#445a5a;
}

.mod_navigation.sidebar ul.level_1 li,
.mod_navigation.sidebar ul.level_1 li a
{
	font-size:18px;
	line-height:22px;
	text-transform:uppercase;
	font-weight:900;
}

.mod_navigation.sidebar ul.level_1 > li
{
	position:relative;
}
.mod_navigation.sidebar ul.level_1 > li > a:after,
.mod_navigation.sidebar ul.level_1 > li > strong:after
{
	content:url(../elements/neuental_pfeil_rechts-oben.png);
	padding-left:4px;
	position:absolute;
	top:0px;
}

/* Der aktive Menuepunkt wird von Contao als <strong> statt <a> ausgegeben.
   Die Pfeil- und Schrift-Regeln muessen ihn daher gleichwertig erfassen,
   damit der "geoeffnet"-Pfeil (nach unten) auch dann sichtbar bleibt, wenn
   die uebergeordnete Ebene selbst die aktuelle Seite ist. */
.mod_navigation.sidebar ul.level_1 > li > strong
{
	font-weight:900;
	color:#496b6c;
}

.mod_navigation.sidebar ul.level_1 > li.trail > a:after,
.mod_navigation.sidebar ul.level_1 > li.trail > strong:after,
.mod_navigation.sidebar ul.level_1 > li.submenu.active > a:after,
.mod_navigation.sidebar ul.level_1 > li.submenu.active > strong:after
{
	content:url(../elements/neuental_pfeil_unten.png);
}

.nhs .mod_navigation.sidebar ul.level_1 > li.trail > a:after,
.nhs .mod_navigation.sidebar ul.level_1 > li.trail > strong:after,
.nhs .mod_navigation.sidebar ul.level_1 > li.submenu.active > a:after,
.nhs .mod_navigation.sidebar ul.level_1 > li.submenu.active > strong:after
{
	content:url(../elements/neuental_pfeil_unten_blue.png);
}

.mod_navigation.sidebar ul.level_2 li,
.mod_navigation.sidebar ul.level_2 li a
{
	font-size:16px;
	line-height:22px;
	text-transform:none;
	font-weight:600;
}

.mod_navigation.sidebar ul.level_3 li,
.mod_navigation.sidebar ul.level_3 li a
{
	font-size:16px;
	line-height:20px;
	text-transform:none;
	font-weight:300;
}

.mod_navigation.sidebar ul.level_2
{
	margin-left: 0px;
    margin-top: 6px;
}


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

.mod_breadcrumb
{
	margin-top:24px;
}
 
.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:30px;
	
}

.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) {
	
	
}


/* --- Large devices - Desktop // lg
 * ---------------------------------------- */
 
@media only screen and (max-width: 1199px) {
	
	.mod_navigation.sidebar {
    margin-top: 27px;
    padding: 30px 20px 15px 20px;
    margin-bottom: 70px;
    border-bottom: 6px solid #c3cbcc;
	}

}

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

}

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


}

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


}


/* --- Extra small devices - Phone // xs
 * ---------------------------------------- */
 
@media only screen and (max-width: 544px) {
	

	
}