/* --------------------------------------------------------------------------------
 * HINTBOX
 * ----------------------------------------------------------------------------- */

.mhce_hintbox
{
	width:100%;
	min-height:164px;
	position:relative;
	margin-top:32px;
	display:flex;
}

.mhce_hintbox,
.mhce_hintbox a,
.mhce_hintbox a:hover

{
	color:#fff!important;

}

.mhce_hintbox a,
.mhce_hintbox a:hover
{
	
	font-family:"Bree Serif W01 Semibold", serif;
}

.mhce_hintbox a:before
{
	color: #fff;
    content: "";
	background-image: url(/files/mhr20/theme/elements/geopark_pfeil-hyperlink-footer.png);
	background-repeat:no-repeat;
	width:20px;
    padding-right: 5px;
	display:inline-block;
	position:relative;
	height:20px;
	background-position:left 11px;
} 
.mhce_hintbox .hinticon
{
	width:17.5%;
	/*position:absolute;*/
	top:0;
	bottom:0;
	left:0;
	background-color:#aab50d;
	box-sizing:border-box;
	padding:25px;
	
}

.mhce_hintbox .hinticon .entryicon.icon_lamp
{
	background-image:url("/files/mhr20/theme/elements/geopark_gluehbirne.png");	
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:50px;
	display:block;
	text-align:center;
}

.mhce_hintbox .hinticon .entrylabel
{
	font-family: "Liniga W05 Regular", sans-serif;
    font-size: 50px;
	width:100%;	
	text-align:center;
}
 
.mhce_hintbox .hinttext
{
	width:82.5%;
	/*position:absolute;*/
	top:0;
	bottom:0;
	left:17.5%;
	background-color:#426173;
	box-sizing:border-box;
	padding-left:60px;
	padding-top:30px;
	padding-right:60px;
	padding-bottom:32px;
	border-left:10px solid #fff;	
	
}

.mhce_hintbox .hinttext > p.first
{
	position:relative;
}
.mhce_hintbox .hinttext > p.first:after
{
    content: url(../elements/geopark_dreieck_rechts.png);
	position: absolute;
	top: 0;
	left: -60px;
}

/* --------------------------------------------------------------------------------
 * Bild mit Overlay
 * ----------------------------------------------------------------------------- */

.mhce_image-overlay
{
	max-width:1200px;
}

.mhce_image-overlay .content_container
{
	position:relative;
}

.mhce_image-overlay .content_container .text_overlay
{
	position:absolute;
	right:5%;
	bottom:7%;
	width:auto;
	text-align:right;
	color:#fff;
}

.mhce_image-overlay .content_container .text_overlay .headline
{
	font-family: "Liniga W05 Regular", sans-serif;
    font-size: 70px;
	line-height: 70px;
	position:relative;
}

.mhce_image-overlay .content_container .text_overlay .subline
{
	font-family: "Liniga W05 Regular", sans-serif;
    font-size: 35px;
}
.mhce_image-overlay .content_container .image_overlay
{
	position:absolute;
	left:5%;
	bottom:7%;
	width:200px;
	text-align:left;
}

.mhce_image-overlay .content_container .text_overlay .headline::before
{
	content:url(../elements/geopark_pfeile_bildhinweis.png);
	position:absolute;
	top:-80px;
	left:-80px;
}

/* --------------------------------------------------------------------------------
 * LINKBOX
 * ----------------------------------------------------------------------------- */

.mhce_linkbox
{
	/*display:flex;
	align-items: flex-end;
	justify-content: flex-end;
	margin-top:80px;
	margin-bottom:30px;*/
}

.mhce_linkbox .item
{
	/*display:block;
	
	text-align:center;*/
}

.mhce_linkbox .image_container
{
	/*margin-bottom:24px;*/
}

.mhce_linkbox a
{
	font-size:32px;
	color:#426173;
    font-family: "Liniga W05 Regular", sans-serif;
	line-height:36px;
}
.mod_rocksolid_slider .rsts-caption
{
	display:none;
}


.mod_rocksolid_slider .mhce-linkbox 
{
		box-shadow: 0px 0px 13px rgb(0 0 0 / 24%);
    	overflow: visible;
		margin: 0.7815rem;
		margin: 1rem;
		
}

.mhce-linkbox .item-container
{
	    position: relative;
}

.mhce-linkbox .text-container:before
{
	content:" ";
	background: linear-gradient(#0076a5 0%, #34aed6 62.33%, #cce1e9 100%);
    opacity: 0.5;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;	
}

.mhce-linkbox .text-container
{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.mhce-linkbox .box-container
{
	display:inline-block;
    position: absolute;
    left: 14.5%;;
    right: 14.5%;
    bottom: 8%;	
	color:#fff!important;
}

.mhce-linkbox .box-container:after
{
	content:url(../elements/sew_arrow_white_big.png);
}

.mhce-linkbox a .box-container
{
	color:#fff!important;
}

.overview .mhce-linkbox
{
	display:flex;
	flex-wrap: wrap;
	margin-left:-10px;
	margin-right:-10px;
}
.overview .mhce-linkbox > div
{
	width: 33.3333%;
	display: inline-flex;
	margin-bottom: 2rem;
	padding-left:10px;
	padding-right:10px;
}

.mhce-counterbox
{
	display:flex;
}

.mhce-counterbox.sidebar
{
	flex-direction: column;
	padding-left: 3.0625rem;
    padding-right: 3.0625rem;
    padding-top: 3.6875rem;
    padding-bottom: 3.6875rem;
	margin-top:2rem;
}
.mhce-counterbox > div
{
	max-width: 33%;
    flex-basis: 33%;
    flex-grow: 0;
    flex-shrink: 0;
	width: 33%!important;
	padding-right: 2rem;
}

.mhce-counterbox.sidebar > div
{

	max-width: 100%;
    flex-basis: 100%;
	width:100%!important;
}

.mhce-counterbox.sidebar p.teaser
{
	color:#B4B4B4;
	font-size: 21px;
}

.mhce-counterbox > div .highlight
{
	color:#009ACB;
	margin-bottom:3.125rem;
}

.mhce-counterbox > div .highlight .number,
.mhce-counterbox > div .highlight .label_big
{
	font-size: 3.813rem;
	line-height: 1;
}

.mhce-counterbox.sidebar > div .highlight .number,
.mhce-counterbox.sidebar > div .highlight .label_big
{
	font-family: "AauxNextRegular", sans-serif;
}

.mhce-counterbox > div .highlight .label_small
{
	font-size: 1.313rem;
	line-height: 1;
}

.mhce-counterbox > div .button
{
	margin-top:3.125rem;
}


.mhce-iconbox
{
	display:flex;
	max-width: 1085px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	position: relative;
	margin-top: 7rem;
	margin-bottom: 4rem;
    left: 0;
    right: 0;
    bottom: 4rem;
}


.mhce-iconbox .item .item-container .icon-hover
{
	display:none;
}

.mhce-iconbox .item .item-container:hover .icon
{
	display:none;
}

.mhce-iconbox .item .item-container:hover .icon-hover
{
	display:inline-block;
}

.contentpage .mhce-iconbox
{
	position: relative;
    bottom: unset;
    margin: unset;
    flex-wrap: wrap;
	margin-top:1.5rem;
	margin-bottom:1.5rem;
	justify-content: center;
}

.contentpage .mhce-iconbox > div
{
	margin-bottom: 2.5rem;
}

.mhce-iconbox a{
	color:#000!important;
}
.mhce-iconbox a:hover{
	color:#67C1BB!important;
}

.mhce-iconbox .item .item-container:hover 
{
	color: #67C1BB
}

.mhce-iconbox .label_small,
.mhce-iconbox .label_medium
{
	font-size: 1.3125rem;
	text-align: center;
	text-transform: uppercase;
	font-family: "AauxNextRegular", sans-serif;
	text-transform: uppercase;
}
.mhce-iconbox .label_small
{
	margin-top:1.5625rem;
}
.mhce-iconbox .label_medium
{
	font-family: "AauxNextBold", sans-serif;
}


.mhce-iconbox > div
{
	max-width: 16.66%;
    flex-basis: 16.66%;
    flex-grow: 0;
    flex-shrink: 0;
	width: 33%!important;
	padding-right: 0.5rem;
	padding-left: 0.5rem;	
	text-align: center;
	display: inline-block;
}

.contentpage .mhce-iconbox > div
{
	max-width: 33.3333%;
    flex-basis: 33.3333%;
    flex-grow: 0;
    flex-shrink: 0;
	width: 25%!important;
	margin-top: 1rem;
	padding-right: 2rem;
	padding-left: 2rem;
}

.mhce-iconbox .image-container
{
	width: 65px;
    height: 55px;
    display: inline-block;
    align-items: flex-end;
}

.mhce-logobox
{
	margin-top:1.5rem;
	display:flex;
	max-width: 1348px;
	margin-left: auto;
	margin-right: auto;
	bottom:0px;
	gap: 10px;
    justify-content: space-between;
    align-items: center;
}



.mhce-logobox img
{
	-webkit-filter: grayscale(100%);
  	filter: grayscale(100%);
}

.mhce-logobox .item:first-child img,
.mhce-logobox img:hover
{
	-webkit-filter: unset;
  	filter: unset;
}

/* --------------------------------------------------------------------------------
 * HIGHLIGHTKBOX
 * ----------------------------------------------------------------------------- */
.mhce_highlightbox
{
	margin-left:-5px;
	margin-right:-5px;
}

.mhce_highlightbox .item{

	box-sizing:border-box;
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   color:#fff;

   border:5px solid #fff;

}
.mhce_highlightbox .text_container,
.mhce_highlightbox .image_container
{
	border-top:5px solid #fff;
	border-bottom:5px solid #fff;
	height:205px;
}

.mhce_highlightbox .text_container
{
	
	display:flex;
	align-items: center;
	justify-content: center;	
	width:100%;
}
.mhce_highlightbox .text_container > div
{
	display:block;
	float:none;
	text-align:center;
	width:100%;
}

.mhce_highlightbox .text_container .caption
{
	font-family:"Liniga W05 Regular", sans-serif;
	font-size:55px;
	line-height: 55px;
}

.mhce_highlightbox .text_container .subline
{
	font-family:"Bree W05 Regular", sans-serif;
	font-weight:300;
	font-size:22px;
}
.mhce_highlightbox .num_1
{
	background-color:#aab50d;
}
.mhce_highlightbox .num_2
{
	background-color:#426173;
}
.mhce_highlightbox .num_3
{
	background-color:#d98b48;
}
/*
.mhce_highlightbox .text_container,
.mhce_highlightbox .image_container
{
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;

}*/

.elem_click
{
	cursor: pointer;
}

#scrollbox .hitem
{
	position: absolute;
    left: 670px;
    top: 0px;
    width: 470px;
    height: auto;
    z-index: 999;
    margin-top: 0px;
	display: none;
}

#scrollbox .hitem .hint-headline
{
	color:#67C1BB;
	font-family: "AauxNextRegular", sans-serif;
	font-size: 1.8125rem;
	
}

#scrollbox .hitem .hint-teaser
{
	color:#B4B4B4;
	font-size: 1.1rem;
	line-height: 1.5375rem;
}

.startpage #scrollbox .ce_image.maplayer
{
	position: absolute;
    top: 0;
    left: 0;
    /* right: 0; */
    width: 1920px;
    display: none;
}

.startpage #scrollbox .ce_image a img
{
	display:block;
}

.startpage #scrollbox #maplayer_n
{
	display: block;
}
/* --- Large devices - Desktop // xxl
 * ---------------------------------------- */

@media only screen and (max-width: 1560px) {
	
	.mhce-iconbox
	{
		position: relative;
	}
	
	#scrollbox
	{
		margin-bottom: 5rem;
	}
	
}


/* --- Large devices - Desktop // xl
 * ---------------------------------------- */
 
@media only screen and (max-width: 1380px) {
	
	.mhce-iconbox
	{
		bottom: 2.4rem;
	}
	
	#scrollbox {
    	margin-bottom: 4rem;
	}	
	
	#scrollbox .hitem
	{
		position: absolute;
    	left: 520px;
	}
}


/* --- Large devices - Desktop // lg
 * ---------------------------------------- */
 
@media only screen and (max-width: 1199px) {
	
	.mhce_highlightbox .item .image_container img
	{
		object-fit: cover; 
		width: 100%; 
		height: 100%;
	}

	.mhce_highlightbox .text_container .caption
	{
		font-size: 40px;
		line-height: 28px;	
	}	
	
	.contentpage .mhce-iconbox .label_small, .contentpage .mhce-iconbox .label_medium
	{
		hyphens: auto;
	}

	#scrollbox .hitem
	{
		position: absolute;
    	left: 460px;
	}	
}

/* --- Medium devices - Tablet // md
 * ---------------------------------------- */
 
@media only screen and (max-width: 991px) {
	
	.mhce_highlightbox .item .text_container
	{
		padding:10px;
	}

	.mhce_highlightbox .text_container .caption {
		font-size: 40px;
		line-height: 48px;
	}

	.mhce_highlightbox .text_container .subline
	{
		font-size: 22px;
	line-height: 22px;
	}
	
	#scrollbox .hitem
	{
		left: 360px;
		width: 410px;
	}
	
	#scrollbox .hitem .hint-headline {
	    font-size: 1.5125rem;
	}
	#scrollbox .hitem .hint-teaser {
		font-size: 1.0rem;
		line-height: 1.3375rem;
	}

	.mhce-iconbox .label_small, .mhce-iconbox .label_medium
	{
		font-size: 1rem;
		line-height: 1.15rem;
		hyphens: auto;
	}

	.mhce-iconbox .label_small {
		margin-top: 0.5rem;
	}

}

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

	.mhce_image-overlay .content_container .text_overlay .headline
	{
		
		font-size: 60px;
		line-height: 60px;
		
	}	



	.mhce_image-overlay .content_container .text_overlay .subline {
		
		font-size: 30px;


	}

	.mhce_image-overlay .content_container .text_overlay .headline::before {
		position: absolute;
		top: -60px;
		left: -60px;

	}
	
	#scrollbox .hitem
	{
		left: 300px;
    	top: 65px;
    	width: 310px;;
	}
	
	#scrollbox .hitem .hint-headline {
	    font-size: 1.3rem;
	}
	#scrollbox .hitem .hint-teaser {
		font-size: 0.9rem;
    	line-height: 1.1rem;
	}		
	
	.contentpage .mhce-iconbox > div
	{
		max-width: 33.333%;
    	flex-basis: 33.333%;
	}
	
	.overview .mhce-linkbox > div
	{
		width: 50%;
	}


}

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

	.mhce_linkbox
	{
		flex-wrap:wrap;
		margin-bottom:0px;
	}
	.mhce_linkbox .item.col_w25
	{
		width:50%;
		margin-bottom:24px;
	}

	.mhce_linkbox .item .image_container
	{
		max-with:80%;
	}

	.mhce_linkbox a {
		font-size: 25px;
		line-height:26px;
	}

	.mhce_highlightbox .item{
		flex-wrap:unset;
	}

	.mhce_highlightbox .item .text_container,
	.mhce_highlightbox .item .image_container
	{
		width:50%;
	}


	.mhce-counterbox
	{
		display:block;
	}
	
	.mhce-counterbox > div .highlight .number,
	.mhce-counterbox > div .highlight .label_big
	{
		font-size: 3.2rem;
	}
	
	.mhce-counterbox > div
	{
		width:100%!important;
		max-width:100%;
		margin-bottom:1.5rem;
		margin-top: 3.25rem;
	}
	
	.mhce-counterbox > div .button {
		  margin-top: 1.25rem;
	}

	.mhce-counterbox > div .highlight {
	  color: #009ACB;
	  margin-bottom: 1.25rem;
	}
	
	.mhce-logobox
	{
		display:block;
	}
	
	.mhce-logobox .item .item-container
	{
		text-align: center;
		margin-bottom:1rem;
	}
	
	.mhce-logobox .item:first-child
	{
		margin-bottom: 2rem;
	}
	
	.mhce-iconbox {
		/*flex-wrap: wrap;
		bottom: 2rem;*/
		
		overflow-x: scroll;
	}
	
	.mhce-iconbox > div
	{
		max-width: 25%;
		flex-basis: 25%;
		margin-bottom: 1.5rem;
		padding-left: 0.33rem;
		padding-right: 0.33rem;
		hyphens: auto;
	}
	
	.mhce-iconbox .label_small, .mhce-iconbox .label_medium
	{
		font-size: 0.9rem;
		line-height: 1.05rem;
	}

	.mhce-iconbox .label_small {
		margin-top: 0.5rem;
	}
	
}


/* --- Extra small devices - Phone // xs
 * ---------------------------------------- */
 
@media only screen and (max-width: 544px) {
	
	.mhce_hintbox .hinticon
	{
		width:12%;

		top:0;
		bottom:0;
		left:0;
		background-color:#aab50d;
		box-sizing:border-box;
		padding:3px;
		padding-top: 12px;
		
	}
	
	 .entryicon.icon_lamp
	{
		background-image:url("/files/mhr20/theme/elements/geopark_gluehbirne.png");	
		background-repeat:no-repeat;
		background-position:center center;
		width:100%;
		height:50px;
		display:block;
		text-align:center;
	}

	.mhce_hintbox .hinttext
	{
		left:12%;
		padding-left: 36px;
		padding-top: 12px;
		padding-right: 36px;
		padding-bottom: 12px;
		width:88%;
	}

	.mhce_hintbox .hinttext > p.first:after
	{
		content: url(../elements/geopark_dreieck_rechts.png);
		position: absolute;
		top: 0;
		left: -36px;
	}

	.mhce_hintbox .hinticon .entrylabel
	{
		display:none;
	}

	.mhce_image-overlay .content_container .text_overlay .headline::before
	{
		content:'';
	}

	.startpage .mhce_image-overlay .content_container .image_overlay
	{
		display:none;
	}
	
	.contentpage .mhce-iconbox > div
	{
		max-width: 50%;
    	flex-basis: 50%;
	}
	
	.overview .mhce-linkbox > div
	{
		width: 100%;
	}

}