@charset "UTF-8";
/* Media Queries */

@media only screen
and (max-width : 1024px) {

	header {
		height:100px;
	}
		.header, .awards {
			width:90%;
		}
		
			#logo {
				width:auto;
				height:100px;
			}
			
				#logo a {
					height:50px;
					width:200px;
					margin-top:25px;
					background-size:contain;
				}
			
			#h1 {
				width:65%;
				margin-top:40px;
			}
	
	.awards {
		width:90%;
		display:none;
	}
		
			#gold, #silber, #bronze {
				width:33.3%;
				height:330px;
				background-size:100%;
			}
	
	.hueper-responsive {
		background:#dde7e9;
	}
	
	.impressum, .copyright {
		width:90%;
	}
	
		.bloecke {
			width:29.5%;
		}
		
		.last-block {
			width:100px;
		}

	/*---Fonts---*/
	h1 {
		font-size:27px;
		font-size:1.6875rem;
	}
}

@media only screen
and (max-width : 768px) {

	.awards {
		display:none;
	}
	
	.bloecke {
		width:50%;
	}
	
	.br {
		height:90px;
	}
	
	.hueper-responsive {
		background:#dde7e9;
	}

}

@media only screen
and (max-width : 640px) {
	
	header {
		height:50px;
	}
		.header, .awards {
			width:90%;
		}
		
			#logo {
				height:50px;
			}
			
				#logo a {
					height:30px;
					width:120px;
					margin-top:10px;
					background-size:contain;
				}
			
			#h1 {
				margin-top:40px;
				width:50%;
				padding-top:19px;
				margin:0;
			}
	
	.content {
		width:90%;
	}
	
		#winner {
			display:none;
		}
		
		.kriterien {
			width:50%;
		}
		
	/*---Footer---*/
	.impressum-headline {
		width:100%;
	}
	
	.datenschutz-links {
		margin-right:20px;
	}
	
	
	/*---Fonts---*/
	h1 {
		font-size:16px;
		font-size:1rem;
	}
	
}

@media only screen
and (max-width : 480px) {
	
header {
	height:100px;
}
	
	#logo {
		height:50px;
		width:100%;
		
	}
	
		#logo a {
			height:100%;
			margin:0 auto;
			background-position:0 100%;
		}
			
			#h1 {
				width:100%;
				line-height:50px;
				float:left;
				padding-top:0;
			}

	
		#winner {
			display:block;
			width:100%;
			background-size:contain;
		}
		
			#winner img {
				width:100%;
				height:auto;
			}
		
		.kriterien {
			width:100%;
		}
		
	/*---Footer---*/
	.bloecke {
		width:100%;
	}
	
	.datenschutz-links {
		margin-right:11%;
	}
	
	.copyright-arge {
		margin-top:10px;
		width:100%;
		text-align:center;
	}
	
	
	/*---Fonts---*/
	h1 {
		font-size:18px;
		font-size:1.125rem;
		text-align:center;
	}
	
}

@media only screen and (max-width : 320px) {
	
	.datenschutz-links {
		margin-right:6%;
	}

}