@charset "utf-8";
/* CSS Document */

.training{
	height:auto;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	color:#515151;

}
.training > article {
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap: wrap;/*==========Zeilenumbruch=========*/
    -ms-flex-wrap: wrap;/*==========Zeilenumbruch=========*/
    flex-wrap: wrap;/*==========Zeilenumbruch=========*/
   	margin: 4% 2%;
   	padding: 5px;
 	-webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
  	-webkit-flex: 3 1 90%;
	-ms-flex: 3 1 90%;
         flex: 3 1 90%;
   -webkit-order: 2;
   -ms-flex-order: 2;
             order: 2;
   }
.training > nav {
   margin: 1%;
   padding: 1%;
   background:#FFF;
 	-webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
   	-webkit-flex: 1 6 10%;
		-ms-flex: 1 6 10%;
          	flex: 1 6 10%;
   -webkit-order: 1;
   -ms-flex-order: 1;
             order: 1;
}
 
.training > aside {
	margin: 1%;
   	padding: 1%;
   background:#FFF;
 	-webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
   	-webkit-flex: 1 6 10%;
		-ms-flex: 1 6 10%;
          	flex: 1 6 10%;
  	 -webkit-order: 3;
	 -ms-flex-order: 3;
           	   order: 3;
}
.training_wrapper{
	margin:2% auto;
	width:100%;
}


.training_performance{
	width:100%;
}
.training_performance:first-child{
	width:88%;
	background-color:#EAEAEA;
	padding: 1% 6% 2% 6%;
	text-align:center;
}

.training_wrapper h1, h2, h4{
	color:#3D4584;/*#00579D*/
}
.training_wrapper h2{
	margin-top:5%;
}
.training_performance p{
	margin:0 auto;
}

	
.training_benefits{
	width:100%;
}
.training_benefits_content{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    align-items: flex-start;	
	width:100%;
}

.training_benefits_content > div{
	-webkit-flex: 0 1 30%;
		-ms-flex: 0 1 30%;
			flex: 0 1 30%;
	-webkit-align-self: stretch;
    align-self: stretch;
	border:solid grey 1px;
	text-align:center;
	margin: 1%;
	min-width:30%;
}
.training_benefits_content > div:first-child{
	margin-left:0;
}
.training_benefits_content > div:last-child{
	margin-right:0;
}

.training_benefits_content > div img{
	display:block;
	width:7vw;
	height:auto;
    margin: 3% auto;
	min-width:120px;
}
.training_benefits_content p{
	font-weight:bold;
	padding:1% 5%;
}


.training_type{
	width:100%;
	margin-top:5%;
}
.training_type img{
	display:block;
	width:100%;
	height:auto;
}
.training_type > div img{
	width:20px;
	height:auto;
    margin: 0;
	min-width:20px;
}
.training_type ul{
	list-style: none;
	margin:0;
	line-height:1.5;
}
.training_type li{
	list-style-image:url(../image/list_gray.png);
	padding:0 0 0 5px;
}
.training_type h4:last-of-type {
	color:#515151;
}


.training_area{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-around;
    justify-content: space-around;
	-webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    align-items: flex-start;	
	width:90%;
	padding:0 5%;
}
.training_area p{
	-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
			flex: 0 1 auto;
	font-weight:bold;
	padding-right:10px;
}
.training_area p::before{
	content: url(../image/tool_gray.png) ;
  	padding-right:10px;
}



.training_contact_wrapper{
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch; 	
	-webkit-justify-content: space-around;
    justify-content: space-around;	
	margin:4% 0 2%;
	width:100%;
	padding:3% 0;
	background-color:#EAEAEA;
}

.training_contact_section{
	-webkit-flex: 0 1 45%;
		-ms-flex: 0 1 45%;
			flex: 0 1 45%;
	-webkit-align-self: stretch;
    align-self: stretch;
	min-width:45%;
	border:solid 1px gray;	
}

.training_contact_person{
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch; 	
    justify-content: flex-start;
	-webkit-align-items: center;
    align-items: center;
	width:96%;
	padding:2%;
}

.training_contact_person > div:nth-child(2){
	width:70%;
}
.training_contact_person_image{
	width:30%;
	margin-right:5%;
}
.training_contact_person_image img{
	display:block;
	width:80%;
	margin:0 auto;
	min-width:100px;
}
.training_contact_person h4{
	margin:1% 0;
}
.training_contact_person p{
	margin:0;
	line-height:1.5;
}


.training_contact > div{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
	-webkit-align-items: center;
    align-items: center;
	margin-top:3%;
	line-height:2;
}
.training_contact > div img{
	width:1.6vw;
	min-width:25px;
}


.training_button{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
	margin:.1% auto 0;
}

.training_button img{
	width:20px;
	height:auto;
    margin: 0;
	min-width:20px;
}
.training_contact a, .training_button a{ 
	color:#515151; 
	padding:3px; 
	margin-left:3px;
	text-decoration:none;
}
.training_contact a:hover, .training_button a:hover{
	background-color:#FF8921;/*#00579D*/
	color:#FFF;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
	text-decoration:none;
	border-radius:3px;
	padding:3px;
}
.training_pdf a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  white;
	background-color:#6A6A6A;
	padding:4px 10px;
	margin-top: 3%;
	border-radius:3px;
	text-align:center;
}
.training_pdf a:hover {
	color:  #FFF;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
	text-decoration:none;
	background-color:#FF8921;/*#00579D*/
	padding:4px 10px;
}

@media all and (max-width: 1200px) {
	.training_contact > div{
		font-size:85%;
	}
}

@media all and (max-width: 1000px) {
  .training {
		font-size:1.2em;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
  }
   /*.main{/* column for "old" android, ms, ios,.. 	*/
	/*   display:inline-block;
	   height:100%; 
	   width:100%;
   }*/
   .training > article, .training > nav, .training > aside {
		-webkit-flex: 1 auto; /*important IE11*/
			-ms-flex: 1 auto;
				flex: 1 auto;
		-webkit-order: 0;
		-ms-flex-order: 0;
				  order: 0;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;  
   }
      .training_type, .training_benefits_content, 
	  .training_contact_wrapper, .training_contact_person{
		-webkit-flex: 1 auto; /*important IE11*/
			-ms-flex: 1 auto;
				flex: 1 auto;
		-webkit-order: 0;
		-ms-flex-order: 0;
				  order: 0;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin:0 auto;
   }
   
   
   .training > nav, .training > aside{
		min-height: 10%; 
		max-height:10%;
   }

	.training_wrapper{
		width:96%;
	}
	.training_performance:first-child{
		padding:1% 6% 6% 6%;
	}

	.training_benefits_content > div{
		margin: 3% 1%;
	}
	.training_benefits_content > div:first-child{
		margin-left:1%;
	}
	.training_benefits_content > div:last-child{
		margin-right:1%;
	}
	.training_contact_wrapper{
		width:94%;
		padding: 0;
		margin-top:8%;
	}
	.training_contact_section{
		width:96%;
		margin:3% auto;
	}
	.training_contact_person_image{
		width:100%;
		margin-right:0;
	}
	.training_contact_person_image img{
		width:25vw;
		margin:2% auto;
		min-width:100px;
	}
	.training_contact_person > div:nth-child(2){
		margin:0 auto;
		text-align:center;
	
	}
	.training_contact > div {
		width:35vw;
		min-width:300px;
		margin:3% auto;
		font-size:100%;
	}
	.training_type{
		width:98%;
		margin-top:10%;
	}
	.training_pdf a{
		margin-top: 6vh;
	}
}
@media all and (max-width: 830px) {
	.training_contact_person > div:nth-child(2){
		width:95%;
	}
	.training_contact > div {
		min-width:290px;
		font-size:90%;

	}

}