@media screen and (min-width: 480px) {
}

@media screen and (min-width: 640px) {
	
	/* HEADER
	__________________________________________________________________________________________ */
	
	/*** Social Media Menü ***/
	
	.header .social-media-nav {
		display: block;
		margin-right: 2.5rem;
	}
	
	/* CONTENT BLOCKS
	__________________________________________________________________________________________ */
	
	/*** Projekte Teaser ***/

	.project-teaser {
		display: flex;
		flex-wrap: wrap;
	}
	
	/*

	.project-teaser {
		padding-top: 35px;
		.cnt {
			margin-right: -35px;
			&:nth-child(1) {
				margin-right: -85px;
			}
			&:nth-child(2) {
				margin-top: -35px;
			}
		}
	}

	*/
	
}

@media screen and (min-width: 768px) {
	
	/*** Multicol ***/
	
	.multicol.mc2 {
		> .col {
			width: calc(50% - 25px);
			margin-bottom: 0;
		}
	}
	
	.multicol.mc3 {
		> .col {
			width: calc(50% - 25px);
		}
	}

	/*** 2Spaltiger Text ***/

	.frame-layout-6 {
		column-count: 2;

	}

	
	/* CONTENT BLOCKS
	__________________________________________________________________________________________ */
	
	/*** Button Pfeil ***/
	
	.button-pfeil {
		padding-top: 4.6875rem;

		&.center {
			text-align: center;
		}

		&.right {
			text-align: right;
		}
		
		a {
			display: inline-block;
			min-width: 350px;
			font-size: 1.125rem;
		}
		
	}

	/*** Projekte Teaser ***/

	.project-teaser {
		max-width: 750px;
		.cnt {
			&:nth-child(1) {
				margin-top: 125px;
			}
			&:nth-child(4) {
				margin-top: -125px;
			}
		}
	}

	/*** Kategorie Liste ***/

	.categorie-list {
		ul {
			text-align: center;
			width: 100%;
			max-width: 1280px;
			margin: 0 auto;
			li {
				display: inline-block;
				a {
					&.medium {
						width: 480px;
					}
					&.large {
						width: 580px;
					}
				}
			}
		}
	}
	
}

@media screen and (min-width: 885px) {
	
	/* CONTENT BLOCKS
	__________________________________________________________________________________________ */
	
	/*** Projekte Teaser ***/
	
	/*

	.project-teaser {
		justify-content: flex-start;
		padding-top: 70px;
		max-width: 1180px;
		max-width: 835px;
		margin: 0 auto;
		.cnt {
			margin-right: -35px;
			&:nth-child(1) {
				margin-right: -85px;
			}
			&:nth-child(2) {
				margin-top: -35px;
			}
			&:nth-child(3) {
				margin-top: -70px;
			}
		}
	}

	*/
	
}

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

	h1 {
		font-size: 2.5rem;
	}
	
	/*** Multicol ***/
	
	.multicol.mc2 {
		> .col {
			width: calc(50% - 1.5625rem);
		}
	}

	.multicol.mc2.c30-70 {
		> .col:nth-child(1) {
			width: calc(30% - 1.5625rem);
		}
		> .col:nth-child(2) {
			width: calc(70% - 1.5625rem);
		}
	}

	.multicol.mc2.c70-30 {
		> .col:nth-child(1) {
			width: calc(70% - 1.5625rem);
		}
		> .col:nth-child(2) {
			width: calc(30% - 1.5625rem);
		}
	}
	
	.multicol.mc2.c40-60 {
		> .col:nth-child(1) {
			width: calc(40% - 1.5625rem);
		}
		> .col:nth-child(2) {
			width: calc(60% - 1.5625rem);
		}
	}
	
	.multicol.mc2.c60-40 {
		> .col:nth-child(1) {
			width: calc(60% - 1.5625rem);
		}
		> .col:nth-child(2) {
			width: calc(40% - 1.5625rem);
		}
	}
	
	.multicol.mc2.c35-65 {
		> .col:nth-child(1) {
			width: calc(35% - 1.5625rem);
		}
		> .col:nth-child(2) {
			width: calc(65% - 1.5625rem);
		}
	}
	
	.multicol.mc2.c65-35 {
		> .col:nth-child(1) {
			width: calc(65% - 1.5625rem);
		}
		> .col:nth-child(2) {
			width: calc(35% - 1.5625rem);
		}
	}
	
	.multicol.mc3 {
		> .col {
			width: calc(100%/3 - 1.5625rem);
		}
	}
	
	/*** Backgrounds ***/
	
	.section {
		padding: 6.25rem 0;
	}
	
	/* HEADER
	__________________________________________________________________________________________ */

	.header {
		height: 7.5rem;
		padding: 1.25rem 0;
	}

	/*
	.header {
		height: 9.375rem;
		background: transparent;
	}

	.header.background {
		background: url('/typo3conf/ext/bau_werk13/Resources/Public/Images/Layout/Border-Header.svg') no-repeat center bottom/160rem auto;
	}
	*/
	
	.header .logo {
		max-width: 320px;
	}
	
	/* FOOTER
	__________________________________________________________________________________________ */
	
	footer {
		
		padding: 0 0 1.25rem 3.125rem;
		padding: 50px 0 1.25rem 3.125rem;
		
		.copyright {
			width: auto;
			margin: 0;
		}
		
		.footer-nav {
			padding-right: 13.75rem;
			ul {
				li {
					margin: 0 0.3125rem 0 0;
					&:nth-child(3) {
						display: none;
					}
				}
			}
		}
		
		.sticky-contact {
			display: block;
		}
	}
	
}

@media screen and (min-width: 1180px) {
	
	/* CONTENT BLOCKS
	__________________________________________________________________________________________ */
	
	
	
}

@media screen and (min-width: 1280px) {
	
	/*** Layouts ***/

	/** Abstand Innen **/

	.frame-inner-space {
		padding-left: 6.25rem;
		padding-right: 6.25rem;
	}
	.frame-inner-space-right {
		padding-right: 6.25rem;
	}
	.frame-inner-space-left {
		padding-left: 6.25rem;
	}
	
	/* HEADER
	__________________________________________________________________________________________ */

	.header {
		height: 9.375rem;
		background: transparent;
		transition: all 0.3s;
		> .container {
			transition: all 0.3s;
		}
	}

	.header.background {
		background: url('/typo3conf/ext/bau_werk13/Resources/Public/Images/Layout/Border-Header.svg') no-repeat center bottom/160rem auto;
		
	}

	.header.small {
		background: url('/typo3conf/ext/bau_werk13/Resources/Public/Images/Layout/Border-Header.svg') no-repeat center bottom/160rem auto;
		transition: all 0.3s;
		> .container {
			margin-top: -0.9375rem;
			transition: all 0.3s;
		}
	}
	
	/*** Mobile Nav ***/

	#mob-btn {
		display: none;
	}
	
	/*** Desktop Nav ***/
	
	.header .main-nav {
		display: block;
	}
	
	/*** Social Media Menü ***/
	
	.header .social-media-nav {
		margin-right: 0;
	}

	/* CONTENT BLOCKS
	__________________________________________________________________________________________ */

	/*** Projekte Teaser ***/
	
	.project-teaser {
		max-width: 100%;
		.cnt {
			margin-bottom: 0;
			transform: scale(0.9);
			&:nth-child(1) {
				margin-top: 225px;
			}
			&:nth-child(2) {
				margin-top: 175px;
			}
			&:nth-child(3) {
				margin-top: 125px;
			}
			&:nth-child(4) {
				margin-top: 0;
			}
		}
	}
	
}

@media screen and (min-width: 1480px) {
	
	/* CONTENT BLOCKS
	__________________________________________________________________________________________ */
	
	/*** Überschrift mit Bild ***/
	
	.headline-image {
		margin-bottom: 3.125rem;
	}
	
	/*** Projekte Teaser ***/
	
	.project-teaser {
		.cnt {
			transform: scale(1);
		}
	}
	
}

@media screen and (min-width: 1920px) {
}

@media (orientation: landscape) and (max-height: 700px) {

	/* HEADER
	__________________________________________________________________________________________ */

	.header {
		background: var(--white);
		height: 5.625rem;
	}

	.header.small {
		background: var(--white);
		> .container {
			margin-top: auto;
		}
	}

	.header .logo {
		padding: 0 2.5rem 0 0;
		display: block;
		width: 100%;
		max-width: 13.75rem;
	}

	#mob-btn {
		display: block;
	}

	.header .main-nav {
		display: none;
	}

	.header .social-media-nav {
		margin-right: 2.5rem;
	}

	/* LAYOUT
	__________________________________________________________________________________________ */

	section.header__block {
		.scroll-down {
			padding: 0 0 3.125rem 0;
			svg {
				width: 2.5rem;
			}
		}
	}

}