@media screen and (max-width: 1375px){


	footer {
		grid-template-columns: 1fr 1fr max-content;
	}

	footer .first {
		grid-template-columns: 1fr;
	}

}

@media screen and (max-width: 1200px){

	a.logo {
		font-size: 18px;
		letter-spacing: 2px;
		margin: 0px;
	}
}

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



	.header-top a.logo>div {
		display: none;
	}

	.scrollHeader .header-top:before, body:not(.home) .header-top:before {
	    transition: .5s;
	    background: var(--blackish);
	}

	.scrollHeader header .header-bottom, body:not(.home) header .header-bottom {
	    transform: translateY(-100%);
	    transition: .5s;
	}

	.scrollHeader .header-top img, body:not(.home) .header-top img {
	 	opacity:0;
	}

	.scrollHeader .header-top, .off-home .header-top {
	    width: max(60%, calc( var(--menu-width) + 100px ));
	    transition: width .5s;
	}

	.scrollHeader .curve  {
		--curve-width: max(60%, calc( var(--menu-width) + 100px ));
	}

	.scrollHeader header, body:not(.home) header{
    	height: var(--header-height);
	}
}

@media screen and (max-width: 1050px){

	:root  {
		--curve-width: 90%;
	}

	.grid-equal {
		grid-template-columns: 1fr;
	}

	.grid-equal img {
		max-width: calc(25vw + 200px);
		margin: 0px auto;
		display: block;
	}

	.options {
	    grid-template-columns: 1fr 1fr ;
	    column-gap: 25px;
	}

	.products {
		grid-template-columns: 1fr 1fr;
	}

	.products .product:nth-child(6n+3), .products .product:nth-child(6n+1), .products .product:nth-child(6n+2)    {
		background: none;
	}

	.products .product:nth-child(4n+1), .products .product:nth-child(4n+2) {
		background: var(--beige);
	}

	.headline.large, .occs .headline.large {
		font-size: 45px;
	}

	.gallery img {
		height: 100%;
	}

	.gallery-double {
		grid-template-columns: 1fr;
		grid-template-rows: 60vh 30vh;
	}

	.gallery-triple {
		grid-template-columns: 1fr;	
    	grid-auto-rows: 30vh;
	}

	header {
		height: var(--header-height);
	}

	header .header-top {
	    width: 100%;
	    min-width: 100%;
	    justify-content: space-between;
	    padding-left: 30px;
	    padding-right: 30px;
	}

		header .header-top:before {
			background: var(--blackish);
		}

	.split>div {
		width: 100%;
	}

	.split {
		flex-direction: column;
	}

	.headline.extra-small, .topline.small {
		font-size: 14px;
	}

	.headline.mega {
	    font-size: calc(12px + 2vw);
	}

	footer {
		flex-direction: column;
	}


	#hamburger {
	    display: block;
	    cursor: pointer;
	    color: white;
	    cursor: pointer;
	    text-align: right;
	    line-height: 35px;
	    width: 35px;
	    font-size: 18px;
	    padding-top: 4px;
	}

	header .header-bottom {
		position: fixed;
	    left: 0px;
	    top: 0;
	    height: 100vh;
	    display: flex;
	    flex-direction: column;
	    align-items: stretch;
	    text-align: center;
	    justify-content: center;
	    padding: 0px 2.5vw;
	    transform: translateX(-125%);
	    transition: transform .5s;
	    width: 50%;
	    min-width: 300px;
	    margin: 0px;
	    padding-bottom: var(--header-height);
	    padding-top: var(--header-height);
	    background: var(--light-gray);
	    z-index: -1;
    	border-radius: 0px 0px var(--curve-radius) 0px;
    	overflow: hidden;
	}

	.menu-open  {
		overflow: hidden;
	}

		.menu-open .header-bottom {
			transform: translateX(0%);
			transition: transform .5s;
			width: 50%;
	    	padding: 0px 7.5vw;
	    	overflow: auto;

		}

	nav a, .dropdown>span {
	    padding: 3vh;
		border-bottom: 1px solid #3434344f;
		width: 95%;
		max-width: 500px;
		margin: 0 auto;
		transition: .4s;
		color: var(--blackish);
	}

	nav a:first-child(){
		border-top: 1px solid #3434344f;
	}

	.menu-open nav a,.menu-open .dropdown>span{
		transform: translateX(0%);
		transition: .4s;
	}

	.menu-open .menu-item:nth-child(2){
		transition-delay: .075s;
	}

	.menu-open .menu-item:nth-child(3){
		transition-delay: 0.15s;
	}

	.menu-open .menu-item:nth-child(4){
		transition-delay: 0.225s;
	}

	.menu-open .menu-item:nth-child(5){
		transition-delay: 0.3s;
	}

	.menu-open .menu-item:nth-child(6){
		transition-delay: 0.375s;
	}

	.menu-open .menu-item:nth-child(7){
		transition-delay: 0.45s;
	}

	.menu-open .menu-item:nth-child(8){
		transition-delay: 0.525s;
	}

	.menu-open .menu-item:nth-child(9){
		transition-delay: 0.6s;
	}

	.header-bottom a.logo {
		display: none;
	}


	footer>div {
		padding: 25px 0px;
	}

}

@media screen and (max-width: 800px){

	:root {
		--padding: 20px;
	}

	.container {
		padding-top: 5vw;
		padding-bottom: 5vw;
	}


	.options {
		grid-template-columns: 1fr;
	}

	.grid-equal, .single-right>div:first-child, .single-left>div:first-child, .single-middle>div {
		padding-left: var(--padding);
		padding-right: var(--padding);
	}

	.grid-equal img {
		width: 100%;
		max-width: 100%;
	}
	

	.grid-pattern {
		grid-template-columns: 1fr 1fr;
	}

	.grid-pattern>div:nth-child(1n) {
		grid-column:  auto / span 1;
		grid-row:  auto / span 1;
	}


	.grid-pattern>div:nth-child(2){ grid-column:  auto / span 2; grid-row: 2;}
	.grid-pattern>div:nth-child(3){ grid-column:  2; grid-row: 1;}
	.grid-pattern>div:nth-child(4){ grid-column:  2; grid-row: 3; }
	.grid-pattern>div:nth-child(5){ grid-column:  1; grid-row: 3;}

	#slick-menu .slick-slide {
		height: 50vh;
		min-height: auto;
	}

	#slick-menu .topline {
		font-size: calc(11px + 1vw);
	}

	.hero {
		height: 50vh;
	}


}



@media screen and (max-width: 700px){

	.occ {
		flex-direction: column;
	}

	.occ .img {
    	width: 75vw;
    	height: 50vw;
	}

	.hero h2 {
    	font-size: calc(18px + 6vw);
	}

	footer {
		grid-template-columns: 1fr;
   		text-align: center;
	}

	footer table {
		margin:  0px auto;
	}

	footer>div:last-child {
	    grid-column: 1 / span 1;
	}
}

@media screen and (max-width: 625px){

	.products {
		grid-template-columns: 1fr;
	}

	.products.back-beige {
		background: none;
	}

	.product {
		padding: 5vw;
	}

	.products .product:nth-child(4n+1), .products .product:nth-child(4n+2) {
		background: none;
	}

	.products .product:nth-child(2n+1) {
		background: var(--beige);
	}


	.grid-equal {
		grid-template-columns: 1fr;
	}

	.img-shadow-hor:before, .img-shadow-hor:after {
		height: 0px;
		width: 100%;
	}

	.img-shadow-hor:before {
		top: auto;
		bottom: 0px;
	}

	.grid-equal.negative>div {
		margin: 0px !important;
		padding: 0vw !important;
	}

	.grid-equal.negative>div h2, .grid-equal.negative>div h3, 
	.grid-equal.negative>div p {
		margin-left: 35px;
		margin-right: 35px;
		text-align: left;
	}

	.grid-equal.negative>div p {

		text-align: justify;
	}

	.grid-equal.negative-0 {
		display: flex;
		flex-direction: column-reverse;
	}

	.headline, .cmscnts h2 {
		font-size:  calc(11px + 3vw);
	}

	.topline, .cmscnts h3{
		font-size:  calc(11px + 1.75vw);
	}

/*	.grid-equal.negative>div h2, .grid-equal.negative>div h3 {
		margin-top: -50px;
	}*/


}


@media screen and (max-width: 475px){
	.occ .img {
		width: 100vw;
		height: 60vw;
	}
}

@media screen and (max-width: 400px){


	a.logo {
		font-size: 14px;
	}

}