a.gastro_button2{
	display: none;
}
a.gastro_button1{
	display: block;
	margin-bottom: 10px;
}

@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	a.gastro_button1{
		display: none;
	}
	a.gastro_button2{
		display: block;
		padding: 3px;
		width: 100%;
		box-sizing: border-box;
		background: #666666;
		color: white !important;
		margin-top: 5px;
		text-align: center;
	}
	a.gastro_button2:hover{
	
	}
}

div.gastro_list_item{
	position: relative;
	width: 45%;
	margin: 0px 2.5% 20px 2.5%;
	float: left;
	background: #EEE;
	box-sizing: border-box;
	-moz-box-shadow: 4px 4px 8px 0px #AAA;
	 -webkit-box-shadow: 4px 4px 8px 0px #AAA;
	 box-shadow: 4px 4px 8px 0px #AAA;	
}

div.gastro_list_item:nth-child(2n+1){
	clear: both;
}


@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
 {
	div.gastro_list_item{
		width: 100%;
		float: none;
		margin: 0px 0px 20px 0px;		
	}
}

div.gastro_list_title{
	background: #00778D;
	color: white;
	padding: 5px;
	font-size: 14pt;
}

div.gastro_list_content{
	position: relative;
	width: 100%;
}
div#gastro_list_content_inner{
	min-height: 200px;
}
div.gastro_list_picture{
	width: 200px;
	height: 150px;
	float: right;
	background: #E0E0E0;
	margin: -10px 20px 20px 0px;
	-moz-box-shadow: 8px 8px 10px 0px #666;
	 -webkit-box-shadow: 8px 8px 10px 0px #666;
	 box-shadow: 8px 8px 10px 0px #666;
	 overflow: hidden;
	 z-index: 20;
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	div.gastro_list_picture{
		width: 100%;
		float: none;
		margin: 0px;
		-moz-box-shadow: 0px 0px 0px 0px #666;
		 -webkit-box-shadow: 0px 0px 0px 0px #666;
		 box-shadow: 0px 0px 0px 0px #666;
	}
}
img.gastro_list_thumb{	
	max-width: 200px;
	vertical-align: bottom;	
}
div.gastro_list_adresse{
	margin-top: 10px;
	float: left;
	width: calc(100% - 220px);
	padding: 0px 0px 0px 20px;
	box-sizing: border-box;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	div.gastro_list_adresse{
		float: none;
		width: 100%;
	}
}
div.gastro_list_adresse a{
	color: #666;
}

div.gastro_list_contact a{
	background: #666;
	display: block;
	color: white;
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;
	width: 98%;
	float: left;
	margin: 25px 1% 5px 1%;
	box-sizing: border-box;
}
div.gastro_list_contact a:hover{
	background: #DA251D;
	text-decoration: none;
}

@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
 {
	div.gastro_list_contact a{		
		float: none;
	}
}



div.gastronomie_detail{
	position: relative;
	border-left: 20px solid #00778D;
	background: #EEE;
	margin-bottom: 20px;
}
div.gastronomie_detail img{
	float: left;
	vertical-align: bottom;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	div.gastronomie_detail img{
		float: none;
		display: block;
		width: 100%;
		max-width: 380px;
	}
}
div.gastronomie_detail_adress{
	float: left;
	width: 50%;
	padding: 30px;
	box-sizing: border-box;
}

@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	div.gastronomie_detail_adress{
		float: none;
		display: block;
		width: 100%;
	}
}