/*xLarge and higher*/
@media (max-width: 1220px) {

	/*Alle Sectoin Elemente die nicht die ID Slider haben*/
	section:not(#slider):not(#image):not(#neubau-detail):not(#ankauf):not(#google-maps) {
		padding-left: 20px;
		padding-right: 20px;
	}

	/*Header*/
	#header {
		max-width: 980px;
	}
	/*Header - Navigation*/
	#navigation-social .call-to-action {
		font-size: 16px;
	}
	#navigation-menu > ul > li:not(:first-child) {
	    margin-left: 20px;
	}
	#navigation-menu > ul > li > a {
		font-size: 13px;
	}

	/*Neubau/Referenzen*/
	#neubau .neubau-image > img,
	#referenzen .referenzen-image > img {
		/*position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 100%;
		width: auto;
		max-width: none;*/
	}
	#referenzen .referenzen-image > div,
	#referenzen .referenzen-image > div > ul,
	#referenzen .referenzen-image > div > ul > li {
		height: 100%;
		min-height: 300px;
	}
	#referenzen .referenzen-image > div > ul > li > a {
		display: block;
		height: 100%;
	}
	#referenzen .referenzen-image > div > ul > li > a > img {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		height: 100%;
		width: auto;
		max-width: none;
	}

	/*Neubau-Detail*/
	#neubau-detail .projekt > div > h2,
	#neubau-detail .projekt > div > p {
		font-size: 26px;
	}

	/*Historie*/
	#historie .uk-position-relative {
		overflow: hidden;
	}
	#historie .uk-position-relative > img {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    height: 100%;
	    width: auto;
	    max-width: none;
	}
}

/*Large and higher*/
@media (max-width: 960px) {

	/*Header*/
	#header + section {
	    margin-top: 167px;
	}
	#header {
    	height: 167px;
	}
	#header #logo,
	#header #logo > * {
	    height: 60px;
	}
	#logo {
    margin: 12px 0;
}
	/*Slider - Overlay*/
	#slider .uk-overlay-panel {
		justify-content: center;
		align-items: center;
	}

	/*Neubau-Detail*/
	#neubau-detail .projekt > div > h2,
	#neubau-detail .projekt > div > p {
		font-size: 32px;
	}
	#neubau-detail .projekt > div > img {
		margin-top: 30px;
	}
}

/*Medium and higher*/
@media (max-width: 768px) {
	/*Header*/
	#header + section {
	    margin-top: 87px;
	}
	#header {
    	height: 87px;
	}
	.logo, .logo > * {
	    height: 87px;
	}
	
	/*Slider*/
	#slider .uk-slidenav {
	    transform: scale(0.75);
	}
	#slider .uk-slidenav-previous {
		left: 0;
	}
	#slider .uk-slidenav-next {
		right: 0;
	}
	/*Slider - Overlay*/
	/*
	#slider .uk-overlay-panel > *:not(a) {
		display: none;
	}*/
	#slider .project-logo {
		display: none;
	}
	#slider .project-content {
		min-width: 250px;
	}
	#slider .uk-slideshow > li:nth-child(2n) .uk-overlay-panel {
	    justify-content: center;
	}
	#slider .project-content > h2,
	#slider .project-content > p {
	    font-size: 55px;
	    line-height: 60px;
	}

	/*Neubau/Referenzen*/
	#neubau .neubau-image > img,
	#referenzen .referenzen-image > img,
	#historie .uk-position-relative > img {
		position: static;
	    width: 100%;
	    height: auto;
	    max-width: 100%;
	    transform: none;
	}
	#referenzen .referenzen-image > div {
	}
	#referenzen .referenzen-image > div > ul > li > a > img {
		height: auto;
		width: 100%;
	}
	
	/*Neubau-Detail*/
	#neubau-detail .panel.videos {
		margin-top: -30px;
	}
	#section-image {
		background-size: cover;
	}
	.image21 {
		display:none;
	}
	.image11 {
		display:inline;
	}
	#gl-newsletter {
	    right: 0px;
	}
}

/*Small and higher*/
@media (max-width: 480px) {
	
	#Xheader {
		padding: 0 20px;
	}
	#slider .uk-overlay-panel {
	    padding: 0;
	}
	#slider .uk-slideshow > li:first-child .uk-overlay-panel.openhouse {
	    justify-content: center;
	}
	#slider .openhouse .project-content > h3 {
	    font-size: 16px;
	    line-height: 20px;
	}
	#slider .openhouse .project-content > p {
	    font-size: 12px;
	    line-height: 14px;
	}
	h1 {
		font-size: 24px;
		line-height:28px;
	}
	/*Breadcrumbs*/
	#breadcrumbs p {
		display: inline-block;
	}
	#breadcrumbs ul > li:not(:last-child) {
		display: none;
	}

	/*Referenzen*/
	#referenzen .referenzen-image > div > ul > li > a > img {
		height: 100%;
		width: auto;
	}

	/*Footer*/
	#footer {
		padding: 25px 30px;
	}

	
}