/* CSS Document */

@font-face { font-family: 'DinNextLight'; src: url('../fonts/DINNextLTPro-Light.ttf') format('truetype'); }
@font-face { font-family: 'DinNextLightItalic'; src: url('../fonts/DINNextLTPro-LightItalic.ttf') format('truetype'); }
@font-face { font-family: 'DinNextMedium'; src: url('../fonts/DINNextLTPro-Medium.ttf') format('truetype'); }
@font-face { font-family: 'DinNextMediumItalic'; src: url('../fonts/DINNextLTPro-MediumItalic.ttf') format('truetype'); }


body{
	padding:0px;
	margin:0px;
	font-family:'DinNextLight', "Helvetica Neue", Helvetica, 'Roboto', Arial, sans-serif;
	font-size:15px;
	color:#7b8a97;
	background-color:#fff;
	line-height:1.6em;}


a{
	color:inherit;
	text-decoration:none;}

.center{
	width:100%;
	max-width:1200px;
	margin:auto;
	box-sizing:border-box;
	}

@media screen and (max-width: 1200px){
.center{
	padding:0px 2% 0px 2%;}
}
#logo{
	float:left;
	padding-top:25px;}

nav{
	width:72%;
	float:right;}

#fixnav{
	padding-top:25px;}


#nav{
	padding:30px 0px 60px 0px;}



@media screen and (max-width: 1150px){
 
#logo{
	position:absolute;
	padding-top:0px;
	left:10px;
	top:10px;
	}

nav{
	width:100%;
	
	 }

#fixnav{
	padding-top:35px;
	padding-right:10px;}


#nav{
	padding:55px 10px 40px 0px;
	text-align:center;}
}




@media screen and (min-width: 800px){
#mobnav{
	display:none;}


	}

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


#fixnav{
	padding-top:20px;
	padding-right:3%;}

#nav{
	display:none;
	float:right;
	background-color:#fff;
	clear:both;
	width:100%;
	height:auto;
	padding:25px 10px 20px 0px;
	}


.mobile{
	clear:both;
	width:100%;
	float:right;
	padding-bottom:20px;}


#mobnav{
	display:block;
	width:50px;	 
	height:24px;
	background-image:url(../images/mobnav_trans.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:2%;
	float:right;
	margin-top:20px;}
#mobnav:hover{background-image:url(../images/mobnav.png);}


#closenav{
	display:none;
	 width:30px;
	height:24px;
	background-image:url(../images/closenav_trans.png);
	background-repeat:no-repeat;
	background-position:top right;
	margin:2%;
	float:right;
	margin-top:20px}
#closenav:hover{background-image:url(../images/closenav.png);}


#nav.displayed{
	display:block;}

#nav.hidden{
	display:none;}

#closenav.displayed{
	display:block;}

#closenav.hidden{
	display:none;}

	}

#section1,
#section2,
#section3,
#section4,
#section5,
#section6,
#section7,
#section8,
footer,
header{
	width:100%;
	float:left;
	clear:both;
	padding-bottom:50px;}

.header{
	position:relative;
	text-align:center;}
.header .center{
	position:absolute;	
	top:15%;
	color:#2582a0;
	font-size:50px;
	font-weight:300;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	}


#section3{
	position:relative;}

#section3 .absolute{
	position: absolute;
	right:18%;
	top:80px;}

#section5 .pts_bildrahmen{
	vertical-align:middle;
	padding-left:30px;}


.caption{
	right:0%;
	text-align:left;
	font-size:40px;
	line-height:60px;
	position:absolute;
	padding:19px 29px 19px 29px;
    display:inline-block;	
	background: rgba(255,255,255,0.7);
	}

#section2,
#section5,
#section7{
	background-color:#f6f8f9;}


.ausbildungskreis{
	margin-bottom:20px;}

@media screen and (max-width: 680px){
	.ausbildungskreis{
		margin:auto;
	margin-bottom:10px;
	float:none !important;
	display:block !important;
	width:100%;
	text-align:center;
	
	clear:both;}
	}

footer{
	background-color:#2582a0;
	color:#fff;
	border-top:84px solid #2582a0;
	padding:80px 0px 250px 0px;
	text-align:center;}
	




.colwrapper{
	background-position:bottom left;
	background-repeat:no-repeat;
	float:left;
	width:100%;
	clear:both;
	}

.col{
	float:left;
	width:33%;
	padding-right:2%;
	box-sizing:border-box;
	text-align:center;
	
	}
.col:last-of-type{
	padding-right:0px;}
	
	
.col:first-of-type{
	padding-bottom:320px;}


@media screen and (max-width: 680px){
	
.col{
	clear:both;
	width:100%;
	padding:0px 0px 60px 0px;
	 
	}	


.colwrapper{
	background-position:-10000px;
	background-repeat:no-repeat;
	 
	}

.col:first-of-type{
	padding-bottom:60px;}
	}




#section6 .col:first-of-type{
	padding-bottom:0px;}{}

.a_wrapper{
	background-color:#2582a0;
	width:100%;
	float:left;
	clear:both;
	border-bottom:10px solid #2582a0;
	color:#FFF;
	padding-top:185px;
	padding-bottom:50px;
	margin-top:150px;
	}


.a_wrapper .center{
	position:relative;}
	
.a_col{
	float:left;
	width:50%;
	padding-left:5%;	
	box-sizing:border-box;
	}

.a_col:nth-of-type(2){
	padding-left:10%;
	text-align:center;
	padding-top:40px;}

.a_image{
	position:absolute;
	top:-300px;
	max-width:96%;}

@media screen and (max-width: 600px){
.a_wrapper{
	 
	padding-top:100px;
	padding-bottom:50px;
	margin-top:80px;
	}
.a_col{
	float:left;
	width:100%;
	padding-left:0%;	
	 
	}

.a_col:nth-of-type(2){
	padding-left:0%;
	text-align:center;
	padding-bottom:20px;
	 }

.a_image{
 	top:-150px;
	 }

}

.teamwrapper{
	width:100%;
	 
 	clear:both;
	max-width:915px;	
	margin:auto;
	padding:80px 0px 0px 0px;
	 
	}

.team{
	width:100%;
	float:left;
	clear:both;
	background-color:#f6f8f9;
	}

.team_img{
	width:25%;
	max-width:297px;
	float:left;
	line-height:0px;
	}
	
.team_text{
	width:75%;
	max-width:688px;
	float:right;
	padding-left:5%;
	padding-right:5%;
	padding-top:30px;
	padding-bottom:30px;
	box-sizing:border-box;
	}
	
	
	
.terminwrapper{
	width:100%;
	max-width:1075px;
	margin:auto;
	clear:both;
	font-size:14px;
	line-height:17px;
	}	

.termin{
	width:16.6%;
	padding-right:4px;
	box-sizing:border-box;
	float:left;}

.schweiz {
	width:50%;
	padding-right:4px;
	box-sizing:border-box;
	float:left;}



.termin_row{
	clear:both;
	border-bottom:2px solid #fff;
	background-color:#ecf4f3;
	padding:16px 4px 14px 4px;
	clear:both;
	text-align:center;}



.termin_row:first-of-type{
	background-color:#2582a0;
	color:#fff;}

.termin_row:last-of-type{
	border:none;
	text-align:left;}


.schweiz .termin_row:last-of-type{
	border:none;
	text-align:left;
	padding-left:19%;}

.schweiz .termin_row:last-of-type .pts_bildrahmen_links{
	min-width:37px;
	text-align:center;}



.termin_comment{
	clear:both;
	margin:auto;
	width:100%;
	max-width:720px;
	padding:55px 2% 0px 2%;
	box-sizing:border-box;
	}





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

.termin{
	width:33%;
	padding-right:4px;
	box-sizing:border-box;
	float:left;
	padding-bottom:20px;}

.caption{ 
font-size:30px;
line-height:40px;}
}


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

.caption{ 
font-size:18px;
line-height:22px;}
 

.termin{
	width:50%;
	padding-right:4px;
	box-sizing:border-box;
	float:left;
	padding-bottom:20px;}

}



/*CMS-Formatierungen*/	
h1{
	font-size:65px;
	font-weight:300;
	line-height:80px;
	text-align:center;
	color:#2582a0;
	padding:0px;
	margin:80px 0px 30px 0px;
	font-family:'DinNextMedium', "Helvetica Neue", Helvetica, 'Roboto', Arial, sans-serif;}

h2{
	font-size:65px;
	font-weight:300;
	line-height:80px;
	text-align:center;
	color:#2582a0;
	font-family:'DinNextMedium', "Helvetica Neue", Helvetica, 'Roboto', Arial, sans-serif;}

h3{
	font-size:26px;
	font-weight:400;
	line-height:30px;
	text-align:center;
	color:#2582a0;
	margin:20px 0px 40px 0px;
	padding:0px;
	font-family:'DinNextMedium', "Helvetica Neue", Helvetica, 'Roboto', Arial, sans-serif;}
h4{
	font-size:65px;
	font-weight:300;
	line-height:110px;
	text-align:center;
	color:#2582a0;
	padding:0px;
	margin:80px 0px 30px 0px;
	font-family:'DinNextMedium', "Helvetica Neue", Helvetica, 'Roboto', Arial, sans-serif;
	}

h4 img{
	vertical-align:middle;
	padding-right:35px;}


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

h1{
	font-size:45px;	
	line-height:60px;	
	margin:80px 0px 30px 0px;}

h2{
	font-size:45px;
	line-height:60px;
	}

h3{
	font-size:20px;
	line-height:26px;	
	margin:20px 0px 40px 0px;
	}
h4{
	font-size:45px;
	line-height:110px;	
	margin:80px 0px 30px 0px;
	}

h4 img{
	vertical-align:middle;
	padding-right:35px;}
}


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

h1{
	font-size:35px;	
	line-height:50px;	
	margin:80px 0px 30px 0px;}

h2{
	font-size:35px;
	line-height:50px;
	}

h3{
	font-size:20px;
	line-height:26px;	
	margin:20px 0px 40px 0px;
	}
h4{
	font-size:35px;
	line-height:110px;	
	margin:80px 0px 30px 0px;
	}

h4 img{
	vertical-align:middle;
	padding-right:35px;}
}



.schrift1{
	font-size:11px;}
.schrift2{
	font-size:12px;}
.schrift3{
	font-size:13px;}
.schrift4{
	font-size:14px;}
.schrift5{
	font-size:16px;}
.schrift6{
	font-size:19px;}


sup {
  font-size:8px;
  font-weight:bold;
  line-height:12px;
}

code {
  font-family:"Courier New",Courier,mono;
  font-size:11px;
}

ul {
  margin: 0 0 0 18px;
  padding: 0 0 0 0;
}

ol {
  margin: 0 0 0 25px;
  padding: 0 0 0 0;
}

img {
  border: none;
  margin:0px;
  max-width:100%;
   
}

.ku {
  white-space:nowrap;
}



/* allgemeine Ausrichtungsanweisungen */

.links {
  float:left;
}

.rechts {
  float:right;
}

.zentriert{
	text-align:center;}

.text_right{
	text-align:right;}


/* Auswahlformate für Links und Bilder */

a.hintergrund {
  background-color: #EEEEEE;
}

a.extern {
  border: 1px dotted #999999;
}


.rahmen img{
  padding: 3px;
border-radius: 18px 0px 0px;
border: 1px solid #CCC;
margin-right:4%;
 
}




.abstandlinks {             
  margin-left: 10px;
}

.abstandrechts {
  margin-right: 10px;
}

.abstandoben {
  margin-top: 10px;
}

.abstandunten {
  margin-bottom: 10px;
}




/* Formate für Bildunterschrift */

.pts_bildrahmen,
.pts_bildrahmen_links,
.pts_bildrahmen_rechts {
  display: inline-block;
  max-width:100%;
  line-height:1px;
  
}

.pts_bildrahmen.rahmen{
	float:left !important;
	max-width:24% !important;
	padding-right:1%;
	 }

.pts_bildrahmen {
  margin:0px;
   padding:0px;
   }

.pts_bildrahmen_links {
  float: left;
  margin-right: 20px;
}

.pts_bildrahmen_rechts {
  float: right;
  margin-left:20px;
}

.pts_bildunterschrift {
   
  padding: 2px;
  box-sizing:border-box;
  padding-top:10px;
  max-width:100%;
   
  font-size:12px;
}
 
#section5 .pts_bildunterschrift{
	max-width:160px;
	line-height:16px;}

.termin_row:last-of-type .pts_bildrahmen_links{
	padding-left:25%;
	margin-right:5px;
	}

.ausbildung{
	max-width:33%;}

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

.ausbildung{
	max-width:100%;
	width:100%;
	clear:both;
	text-align:center;
	padding-bottom:20px;
	box-sizing:border-box;
	margin-right:0px;}
}


/* Box mit der Seitennavigation */
.pts_seiten {
  font-family: Verdana, Lucida, Arial, Helvetica, Sans-Serif;
  color: #000000;
  margin: 0 5px 0 5px;
  padding: 5px 5px 5px 5px;
}

a.pts_seiten, a.pts_seiten:link, a.pts_seiten:visited {
  font-weight: bold;
  color: #880000;
  text-decoration: underline;
  margin: 0 5px 0 0;
  padding: 0 0 0 0;
}

a.pts_seiten:hover {
  background-color:#EEEEEE;
}

/* aktuelle Seite */
.pts_seitenaktiv {
  color: #666666;
}




/* Box für Fehler-/Erfolgsmeldungen */
.pts_meldungsbox {
  border: 1px dotted #999999;
  font-size: 12px;
  color: #000000;
  margin: 5px 5px 20px 5px;
  padding: 5px 5px 5px 5px;
  background-color: #F5F5F5;
}

.pts_fehler {
  font-weight:bold;
  color:#CC0000;
}
input.pts_fehler,
textarea.pts_fehler,
select.pts_fehler,
span.pts_fehler textarea,
span.pts_fehler select {
  border: 2px solid #CC0000;
}

.pts_meldung {
  font-weight:bold;
  color:#666666;
}

.pts_erfolg {
  font-weight:bold;
  color:#088800;
}

div.pts_fehler,
div.pts_meldung,
div.pts_erfolg {
  display: block;
}
span.pts_fehler,
span.pts_meldung,
span.pts_erfolg {
  display: inline;
}




/* Ausblendung  */

.pts_verdeckt {
  display: none;
}




/* Hinweistext */
.pts_hinweis {
  font-size:10px;
  line-height:14px;
  color:#666666;
}



/* Trennlinie */
.pts_trennlinie {
  border-bottom: 1px solid #b0b0b1;
  line-height:1px;
  margin: 0px 0 15px 0;
  padding-top:15px;
  clear: both;
}




/* Formulare */

/* Eingabefeld: Bezeichnung und Feld */
.pts_feld_bez {
  color:#46a82e;
  font-weight:normal;
  
}

.pts_feld_eing {
   
}

/* Pflichtfeld: Bezeichnung und Feld */
.pts_pfeld_bez {
  color:#14acb2;
  font-weight:bold;
}

.pts_pfeld_eing {
  
}

/* Feldgrößen */
.pts_input_opt { width:15px; }

input, textarea{
	border:1px solid #c1c1c1; 
	height:32px; 
	box-sizing:border-box; 
	margin:1% 1% 1% 0px;
	padding:3px 5px; 
 	font-size:14px;
	max-width:100%;}

.checkbox input{height:auto}
.checkbox{
	float:left;
	padding-right:10%;
	white-space:nowrap;
	margin:1px;
	padding-bottom:2%;}

select{
	margin:1%;
	height:30px;
	padding:5px;
	font-size:12px;}	

.pts_input_1 { width:5%px; padding:0.5% 2%; margin:1%; }
.pts_input_2 { width:12.5%; padding:0.5% 2%; margin:1%; }
.pts_input_3 { width:27.5%; padding:0.5% 2%; margin:1%; }
.pts_input_4 { width:42%; padding:0.5% 2%; margin:1%; }
.pts_input_5 { width:90%; padding:0.5% 1%; margin:1%; }

.pts_textarea_1 { width:45%; height:45%;   padding:0.5% 2%;  margin:1%;}
.pts_textarea_2 { width:45%; height:45%;   padding:0.5% 2%;  margin:1%;}
.pts_textarea_3 { width:80%; height:45%;   padding:0.5% 2%;  margin:1%;}
.pts_textarea_4 { width:86.5%; height:100px;   padding:1% 2%;  margin:1%; box-sizing:border-box;}
.pts_textarea_5 { width:100%; height:45%;  padding:0.5% 2%;  margin:1%;}

.row{
	width:100%;
	clear:both;}

.row div{
	display:inline;}

.nowrap{
	white-space:nowrap;}

.nowrap input{
	height:auto;}

label{
	margin-right:8%;
	margin-bottom:2%;
	line-height:1.5em}

.nowrap label{
	width:150px;
	display:inline-block;
	padding:0px 30px 10px 0px;
	
	 }
div.radiobox{
	float:left;}

@media screen and (max-width: 500px){
.pts_input_1 { width:90%;  height:32px; padding:0.5% 2%; margin:1%; box-sizing:border-box;}
.pts_input_2 { width:90%;  height:32px; padding:0.5% 2%; margin:1%; box-sizing:border-box;}
.pts_input_3 { width:90%;  height:32px; padding:0.5% 2%; margin:1%; box-sizing:border-box;}
.pts_input_4 { width:90%;  height:32px; padding:0.5% 2%; margin:1%; box-sizing:border-box;}
.pts_input_5 { width:90%;  height:32px; padding:0.5% 1%; margin:1%; box-sizing:border-box; }
	
	}