a[href^="tel:"] {
	color: inherit;
	text-decoration: none;
}
textarea, input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
	-webkit-appearance: none;
	-moz-appearance: caret;
}
/*------ template stylization ------*/
body {
	font-family: 'Montserrat', sans-serif;
	line-height:30px;
	width:100%;
	font-size:16px;
	color:#5d5d5e;
}

a{color:#575656; text-decoration:underline}
a:hover{color:#8a8a8a;text-decoration:none }

/*---------------row_s----------------*/
.row_0 {
	padding: 44px 0 20px;
	background: #FFF;
}
.row_1 {
	padding: 44px 0 20px;
	background: #FFF;
}
.row_2 {
	padding: 17px 0 20px;
	background: #FFF;
}
.row_3 {
	padding: 88px 0 86px;
	background: #FFF;
}
.row_4 {
	padding: 48px 0 36px;
	background: #FFF;
}
.row_5 {
	padding: 48px 0 36px;
	background: #FFF;
}
.row_6 {
	padding: 49px 0 50px;
	background: #FFF;
}
.row_7 {
	padding: 82px 0 86px;
	background: #FFF;
}
.row_8 {
	padding: 49px 0 53px;
	background: #FFF;
}
.row_9 {
	padding: 56px 0 74px;
	background: #FFF;
}
.row_10 {
	padding: 50px 0;
	background: #FFF;
}
.padbot1 {
	padding-bottom: 3px;
}
.padbot2 {
	padding-bottom: 26px;
}
.padbot3 {
	padding-bottom: 32px;
}
.padbot4 {
	padding-bottom: 27px;
}
.padbot5 {
	padding-bottom: 25px;
}
.padbot6 {
	padding-bottom: 28px;
}
.m_bot1 {
	margin-bottom: 31px;
}
/*---------------headings links------------------*/
p {
	
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: #5d5d5e;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}


h1{
	font-size: 36px;
	line-height: 40px;
	font-weight: 200;
	text-transform: uppercase;
	color: #4957a0;
	margin: 0 0 30px 0;
	padding: 0px;
}

h2 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
	color: #4957a0;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	
}

h2 span {

	font-size: 30px;
	line-height: 34px;
	font-weight: 300;
	color: #757575;
	display: block;
	margin: 0;
}

h3 {
	font-size: 24px;
	line-height: 36px;
	font-weight: 400;
	color: #4957a0;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	text-transform: uppercase;
}
h4 {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	color: #4957a0;
	padding: 0;
	margin: 0;
	margin-bottom: 16px;
}
h5 {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 19px;
	font-weight: 400 !important;
	color: #757575;
	padding: 0;
	margin: 0;
}
ul {
  padding: 0;
}


.tm_navbar {
	position: relative;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	display: inline-block;
	float: left;
	margin-top:4px;
	margin-left:35px
	
}
.tm_navbar .nav {
	float: none;
	position: relative;
}
.tm_navbar ul {
	position: relative;
	padding: 0;
	margin: 0;
	background: none;
	list-style: none;
}
.tm_navbar .nav li:first-child {
	position: relative;
	padding: 0;
	background: none;
	zoom: 1;
}
.tm_navbar .nav li:first-child a {
}
.tm_navbar .nav li {
	float: left;
	padding: 0 0 0 2px;
	position: relative;
	zoom: 1;
}
.tm_navbar .nav li a {
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 0px;
	font-weight: 200;
	color: #5d5d5e;
	padding: 22px 20px;
	border: none;
	border-radius: 0;
	text-shadow: none;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.tm_navbar .nav > li > a .sf-sub-indicator {
	width: 7px;
	height: 5px;
	display: none;
	top: 55px;
	right: 48%;
	position: absolute;
	z-index: 5;
}
.tm_navbar .nav li a:hover, .tm_navbar .nav > li.active > a, .tm_navbar .nav > li.active > a:hover {
	color: #5d5d5e;
	
	background-repeat: repeat-x;
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
}
.tm_navbar .nav > .active > a, .tm_navbar .nav > .active > a:hover, .tm_navbar .nav > .active > a:focus {
	color: #000;
	font-weight:500;
	background: transparent;
}
.tm_navbar .nav > li.sfHover.active > a .sf-sub-indicator, .tm_navbar .nav > li.active > a .sf-sub-indicator {
	color: #000;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.tm_navbar .nav > li.sfHover > a, .tm_navbar .nav > li.sfHover > a:hover, .tm_navbar .nav > li > a:hover, .tm_navbar .nav > li.active > a, .tm_navbar .nav > li.active > a:hover {
	
}
/*---------submenu1-------------*/
.tm_navbar .nav ul {
    background-color: #F3F3F3;
    display: none;
    left: 2px;
    list-style: outside none none;
    margin: 0;
    padding: 5px 20px;
    position: absolute;
    text-align: center;
    top: 42px;
   
    z-index: 11;
}
.tm_navbar .nav ul li:first-child {
	width: 100%;
	padding: 0px 0 0px 0px;
	display: block;
	position: relative;
	zoom: 1;
	z-index: 10;
	border-top: none;
	background: none;
}
.tm_navbar .nav li ul li ul li {
	font-weight: 200;
}


.tm_navbar .nav ul li.active ul li a {
    font-weight: 200;
}

.tm_navbar .nav ul li ul li.active a {
    font-weight: 500;
}

.tm_navbar .nav ul li:first-child img {
	position: absolute;
	top: -22px;
	left: -5px;
}
.tm_navbar .nav ul li:first-child a {
	padding: 3px 0;
}
.tm_navbar .nav ul li {
	width: 100%;
	text-align: left;
	padding: 0px 0;
	
	display: block;
	position: relative;
	zoom: 1;
	z-index: 10;
	background: none;
	margin: 5px 0;
}
.tm_navbar .nav ul li a {
    background: transparent none repeat scroll 0 0;
    color: #383331;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    margin: 0;
    padding: 0;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
}
.tm_navbar .nav ul li a:hover {
	color: #757575;
}
/*--------------------------*/
.tm_navbar .nav > li > ul li > a:hover, .tm_navbar .nav > li > ul li.sfHover > a {
	text-decoration: none;
	color: #757575;
	background: transparent;
}
.tm_navbar .nav > li > ul li > a:hover, .tm_navbar .nav > li > ul ul li.sfHover > a {
	text-decoration: none;
	color: #757575;
	background: transparent;
}
/*-----------submenu2-----------*/
.tm_navbar .nav ul ul {
	background: #FAFAFA  scroll center bottom;
    left:250px;
    list-style: outside none none;
    padding: 13px 0;
    top: -10px;
    width: 330px;
}
.tm_navbar .nav ul ul li:first-child {
	width: 100%;
	text-align: left;
	padding: 0;
	position: relative;
	zoom: 1;
	border-top: none;
	z-index: 11;
	background: transparent;
	padding-left:20px;
}
.tm_navbar .nav ul ul li:first-child a {
	padding: 3px 0;
}
.tm_navbar .nav ul ul li {
	width: 100%;
	text-align: left;
	padding: 3px 0;
	padding-left:20px;
	position: relative;
	zoom: 1;
	z-index: 11;
	background: none;
	
}
.tm_navbar .nav ul ul li a {
	padding: 0;
	margin: 0;
	background: transparent;
	color: #383331;
	font-size:11px;
}
.tm_navbar .nav ul ul li a:hover {
	color: #757575;
	background: transparent;
}
/*-------indicator2-------*/
.tm_navbar .nav ul .sf-sub-indicator {
	width: 7px;
	height: 5px;
	position: absolute;
	display: none;
	top: 7px;
	left: auto;
	right: -14px;
	z-index: 5;
}
/*-------------------select------------------*/
.select-menu {
	display: none !important;
}
/************** header end **************/
/************** content **************/

.tm_navbar .nav ul li.active a{font-weight:500;}




#logo{display: inline-block;float:left;}
#logo img{width: 250px;  margin-top:5px}
#tel{  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
	background-color: #4957a0; padding: 8px 20px; color: #fff; font-weight: 500; display: inline-block; float:right; font-size: 12px; margin-top: 3px; border: 1px solid #fff;}
#tel:hover{background-color: #fff; border: 1px solid #4957a0; color: #4957a0; text-decoration: none}

#header{margin-top:35px;}
#hero{background-color: #D3D3D3; height: 300px; margin-top: 40px; background-size: cover; background-position: right center; margin-bottom: 50px;}

#heroInner{background-color: rgba(73,87,160,0.80); color: #fff; display: inline-block; padding:20px 40px; font-weight: 200; font-size: 20px; position: absolute;margin:-250px 0 0 50px}
#heroInner strong{font-weight: 500;}


#heroUnter{background-color: #D3D3D3; height:200px; margin-top: 40px; background-size: cover; background-position: right center; margin-bottom: 50px;}

.heroInnerUnter{margin-top: -200px!important}

h3.subtitles{font-weight: 400; font-size: 24px; border-bottom: 1px solid #4957a0; padding-bottom:20px; margin-bottom: 50px; line-height: 30px}
h3.subtitles div{background-color: #4957a0; height: 20px; width:20px; float: left; margin-right: 10px; margin-top: 4px;}

.butSchwerpunkt{
	
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	padding-top:24px; 
	
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
	background-color: #e7e7e7;
}
a .butSchwerpunkt  {color:#4957a0!important; padding: 20px 0 21px 0;text-decoration: none!important}
a .butSchwerpunkt:hover {background-color: #4957a0; color:#FFFFFF!important; text-decoration: none!important }
a.but:hover{text-decoration: none!important}
.butSchwerpunkt div{background-color: #4957a0; color: #fff; padding: 20px; min-width: 80px; display: inline-block; font-size: 30px; float: left; margin-top:-20px }


section{
padding:50px 0 50px 0;
}


.willkommen{text-align: center!important; margin-top: 150px; margin-bottom: 50px}

.willkommen h3{font-weight: 400; font-size: 24px; text-align: center;padding-bottom:10px}
.willkommen h2{font-weight: 200; font-size: 36px; text-align: center;color:#4957a0; padding-bottom: 30px}

.contentBlockIndex{margin-bottom: 50px; clear: both; }
.contentBlockIndex.last{margin-bottom: 0px; clear: both;margin-top:50px}
.cta-text{font-size: 24px; line-height: 40px}
.cta-text strong{font-weight: 500;}

.cta-box{background-color: #e7e7e7; padding:30px}
.cta-box h2{font-size: 36px; font-weight: 300; color:#5d5d5e;margin: 30px 0 20px 0; border-bottom: 2px solid #4957a0; padding-bottom:30px}

.cta-box table tr td i{color:#4957a0}

a.but{text-decoration: none;}
.butKontakt{	
	margin-top:30px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	padding-top:0px; 
	
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
	background-color: #fff;}
a .butKontakt  {color:#4957a0!important; padding: 20px 0 21px 0;text-decoration: none!important}
a .butKontakt:hover {background-color: #4957a0; color:#FFFFFF!important; text-decoration: none!important }
a.but:hover{text-decoration: none!important}
.butKontakt div{background-color: #4957a0; color: #fff; padding: 20px; min-width: 80px; display: inline-block; font-size: 30px; float: left; margin-top:-20px }

footer{background-color: #eeeeef; padding:40px 0px}


footer div ul {padding:0px; float:right;}
footer div ul li{float:left; list-style-type: none; margin-left:20px;}
footer div ul li a{}


.footerRight ul li a{text-decoration: none;}
.footerRight ul li a:hover{text-decoration: underline;}


label {
    
    font-weight: 300;
}

.btn-primary {
    color: #fff;
    background-color: #4957a0;
    border-color: none;
	border-radius: 0px;
	 -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn-primary:hover {
    color: #4957a0;
    background-color: #fff;

}

/*.liste li:before{
	/*content:'&#9632';
	font-size: 30px;
	color:#4957a0;
	line-height: 40px;
	
	position: absolute;
	margin: -6px 0 0 -20px 
	
	
	content: '■'; 
  margin-right: 2px;
  font-size: 30px;
  vertical-align: middle;
  display: inline-block;
 
color:#4957a0;
	margin: -6px 0px 0 -20px;


}*/



.liste li{ list-style-image: url("/img/dots.gif"); padding-left: 10px; padding-bottom: 3px;}

.liste{padding-left:20px; margin-top:20px;margin-bottom:20px}


.liste li ul li{list-style-type: square;padding-left: 10px; margin-left: 20px; list-style-image: none;}
.liste li ul{margin-bottom: 20px; margin-top:20px}


.ui-state-active{background-color: #4957a0;border: none!important;}

#accordion{
	font-family:'Montserrat', sans-serif;
	
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("/img/arrow.png")!important;
	
}
.ui-icon {
   
    position: absolute;
	margin: 10px 0 0 -15px;
}

.ui-button:focus .ui-icon {
	background-image: url("/img/arrow.png")!important;
}
.ui-state-hover .ui-icon  {background-image: url("/img/arrow.png")!important;
}

.ui-icon-triangle-1-e {
    background-position:0px 0px!important;
}

.ui-icon-triangle-1-s {
   background-position: 0px 4px!important; 
}

.ui-accordion .ui-accordion-header {
   padding-left: 30px;
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url(/img/arrow-white.png)!important;
}

.ui-state-default{border: none;}
.ui-button:focus .ui-icon {
	background-image: url("/img/arrow.png")!important;
}

#breadcrumb{font-size: 14px; font-weight:200 }

.colImg{margin-bottom:30px}

.cta2Box{background-color: #e7e7e7; margin-top: 30px; margin-bottom: 30px; padding-top:30px; padding-bottom:30px}

.downloadIcon{width: 180px;}
.downloadWrapper{text-align: right;}

.myTable tr td{padding:10px}

.ui-widget-content {
   
    color: #5d5d5e!important;
}

.ui-helper-reset{line-height:30px!important
}

/*-------------- media queries -------------------*/
/**********************BREAKER 1************************************/
@media (min-width: 1220px) {




}
/****************************** BREAKER 2 ************************************************/
@media (min-width: 992px) and (max-width: 1199px) {

.downloadWrapper{text-align: center;}	
.downloadIcon{margin-top:30px; }	
	
	
		#tel{  position: absolute;
    width: 160px;
    right: 20px;
	top:24px;
		z-index:100!important; border:none;
	}
	
.mega-dropdown { 
  font-size:13px;
}

.navbar-nav > li > a {
    padding: 18px 17.92px;
}

	.cta-box{margin-top:30px}
	
	
	.contentBlockIndex.middle{display: flex;flex-direction:column!important}
	.contentBlockIndex.middle .textBox{order:2;}
	.contentBlockIndex.middle .imgBox{order:1;}
	.imgBox{margin-bottom: 30px;}
	.willkommen h2{font-size: 30px; line-height: 35px}
	
.downloadWrapper{text-align: center;}	
.downloadIcon{margin-top:30px; }	
		
}



/****************************BREAKER 3******************************/
@media (min-width: 768px) and (max-width: 991px) {
.sf-menu{display:none;}
	.nav{display:none}
	.navbar{display:none}
	#dl-menu{display:inline;}

.navbar-nav > li > a {
    padding: 16px 10.45px;
}

.cta-box{margin-top:30px}
	
	.contentBlockIndex.middle{display: flex;flex-direction:column!important}
	.contentBlockIndex.middle .textBox{order:2;}
	.contentBlockIndex.middle .imgBox{order:1;}
	.imgBox{margin-bottom: 30px;}
	
	.willkommen h2{font-size: 30px; line-height: 35px}
	
	
		
	
		#tel{  position: absolute;
    width: 160px;
    right: 20px;
	top:24px;
		z-index:100!important; border:none;
	}
	
	   
	
	
	#logo {
		width: 100%;
		text-align: center;
		float: none;
		margin-top:30px;
	}	
	
	#heroInner{ padding:20px 40px; font-weight: 200; font-size: 18px; position: relative;margin:-51px 0 0 0px; width: 100%}
	
	.butSchwerpunkt{margin-bottom:20px}
	.downloadWrapper{text-align: center;}	
	.downloadIcon{margin-top:30px; }	
	.footerRight ul{margin-left: 0px; padding-left:0px; float:none;}
	.footerRight ul li{width: 100%; text-align: center; margin-left: 0px}
	
}



/*MOBILE START PAD*/ 
/************************* BREAKER 4*********************************/
@media (max-width: 767px) {
	.sf-menu{display:none;}
	.nav{display:none}
	.navbar{display:none}
	#dl-menu{display:inline;}
	.willkommen h2{font-size: 30px; line-height: 35px}
	.butSchwerpunkt{margin-bottom:20px}
	
	.contentBlockIndex.middle{display: flex;flex-direction:column!important}
	.contentBlockIndex.middle .textBox{order:2;}
	.contentBlockIndex.middle .imgBox{order:1;}
	.imgBox{margin-bottom: 30px;}
	.cta-box{margin-top:30px}
			
		
		#tel{  position: absolute;
    width: 160px;
    right: 20px;
	top:24px;
		z-index:100!important; border:none;
	}
	#logo {
		width: 100%;
		text-align: center;
		float: none;
		margin-top:30px;
	}	
	#heroInner{ padding:20px 40px; font-weight: 200; font-size: 14px; position: relative;margin:-51px 0 0 0px; width: 100%}
	.downloadWrapper{text-align: center;}	
	.downloadIcon{margin-top:30px; }	
	.footerRight ul{margin-left: 0px; padding-left:0px; float:none;}
	.footerRight ul li{width: 100%; text-align: center; margin-left: 0px}	
}
/************************ PHONE ** BREAKER 5********************************/
@media (max-width: 650px) {
	h1{font-size: 28px}
	.bodytext img{width:auto !important; height:auto !important;}

	.indexCont2{display:none;}

	#heroInner{ padding:20px 20px; font-weight: 200; font-size: 14px; position: relative;margin:-51px 0 0 0px; width: 100%}
	#heroInner.solo{ padding:20px 20px; font-weight: 200; font-size: 14px; position: relative;margin:-80px 0 0 0px; width: 100%}
	section.first{padding-top:0px;}
		
		#tel{  position: absolute;
    width: 160px;
    right: 20px;
	top:24px;
		z-index:100!important; border:none;
	}	
	#logo {
		width: 100%;
		text-align: center;
		float: none;
		margin-top:30px;
	}	
	#breadcrumb{margin-top:50px}
	#logo img {
	 float: none
	}	
	
	h3{font-size: 17px; line-height: 27px}
	.willkommen h3{font-size: 20px}
	
	h3.subtitles{font-size: 20px; margin-bottom: 30px}	
	.willkommen h2{font-size: 30px; line-height: 35px}

	.butSchwerpunkt {
	text-align: center;
	font-size: 11px;
	font-weight: 500;
		margin-bottom:20px;
	}


	.willkommen {

		margin-top: 50px;
		margin-bottom: 0px;
	}	

	#sicheraufgehoben{padding-top: 0px;}	
	
	.imgBox{margin-bottom: 30px;}
	
	
	.contentBlockIndex.middle{display: flex;flex-direction:column!important}
	.contentBlockIndex.middle .textBox{order:2;}
	.contentBlockIndex.middle .imgBox{order:1;}
	
	#sicheraufgehoben{padding-bottom:0px;}
	
	.cta-text {
    font-size: 16px;
    line-height: 30px;
	}
	.cta-box{margin-top:30px}
	.cta-box h2 {
    font-size: 26px;
    
		
	}
	
	
	.cta-box table tr td {font-size: 14px}
	
	
	.butKontakt {
   
    font-size: 12px;
		
	}
	
	.footerLeft{text-align: center;}
	.footerRight{text-align: center; margin-top: 20px}
	.footerRight ul{margin-left: 0px; padding-left:0px; float:none;}
	.footerRight ul li{width: 100%; text-align: center; margin-left: 0px}
	.downloadWrapper{text-align: center;}	
	.downloadIcon{margin-top:30px;}	
	
	#hero{background-position: right -150px center }
	
	
}
/**********************************************************/
@media (max-width: 550px) {
	.bodytext img{width:auto !important; height:auto !important;}

	.indexCont2{display:none;}
	.downloadWrapper{text-align: center;}	
.downloadIcon{margin-top:30px; }	
	
	.contentBlockIndex.middle{display: flex;flex-direction:column!important}
	.contentBlockIndex.middle .textBox{order:2;}
	.contentBlockIndex.middle .imgBox{order:1;}
	
}
/**********************************************************/
@media (max-width: 480px) {
	.bodytext img{width:auto !important; height:auto !important;}

.indexCont1{width: 100% !important;}
.indexCont2{display:none;}
	

	.contentBlockIndex.middle{display: flex;flex-direction:column!important}
	.contentBlockIndex.middle .textBox{order:2;}
	.contentBlockIndex.middle .imgBox{order:1;}
	.footerRight ul{margin-left: 0px; padding-left:0px; float:none;}
	.footerRight ul li{width: 100%; text-align: center; margin-left: 0px}

}
/**********************************************************/
@media (max-width: 460px) {


	.contentBlockIndex.middle{display: flex;flex-direction:column!important}
	.contentBlockIndex.middle .textBox{order:2;}
	.contentBlockIndex.middle .imgBox{order:1;}
	.footerRight ul{margin-left: 0px; padding-left:0px; float:none;}
	.footerRight ul li{width: 100%; text-align: center; margin-left: 0px}
}
/**********************************************************/
@media (max-width: 440px) {


	.contentBlockIndex.middle{display: flex;flex-direction:column!important}
	.contentBlockIndex.middle .textBox{order:2;}
	.contentBlockIndex.middle .imgBox{order:1;}
}
/*Core variables and mixins*/
img {
	max-width: 100%;
}