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

.travel{
	height:auto;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	color:#515151;
}

.travel > article {
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap: wrap;/*==========Zeilenumbruch=========*/
    -ms-flex-wrap: wrap;/*==========Zeilenumbruch=========*/
    flex-wrap: wrap;/*==========Zeilenumbruch=========*/
	-webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    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;
   	margin: 4% 2%;
   	padding: 2%;

   }
.travel > 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 5%;
   -ms-flex: 1 6 5%;
        flex: 1 6 5%;
   -webkit-order: 1;
   -ms-flex-order: 1;
             order: 1;

}
 
.travel > 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 5%;
		-ms-flex: 1 6 5%;
          	flex: 1 6 5%;
  	 -webkit-order: 3;
	 -ms-flex-order: 3;
           		order: 3;
}
.travel_wrapper{
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
 	-webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
	margin:2% auto;
	width:100%;
}
.travel_map{
    -webkit-flex: 0 1 59%;
		-ms-flex: 0 1 59%;
			flex: 0 1 59%;
	-webkit-order: 2;
    -ms-flex-order: 2;
    		  order: 2;
	-webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    		align-self: flex-end;
}
.travel_map img{
	display:inline-block;
	width:50vw;
	height:auto;
	max-width:650px;
}
.travel_data {
    -webkit-flex: 1 1 35%;
		-ms-flex: 1 1 35%;
			flex: 1 1 35%;
	-webkit-order: 1;
	-ms-flex-order: 1;
		 	  order: 1;
	-webkit-align-self: flex-start;
    -ms-flex-item-align: start;
   			 align-self: flex-start;
	max-width:530px;
	
}
.travel_data span{
	display:inline-block;
	line-height:1.3;
}

.travel_data{
	list-style:none;
	line-height:1;
	margin:0 auto;
	padding:0;

}
.travel_data div{
	display:block;
}

.travel_data img{
	display:inline-block;
	vertical-align:middle;
	width:1.6vw;
	min-width:25px;
}
.travel_data p { 
	margin:2% 0 2% 4%;
	color:#515151; 
	display:inline-block;
	vertical-align: middle;
}

.travel_data p a{ 
	display:inline-block;
	color:#515151; 
	padding:3px; 
	margin-left:-3px;
	text-decoration:none;
}
.travel_data p:hover a{
	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; 
	margin-left:-3px;
}


.travel_map a{
	opacity: 1; 
	filter: alpha(opacity=100);	
	text-decoration:none;
}

.travel_map 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: 900px) {
  .travel {
		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%;
   }*/
   .travel > article, .travel > nav, .travel > 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;  
   }
      .travel_wrapper, .travel_data, .travel_highway, .travel_map{
	   	-webkit-flex: 1 auto; /*important IE11*/
			-ms-flex: 1 auto;
				flex: 1 auto;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;  
   }

   .travel > nav, .travel > aside{
		min-height: 10%; 
		max-height:10%;
   }
   
      .travel_wrapper{
		  margin:1% auto;
		  width:100%;
    }
	.travel_data {
		-webkit-order: 2;
		-ms-flex-order: 2;
				  order: 2;
		width:50vw;
		min-width:300px;		  
		margin:10% auto 0;
		padding:2%;
		background-color:#FFFFEC;

	}
	.travel_data span{
		margin:0 auto;
		min-width:25vw;
	}
	.travel_map {
		-webkit-order: 1;
		-ms-flex-order: 1;
				  order: 1;	
		width:100%;
		text-align:center;
		margin-top:2%;
		padding:0;
		height:auto; 
		min-width:120px;

	}

	.travel_map img{
		width:85vw;
		margin:0 auto;
		min-width:290px;
	}

	.travel_data h3{
		text-align:center;
	}
} 
@media all and (max-width: 600px) {
  .travel_data p{
		font-size:.9em;
	}

}