.contentpage #header{
	
	height: 420px;
	height: auto;
	background: #fff;
	position: relative;
	margin-top: -130px;
	overflow: hidden;
}

.contentpage #header .ce_image
{
	margin-bottom: 0px!important
}

.contentpage1.basic #header
{
	height: 500px;
}

.contentpage1.basic #header_offset
{
	height:420px;
}

.contentpage #header .ce_image .image_container
{
	text-align: center;
}

.contentpage #container
{
	box-shadow: 0px -8px 10px #e3e3e3a6;
	padding-top:1.75rem;
	padding-bottom: 5.875rem;
	overflow: visible;
	
}

.contentpage #container .mod_article:not(.full-width-screen)
{
	
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.contentpage.basic .headimage + .ce_text.teaser
{
	margin-top:2.875rem;
}


/* --------------------------------------------------------------------------------
 * Page-Configuration
 * ----------------------------------------------------------------------------- */

.contentpage #container-col
{
	max-width: 1384px;
	margin-left:auto;
	margin-right:auto;
}
.contentpage #footer{
	margin-top:80px; 
}
/* --------------------------------------------------------------------------------
 * Page-Templates
 * ----------------------------------------------------------------------------- */


.contentpage.cp-sbr #right {
    width: 33.333333333%;
}
.contentpage.cp-sbr #right {
    margin-right: -100%;
	padding-left:60px;
	margin-top: -120px;
}

.contentpage.cp-sbr #main { 
	width: 780px;
    width: 66.666666666%;
}

.contentpage.cp-sbr.overview #main { 
	width: unset;
    width: 100%;
}

#main, #left, #right {
    float: left;
    position: relative;
}

.contentpage.cp-sbr.basic #main
{
	margin-top: -120px;
}
/* --------------------------------------------------------------------------------
 * Page-Elemtens
 * ----------------------------------------------------------------------------- */
 
 
.contentpage h1
{
	color:#426173;
	font-size: 36px;
    font-size: 2.1875rem;
	line-height: 1.2;
	
	color:#000;
	text-transform: uppercase;
	margin-top:5.6875rem;
	margin-bottom: 2rem;
}

.contentpage.smart h1
{
	margin-top:3.0rem;
}


.contentpage.basic .headimage
{
	position: relative;
}
.contentpage.basic .headimage h1
{

    position: absolute;
    left: 4.75rem;
    bottom: 7.25rem;
    color: #fff;
    font-size: 3.5rem;
	
}

.contentpage h2
{
    margin-top: 2.875rem;
    margin-bottom: 1.75rem;
	font-size: 1.9rem;
	line-height: 2.1rem;
    text-transform: uppercase;
}

.contentpage h3
{
    margin-bottom: 0.3rem;
    font-size: 1.513rem;
    line-height: 1.938rem;
}



.contentpage h1 + p,
.contentpage h1 + .ce_text p
{
	margin-top:0!important;
}


#container .contentpage .mod_article:not(.full-width-screen) .content-container
{
	max-width: 740px;
}


.contentpage p:not(.teaser)
{
	font-size: 1.15rem;
    line-height: 1.65rem;
}
.contentpage .teaser p
{
    font-size: 1.313rem;
    line-height: 1.938rem;
}
.contentpage #header .ce_image h5{
position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 60px;
    font-size: 52px;
    color: #fff;
	z-index:100;
}

.contentpage #header .ce_image.layer:after
{
	content:"";
	background-image:url('/files/mhr20/theme/elements/geopark_header-layer.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:bottom;
	position:absolute;
	top:0;
	bottom:0;
	left:0; 
	right:0;
	filter: brightness(0.9);
}

.contentpage #header .ce_image .caption
{
	position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 54px;
    font-size: 21px;
    color: #fff;
	z-index:100;
}

/* --- Large devices - Desktop // xxl
 * ---------------------------------------- */

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

	
	.contentpage1.basic #header_offset
	{
		height:350px;
	}
	
}


/* --- Large devices - Desktop // xl
 * ---------------------------------------- */
 
@media only screen and (max-width: 1380px) {
	
	.contentpage1.basic #header_offset
	{
		height:300px;
	}

	.contentpage.basic .headimage h1 {
		position: absolute;
		left: 3.75rem;
		bottom: 6.25rem;
		color: #fff;
		font-size: 3.0rem;
	}
}


/* --- Large devices - Desktop // lg
 * ---------------------------------------- */
 
@media only screen and (max-width: 1428px) {
	
	.contentpage #container
	{
		padding-left:16px;
		padding-right:16px;
	}
	
	.contentpage #headlogo {
		width: 212px;
       height: 122px;
    
	}
}

@media only screen and (max-width: 1025px) {
	
	.contentpage #header .ce_image h5
	{
		bottom: 62px;
		font-size: 46px;
		line-height: 49px;
	}
	
	.contentpage #header .ce_image .caption {
		bottom: 35px;
		font-size: 20px;
	}
	
	.contentpage.basic .headimage h1 {
		position: absolute;
		left: 3rem;
		bottom: 6rem;
		color: #fff;
		font-size: 2.75rem;
	}
}
/* --- Medium devices - Tablet // md
 * ---------------------------------------- */
 
@media only screen and (max-width: 991px) {
	
	.contentpage.cp-sbr #right
	{
		display:none;
	}
	
	.contentpage.cp-sbr #main{
		width:80%;
		box-sizing:border-box;
	}	
	
	


}

/* --- Small devices - Phone // sm
 * ---------------------------------------- */
 
@media only screen and (max-width: 767px) {
	
	.contentpage.cp-sbr #right
	{
		display:none;
	}
	
	.contentpage.cp-sbr #main{
		width:100%; 
		box-sizing:border-box;
	}
	
	

}

/* --- Small devices - Phone // s
 * ---------------------------------------- */
 
@media only screen and (max-width: 639px) {
	
	.contentpage #header .ce_image h5
	{
		bottom: 62px;
		font-size: 42px;
		line-height: 45px;
		padding-left:10%;
		padding-right:10%;		
	}
	
	.contentpage #header .ce_image .caption {
		bottom: 35px;
		font-size: 18x;
		padding-left:10%;
		padding-right:10%;		
	}
	
	.contentpage #headlogo {
		width: 152px;
       height: 88px;
    
	}	
	
	
	.contentpage1.basic #header_offset
	{
		height: 250px;
	}	

}


/* --- Extra small devices - Phone // xs
 * ---------------------------------------- */
 
@media only screen and (max-width: 544px) {
	
	.contentpage #header .ce_image h5
	{
		bottom: 50px;
		font-size: 36px;
		line-height: 36px;
	}
	
	.contentpage #header .ce_image .caption {
		bottom: 16px;
		font-size: 16x;
		line-height:20px;
	}
	
	.contentpage.basic .headimage h1 {
		position: absolute;
		left: 2rem;
		bottom: 5.5rem;
		color: #fff;
		font-size: 2.25rem;
	}
	
}