/* ======================================================================================================================================================
/* Standaard Template 1 V1.0
====================================================================================================================================================== */
@media only screen and (max-width: 1500px) {
	ul.flex-gallery.five {
		--items: 4;
	}
}

@media only screen and (max-width: 1020px) {
	:root {
		--banner-height-full: 52vh;
		--padding-fullscreen: 10px;
		--padding-default: 20px;
		--padding-sides-article-grid: 0;
		--padding-sides-article-grid-text-offset: 0;
	}

	aside .hide_d {
		display: block;
	}

	body > div.container-main > main, body > div.container-main > aside {
		flex: 0 0 100%;
	}

	body > div.container-main {
		--padding: 0 var(--default-padding-container-main-sides) 125px;
		flex-wrap: wrap;
	}

	body > div.container-main > aside, body > div.container-main.reversed > aside {
		margin: 0;
	}

	body > header > div.contact > nav ul li {
		display: none;
	}

	body > header > div.contact > nav ul li.phone, body > header > div.contact > nav ul li.email {
		display: block;
	}

	header div.main {
		gap: 0em;
	}

	header div.main nav.logo {
		flex: 0 1 auto;
	}

	header div.main div.navs {
		flex-wrap: wrap;
		flex: 1 1 calc(100% - var(--header-logo-width));
	}

	header div.main div.navs div.menus {
		flex: 1 1 auto;
	}

	header div.main div.navs div.cta {
		flex: 0 0 100%;
		text-align: right;
	}

	#superslides #slides div.caption.background.skew {
		--width: 50%;
		--padding: 1em 3em 1em 2em;
	}

	body footer div.address, body footer div.menu {
		flex: 0 0 100%;
	}

	body footer div.address {
		/**text-align: center;**/
	}

	body > footer > div.menu.full nav > ul > li {
		flex: 0 1 auto;
		text-align: left;
	}

	body > footer > div.menu nav > ul > li > a {
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	body > footer > div.menu.full nav > ul > li > a {
		display: inline;
	}

	body > div.container-main > main article > a.lightbox:first-of-type, body > div.container-main > main article.right > a.lightbox:first-of-type {
		display: block;
		float: none;
		padding: 0 0 1em 0;
		max-width: 100%;
	}

	body > div.container-main > main article.grid {
		flex-wrap: wrap;
		padding: 1em;
	}

	body > div.container-main > main article.grid > div {
		flex: 0 0 100%;
	}

	body > div.container-main > main article.grid > div.text, body > div.container-main > main article.grid.left > div.text {
		padding: var(--padding-sides-article-grid) var(--padding-sides-article-grid-text-offset);
	}

	body > footer div.container {

	}

	ul.flex-gallery {
		--items: 2!important;
	}
}

@media only screen and (max-width: 999px) {
	main article div.form_container {
		display: flex;
		flex-wrap: wrap;
		gap: 0;
	}

	main article div.form_container > div {
		flex: 0 0 100%;
	}
}

@media only screen and (max-width: 767px) {
	:root {
		--banner-height-full: 42vh;
		--banner-slim-height: 150px;
		--banner-slim-padding: 0;
	}

	.hide_m {
		display: none!important;
	}

	.hide_d {
		display: block;
	}

	.hide_d.flex-gallery {
		display: flex;
	}

	body > header > div.main nav ul.toggle-mobile {
		display: flex;
	}

	nav.hamburger-button {
		display: none;
	}

	nav.hamburger-button.mobile {
		display: block;
	}

	#superslides #slides .caption.desktop {
		display: none;
	}

	body > header > div.contact > nav ul {
		justify-content: center;
	}

	#superslides.fullscreen #slides div.caption-fullscreen {
		align-items: flex-start;
		display: none /** ?? **/
	}

	body > #superslides.fullscreen + div.container-main, body > #superslides.fullscreen + ul#core, body > #superslides.fullscreen + div.crumbs {

	}

	body > div.container-main > main article.page {
		padding-top: 2%;
	}

	ul.flex-gallery.zoom.left, ul.flex-gallery.zoom.right {
		max-width: 50%;
		padding: 0 1em 1em 0;
	}

	.menucard_container > div {
		flex: 0 0 100%;
	}

	.menucard > div.item {
		flex-wrap: wrap;
	}

	.menucard > div.item div.description {
		flex: 0 0 100%;
	}

	div.popup-container div.popup {
		flex-direction: column;
		max-height: 95vh!important;
		width: 100%!important;
		overflow-y: auto;
	}

	div.popup-container div.popup div.text {
		overflow-y: visible;
	}

	div.popup-container div.popup div.image img {
		max-height: 25vh;
	}

	div.popup-socials div.social a div.image img {
		max-width: 30px;
	}

	body footer div.menu nav ul {
		flex-direction: row;
		max-height: none;
	}

	body footer div.menu nav ul li {
		flex: 0 0 50%;
		text-align: center;
	}
}

@media only screen and (max-width: 600px) {
	:root {
		--banner-height-full: 32vh;
		--core-items: 1;
		--trump-items: 1;
		--flex-gallery-items: 1;
		--flex-gallery-item-width: 100%;
		--triangle-height: 25px;
	}

	ul.flex-gallery {
		--items: 1!important;
	}

	ul.flex-gallery.zoom.left, ul.flex-gallery.zoom.right {
		max-width: 100%;
		padding: 0 0 2em;
	}

	#core, #trump {
		--items: 1;
	}

	body > footer div.container {
		flex: 0 0 100%;
	}

	body > footer div.container nav.logo {
		flex: 0 0 100%;
	}

	body > footer nav.logo ul li {
		text-align: center;
	}

	body > footer div.container div.custom {
		flex: 0 0 100%;
	}



	div.hamburger-menu nav ul li {
		--padding: 0.5em 1em;
	}

	nav.custom ul li {
		flex: 0 0 100%;
	}
}

@media only screen and (max-width: 450px) {
	header div.main {
		nav {
			flex: 0 0 100%;
		}

		nav.logo ul {
			justify-content: center;
		}

		nav.hamburger-button ul {
			justify-content: flex-end;
		}
	}

	form.flex div.row {
		flex-wrap: wrap;
	}

	form.flex div.row > div {
		flex: 0 0 100%;
	}

	body > footer > div.credits {
		flex-wrap: wrap;
	}

	body > footer > div.credits > div {
		flex: 0 0 100%;
	}

	body > footer > div.credits > div.menu.full {
		--padding: 0;
	}

	body > footer > div.credits > div.menu.full nav ul {
		justify-content: flex-start;
	}

	body > footer > div.credits > div.menu.full nav ul li {
		text-align: left;
	}
}