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

.headquarters{
	height:auto;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	color:#515151;
}
.headquarters > 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 80%;
	-ms-flex: 3 1 80%;
         flex: 3 1 80%;
   -webkit-order: 2;
   -ms-flex-order: 2;
             order: 2;
}
.headquarters > nav {
   margin: 4px;
   padding: 5px;
   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;
}
 
.headquarters > aside {
	margin: 4px;
   	padding: 5px;
   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;
}
.headquarters_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-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
	margin:2% auto 5%;
	width:100%;
}

.headquarters_image{
		-webkit-flex: 1 auto;
			-ms-flex: 1 auto;
				flex: 1 auto;
  	 -webkit-order: 1;
	-ms-flex-order: 1;
           	 order: 1;
}
.headquarters_image img{
	display:block;
	margin:0 auto;
	width:55vw;
	height:auto;
	max-width:690px;
	min-width:300px;
}
 
.headquarters_choice{	
	margin:1%;
	padding:2% 0;
	text-align:center;
	background-color:#FFFFEC;

}
.headquarters_choice:first-child{	
	margin-left:0; 
}
.headquarters_choice:last-child{
	margin-right:0;
}

.headquarters_choice {
   	-webkit-flex: 0 1 32%;
		-ms-flex: 0 1 32%;
          	flex: 0 1 32%;
  	 -webkit-order: 1;
	-ms-flex-order: 1;
           	 order: 1;
}

.headquarters_choice h2{
	color:#FF8725;
	text-align: center;
  	font-size:1.3em;
}
.headquarters_choice p{
	padding:0 5%;
}

.headquarters_choice p:nth-child(3){	
	color:#FF8725;
}
.headquarters_choice img{
	padding:0;
	height:auto;
	width:6vw;
	margin:0 auto;
}
.headquarters_choice p a{ 
	color:#515151; 
	padding:3px; 
	margin-left:-3px;
	text-decoration:none;
}
.headquarters_choice p:hover a{
	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:#FF8725;
	border-radius:3px;
	padding:3px; 
	margin-left:-3px;
}
.headquarters_image a, .garage_image a{
	opacity: 1; 
	filter: alpha(opacity=100);	
	text-decoration:none;
}

.headquarters_image a:hover, .garage_image a:hover{
	opacity: 0.3; 
	filter: alpha(opacity=30);
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}


@media all and (max-width: 1300px) {
	.headquarters_choice h2{
		font-size:1.4em;
	}
}

@media all and (max-width: 1100px) {
  .headquarters {
		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%;
   }*/
   .headquarters > article, .headquarters > nav, .headquarters > aside {/*Return them to document order */
		-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;  
   }
      .headquarters_wrapper, .headquarters_image, .headquarters_choice{
		-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;
		width:100%;
   }
   
   .headquarters > nav, .headquarters > aside{
		min-height: 10%; 
		max-height:10%;
   }
   .headquarters_wrapper{
	   	width:100%;
	}
	
	.headquarters_image img{
		width:85vw;
	}
	
	.headquarters_choice{
		width:100%;
		height:auto;
		padding:4% 0 1% 0;
		margin:5% 0;
	}

   .headquarters_choice img{
		width:20%; 
		height:auto;
		min-width:30px;
	}
	
	
	.headquarters_choice h2{
		font-size:1.2em;
	}
}