#location .rsts-slide
{
	padding-left: 10px;
	padding-right: 10px;
}

/* --------------------------------------------------------------------------------
 * 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:40px;
	margin-bottom:30px;
	margin-left:-10px;
	margin-right:-10px;
	color:#22425b;	
}

#location .mhce_linkbox .location-container
{
	height:320px;
}

.footer_offset .mhce_linkbox
{
	margin-top:80px;
}

.mhce_linkbox .item .inside
{
	display:block;
	box-sizing:border-box;
	padding-top:54px;
	padding-bottom:39px;
	padding-left:32px;
	padding-right:32px;
	border: 2px solid #f6f6f6;
	margin-left:10px;
	margin-right:10px;
	
}

.mhce_linkbox .item .inside:hover
{
	background-color:#8d3f3f;
}

.mhce_linkbox .item .inside:hover .caption,
.mhce_linkbox .item .inside:hover .teaser,
.mhce_linkbox .item .inside:hover .link, 
.mhce_linkbox .item .inside:hover .location-container > div,
.mhce_linkbox .item .inside:hover a
{
	color:#fff!important;
}

.mhce_linkbox .item .caption
{
	font-weight:800;
	font-size:26px;
	line-height:28px;
}

.mhce_linkbox .item .teaser
{
	font-weight:400;
	font-size:15px;
	line-height:20px;
	margin-top:22px;
	margin-bottom:42px;
}

.mhce_linkbox .item .link
{
	font-weight:700;
	text-transform:uppercase;
}

.mhce_linkbox .image_container
{
	margin-bottom:24px;
}

.mhce_linkbox.location .inside
{
	padding:0px;
	background-color:#f4f6f7;
	border:0px;
}

.mhce_linkbox.location .inside .location-container
{
	padding:32px;
}

.mhce_linkbox.location .item .caption
{
	margin-bottom:24px;
}
/* --------------------------------------------------------------------------------
 * 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;

}*/


/* --------------------------------------------------------------------------------
 * ALERTBOX
 * ----------------------------------------------------------------------------- */

.mhce_alertbox
{
	background-color:#8d3f3f;
	color:#fff;
}

.mhce_alertbox .caption {
    font-weight: 800;
    font-size: 26px;
    line-height: 28px;
	margin-bottom:24px;
}

.mhce_alertbox .caption .text
{
    float: left;
    margin-top: 16px;
    width: 80%;
	width: calc(100% - 70px);
    min-height: 60px;
}

.mhce_alertbox .caption::after {
  content: "";
  clear: both;
  display: table;
}

.mhce_alertbox a, .mhce_alertbox a:hover
{
	color:#fff;
	text-transform: uppercase;
    font-weight: 700;
}
.startpage .mhce_alertbox
{
	margin-top:48px;
	margin-left:25%;
	padding:36px;
}
.startpage #leistungen
{
	align-items: unset;
}
.startpage #leistungen .item
{
	float:unset;
	
}

.startpage #leistungen .item .inside
{
	height:100%;
}

/* --- Large devices - Desktop // xxl
 * ---------------------------------------- */

@media only screen and (max-width: 1560px) {
	
}


/* --- Large devices - Desktop // xl
 * ---------------------------------------- */
 
@media only screen and (max-width: 1380px) {

	.mhce_linkbox .item .caption
	{
		font-size: 22px;
		line-height: 26px
	}

	/*.mhce_linkbox .item .inside {
    
    padding-top: 48px;
    padding-bottom: 32px;
    padding-left: 28px;
    padding-right: 28px;
	margin-left: 7px;
	margin-right: 7px;
	}*/	
	
}


/* --- Large devices - Desktop // lg
 * ---------------------------------------- */
 
@media only screen and (max-width: 1199px) {
	
	.startpage .mhce_alertbox
	{
		
		margin-left: 16px;
		margin-right: 16px;
		padding: 36px;	
	}
	
	.mhce_highlightbox .item .image_container img
	{
		object-fit: cover; 
		width: 100%; 
		height: 100%;
	}

	.mhce_highlightbox .text_container .caption
	{
		font-size: 40px;
		line-height: 28px;	
	}	
	
	.mhce_linkbox .item .caption
	{
		font-size: 20px;
		line-height: 24px
	}

	/*.mhce_linkbox .item .inside {
    
    padding-top: 42px;
    padding-bottom: 28px;
    padding-left: 24px;
    padding-right: 24px;
 	margin-left: 4px;
	margin-right: 4px;
	}*/
	
	.mhce_linkbox .item .teaser {
		font-size: 14px;
	}
	
	#leistungen .item:last-child
	{
		display:none;
	}
	
	#leistungen .item {
		width:25%!important;
	}
	
}

/* --- 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;
	}
	#leistungen
	{
		display:block;
	   display: flex;
	   flex-direction: row;
	   flex-wrap: wrap;		
	}
	#leistungen .item {
		width:50%!important;
		margin-top:4px;
		margin-bottom:4px;
	}	

}

/* --- 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;

	}
	
	.mhce_alertbox .caption .text
	{
		margin-top: 0px;	
	}
}

/* --- Small devices - Phone // s
 * ---------------------------------------- */
 
@media only screen and (max-width: 639px) {

	.mhce_linkbox
	{
		flex-wrap:wrap;
		margin-bottom:0px;
	}

	/*.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%;
	}


	#leistungen .item {
		width:100%!important;
		margin-top:4px;
		margin-bottom:4px;
	}
	
	#leistungen .item .inside
	{
		display:flex;
		padding-top: 22px;
		padding-bottom: 0px;
	}
	
	#leistungen .item .caption
	{
		margin-left:24px;
		margin-top:16px;
	}
	
	
	#leistungen .item .teaser,
	#leistungen .item .link
	{
		display:none;
	}

	#leistungen .item:last-child
	{
		display:block;
	}


}


/* --- 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;
	}

}



