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

	.layout.layout_pic.back_grey .sec_div img {
		position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        aspect-ratio: calc(100svw / 150svh);
	}


		.layout.layout_custom .sec_div .img-cntr {
		    position: absolute;
		    right: 0px;
        	height: min(150%, 850px);
		    top: 35%;
		    transform: translateY(-50%);
		}


footer .container>div:not(:has(img.house)) {
    padding-top: calc(var(--space_large) / 2);
    max-width: 18svw;
}


}

@media screen and (max-width: 1650px){
	voordelen {
		max-width: calc( 100svw - (2 * var(--space_medium)));
	}

	.blkje {
		transform: translate( 0 , calc( -1 * var(--space_large)) );
	}

	.sec_div .img-cntr img {
		aspect-ratio: 1;
	}

	nav {
		padding-right: var(--space_medium);
	}
}

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

	header {
		--space_large: 50px;
	}

	.grid_columns_2, .grid_columns_3 {
		column-gap: var(--space_large);
	}

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

	.layout.layout_pic .grid_columns_2:has(.sec_div ~ .first_div) .first_div {
		padding-left: 0;
	}


}

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

	body {
		--space_large: min(75px, 15svw);
	}

	voordelen-container {
    	xxoverflow-x: scroll;
    	width: 100%;
        max-width: calc(100svw - (var(--space_large) * 2));
	}

	    voordelen {
        width: 100%;
        scroll-snap-type: both mandatory;
        overscroll-behavior-x: contain;
        overflow: auto;
        align-items: flex-start;
        justify-content: flex-start;
    }
    	voordeel {
    		scroll-snap-align: center;
    	}

    	voordeel:in-view {
			  transform: scale(0.9);
			  opacity: 0.6;
			}

		voordelen:not(.colored) voordeel-inner {
			width: 300px;
		}

	
    	body {
			--header-height: 75px;
		}

		#hamburger path {
			fill: white;
		}

	.home #hamburger path {
		fill: black;
	}

	.scrollHeader #hamburger path {
		fill: black;
	}

	.scrollHeader {
		--header-height: 75px;
	}

	header .container{
		height: var(--header-height);
		padding: 0px var(--space_medium);
	}

	.menu-open {
		overflow: hidden;
	}

	header nav {
		position: fixed;
	    right: 0;
	    top: var(--header-height);
	    width: 100%;
	    flex-direction: column;
	    transition: .5s;
    	text-align: center;
    	align-items: center;
    	height: max-content;
    	max-height: 0svh;
        display: flex;
        flex-wrap: wrap;
        background: white;
        transition: .5s;
        padding: 0;
		overflow: hidden;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0);
	}



	.menu-open header nav {
	    transition: .5s;
        max-height: 100svh;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
	}


	header nav .nav-inner {
	    display: flex;
        xxheight: 100%;
        padding: 0px;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        background: transparent;
        transition: .5s;
        padding: var(--space_medium);
	}

	.menu-open header nav .nav-inner {
        transition: .5s;
	}

	header nav a {
        display: inline-block;
        font-size: 22px !important;
        text-transform: none;
        color: black;
        padding: calc(var(--space_medium) / 2);
        border-bottom: 1px solid #00000014;
        width: 100%;
      	text-transform: lowercase;
    }

    header nav .dropdown:has( .dropdown-content>a):hover>.dropdown-content {
	    display: flex;
	    position: relative;
	    left: auto;
	    top: auto;
	    transform: none;
	    margin-bottom: var(--space_medium);
	    gap: 0;
	}


    header nav .nav-inner {
    	gap: 0px;
    }

	header nav a.btn {
	    background: white;
	    color: var(--orange) !important;
	    margin: 0px auto;
	}

	header nav .dropdown {
		width: 100%;
		color: var(--);
	}


	header nav>.dropdown>.dropdown-content {
		display: flex;
	    width: 100%;
	    position: relative;
	    top: auto;
	    left: auto;
	    transform: none;
	    text-align: left;
	    background: none;
	    box-shadow: none;
	    flex-direction: column;
	    align-items: stretch;
	    width: 100%;
	    text-align: center;
	    max-height: 0px;
	    overflow: hidden;
		transition: .5s;
	}

	header nav>.dropdown.hover>.dropdown-content {
		max-height: 75svw;
		transition: .5s;
	}

	header nav a {
    	display: inline-block;
	}


	header .dropdown .dropdown-content a {
		padding: calc(var(--space_small) / 1) var(--space_medium);
		text-transform: lowercase;
	}

	.nohero .header-bottom, .nohero .header-bottom {
    	padding: 5px var(--space_medium);
	}

	header nav .btn {
		text-transform: none;
	}

	header nav>.dropdown>.dropdown-content {
		content: var(--orange);
		padding-left: 25px;
	}

	header nav a:has(svg){
	    position: absolute;
	    bottom: var(--space_large);
	    background: white;
	    padding: var(--space_small);
	    border-radius: 50px;
	}


	.menu-open header nav:before {
	    transition: .3s;
	}

	header nav  {
		color: var(--color_text_light);
		text-shadow: none;
		font-family: var(--font1);
	}

	header #hamburger {
		display: block;
	}



}

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

	.form_block {
		grid-template-columns: 1fr;
		align-items: stretch;
	}

	.form_block>.right, .form_block>.left {
		width: 100%;
		max-width: none;
	}


	.layout.layout_custom .sec_div {
		grid-row: 2;
	}





	.text_photo img {
		width: 100%;
		height: auto;
	}

	.under_hero {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
    	row-gap: var(--space_small);
	}

		.under_hero span {
			grid-column: auto / span 2;
			text-align: center;
		}


	.grid_columns_2>div.first_div:has(.owl-carousel){
        padding-left: 0px !important;
        padding-right: 0px !important;
	}

	.first_div table:not(.tbl_clean) tr:nth-child(1) td {
	    padding-top: 0px;
	}

	.first_div table:not(.tbl_clean) tr td:nth-child(1) {
	    padding-left: 0px;
	}

	body:not(.home) #cms_page .grid_columns_2:nth-child(1) {
		margin-top: 0px;
	}

	

	#cms_page .hero .hero-content {
		padding-top: var(--space_large);
		padding-bottom: var(--space_large);
		margin-bottom: var(--space_large);
		margin-top: var(--space_large);
	}

	.other_pics {
		gap: var(--space_small);
		margin: var(--space_small) 0px;
	}

	.align-top>div {
		margin: 0;
		width: 100%;
		max-width: 100svw;
	}

	#occ_det .owl-dots {
    	margin: var(--space_small);
	}

	#occ_det .split {
		gap: var(--space_small);
	}

	.grid_columns_4 {
		grid-template-columns: 1fr 1fr;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
	}

}


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

	body {
		--fs-xxl: 31px;
		--fs-xl: 18px;
		--space_medium: 6.25vw;
    	--space_large: 13.5vw;
        --fs-m: 13px;
	}

	voordelen.colored {
		grid-template-columns: 1fr;
        max-width: 90svw;
	}

	.first_div faq {

    	transform: translateY(calc(2 * var(--space_medium)));
	}


	voordelen:not(.colored) voordeel-inner {
    		width: 70svw;
    	}

    .sec_div:has( .right_gallery){
    	height: 10px;
    }

    .layout_pic .grid_columns_2 {
    	padding: 0;
    	margin-top: calc(var(--space_large) * 1);
    }


	.layout_pic:has(.voordelen) .grid_columns_2:before,
	.grid_columns_2:has( img.contain):before {
		content: none;
	}

	   .sec_div img.contain {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        height: 85svw;
        aspect-ratio: 12 / 16;
        width: auto;
        margin-right: auto;
        margin-left: 0;
        display: block;
    }

    voordelen {
    	font-size: 12px;
    }

    .blkje {

    	top: calc(100% + 85vw);
    	z-index: 99;
    	text-align: center;
        right: var(--space_medium);
    }

    .grid_columns_2 .blkje p {
    	text-align: center;
    }

	.grid_columns_2:has( img.contain) .first_div:before {
		content: '';
		inset: 0 0 calc( -1 * var(--space_large)) 0 !important;
	}

	.grid_columns_2:has( img.contain) .first_div {
		width: calc(100svw - (2 * var(--space_medium)));
        margin-left: auto;
        margin-right: auto;
	}

	.layout_pic:has(.voordelen) .grid_columns_2>div { 	
    	text-align: left;
    	align-items: flex-start;
	}

	.layout_hero h3 {
		font-size: var(--fs-xxl);
	}

	video-container video {
		width: auto;
		height: 100%;
	}

	.right_gallery {
		column-count: 1;
	}

	.right_gallery {
		padding-top: var(--space_large);
	}

	.btn, #cms_page .cms_page #mc_embed_signup .button {
		padding: 10px 12.5px;
	}

	.right_gallery img:nth-child(2n + 1){
        animation-name: gallery_img_move_in_odd;
        transform: translate(30vw, 25px);
		opacity: 0;
		margin-top: -10svw;
	}

	.right_gallery img:nth-child(2n){
        animation-name: gallery_img_move_in_even;
        transform: translate(-7.5svw, 50px);
		opacity: 0;
		    margin-top: -5svw;
	}

	@keyframes gallery_img_move_in_odd {
		0% {
	    	transform: translate(30vw, 25px);
		    opacity: 0;
		    margin-top: -10svw;
		}
		100% {
		    transform: translateX(30px);
		    opacity: 1;
		    margin-top: -25svw;
		}
	}

	@keyframes gallery_img_move_in_even {
		0% {
	    	transform: translate(-7.5svw, 50px);
		    opacity: 0;
		    margin-top: -5svw;
		}
		100% {
		    transform: translateX(-30px);
		    margin-top: -20svw;
		    opacity: 1;
		}
	}

	/* start home hero */

		#reserveren-float-content {
	        min-width: auto;
	        width: 100svw;
	        background: black;
	        position: fixed;
	        right: 0px;
	        bottom: 0px;
	    }

	    #reserveren-float-content .select {
	    	max-width: 175px;
	    	font-size: var(--fs-m);
	    }

		iframe {
			width: 100%;
			max-width: calc(100svw - (2 * var(--space_medium)));
		}

		hero {
			grid-template-columns: 1fr;
	    	grid-template-rows: max-content 1fr;
        	padding: 0px var(--space_medium);
    		height: 75svh;
    		overflow: hidden;
		}	
		
		hero:has( .spot-logo.active) {
			height: 100svh;
			transition: .5s;
		}

			hero #branch_01 {
				display: none;
			}

			hero hero-waves {
		        left: -12.5svw;
		        width: 150svw;
			}

			hero hero-content {
				margin-top: calc(1.5 * var(--space_large));
        		justify-content: flex-start;
			}

			hero-kitchens-content {
				aspect-ratio: auto;
				width: 100%;
				height: 375px;
        		height: min(375px, 40svh);
        		top: 0;
        		transform: translate(-50%, 0%);
			}

			hero hero-building {
    			padding: var(--space_large) 0px;
			}

			hero hero-content h1 {
				margin: 0px;
				margin-bottom: var(--space_large);
			}

			hero hero-building .spot-logo {
				width: 65px;

			}

			hero .kitchen-content  {
				padding: var(--space_medium);
				border-bottom: none;
				border-right: 4px solid var(--res_color);
    			background: var(--color_berg_02);
    			color: var(--brown);
			}

			hero .kitchen-content .spot-logo {
				height: min(100px, 10svh);
			}

				

			hero hero-building {
				min-height: 45svh;
				--lsf: calc(var(--ls) * 1);
			}

			hero-kitchens:has(hero-kitchen.active){

				--lsf: calc(var(--ls) * 0.75);
			}

			hero:has( hero-kitchen.active) hero-building-inner{
				width: 135%;
				transition: .5s;
			}

			hero hero-building-inner {   
        		width: 160%;
			    height: auto;
			    position: absolute;
			    left: 40%;
			    transform: translateX(-50%);
			    bottom:0;
			    max-width: none;
				transition: .5s;
			}

			hero hero-building hero-kitchen {

    			transform: translate(-50%, -50%) scale(calc(0.9 / var(--ls)));
				transition: .75s;

			}

			hero hero-building {
				--lxm: 50;
				transform-origin: calc( var(--lxm) *  1%) calc( var(--ly) *  1%);
				transition: .75s;
			}

			svg#berg_02 {

			    bottom: 8svw;
			}

			svg#berg_01 {
			    bottom:12svw;
			}

			hero hero-building {
				bottom: calc(8svh + 4svw);
			}


	/* end home hero */


/*

	nav .dropdown.rest>.item>a {
	    display: flex;
	    align-items: center;
	    flex-direction: column;
	    justify-content: center;
	    text-align: center;
	    row-gap: var(--space_medium);
	    padding: var(--space_medium) var(--space_medium);
	    border: 1px solid var(--c);
	    font-family: var(--font2);
	    color: white;
	    width: 100%;
        min-height: 125px;
	}*/

	/*
			nav .dropdown.rest>.item>a {
		        display: flex;
		        align-items: center;
		        flex-direction: column;
		        justify-content: center;
		        text-align: center;
		        row-gap: var(--space_medium);
		        padding: var(--space_medium) var(--space_medium);
		        border: 1px solid var(--brown);
		        font-family: var(--font2);
		        color: white;
		        width: 100%;
		    }

	*/

	nav .dropdown.rest .dropdown-content {
		display: none;
	}

/*	nav .dropdown.rest>.item>a img {
	    position: absolute;
	    top: 0px;
	    transform: translate(-0%, -50%);
	    height: auto;
	    width: 60px;
	    background: black;
	    padding: 0px 5px;
	    display: block;
	}*/

	/*		
			nav .dropdown.rest>.item>a img {
		        position: absolute;
		        left: 0%;
		        top: 50%;
		        transform: translate(-50%, -50%);
		        height: 60px;
		        width: auto;
		        background: black;
		        padding: 5px 0px;
		        display: block;
		    }
	*/

	.dyn_buttons {
		flex-direction: column;
		margin-top: var(--space_medium);
	}

	#cms_page .layout_hero .grid_columns_2>div {
		text-align: left;
	}

	table address {
		line-height: 1;
	}

	.dyn_buttons .btn {
		width: auto;
		margin-top: 0px !important;
	}

	#hamburger_dropdown {
		display: block !important;
	}

	#hamburger_dropdown .dropdown-content {
		display: none;
	}

	.layout .grid_columns_2>.first_div {
		text-align: left !important;
	}

	.layout:has( .form_block){
		margin-bottom: calc( 2 * var(--space_medium));
	}

	.layout.layout_upper .grid_columns_2>.first_div, .layout.back_2 .grid_columns_2>.first_div{
		text-align: center !important;
	}


	header #hamburger {
		color: var(--color_text_dark);
	}

	.scrollHeader header:before {
		background: var(--creamy);
	}

	.logo_rel {
		--logo-height: 100px;
		height: 37.5px;
		padding: 0px
	}

	.logo {
		height: 100%;
		width: auto;
	}

	.home header:before {
		background: var(--creamy);
		transform: translateY(0%);
	}

	header .dropdown .dropdown-content .dropdown {
		border-bottom: 1px solid #efefef45;
	}

	header .dropdown .dropdown-content a {
		border: none;
	}


	footer {
		padding: var(--space_medium);
	}

	footer #ico_dragon {

	    max-width: 50svw;
	    bottom: -100px;
	}

	.first_div { grid-row: first-div; }
	.sec_div { grid-row: sec-div; }

	.layout_hero .sec_div {
		grid-row: first-div;
	}

	.text_photo, .split, #occ_det>.split {
		grid-template-columns: 1fr;
	}

	.text_photo>div {
		margin: 0;
	}

	.text_photo img {
		margin: 0px auto;
	}

	#new_lease { grid-row: 3; }
	#certainties { grid-row: 2; }
	#arrange { grid-row: 1; }

	.link {
		min-width: min(300px, 80vw);
	}

	.button {
		padding: var(--space_small) 0px;
		row-gap: var(--space_small);
	}

	.block {
		padding: calc(1* var(--space_large)) 0px;
	}

	.grid_columns_2 p {
		text-align: left;
	}

	.scrollHeader .header-top {
		height: 0px;

	}

	blocks.grid_columns_3 {
		margin: var(--space_small) 0px;
		padding: 0px;
	}

	.button img {
		max-width: 75px;
	}

    main:before {
    	position: fixed;
    	background-size: 150vw auto;
    }


	.owl-carousel {
    	width: 100% !important;
		max-width: 100svw !important;
	}

    header nav .dismiss {
    	top: var(--space_medium);
    	right: var(--space_medium);
		display: block;
    }

    .owl-carousel .owl-item {
    	width: 100svw;
        padding-bottom: var(--space_medium);
    }

    slide name {
    	font-size: var(--fs-xl);
    }

/*
    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    	display: flex !important;
    }
*/


    #loc_gallery_full .gallery {
    	column-count: 1;
    	gap: var(--space_small);
    }

    body  {
    	--w: 145vw;
	}

	.whitespace_top {
		margin-top: 75px;
	}

	voordelen {
        width: 100%;
        scroll-snap-type: both mandatory;
        overscroll-behavior-x: contain;
        overflow: auto;
        align-items: flex-start;
        justify-content: flex-start;
    }

	#cms_page .grid_columns_2 .first_div:has(.owl-carousel) h2 {
		margin-left: var(--space_medium);
		margin-right: var(--space_medium);    width: auto !important;
	}


	.back_blue:has(+ .back_grey):before, .back_blue:has(+ .back_grey):after {
		content: none;
	}

	.back_blue:has(+ .back_grey) {
		background: var(--blue_dark);
	}

	.hero-content p {
    	max-width: 80vw;
	}

	.back_greenish {
		background: none;
		overflow: hidden;
		border-radius: 0px !important;
	}

	.back_greenish:before {
		content: '';
		background: var(--greenish);
		left: calc(-1 * var(--space_medium));
		top: 0;
		width: calc( 100% + (2 * var(--space_medium)));
		height: 100%;
		border-radius: 0 0 calc(2 * var(--space_large)) calc(2 * var(--space_large));
		position: absolute;
	}

	.grid_columns_2>div>img:not(.picto) {
	    height: 55vw;
	    aspect-ratio: auto;
	}

	.grid_columns_2>div:has( img.picto ){
        text-align: left;
        align-items: flex-start;
	}

	img.picto {
	    right: 0;
	    max-width: 20svw !important;
	    top: calc(1.5 * var(--space_medium));
	}

	.layout.layout_upper .grid_columns_2, .layout.layout_upper .grid_columns_2 .sec_div {
		padding: 0 !important;
	}

	.layout.layout_upper .grid_columns_2>.first_div {
	    max-width: calc(100svw - (2 * var(--space_medium)));
	    margin-bottom: calc(-1 * 100svw / 16 * 10 / 2 + var(--space_large)  );

    	transform: translateY(calc(-1 * 100svw / 16 * 10 / 2));
    	padding-top: calc(2 * var(--space_medium));
    	padding-bottom: calc(2 * var(--space_medium));
	}

	.layout.layout_upper .grid_columns_2>.sec_div .img-cntr img {
        aspect-ratio: 16 / 14;
	}

	.layout.layout_custom .sec_div img {
        transform: translateX(calc(2 * var(--space_medium)));
        margin-right: calc(-2 * var(--space_medium));
        transform: none;
        margin-left: 0;
        width: 77svw;
        height: auto !important;
        aspect-ratio: 16 / 10;
    }

	div:not(.back_greenish)>.container_small .grid_columns_2>div>.radius-2 {
	    max-width: none;
	    margin-left: calc(-1 * var(--space_large));
	    width: 100vw;
	    object-fit: cover;
	    margin-bottom: var(--space_large);
	}

	footer .container>div:nth-child(1) img {
		display: none;
	}

	#cntFrm label {
		text-align: left;
	}

	div:not(.back_greenish)>.container_small .grid_columns_2>div>.radius-4 {
	    max-width: none;
	    margin-right: calc(-1 * var(--space_large));
	    width: 100vw;
	    object-fit: cover;
	}

	 main .container_small, main .container {
		padding: 0px;
		overflow: hidden;
	}

	footer .icons {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.header-top a {
		font-size: 12px;
		padding: 5px 0px;
	}

	#reserveren-float .btn {
		padding: 10px;
    	min-width: 100px;
	}

	.hero {
    	min-height: 69svh;
        padding: var(--space_medium);
	}

	.container_small {
		padding: 0px ;
	}

	.hero.hero_cms {
    	height: auto;
    	aspect-ratio: auto;
    	min-height: 50svh;
    }

	#cntFrm {
		width: 100%;
	}
	.grid_columns_2, .grid_columns_3 {
		display: grid;
		grid-template-columns: 1fr !important;
		grid-template-rows: [first-div] auto [sec-div] auto;
		margin: calc(0 * var(--space_large)) auto;
		align-items: stretch;
		justify-content: center;
		text-align: center;
		flex-direction: column;
    	row-gap: 0;
        padding: 0px var(--space_medium);
	}

	

	.grid_columns_2>div ul li{
		text-align: left;
	}

	.cholly-cntr img {
	    max-height: 35svw;
	}

	.cholly-cntr {

    	right: var(--space_medium);
    }
    .cholly-cntr:hover {
    		right: 0px;
    }



	.blkje {
		font-size: var(--fs-m);
	}

	.layout.layout_pic.back_grey .grid_columns_2>.sec_div {
		grid-row: 2;
	}
	.layout.layout_pic.back_grey .grid_columns_2>.first_div {
		grid-row: 1;
	}

	.layout_pic .grid_columns_2:before {
		content: '';
		position: absolute;
		inset: 0 var(--space_medium) calc((100svw - (4 * var(--space_medium))) / 16 * 10 - var(--space_medium)) var(--space_medium);
		background: white;
	}

	.layout_pic .grid_columns_2>.first_div:before {
		content: none;
	}

	.grid_columns_2>div {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
		padding: var(--space_medium) !important;
		text-align: center;
		grid-column: 1 !important;
	}

	.layout_center[data-id="0"] .grid_columns_2>.sec_div {
		padding: 0px !important;
	}

	.layout_center[data-id="0"]>.container_small>.grid_columns_2 {
		padding: 0px;
	}

	.layout_center[data-id="0"]>.container_small>.grid_columns_2>.first_div {
        position: relative;
        margin-top: calc(var(--space_large) * 3) !important;
        margin-left: var(--space_medium);
        margin-right: var(--space_medium);
        width: calc(100% - (2 * var(--space_medium)));
        left: auto;
        transform: none;
        bottom: auto;
    }

    .layout_center[data-id="0"]>.container_small>.grid_columns_2>.first_div:has(.form_block) {
    	padding: 0px !important;
    }

	.layout_center[data-id="0"]>.container_small>.grid_columns_2>.sec_div {
		position: absolute;
		top: 0;
	}	


	.form_block>.left {
		padding: calc(2 * var(--space_medium)) var(--space_medium);
	}

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

	.layout.layout_custom .first_div {
		padding: var(--space_medium) !important;
	}

/*	.grid_columns_2>div.first_div {
		padding: calc( 2 * var(--space_medium)) var(--space_medium) var(--space_medium) var(--space_medium) !important;
	}
*/
	.grid_columns_2>div.first_div {
		padding: calc(2 * var(--space_medium))  calc(2 * var(--space_medium)) !important;
	}

	.layout.layout_hero {
		margin: var(--space_medium) 0px;
	}

	.layout.layout_pic .sec_div .img-cntr img {
		aspect-ratio: 16 / 10;
		margin-left: var(--space_medium);
		margin-right: var(--space_medium);
		width: calc(100% - 2 * (var(--space_medium)));
	}


	.layout .layout .sec_div, .layout .layout .first_div {
		padding: 0px !important;
	}
	
	.mobile-only {
	    display: block;
	}

	h1, h2 {
		font-size: 22px;
	}

	.layout.layout_pic {
		margin: calc(2 * var(--space_medium)) 0px;
	}

	.grid_columns_2 h1 + p,
	.grid_columns_2 h2 + p,
	.grid_columns_2 h3 + p {
		margin-top: 0px;
	}

	.desktop-only {
	    display: none;
	}

	#cms_page .layout_hero:has(blockquote) .grid_columns_2>div {

		padding: var(--space_medium);

	}

	.owl-dots {
		margin-top: var(--space_small);
	}


	blocks {
    	flex-direction: column;
    	gap: var(--space_small);
        padding: var(--space_medium) 0px;
	}

	blocks block {
		width: 100%;
        padding: var(--space_small);
        gap: var(--space_small);
        xxanimation: none;
        xxopacity: 1;
        xxtransform: none;
        animation-delay: 0s;
        animation-timeline: view(block 75% 15%);
	}

	blocks block:has(img) {
        margin-left: calc(2 * var(--space_small));
        width: calc(100% - (2 * var(--space_medium)));
    }

	block img {
	    top: 50%;
	    left: 0;
	    transform: translate(-50%, -50%);
	    padding: var(--space_small) 0px;
	}

	footer .container>div:not(:has(img.house)) {
		max-width: none;
	}

	block name {
		font-size: var(--fs-ml);
	}


	footer .logo.mobile-only {
	    margin: 0px auto var(--space_large) auto;
	  }

	#overlay {
        margin: var(--space_small);
        width: calc(100% -(var(--space_small)* 2));
        left: 0px;
        transform: translate(0%, -50%);
        padding: var(--space_medium);
    }

     #overlay .dismiss {
     	top: 10px;
     	right: 10px;
     }

    .pasfoto {
	    max-width: 55svw !important;
	    margin: 0px auto;
	  }

     #overlay img {
     	max-height: 175px !important;
     }

	#overlay .grid_columns_2 {
		margin: 0px;
	}

	#overlay .grid_columns_2>div {
		padding: 0px !important;
	}

	.cntFrm {
		padding: var(--space_large) var(--space_medium);
		padding: 0px;
	}

	.grid_columns_2 > div:has(.cntFrm){	
		padding-top: 0px !important;
	}

	.icon i {
	    font-size: 40px;
	}

	.morph-outer {
		padding: calc(1 * var(--space_large)) var(--space_large);
	}

	.morph-inner h2 {
		margin: var(--space_medium);
	}

	header .dropdown .dropdown-content a {
		font-size: 16px;
		line-height: 21px;
	}

	header nav>.dropdown>.dropdown-content:has(.dropdown) {
		padding: 0px;
	}

	#home0.back_greenish:after {
	    content: '';
	    background: white;
	    width: calc( 100% + (2 * var(--space_medium)));
	    top: calc(100% - var(--space_medium));
	    height: 100px;
	    position: absolute;
	    border-radius: calc(2 * var( --space_large)) calc(2 * var(--space_large)) 0 0;
	    left: calc(-1 * var( --space_medium));
	}

	.layout_text_center .layout .grid_columns_2 {
		grid-template-rows: [sec-div] auto [first-div] auto;
	}

	#home0.back_greenish:before {
		border-radius: 0px;
	}

	#home1 .grid_columns_2 {
		flex-direction: column-reverse;
		margin-bottom: 0px;
	}

	#home3 .grid_columns_2 {
		flex-direction: column-reverse;
		margin-top: 0px;
	}

	.unit, .card {
	    box-shadow: -2px 4px 8px rgba(0,0,0,0.2);
    	margin:var(--space_large) var(--space_small);
    	padding: var(--space_medium);
    	background: white;
    	height: calc(100% - 10px - var(--space_large));
	}

	.owl-carousel .owl-stage {
		display: flex;
	}

	.unit {
	    border-radius: var(--space_large);
	}

	.unit img {
		width: 25vw !important;
		height: auto;
		margin-bottom: var(--space_small);
	}

	.unit p {
		margin: 0;
	}

	.card.enlarge:before {
		content: none;
	}

	.morph-inner .grid_columns_2 {
		margin: 0px;
	}

	.morph-outer {

    	margin-left: calc(-1 * var(--space_large));
    	margin-right: calc(-1 * var(--space_large));
    	border-radius: calc(2 * var(--space_large)) 0 calc(2 * var(--space_large)) 0px;
	}

	.gallery {
	    column-gap: var(--space_medium);
	    width: 100%;
	    margin: var(--space_small) auto;
	    column-count: 1;
	}

	footer div {
		line-height: 2;
	    display: flex;
	    align-items: flex-start;
	    justify-content: center;
	    flex-direction: column;
	    text-align: left;
	}

	footer .socials {
		justify-content: center;
		flex-direction: row;
		margin: var(--space_small) 0px;
	}

	footer .socials a:nth-child(1){
		padding-left: 0px;
	}

	.icon svg {
		width: 25px;
	}

	.icon>div {
		flex-direction: row;
	}

	footer a {
		text-decoration: none;
	}


	footer table {
		margin-top: var(--space_small);
	}

	qa vraag::after {
		  scale: 0.65;
		  right: var(--space_small);
		  transform: translateY(calc(-50% - 10px)) rotate(45deg);
	}

	users {
		flex-direction: column;
	}

	#cms_page .first_div ~ .sec_div:has(users){
		align-items: center;
	}

	user .pasfoto {
	  max-width: 35svw !important;
	}

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

}



@media screen and (max-width: 550px){
	iframe {
	    margin: calc(var(--space_medium)* -1);
	    width: 100svw;
	}

	hero {
		height:90svh;
	}

	hero hero-content {
		min-height: 30svh;
	}

	iframe {
		
    scale: 0.8;
    transform-origin: 50% 0%;
    margin: 25px 0px 0px 0px;
    width: 125svw !important;
	}
}

@media screen and (max-width: 400px){
	.kitchen-content name {
		font-size: 18px;
	}

	hero .kitchen-content .spot-logo {
		height: 75px;
		width: auto;
	}
}

@media screen and (max-height: 800px){
	.openReserverenFloat #reserveren-float-content {
		overflow-y: scroll;
	}
}

@media screen and (max-height: 750px){

	body {
		--space_medium: 2.5svh;
	}



}