/* --------------------------------------------------------------------------------
 * Globals: ELEMENTE
 * ----------------------------------------------------------------------------- */


h1, h2, h3, h4, h5, h6
{
	font-family: "Muli", sans-serif;
	color:#22425b;
	font-weight:800;
}

h1 {
	
}

h2 {
	font-size: 1.9em;
	text-align:center;
}

h3 {
	
}

h4{

}

p
{
	
	font-style: normal;
	font-size:16px;
	line-height:23px;
}


p.teaser, .teaser p
{

	font-style: normal;
	font-size:17px;
	line-height:25px;
	color:#426173;
}


.ce_text ul
{
	margin-left:24px;
}

.ce_text li
{
	font-size:16px;
	line-height:23px;
	list-style:disc;
}

.ce_text strong
{
	font-weight: 800;
    /*font-family: "", sans-serif;*/
}

.kursiv
{
	font-style:italic;
}

.ce_download .download-element,
.ce_downloads .download-element
{
	padding-left:30px;
	background-image:url('/files/mhr20/theme/elements/download.png');
	background-repeat:no-repeat;
	background-position:0 4px;
}

b, strong {
    font-weight: 700;
}

/* --------------------------------------------------------------------------------
 * Globals: Region
 * ----------------------------------------------------------------------------- */

.col-container
{
	
}

.col-container:after
{
	content: "";
	clear: both;
	display: table;
}

.col_w20
{
	width:20%;
	float:left;
}

.col_w25
{
	width:25%;
	float:left;
}

.col_w33
{
	width:33.333333%;
	float:left;
}

.col_w50
{
	width:50%;
	float:left;
}

.col_w66
{
	width:66.666666%;
	float:left;
}

.col_w100
{
	width:100%;
	float:left;
}

.flex-region
{
	display:flex;
	margin-left:-10px;
	margin-right:-10px;
}

.flex-region > div
{
	box-sizing:border-box;
	position:relative;
}

.flex-region .flexitem .inside
{
	margin-left:10px;
	margin-right:10px;
}

.flex-region.r2-1 .flexitem:nth-child(1)
{
	flex:2 2 66.6666%;
}

.flex-region.r2-1 .flexitem:nth-child(2)
{
	flex:1 1 33.3333%;
}

.flex-region.r2-2-1 .flexitem:nth-child(1),
.flex-region.r2-2-1 .flexitem:nth-child(2)
{
	flex:2 2 40%;
}

.flex-region.r2-2-1 .flexitem:nth-child(3)
{
	flex: 1 1 20%;
}

.startpage .flexitem.ce_text.lightblue .inside
{
	padding:32px;
	background-color:#579cc3;
	color:#fff;
}

.startpage .flexitem.ce_text.darkblue .inside
{
	padding:32px;
	background-color:#22425b;
	color:#fff;
}

.startpage .flexitem.ce_text.limegreen .inside,
.startpage .flexitem.ce_form.limegreen

{
	padding:32px;
	background-color:#d8be00;
	color:#fff;
}

.flex-region.r2-1-2 .flexitem:nth-child(1),
.flex-region.r2-1-2 .flexitem:nth-child(3)
{
	flex:2 2 40%;
}



.flex-region.r2-1-2 .flexitem:nth-child(2)
{
	flex: 1 1 20%;
}

.flex-region.r2 > div
{
	flex: 1 1 50%;	
	margin-left:10px;
	margin-right:10px;
}

.text-col-3
{
	column-count: 3;
	height: 90px;
}
/* --------------------------------------------------------------------------------
 * Globals: LINKS & BUTTON
 * ----------------------------------------------------------------------------- */



a
{
	color:#426173;
	text-decoration: none ;	
}

a:hover
{
	color:#118ba3;
	text-decoration: none ;	
}

.ce_hyperlink
{
	display:inline-block;
}

.ce_hyperlink a
{
	color:#fff;
}

button, a.button, p.back a, .ce_hyperlink {
	background-color:#d8be00;
	color:#fff;
	text-transform:uppercase;
	padding-left:24px;
	padding-right:24px;
	padding-top:12px;
	padding-bottom:10px;
	border:0px;
}

p + p.back
{
	margin-top:24px;
}
/* --------------------------------------------------------------------------------
 * Globals: MARGIN/PADDING
 * ----------------------------------------------------------------------------- */

.align-center
{
	text-align:center;
}

.margin-top-m
{
	margin-top:24px;
}


/* --------------------------------------------------------------------------------
 * Globals: COLOR
 * ----------------------------------------------------------------------------- */


 .col_magenta
 {
	 color:#b90f5f!important;
 }
 
 .col_purpur
 {
	 color:#b8105e!important;
 }
 
 .col_blue
 {
	 color:#2fc8d8!important;
	 color:#4bbed0!important;
 }
 .col_white
 {
	 color:#fff;
 }
  .col_black
 {
	 color:#333333;
 }

 
.bgr-color-bluegrey
{	
	background-color:#426173;
}

.bgr-color-green
{	
	background-color:#aab50d;
}




/* --------------------------------------------------------------------------------
 * Responsive Design
 * ----------------------------------------------------------------------------- */

/* --- 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) {
	

	h1
	{
		font-size: 3.0rem;
	}

	h2
	{
		font-size: 2.5rem;
	}
	
}

/* --- Medium devices - Tablet // md
 * ---------------------------------------- */
 
@media only screen and (max-width: 991px) {
	
#map-overlay .inside #map-region
{
	padding:16px;
}

}

/* --- Small devices - Phone // sm
 * ---------------------------------------- */
 
@media only screen and (max-width: 767px) {
	


}

/* --- Small devices - Phone // s
 * ---------------------------------------- */
 
@media only screen and (max-width: 639px) {
	
.col_w25
{
	width:50%;
	float:left;
}

.col_w33
{
	width:100%;
	float:left;
}

.col_w50
{
	width:100%;
	float:left;
}

.col_w66
{
	width:100%;
	float:left;
}

}


/* --- Extra small devices - Phone // xs
 * ---------------------------------------- */
 
@media only screen and (max-width: 544px) {
	

	
}





