@media (min-width:567px) {
	.container, .container-sm {
	  max-width: 100%;
	}

	.button {
		width: auto;
	}
}
@media (min-width:768px) {

	/* VARIABELEN */
	:root {
    	--standaard-font-size: 1.8rem;

		/*Standaard marge contentblok*/
		--contentblok-margin-y: 10rem;
		--contentblok-padding: 7rem;
	}
	/*
	.row {
	    --bs-gutter-x: 7rem;
	}
	*/

	body {
	}


	h1, .h1 {
		word-break: initial;
	}
	h2, .h2 {
	}
	h3, .h3 {
		margin-bottom: 1.6rem;
	}
	h4, .h4 {
		margin-bottom: 1.6rem;
	}


	.contentblok#contentblok_1 a.button_blob {
		transform: scale(1);
	}







	/* NAVIGATIE */



	.navbar {
		height: auto;
		padding-top: 2.4rem;
		padding-bottom: 2.4rem;
		z-index: 999;
	}

	a.logo {
		display: block;
	}
	a.logo img {
		height: 5rem;
	}
	#hoofdmenu_container {
	    position: relative;
	}
	#hoofdmenu {
    	margin: 0;
	}
	#hoofdmenu li {
	    padding: 0;
		position: relative;
	}
	#hoofdmenu > li {
		margin-left: 2rem;
	}
	#hoofdmenu li:first-of-type {
		margin-left: 0;
	}
	#hoofdmenu li.menu-item-has-children {

	}

	#hoofdmenu li:last-of-type {
		margin-right: 0;
	}
	#hoofdmenu > li .open_submenu {
	    right: 0;
	    top: 0.4rem;
	}
	#hoofdmenu > li .toggle_submenu {
		position: absolute;
    	top: 0;
		right: 0;
	}
	#hoofdmenu > li .toggle_submenu:after {
		content: "";
	}
	#hoofdmenu > li .toggle_submenu.active:after {
		content: "";
	}
	#hoofdmenu li a {
		display: block;
		position: relative;
		color: var(--kleur-beige);
		font-family: "degular", sans-serif;
		font-size: 1.4rem;
		font-weight: 500;
		font-style: normal;
		letter-spacing: normal;
		line-height: 2.5rem;
		text-decoration: none;
	}
	#hoofdmenu > li > a:after {
		content: "";
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: -1.7rem;
		width: 0.6rem;
		height: 0.6rem;
		border-radius: 50%;
		background-color: var(--kleur-beige);
		opacity: 0;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	#hoofdmenu > li:hover > a:after,
	#hoofdmenu > li.current-menu-item > a:after,
	#hoofdmenu > li.current-menu-ancestor > a:after,
	#hoofdmenu > li.current-menu-parent > a:after {
		bottom: -2rem;
		opacity: 1;
		width: 0.8rem;
		height: 0.8rem;
	}


	#hoofdmenu > li.current-menu-item > a,
	#hoofdmenu > li.current-menu-ancestor > a,
	#hoofdmenu > li.current-menu-parent > a {
		color: var(--kleur-roze);
	}
	#hoofdmenu > li.current-menu-item > a:after,
	#hoofdmenu > li.current-menu-ancestor > a:after,
	#hoofdmenu > li.current-menu-parent > a:after {
		background-color: var(--kleur-roze);
	}

	#hoofdmenu > li .toggle_submenu:before {

	}

	#hoofdmenu > li > ul.sub-menu {
		display: none;
		position: absolute;
		margin-top: 4rem;
		min-width: 22rem;
		padding: 2.4rem 2.4rem;
		-webkit-animation-duration: 0.4s;
		animation-duration: 0.4s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fade;
		animation-name: fade;

		box-shadow: 0 0 2rem rgba(229, 24, 131, 0.6);
		border-radius: 1rem;
		background-color: var(--kleur-beige);
	}
	#hoofdmenu > li:last-child > ul.sub-menu {

	}
	#hoofdmenu > li > ul.sub-menu:before {
		content: "";
		position: absolute;
		top: -4rem;
		left: 0;
		width: 100%;
		height: 4rem;
	}
	#hoofdmenu > li:hover > ul.sub-menu {
		display: block;
	}
	@keyframes fade {
		 from {
			 opacity: 0;
			 transform: translate3d(0, -5%, 0);
		 }
		 to {
			 opacity: 1;
			 transform: translate3d(0, 0, 0);
		 }
	}
	#hoofdmenu li ul li {
		margin-top: 1.6rem;
	}
	#hoofdmenu li ul li:first-child {
		margin-top: 0;
	}

	#hoofdmenu li ul li a {
		color: var(--kleur-blauw);
		font-family: "degular", sans-serif;
		font-size: 1.7rem;
		font-weight: 500;
		font-style: normal;
		letter-spacing: normal;
		line-height: 3rem;
	}
	#hoofdmenu li ul li a:hover,
	#hoofdmenu li ul li.current-menu-item a {
		color: var(--kleur-roze);
	}

	a.hoofdmenu_contact,
	a.hoofdmenu_contact:hover,
	a.hoofdmenu_contact:focus {

		position: relative;
		padding: 1.2rem 2.4rem;
	}


	.menu_toggler {
	}


	.menu_toggler {
		width: auto;
		height: auto;
		padding: 0;
		opacity: 0;
		z-index: 980;
		display: flex;
		align-items: center;
		-webkit-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}
	.menu_toggler.scroll {
		opacity: 1;
	}
	.menu_toggler span.menu_bars {
		margin: 0;
	}

	.menu_toggler span.menu_tekst {
		display: block;
		font-size: 1.5rem;
		line-height: 1;
		font-weight: 600;
		opacity: 0;
		position: relative;
		width: 0;
		z-index: 2;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}


	.menu_toggler span.menu_bars {
		position: relative;
		z-index: 2;
		border-radius: 2.5rem;
		background-color: var(--kleur-beige);
	}
	.menu_toggler span.menu_bars span:nth-child(1) {
		top: 1.8rem;
	}
	.menu_toggler span.menu_bars span:nth-child(2) {
		top: 2.4rem;
	}
	.menu_toggler span.menu_bars span:nth-child(3) {
		top: 3rem;
	}
	.menu_toggler:hover span.menu_bars span:nth-child(1) {
		top: 2rem;
		width: 1.6rem;
		transform: translateX(-50%);
	}
	.menu_toggler:hover span.menu_bars span:nth-child(2) {
		opacity: 1;
	}
	.menu_toggler:hover span.menu_bars span:nth-child(3) {
		top: 2.8rem;
		width: 1.6rem;
		transform: translateX(-50%);
	}

	.menu_toggler:hover span.menu_tekst {
		display: block;
		text-indent: 0;
		width: auto;
		opacity: 1;
		padding-left: 2rem;
		transform: translateX(0);
	}


	.socialbar {
		position: fixed;
		top: 24rem;
		mix-blend-mode: difference;
	}

	.socialbar_whatsapp {
		position: fixed;
		width: 0.1rem;
		right: 4.3rem;
	}

	a.whatsapp_link span {
		display: block;
		font-size: 1.5rem;
		line-height: 1;
		font-weight: 600;
		opacity: 0;
		position: relative;
		width: 0;
		z-index: 2;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		flex-shrink: 0;
		white-space: nowrap;

	}
	a.whatsapp_link:hover span {
		display: block;
		text-indent: 0;
		width: auto;
		opacity: 1;
		padding-left: 2rem;
		transform: translateX(0);
		background-color: var(--kleur-groen);
	}


	.navbar.scroll #hoofdmenu_container.menu_inactive {
	      -webkit-animation-duration: 0.4s;
	      animation-duration: 0.4s;
	      -webkit-animation-fill-mode: both;
	      animation-fill-mode: both;
	      -webkit-animation-name: fadeOut;
	      animation-name: fadeOut;

	}
	 @keyframes fadeIn {
	      from {
	          opacity: 0;
	          transform: translate3d(0, -20%, 0);
	      }
	      to {
	          opacity: 1;
	          transform: translate3d(0, 0, 0);
	      }
	  }
	  @keyframes fadeOut {
 	      from {
			  opacity: 1;
			  transform: translate3d(0, 0, 0);
 	      }
 	      to {
 	          opacity: 0;
 	          transform: translate3d(0, -20%, 0);
 	      }
 	  }

	.navbar.scroll #hoofdmenu_container.menu_active {

		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100%;
		background-color: var(--kleur-beige);
		      -webkit-animation-duration: 0.4s;
		      animation-duration: 0.4s;
		      -webkit-animation-fill-mode: both;
		      animation-fill-mode: both;
		      -webkit-animation-name: fadeIn;
		      animation-name: fadeIn;
	  		overflow-y: auto;
	}
	.navbar.scroll #hoofdmenu_container.menu_active .menu_overlay {
		align-items: start !important;
		justify-content: center !important;
		padding: 4rem 6rem 4rem 4rem;
		flex-wrap: nowrap !important;
	}
		.navbar.scroll #hoofdmenu_container.menu_active nav.hoofdmenu {
			margin: 0 6rem 0 0;
		}
		.navbar.scroll #hoofdmenu_container.menu_active .menu_content {
			display: block !important;
			margin-top: 0;
			padding-top: 0;
			border-top: none;

			line-height: 4rem;
			--standaard-margin-bottom: 4rem;


			font-size: 2rem;
			line-height: 4rem;
			max-width: 29rem;
		}
		.navbar.scroll #hoofdmenu_container.menu_active .menu_content a.button {
			margin-top: 0 !important;
		}

	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu {
		display: block !important;
	}


	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu a::after {
		display: none;
	}
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li {
		margin: 3.2rem 0 0 0;
	}
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li:first-child {
		margin: 0 0 0 0;
		display: block !important;
	}

	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li > a {
		font-family: "alverata-informal", sans-serif;
		color: var(--kleur-blauw);
		font-size: 3rem;
		font-weight: 700;
		font-style: normal;
		letter-spacing: normal;
		line-height: 4.4rem;
	}

	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li > a {
	}

	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li > a::before {
		content: "";
		width: 0.8rem;
		height: 0.8rem;
		opacity: 0;
		display: inline-block;
		border-radius: 50%;
		vertical-align: middle;
		background-color: var(--kleur-blauw);
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		margin-left: -1rem;
	}
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li.current-menu-item > a,
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li.current-menu-ancestor > a,
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li.current-menu-parent > a {
		color: var(--kleur-roze);
	}

	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li:hover > a::before,
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li.current-menu-item > a::before,
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li.current-menu-ancestor > a::before,
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li.current-menu-parent > a::before {
		opacity: 1;
		margin-left: 0;
		margin-right: 1.6rem;
		background-color: var(--kleur-blauw);
	}
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li.current-menu-item > a::before,
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li.current-menu-ancestor > a::before,
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li.current-menu-parent > a::before {
		background-color: var(--kleur-roze);
	}


	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li > ul.sub-menu {
		display: block;
		position: relative;
		margin-top: 0;
		min-width: initial;
		padding: 0;
		animation: initial;
		box-shadow: none;
		border-radius: 0;
		background: none;
	}
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li > ul.sub-menu::before {
		display: none;
	}
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li > ul.sub-menu {
		margin-top: 2.3rem;
	}
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li > ul.sub-menu li {
		margin-top: 1.6rem;
	}
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li > ul.sub-menu li:first-child {
		margin-top: 0;
	}
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li > ul.sub-menu li a {
		color: var(--kleur-blauw);
		font-family: "degular", sans-serif;
		font-size: 1.7rem;
		font-weight: 500;
		font-style: normal;
		letter-spacing: normal;
		line-height: 3rem;
	}
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li > ul.sub-menu li a:hover,
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li > ul.sub-menu li.current-menu-item a,
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li > ul.sub-menu li.menu-ancestor a,
	.navbar.scroll #hoofdmenu_container.menu_active #hoofdmenu > li > ul.sub-menu li.current-menu-parent a {
		color: var(--kleur-roze);
	}





	.breadcrumb {
		padding: 0 0;
		margin-bottom: 1rem;
		list-style: none;
		margin-top: 2.1rem;
		position: absolute;
		width: 100%;
		color: var(--kleur-beige);
		z-index: 90;
		font-size: 1.5rem;
	}
	.breadcrumb a {
		color: var(--kleur-roze);
	}
	.breadcrumb a:hover {
		color: var(--kleur-beige);
	}
	span.breadcrumb_divider {
		display: inline-block;
		color: rgba(213, 209, 199, 0.3);
		margin: 0 0.5rem;
	}



/*
	.button {
		font-size: 1.7rem;
		padding: 0.5rem 2.4rem 0.8rem;
	}*/



	nav.menu {
		padding-bottom: 0;
		margin-bottom: 2.5rem !important;
		border: none;
	}
	nav.menu p::after,
	nav.menu:hover p::after,
	nav.menu.menu_active p::after {
		display: none;
	}
	nav.menu ul.menu_accordion {
		display: block;
	}


	/* CONTENTBLOKKEN */


	/* Gravity Forms */
	body .gform_wrapper.gravity-theme .gfield_label {
		padding-right: 2rem;
	}


	.contentblok#contentblok_1 {
		margin-top: 10rem;
	}

	/* Footer */
	.row_footer {
		--bs-gutter-y: 6rem;
	}

}