/**************/
/*NEU*/

/**************/
/*Defaults*/
/*************/

#wrappr{
	bottom: 0;
	position: absolute;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: 100%;
	bottom: 0;
	z-index: 80;



}


html, body {
	background : #fff;
	overflow : auto;
	margin: 0;
	padding: 0;
	height: 100%;
	border: none;
	font-size: 0.89em;
	line-height: 1.45em;
	color: #434343;
	font-family: 'Muli', sans-serif,Arial, Helvetica, Geneva, Swiss, SunSans-Regular;

}
#halign{
	margin:auto;
	max-width:1064px;
	width:100%; /*proportion breite*/
	height:100%; /*proportion hoehe*/
	/*background-color:aqua;*/
	z-index:15;
	/*transform: scale(0.95); /* Equal to scaleX(0.9) scaleY(0.9) */

}
#hmb3{
    display:none;
}
.hmbnav{
	display:none;
}

a:link {
	color: #434343;
	text-decoration : none;
	background-color : transparent;
	font-size:0.95em;
	font-weight: 400;
}
a:visited {
	color: #434343;
	text-decoration : none;
	background-color : transparent;
	font-weight: 400;
}
a:hover {
	color: #007B9A;
	text-decoration : none;
	background-color : transparent;
	font-weight: 400;
	
}
.clear{
	clear:both;
}

h1 {
	margin: 0;
	padding: 0;	
	margin-bottom:2px;
	font-weight: 700;
	color: #434343;
	font-size: 11pt;
	line-height: 15pt;
	letter-spacing:1px;
}

h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 10pt;
	color: #434343;
	line-height: 16pt;
}
h3 {
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 9.5pt;
	color: #434343;
	line-height: 12pt;
}
h4 {
	margin: 0;
	padding: 0;	
	margin-bottom:2px;
	font-weight: 700;
	color: #434343;
	font-size: 13pt;
	line-height: 15pt;
	letter-spacing:1px;
}


p {
	margin: 0;
	padding: 0;
	padding-bottom:4px;
}

.ct8{
	-moz-hyphens: auto; /*auto umbruch im Content*/
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;

}






/*************/
/* Template */
/*************/

#template{
	margin-top:2%;
	background-color:#fff;	
	border-top:4px #007B9A solid;
	
}

.tmplgal{
	position:relative;
	margin-top:3px;
	width:100%;
	height:auto;
	z-index:500;
}

/*************/
/* content */
/*************/

.content{
	margin:2.5% 4.6% 0 5.17%;
	width:89.7%;
	/*background-color:fuchsia;*/
}
.logo{
	float:left;
	width:35.3%;
	margin-right:3%;
	position:relative;
	z-index:500;
	/*background-color:lime;*/
}
.logo img{
    position:relative;
    z-index:550;
}
.pclpi{
	margin-top:3%;
	width:100%;
	max-width:354px;
	height:auto;
}
hr {
	border: none;
	height: 1px;
	color: #007B9A;
 	background-color: #007B9A;
 	margin-bottom:3px;

}


/*************/
/* hmnu */
/*************/

#hmnu{
	position:relative;
	z-index:900;
	font-weight:400;
    z-index:550;
    font-size: 1.6em;
	color:#212125;
	
}

ul.navlist{
	display: flex;
    justify-content: space-between;
    list-style: none; 
    margin:0;
   	padding:0; 
   	padding-top:1%;
    /*background-color:aqua;*/
    }
ul.navlist1 li{
	margin:0;
   	padding:0;
	
}
ul.navlist li.active a
{

	color: #007B9A;
}

/*************/
/* hmbnav */
/*************/

.hmbnav ul.navlist{
	display:block;
    list-style: none; 
    margin:0;
   	padding:0; 
   	padding:4%;
	
	margin-bottom:4px;
	font-weight: 700;
	color: #434343;
	font-size: 1.1em;
	line-height: 1.5em;
	
}
.hmbnav ul.navlist li.active a
{
	
	color: #007B9A;
}



/*************/
/* wpmid */
/*************/
.wpmid{
	/*background-color:olive;*/
	display: flex; 
	min-height: 300px; 
	margin: 1.5rem 0; 
	width: 100%;
}
.ctbx{
	margin-top:1%;
	padding-right:2.5%;
	/*background-color:fuchsia;*/
	
}
.ctbx h1 {
	margin: 0;
	padding: 0;	
	margin-bottom:12px;
	font-weight: 700;
	color: #434343;
	font-size: 14pt;
	line-height: 20pt;
	letter-spacing:1px;
}
.ctbx p{
	margin-top:1px;
}
.ctbx1{
	display:block;
	background-color:lime;
	
}

.c15{
	font-size:small;
	float:right;
	color: #A01B19;
	line-height: 3.5em;
	margin-right:12px;
}
.tgbox1{

	display:none;
	
}
.pctgbx {
 float:right;	
}
.spcteam{
	margin-bottom:8px;
}
.td2 {
	width:80px; 
	vertical-align:top
	
}

.bx87{
	float:left;
	width:45%;
}
.bx88{
	float:left;
	
}


/*************/
/* wplft */
/*************/

.wplft, .wprght{
	
	border-top:1px #007B9A solid;
	position:relative;
	webkit-align-self: stretch; 
	align-self: stretch; 
	z-index:500;
}

.wplft{
	margin:0.4% 3% 0 0;
	width:35.3%;
	/*background-color: lime;*/

}
.wprght{
	margin:0.4% 00 0;
	width:61.7%;
	/*background-color: aqua;*/

}

.box1, box2{
	padding:3px 0 24px 3px;
}
.box1{
	background-color:#F2F3F4;
	margin-top:2.8%;
}
.box2{
	margin-top:2%;
	border-top:1px #007B9A solid;
	padding-top:2.8%;
}
.box2:first-child{
	border-top:0px #007B9A solid;
}
.flx1{
	float:left;
	width:74.5%;
}
.flx2{
	float:left;
	
}

.flx1a{
	float:left;
	width:25.5%;
}

.flx2a{
	float:left;
	margin:0 5.5% 0 0 ;
	
}


.sm12{
	font-size:x-small;
}

.spz7{
	display:none;
}

/*************/
/* footer */
/*************/

.footer{
	position:relative;
	z-index:500;
	width:100%;
	text-align:center;
	font-size:x-small;
	line-height:28px;
	border-top:1px #007B9A solid;
	margin-top:64px;
	margin-bottom:60px;
	
}


/*************/
/* Screen 1400px bis 1700px)*/
/*************/
@media screen and (max-width: 1470px) {
#halign {
	
    /*background-color:fuchsia;*/
}

}/*end*/

/*************/
/* Screen 1240px bis 1700px)*/
/*************/
@media screen and (max-width: 1384px) {

#halign {
	
   /*background-color:teal;*/
}



}/*end*/



/*************/
/* Screen 1000px bis 1240px Tablet Landscape und kleinere Desktopscreens (IPAD 1024px)*/
/*************/
@media screen and (max-width: 1240px) {
#halign {

    /*background-color:orange;*/
    }



}/*end*/



/*************/
/* Screen kleine Tablets  */
/*************/
@media screen and (max-width: 1090px) {

#halign {


 /* background-color:lime;  */ 
  
}

.flx1{
	clear:both;
	float:left;
	width:35.5%;
}
.flx2{

	float:left;
	
}
.sm12{
	position:absolute;
}
.spz7{
	display:block;
}



.flx1a{
	float:left;
	width:35.5%;
}

.flx2a{
	float:left;
	margin:0 3.2% 12px 0;	
}


}/*end*/


/*************/
/* Screen 500px bis 762px Mobilephone  */
/*************/
@media screen and (max-width: 892px) {
#halign {
	/*background-color:aqua; */ 
		overflow-x:hidden;
}
.content{
	margin:5% 4.6% 0 2.5%;
	width:95%;
	/*background-color:fuchsia;*/
}

#hmnu .navlist{
	display:none;
}

#hmb3{
	display:block;
    position:relative;
    margin-top:2%;
    left: 2.5%;
    z-index:999;

}
#hmb3 img{
     width:46px;
     height:auto;
}
.hmbnav{
	top:100px;
	position:absolute;
	left:2.5%;
	width:350px;
	z-index:999;
	background-color:#fff;
	-webkit-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.5); 
	box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.5);
}
.tmplgal{
	width:140%;
}

.bx87{
	float:inherit;
	width:100%;
	
}
.bx88{
margin-top:24px;
	float:inherit;
	
}


}/*end*/


/*************/
/* Screen 500px bis 762px Mobilephone  */
/*************/
@media screen and (max-width: 762px) {
html, body {
	font-size: 1em;
	line-height:1.4em;


}

#halign {
/*background-color:lime;*/
}
#template{
	margin-top:6%;
}

.tmplgal{
	width:200%;
	margin-left:-140px;
}
.wpmid{
	/*background-color:olive;*/
	flex-wrap: wrap-reverse;
}

.wplft, .wprght{
	border-top:1px #007B9A solid;
	position:relative;
	webkit-align-self:stretch;
	align-self: stretch;
	width:100%;
	z-index:500;

}
.wprght{
	padding-top:12px;

}
.nobor4{
	border-top:0px #007B9A solid;
}

h1 {
	font-size: 14pt;
	line-height: 36pt;
	margin-bottom:4px;
}
.logo{
	margin-top:12px;
	margin-bottom:-4px;
	/*background-color:lime;*/
}

#hmb3{
	display:block;
    position:relative;
    margin-top:4%;
    left: 2.5%;
    z-index:999;

}






}/*end*/













@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
/* IE bis 11 Bug Fix kein Flexbox rechte boxen*/
.bxrgh7{
  	display: block;
  	float:left;
  	min-height:195px;
}
bxrgh7:nth-child(2n){
	float:right;
}
}/*end*/