#nemetzwelt ul {
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 80%; 
	max-width: 1100px;
	min-width: 250px;	
	overflow: auto;	
}
#nemetzwelt li {
	width: 80%;
	max-width: 300px;
	height: 300px;
	margin: 10%;
	cursor: pointer;
	border: 1px solid #FC841C;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	padding-top: 50%;
}
#nemetzwelt li a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	background-color: rgba(252, 132, 28, 0.75);
	padding: 8px;
}
#nemetzwelt li.nemetzmarkt {
	background: url(/images/nemetz-markt.jpg) no-repeat center center;
	background-size: auto 100%;	
	background-size: 101%;	
}
#nemetzwelt li.nemetzfleisch {
	background: url(/images/nemetz-fleisch.jpg) no-repeat center center;	
	background-size: auto 100%;	
	background-size: 101%;
}
#nemetzwelt li.nemetzbistro {
	background: url(/images/nemetz-bistro.jpg) no-repeat center center;
	background-size: auto 100%;	
	background-size: 101%;	
}
#nemetzwelt li.nemetzshop {
	background: url(/images/nemetz-shop.jpg) no-repeat center center;
	background-size: auto 100%;	
	background-size: 101%;	
}
#nemetzwelt li.nemetzlogistik {
	background: url(/images/nemetz-logistik.jpg) no-repeat center center;
	background-size: auto 100%;	
	background-size: 101%;	
}
#nemetzwelt li.wursttorte {
	background: url(/images/wursttorte.jpg) no-repeat center center;
	background-size: auto 100%;	
	background-size: 101%;	
}
#nemetzwelt li.nemetzdogs {
	background: url(/images/nemetz-dogs.jpg) no-repeat center center;
	background-size: auto 100%;	
	background-size: 101%;	
}
#nemetzwelt li.nemetzcats {
	background: url(/images/nemetz-cats.jpg) no-repeat center center;
	background-size: auto 100%;	
	background-size: 101%;	
}
#nemetzwelt li.nemetzmotel {
    background: url(/images/nemetz-motel.jpg) no-repeat center center;
    background-size: auto 100%;    
    background-size: 101%;    
}
#nemetzwelt li.nemetzlogo {
	border: 0px solid #ffffff;
	max-width: 680px;
	height: auto;
	padding-top: 0%;
	overflow: auto;
	margin-bottom: -10%;
}
#nemetzwelt li.nemetzlogo img {
	width: 100%;
	max-width: 300px;
	height: auto;	                                                   	
}
#nemetzwelt li.nemetzlogo.n2 {
	display: none;
}
#nemetzwelt li:hover {
	background-size: 104%;	
}

.position1 {
	display: block;
}
.position2 { 
	display: none;
}

@media screen and (min-width: 600px) {
	#nemetzwelt ul {
	}
	#nemetzwelt li.nemetzlogo {
        width: 92%;
        margin: 4%;
		text-align: center;	
		margin-bottom: -2%;	
	}
	#nemetzwelt li+li {
	 	float: left;
   		width: 42%;
		margin: 4%;	 
		padding-top: 30%;	
	}
	#nemetzwelt li a {
	 	font-size: 20px;
	}	
}
@media screen and (min-width: 1000px) {
	.position1 {
		display: none;
	}
	.position2 { 
		display: block;
	}
	#nemetzwelt li.nemetzlogo.n1 {
		display: none;
	}
	#nemetzwelt li.nemetzlogo.n2 {
		width: 28%;
		margin: 2.5%;
		display: block;
	}	
	#nemetzwelt ul {  
	
	}
	#nemetzwelt li.nemetzlogo {
		width: 28%;			
	}
	#nemetzwelt li.nemetzlogo img {
	 	width: 95%;
	}
	#nemetzwelt li, #nemetzwelt li+li {
	 	float: left; 
   		width: 28%;
		margin: 2.5%;
		padding-top: 20%;
	}
}
@media screen and (max-width: 380px) {
	#nemetzwelt li a {
	 	font-size: 18px;
	}
}