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

.used_market{
	height:auto;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; 
	color:#515151;
}
.used_market > 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 70%;
	-ms-flex: 3 1 70%;
         flex: 3 1 70%;
   -webkit-order: 2;
   -ms-flex-order: 2;
             order: 2;
}
.used_market > 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 15%;
   -ms-flex: 1 6 15%;
        flex: 1 6 15%;
   -webkit-order: 1;
   -ms-flex-order: 1;
             order: 1;

}
 
.used_market > 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 15%;
		-ms-flex: 1 6 15%;
          	flex: 1 6 15%;
  	 -webkit-order: 3;
	 -ms-flex-order: 3;
           		order: 3;
}
.used_market_machine{
   	-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
          	flex: 0 1 100%;
  	 -webkit-order: 1;
	 -ms-flex-order: 1;
           	   order: 1;
	margin-top:3%;
	/* auskommentiert von Holger
	text-align:center;
	background-color:#36C;
	*/
}

@media all and (max-width: 900px) {
  .used_market {
		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%;
   }*/
   .used_market > article, .used_market > nav, .used_market > 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;  
   }
      .used_market_menu, .used_market_machine{
	   	-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;
   }

   .used_market > nav, .used_market > aside{
		min-height: 10%; 
		max-height:10%;
   }
	.used_market_machine{
		width:99%; /* keine 100% - da Inhalt größer wie Container wird*/
		margin:0 auto;
	}
}