/* Desktop 960px */
@media screen and (min-width: 980px) and (max-width: 1200px){
	.wrapper {
		width:960px;
	}
}

/* Tablet */
@media screen and (min-width: 740px) and (max-width: 980px){
	.wrapper {
		width:720px;
	}
}

/* Mobile */
@media only screen and (min-width: 18.75em) and (max-width: 740px) {
	.wrapper {
		width:98%;
	}
}

/* Retina Images */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	/* beispiel für retina images */
	.sprite {
		background-image: url(/global/img/spriteHQ.png) !important;
		background-size: 1000px 1000px !important;
	}
}