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

	header {
		--space_large: 50px;
	}

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

}

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

}

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

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

	#hamburger path {
		fill: white;
	}

	.home #hamburger path {
		fill: black;
	}

	.scrollHeader #hamburger path {
		fill: black;
	}

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

	.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;
	}



	.menu-open {
		overflow: hidden;
	}

	#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);
	}

	.grey_block {
		padding: calc(var(--space_medium)* 2) var(--space_medium);
	}
	header nav {
		position: fixed;
	    right: 0;
	    top: 0px;
	    width: 100%;
	    transform: translateX(125%) rotate(0deg);
	    flex-direction: column;
	    transition: .5s;
    	text-align: center;
    	align-items: center;
    	height: 100svh;
        background: var(--creamy);
        display: flex;
        background-image: url('/images/mobile_menu_background.jpg');
        flex-wrap: wrap;
	}

	header nav .nav-inner {
	    display: flex;
        height: 100%;
        padding: 0px;
        justify-content: center;
        background: rgba(0, 0, 0, 0.65);
        backdrop-filter: blur(2px);
        flex-direction: column;
        width: 100%;
	}

	header nav a {
		transform: translateX(50px);
		transition: .5s;
		transition-delay: .25s;
	}

	.menu-open header nav a {
		transform: translateX(0);
		transition: .5s;

	    transition: transform .75s;
	    transition-delay: calc(var(--menu-item-id) * 0.1s);
	}

	header nav a {
		padding: calc( var(--space_medium) /2 );
	}

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

/*	header nav .dropdown.rest, header nav .dropdown.rest>.item {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    width: 100%;
	}

	header nav .dropdown:not(.rest){
		border: 1px solid var(--brown);
	}

	header nav .dropdown.rest {
	    width: calc(50% - 0.5 * var(--space_medium));
	    display: inline-flex;
        margin-top: var(--space_large);
	}
*/
		/*

			header nav .dropdown.rest {
		        width: 100%;
		        display: inline-flex;
		    }

		*/


/*	header nav .dropdown:not(.rest){
		grid-column: auto / span 2;
	}
*/
	header nav a, footer nav a {
		border: none;
	}

	.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);
	}

/*	header nav {
		background-image: url('/images/mobile_menu_background.jpg');
	}

	header nav:before {
	    position: absolute;
	    inset: 0;
	    content: '';
	    background-image: url('/images/mobile_menu_background.jpg');
	    transition: .75s;
	    z-index: 1;
	}

	header nav:after {
	    position: absolute;
	    inset: 0;
	    content: '';
	    background: rgba(0,0,0,0.4)
	    transition: .75s;
	    z-index: 2;
	}
*/

	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 {
		border-bottom: 1px solid #efefef45;
	}

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

	.nohero .header-bottom, .nohero .header-bottom {
    	padding: 5px var(--space_medium);
	}
/*
	header nav a.chosen, footer nav a.chosen {
		color: var(--blue);
		font-weight: bold;
	}

	header nav a:hover, footer nav a:hover {
		color: var(--blue);
	}*/

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


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

	header nav a {
		color: var(--color_text_light);
		xxfont-size: var(--fs-m);
		text-shadow: none;
		font-family: var(--font2);
	}

	.dropdown i {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}

	header #hamburger {
		display: block;
	}

	.menu-open header nav {
		transform: translateX(0px);
	    transition: .5s;
	}

	#partner_logos .owl-item {
		width: 150px !important;
	}

	#partner_logos img {
    	width: 150px;
	}

	#partner_logos .owl-stage {
    	column-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: 24px;
		--space_medium: 6.25vw;
    	--space_large: 13.5vw;
        --fs-m: 13px;
	}

	.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;
		}
	}

	.first_div:has(>.picto) {
		margin-bottom: var(--space_large);
	}

	    .sec_div:has(>.picto) {
        margin-bottom: calc(3.5 * var(--space_large) );
        padding-bottom: var(--space_medium) !important;
    }



	    .picto {
        right: var(--space_medium);
        top: auto;
        bottom: auto;
        top: calc( 100% - var(--space_large));
        /* top: -150px; */
        /* bottom: auto; */
        max-width: 35svw !important;
        height: auto !important;
    }

	/* 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: center;
	}

	table address {
		line-height: 1;
	}

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

	#hamburger_dropdown {
		display: block !important;
	}

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


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

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

	.logo_rel {
		--logo-height: 100px;
		height: 75px;
	}

	.scrollHeader .logo_rel {
    	height: 75px;
	}

	.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;
	}

	#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 {
	    height: 55vw;
	    aspect-ratio: auto;
	}

	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);
	}

	#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: 60svh;
        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: var(--space_medium);
    	padding: 0px;
	}

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

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

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


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

	.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);
	}

	blockquote {
		margin: 0px;
		padding: var(--space_medium);
	}

	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;
	}

	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;
	}

/*	#cms_page {
		  overflow-x: hidden;
	}*/

	@supports (animation-timeline: view()) {

		#cms_page .grid_columns_2 .img-cntr {
			aspect-ratio: 0.75;
    		object-fit: cover;
    		width: 100%;
    		max-width: 550px;
		}

		#cms_page .grid_columns_2 .img-cntr img:not(.picto) {
			width: 100%;
			height: 100%;
		}

		.img-cntr img:not(.picto) {
        	transform-origin: 50% 0%;
		}

		 @keyframes img_move_in {
	        0% {
	            transform: scale(0.6) translateY(0px);
	        }
	        100% {
	            transform: scale(1) translateX(0px);
	        }
	    }
	}

	.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;
	    font-size: 12px;
	    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 .subtitle, footer h3 {
		margin-bottom: -15px;
	}

	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;
	}

}



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

	hero {
		height:90svh;
	}

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

@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: 750px){

	body {
		--space_medium: 2.5svh;
	}

}