/* Desktop 960px (desktop-small) */
@media screen and (min-width: 980px) and (max-width: 1200px){
	.wrapper {
		width:960px;
	}
	.contentLeft {
		width:30%;
	}
	.contentRight {
		width:58%;
	}
	/* .memberPhoto img {
	position: relative;
	left: -25px;
} */
	#member .row .memberPhoto {
		max-width: 50%;
	}
	#member .row .memberDescription {
		width: 45%;
	}
	#imageGallery .galleryRow.overview {
		max-height: 215px;
	}
}

/* Tablet */
@media screen and (min-width: 740px) and (max-width: 980px){
	.wrapper {
		width:720px;
	}
	.contentLeft,	.contentRight {
		margin:0;
		width:100%;
	}
	.contentRight {
		margin:0 0 20px 0;
	}
	.navBar {
		display:block;
	}
	nav#nav {
		background: #25ae5b;
		border-bottom:0;
		border-top:10px solid #1E1917;
	}
	nav#nav .navigation {
		margin: 0;
		display:none;
	}
	footer {
		height:260px;
	}
	footer, .footerStick {
		height: 260px;
	}	
	.footerTop {
		height: 175px;
	}
	.footerTop .sponsoren a {
		margin-bottom:10px;
	}
	#imageGallery .galleryRow.overview {
		max-height: 190px;
	}
}

/* Mobile */
@media only screen and (min-width: 18.75em) and (max-width: 740px) {
	.wrapper {
		width:90%;
	}
	.contentLeft,	.contentRight {
		margin:0;
		width:100%;
	}
	.sidebar {
		margin-top: 50px;
	}
	nav#nav {
		background: #25ae5b;
		border-bottom:0;
		border-top:10px solid #1E1917;
	}
	h1 {
		font-size: 24px;
	}
	#events .row span {
		width: 100% !important;
		line-height: 26px;
	}
	#events .row .date {
		clear: left;
		height: auto;
	}
	#events .row .title,
	#events .row .location {
		width: auto !important;
	}
	#member .row {
		width: 100%;
		max-height: 390px;
	}
	#member .row .memberPhoto {
		max-width: 100%;
		height: 120px;
	}
	#member .row .memberDescription {
		max-width: 100%;
		height: 130px;
	}
	nav#nav .navigation {
		margin: 0;
		display:none;		
	}	
	.navBar {
		display:block;
	}	
	footer {
		height:320px;
	}
	footer, .footerStick {
		height: 320px;
	}	
	.footerTop {
		min-height: 215px;
		height: auto;
	}
	.footerTop .sponsoren a {
		margin-bottom:10px;
	}	
	.footerBottom {
		height:90px;
	}
	#imageGallery .galleryRow.overview {
		width: 100%;
	}
	#imageGallery .galleryRow a {
		display: block;
	}
	#imageGallery .galleryRow a img {
		width: 100%;
	}
}

/* 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/sprite.png) !important;
			background-size: 400px 400px !important;
		}
}