/* Large Screens (L, XL)
======================= */

	/* BUERO
	-------------------- */	
	.bueroPreviewImage { height: 153px; width: 100%; display: block; }
	.bueroLeadImage { margin-top: 88px; height: 410px; width: 96%; display: block; }


	/* PROJEKTE
	-------------------- */	
	.projectPreviewImage { height: 210px; width: 100%; display: block; }
	.storySlideImage { height: 480px; width: 100%; display: block; }
	.storySlideImage { height: 480px; width: 100%; display: block; }
	.videoImage { height: 540px; }
	/* THEMEN & STARTSEITE 
	-------------------- */	
	.leadImage { height: 568px; }
	.startLeadImage { margin-top: -65px; }

	.clusterPreviewImage { height: 180px; width: 180px; border-radius: 50%; }
	.clusterLeadImage { height: 376px; width: 100%; display: block; margin-top: 88px;}



/* Laptop (MD)
======================= */
@media (max-width: 991px) {

	.startLeadImage { margin-top: -95px; height: 364px; }
	.leadImage { height: 420px; }

	/* BUERO
	-------------------- */	
	.bueroLeadImage { height: 270px; width: 100%; display: block; }

	/* PROJEKTE
	-------------------- */	
	.storySlideImage { height: 320px; width: 100%; display: block; }
	.videoImage { height: 540px; }

	
}



/* Tablet Portrait (SM)
======================= */
@media (max-width: 767px) {

	.startLeadImage { margin-top: -95px; height: 288px; }
	.leadImage { height: 370px; }


	/* BUERO
	-------------------- */	
	.bueroPreviewImage { height: 210px; }
	.bueroLeadImage { height: 305px; width: 100%; display: block; }

	/* PROJEKTE
	-------------------- */	
	.storySlideImage { height: 360px; width: 100%; display: block; }
	.videoImage { height: 600px; }


}

/* Large Phones (SM <> XS) 
=============================== */
@media (max-width: 576px) {


	.leadImage { height: 320px !important; }
	.startLeadImage { margin-top: -95px; height: 320px; }

	/* BUERO
	-------------------- */	
	.bueroPreviewImage { height: 210px; }
	.bueroLeadImage { margin-top: 12px; height: 293px; width: 100%; display: block; }


	/* PROJECT & CLUSTER
	-------------------- */	
	.projectPreviewImage { height: 210px; }
	.clusterLeadImage { height: 320px; width: 100%; display: block; margin-top: 66px;}
	.storySlideImage { height: 320px; width: 100%; display: block; }
	.videoImage { height: 640px; }

}

/* Phones (XS)
======================= */
@media (max-width: 460px) {

	.leadImage { height: 264px !important; }

	/* BUERO
	-------------------- */	
	.bueroPreviewImage { height: 210px; }
	.bueroLeadImage { margin-top: 12px; height: 234px; width: 100%; display: block; }


	/* PROJEKTE
	-------------------- */	
	.storySlideImage { height: 240px; width: 100%; display: block; }
	
}