/*
Theme Name: Bricks Huisartsen
Theme URI: http://www.webandnet.nl
Author: C.P.M. Bastiaansen
Author URI: http://www.webandnet.nl/
Description: Web-and-Net | C.P.M. Bastiaansen
Text Domain: webandnet-bricks
Version: 2025.6.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* ---- FONTS ---- */
@font-face {
	font-family: 'Inter Tight';
	src: url("fonts/InterTight/InterTight-VariableFont_wght.ttf") format('ttf');
	font-display: swap;
}

@font-face {
	font-family: 'Degular Light';
	src: url("fonts/Degular/Degular Light/Web/Degular-Light.woff2") format('woff2'),
 		 url("fonts/Degular/Degular Light/Web/Degular-Light.woff") format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Degular Medium';
	src: url("fonts/Degular/Degular Medium/Web/Degular-Medium.woff2") format('woff2'),
 		 url("fonts/Degular/Degular Medium/Web/Degular-Medium.woff") format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Degular Regular';
	src: url("fonts/Degular/Degular Regular/Web/Degular-Regular.woff2") format('woff2'),
 		 url("fonts/Degular/Degular Regular/Web/Degular-Regular.woff") format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Degular Semibold';
	src: url("fonts/Degular/Degular Semibold/Web/Degular-Semibold.woff2") format('woff2'),
 		 url("fonts/Degular/Degular Semibold/Web/Degular-Semibold.woff") format('woff');
	font-display: swap;
}



:root {
	--font-size-14: clamp( 12px, 0.73vw, 14px);
	--font-size-16: clamp( 14px, 0.84vw, 16px);
	--font-size-18: clamp( 16px, 0.94vw, 18px);
	--font-size-20: clamp( 16px, 1.04vw, 20px);
	--font-size-22: clamp( 18px, 1.15vw, 22px);
	--font-size-24: clamp( 20px, 1.25vw, 24px);
	--font-size-28: clamp( 24px, 1.46vw, 28px);
	--font-size-30: clamp( 26px, 1.55vw, 30px);
	--font-size-32: clamp( 28px, 1.67vw, 32px);
	--font-size-34: clamp( 30px, 1.77vw, 34px);
	--font-size-36: clamp( 32px, 1.88vw, 36px);
	--font-size-38: clamp( 34px, 1.98vw, 38px);
	--font-size-42: clamp( 36px, 2.19vw, 42px);
	--font-size-46: clamp( 36px, 2.40vw, 46px);
	
	--font-size-50: clamp( 42px, 2.60vw, 50px);
	
	--font-size-60: clamp( 52px, 3.13vw, 60px);
	
	--inter-font-weight-light: 300;
	--inter-font-weight-regular: 400;
	--inter-font-weight-medium: 500;
	--inter-font-weight-semibold: 600;
}




/* ---- CONTAINERS ---- */
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1140px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1320px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

@media (min-width: 1720px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1640px;
    }
}



/* ---- ALGEMEEN ---- */
html {
	position: relative;
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 100%;
    width: 100%;
    scroll-behavior: smooth;
}

body {
	position: relative;
	display: inherit;
	height: 100%;
	width: 100%;
	font-family: 'Degular Regular', sans-serif;
	font-size: clamp( 20px, 1.46341vw, 24px);
	color: #222222;
	line-height: 1.2;
	/* font-weight: 400; */
	 -webkit-font-smoothing: antialiased;	
}

* {
	
}

a {
	text-decoration: none;
	transition: all .3s ease-in-out;
}

a:hover,
a:focus,
a:visited {
	transition: all .3s ease-in-out;
}



p a[href$=".pdf"] {
	position: relative;
	display: inline-block;
	border-bottom: 0 none!important;
}

p a[href$=".pdf"]::after,
p a[href$=".doc"]::after,
p a[href$=".docx"]::after,
p a[href$=".xls"]::after,
p a[href$=".xlsx"]::after {
	display: block;
	content: '';
	width: calc( 100% - 60px );
	height: 1px;
	background-color: #FFA903;
	margin-left: 60px;
	transition: all .3s ease-in-out;
}

p a[href$=".pdf"]:hover::after,
p a[href$=".doc"]:hover::after,
p a[href$=".docx"]:hover::after,
p a[href$=".xls"]:hover::after,
p a[href$=".xlsx"]:hover::after {
	background-color: #001E53;
	transition: all .3s ease-in-out;
}

p a[href$=".pdf"]::before,
p a[href$=".doc"]::before,
p a[href$=".docx"]::before,
p a[href$=".xls"]::before,
p a[href$=".xlsx"]::before {
	position: relative;
	top: 20px;
	display: inline-block;
	content: '';
	height: 50px;
	width: 50px;
	background-color: #FAF5F0;
	border-radius: 25px;
	background-image: url('images/icons/RIG - Icon - Download.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	margin-right: 10px;
	transition: all .3s ease-in-out;
}

p a[href$=".pdf"]:hover::before,
p a[href$=".doc"]:hover::before,
p a[href$=".docx"]:hover::before,
p a[href$=".xls"]:hover::before,
p a[href$=".xlsx"]:hover::before {
	background-color: #FFA903;
	background-image: url('images/icons/RIG - Icon - Download White.svg');
	transition: all .3s ease-in-out;
}

h1 {
	font-family: 'Degular Light', sans-serif;
	font-size: clamp( 72px, 4.87805vw, 80px);
	line-height: 1.2;
	/* font-weight: 300; */
	color: #001E53;
	margin-bottom: 1.33333em;
}

h1 strong {
	font-weight: 600;
}

h2 {
	font-family: 'Degular Semibold', sans-serif;
	font-size: clamp( 42px, 3.04787vw, 50px);
	line-height: 1.2;
	/* font-weight: 600; */
	color: #001E53;
	margin-bottom: 1.25em;
}

h3 {
	font-family: 'Degular Medium', sans-serif;
	font-size: clamp( 20px, 1.463414vw, 24px);
	line-height: 1.2;
	/* font-weight: 500; */
	color: #001E53;
	margin-bottom: 0.83333em;
}

h1 p, h2 p, h3 p {
	margin-bottom: 0;
}

p {
	margin-bottom: 1.5em;
}

p:last-of-type {
	margin-bottom: 0;
}

:focus {
	outline: none;
}



/* ---- PLAN EEN DEMO ---- */
#plan-demo-form-wrapper {
	position: fixed;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background: rgba( 0, 0, 0, .5);
	justify-content: center;
	align-items: center;
	padding: 15px 0;
	opacity: 0;
	z-index: -1;
	transition: all .3s ease-in-out;
}

#plan-demo-form-wrapper .plan-demo-form-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 100%;
	width: 100%;
	max-width: 540px;
	justify-content: center;
	align-items: center;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content {
	position: relative;
	font-size: var(--font-size-20);
	background-color: #FFFFFF;
	overflow-y: auto;
	padding: 40px;
	border-radius: 20px;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content::-webkit-scrollbar {
	display: none;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content .plan-demo-form-content-close-button {
	position: absolute;
	top: 25px;
	right: 25px;
	height: 10px;
	width: 10px;
	background-image: url('images/icons/Tetra - Bricks - Close icon.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content .plan-demo-form-content-close-button:hover {
	cursor: pointer;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content h3 {
	font-family: 'Inter Tight', sans-serif;
	font-size: var(--font-size-50);
	font-optical-sizing: auto;
	font-weight: var(--inter-font-weight-medium);
	font-style: normal;
	margin-bottom: 0.6em;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content p:last-of-type {
	margin-bottom: 1.1em;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content input {
	font-size: var(--font-size-16);
	font-weight: 300;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content input:focus {
	outline: none;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content input[type="text"],
#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content input[type="email"] {
	font-size: var(--font-size-16);
	font-weight: 300;
	padding: 0 30px;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content input[type="text"]::placeholder,
#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content input[type="email"]::placeholder{
	opacity: .5;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content .gfield.gfield--type-textarea label.gform-field-label,
#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content legend {
	font-size: var(--font-size-18);
	font-weight: 500;
	padding-top: 30px;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content .gfield.gfield--type-textarea label.gform-field-label {
	padding-top: 15px;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content .gform-theme--foundation .gform_fields {
	grid-row-gap: 15px;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content input[type="radio"] {
	background-color: transparent;
	border: 1px solid #1E1E4B;
	transition: all .3s ease-in-out;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content input[type="radio"]:checked {
	background-color: #1E1E4B;
	transition: all .3s ease-in-out;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content input[type="radio"]:before {
	display: none;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content textarea {
	font-size: var(--font-size-16);
	font-weight: 300;
	padding: 30px;
	border-radius: 25px;
	margin-bottom: 10px;
	resize: none;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content textarea:focus {
	outline: none;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content textarea::placeholder {
	opacity: .5;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content input[type="checkbox"] {
	background-color: transparent;
	border-radius: 30px;
	border: 1px solid #1E1E4B;
	transition: all .3s ease-in-out;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content input[type="checkbox"]:checked {
	background-color: #1E1E4B;
	transition: all .3s ease-in-out;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content input[type="checkbox"]:before {
	display: none;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content a {
	color: #1E1E4B;
	text-decoration: underline;
	transition: all .3s ease-in-out;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content .gform-footer {
	justify-content: center;
}

#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content .gform-footer input[type="submit"] {
	font-size: var(--font-size-20);
	font-weight: 500;
	padding: 10px 70px;
}




/* ---- OVERLAY --> APPLICATION FORM ---- */
#application-form-wrapper {
	position: fixed;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background: rgba( 0, 0, 0, .5);
	justify-content: center;
	align-items: center;
	padding: 15px 0;
	opacity: 0;
	z-index: -1;
	overflow-x: auto;
	transition: all .3s ease-in-out;
}

#application-form-wrapper .application-form-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 100%;
	width: 100%;
	max-width: 50vw;
	justify-content: center;
	align-items: center;	
}

#application-form-wrapper .application-form-container .application-form-content {
	position: relative;
	font-size: var(--font-size-20);
	width: 100%;
	background-color: #FFFFFF;
	padding: 40px;
	border-radius: 20px;
	overflow-y: auto;
	z-index: 999999;
}

#application-form-wrapper .application-form-container .application-form-content::-webkit-scrollbar {
	display: none;
}

#application-form-wrapper .application-form-container .application-form-content .application-form-content-close-button {
	position: absolute;
	top: 25px;
	right: 25px;
	height: 10px;
	width: 10px;
	background-image: url('images/icons/Tetra - Bricks - Close icon.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

#application-form-wrapper .application-form-container .application-form-content .application-form-content-close-button:hover {
	cursor: pointer;
}

#application-form-wrapper .application-form-container .application-form-content h3 {
	font-family: 'Inter Tight', sans-serif;
	font-size: var(--font-size-50);
	font-optical-sizing: auto;
	font-weight: var(--inter-font-weight-medium);
	font-style: normal;
	margin-bottom: 0.6em;
}

#application-form-wrapper .application-form-container .application-form-content p:last-of-type {
	margin-bottom: 1.1em;
}

#application-form-wrapper .application-form-container .application-form-content input {
	font-size: var(--font-size-16);
	font-weight: 300;
}

#application-form-wrapper .application-form-container .application-form-content input:focus {
	outline: none;
}

#application-form-wrapper .application-form-container .application-form-content input[type="text"],
#application-form-wrapper .application-form-container .application-form-content input[type="email"] {
	font-size: var(--font-size-16);
	font-weight: 300;
	padding: 0 30px;
}

#application-form-wrapper .application-form-container .application-form-content input[type="text"]::placeholder,
#application-form-wrapper .application-form-container .application-form-content input[type="email"]::placeholder{
	opacity: .5;
}

#application-form-wrapper .application-form-container .application-form-content .gfield.gfield--type-textarea label.gform-field-label,
#application-form-wrapper .application-form-container .application-form-content legend {
	font-size: var(--font-size-18);
	font-weight: 500;
	padding-top: 30px;
}

#application-form-wrapper .application-form-container .application-form-content .gfield.gfield--type-textarea label.gform-field-label {
	padding-top: 15px;
}

#application-form-wrapper .application-form-container .application-form-content .gform-theme--foundation .gform_fields {
	grid-row-gap: 15px;
}

#application-form-wrapper .application-form-container .application-form-content input[type="radio"] {
	background-color: transparent;
	border: 1px solid #1E1E4B;
	transition: all .3s ease-in-out;
}

#application-form-wrapper .application-form-container .application-form-content input[type="file"] {

}

#application-form-wrapper .application-form-container .application-form-content input#file-upload-button:hover {
	cursor: pointer;
}

#application-form-wrapper .application-form-container .application-form-content input[type="radio"]:checked {
	background-color: #1E1E4B;
	transition: all .3s ease-in-out;
}

#application-form-wrapper .application-form-container .application-form-content input[type="radio"]:before {
	display: none;
}

#application-form-wrapper .application-form-container .application-form-content textarea {
	font-size: var(--font-size-16);
	font-weight: 300;
	padding: 30px;
	border-radius: 25px;
	margin-bottom: 10px;
	resize: none;
}

#application-form-wrapper .application-form-container .application-form-content textarea:focus {
	outline: none;
}

#application-form-wrapper .application-form-container .application-form-content textarea::placeholder {
	opacity: .5;
}

#application-form-wrapper .application-form-container .application-form-content input[type="checkbox"] {
	background-color: transparent;
	border-radius: 30px;
	border: 1px solid #1E1E4B;
	transition: all .3s ease-in-out;
}

#application-form-wrapper .application-form-container .application-form-content input[type="checkbox"]:checked {
	background-color: #1E1E4B;
	transition: all .3s ease-in-out;
}

#application-form-wrapper .application-form-container .application-form-content input[type="checkbox"]:before {
	display: none;
}

#application-form-wrapper .application-form-container .application-form-content a {
	color: #1E1E4B;
	text-decoration: underline;
	transition: all .3s ease-in-out;
}

#application-form-wrapper .application-form-container .application-form-content .gform-footer {
	justify-content: center;
}

#application-form-wrapper .application-form-container .application-form-content .gform-footer input[type="submit"] {
	font-size: var(--font-size-20);
	font-weight: 500;
	padding: 10px 70px;
}




/* ---- GESELECTEERDE MODULE ---- */
#selected-module-wrapper {
	position: fixed;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background: rgba( 0, 0, 0, .5);
	justify-content: center;
	align-items: center;
	opacity: 0;
	z-index: -10;
	overflow-x: auto;
	transition: all .3s ease-in-out;
}

#selected-module-wrapper .selected-module-container .selected-module-content-container {
	position: relative;
	display: flex;
	flex-direction: column;
	/* flex-wrap: wrap; */
	background-color: #F7F3F1;
	width: 100%;
	max-width: 600px;
	border-radius: 20px;
	box-shadow: 0 0 20px rgba( 0, 0, 0, 0.2);
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-close-button-container {
	position: absolute;
	display: block;
	content: '';
	right: 20px;
	top: 20px;
	height: 10px;
	width: 10px;
	background-image: url('images/icons/Tetra - Bricks - Close icon.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 10px;
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-close-button-container:hover {
	cursor: pointer;
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: #FFFFFF;
	border-radius: 20px;
	padding: 35px;
	box-shadow: 0 0 20px rgba( 0, 0, 0, 0.2);
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-basis: 100px;
	flex: 0 0 100px;
	height: 100px;
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center;
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}

/*
#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container.communicatie::before {
	background-image: url('images/modules/Icons/Tetra - Bricks - Icons - Communicatie.svg');
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container.thuismetingen::before {
	background-image: url('images/modules/Icons/Tetra - Bricks - Icons - Thuismeting.svg');
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container.hosting::before {
	background-image: url('images/modules/Icons/Tetra - Bricks - Icons - Hosting.svg');
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container.wachtkamerscherm::before {
	background-image: url('images/modules/Icons/Tetra - Bricks - Icons - Wachtkamerscherm.svg');
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container.single-sign-on::before {
	background-image: url('images/modules/Icons/Tetra - Bricks - Icons - Single Sign On.svg');
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container.deur-open-doen::before {
	background-image: url('images/modules/Icons/Tetra - Bricks - Icons - Deur open doen.svg');
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container.thuismetingen::before {
	background-image: url('images/modules/Icons/Tetra - Bricks - Icons - Thuismeting.svg');
}
*/

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content {
	display: flex;
	flex-direction: column;
	flex-basis: calc( 100% - 100px );
	flex: 0 0 calc( 100% - 100px );
	padding-left: 35px;
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content h3.selected-module-content-content-title {
	color: #1E1E4B;
	font-size: var(--font-size-20);
	line-height: 1;
	font-weight: 500;
	margin-bottom: .5em;
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content .selected-module-content-content-text {
	color: #1E1E4B;
	font-size: var(--font-size-16);
	font-weight: 300;
}


#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-partners-container {
	padding: 35px;
}

#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-partners-container h3.selected-module-partners-title {
	font-size: var(--font-size-20);
	font-weight: 500;
	margin-bottom: 1em;
}


#selected-module-partners-logos-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 20px;
}

#selected-module-partners-logos-wrapper .selected-module-partners-logos {
	display: flex;
	flex-direction: column;
	flex: 0 0 calc( 25% - 15px );
	aspect-ratio: 100 / 33.33334;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #888888; /* De gewenste kleur */
}





/* ---- KRUIMELPAD ---- */
p#breadcrumbs {
	margin-bottom: 1em;
}

p#breadcrumbs span,
p#breadcrumbs span a {
	font-size: var(--font-size-20);
	color: #9B816D;
}

p#breadcrumbs span span {
	margin: 0 0.3em;
}

p#breadcrumbs span span:first-of-type {
	margin-left: 0;
}

p#breadcrumbs span span:last-of-type {
	margin-right: 0;
}



/* ---- HEADER ---- */
#header-wrapper {
	position: fixed;
	width: 100%;
	height: 110px;
	top: 0;
	left: 0;
	background-color: #F7F3F1;
	z-index: 100000;
	transition: all .3s ease-in-out;
}

#header-wrapper.white {
	background-color: #FFFFFF;
}

#header-wrapper.white-header {
	background-color: #FFFFFF;
	transition: all .3s ease-in-out;
}

#header-wrapper #header-logo-menu-logo-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: 110px;
}

#header-wrapper #header-logo-menu-logo-wrapper a {
	display: flex;
	flex-direction: row;
	flex-basis: 16.66667%;
	flex: 0 0 16.66667%;
	align-items: center;
}

#header-wrapper #header-logo-menu-logo-wrapper a #header-logo {
	
}

#header-wrapper #header-logo-menu-logo-wrapper a #header-logo svg {
	height: 60px!important;
	width: auto!important;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container {
	display: flex;
	flex-direction: row;
	flex-basis: 83%;
	flex: 0 0 83%;
	justify-content: flex-end;
	margin-left: auto;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul {
	display: inline-flex;
	flex-direction: row;
	list-style: none;
	height: 110px;
	align-items: center;
	margin: 0;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul > li a {
	position: relative;
	font-family: "Inter Tight", sans-serif;
	font-optical-sizing: auto;
	font-weight: var(--inter-font-weight-medium);
	font-style: normal;
	font-size: var(--font-size-20);
	color: #1E1E4B;
	margin: 0 30px;
	transition: all .3s ease-in-out;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul:not(.sub-menu) > li:not(.green-menu-button) > a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 2px;
	width: 0;
	background-color: #98F1AE;
	transition: all .3s ease-in-out;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul:not(.sub-menu) > li:not(.green-menu-button):hover > a::after {
	width: 100%;
	transition: all .3s ease-in-out;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul:not(.sub-menu) > li:not(.green-menu-button):focus > a::after,
#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul:not(.sub-menu) > li.current-menu-item:not(.green-menu-button) > a::after,
#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul:not(.sub-menu) > li.current-menu-parent:not(.green-menu-button) > a::after {
	width: 100%;
}


#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li a:first-child {
	margin-left: 0;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li.menu-item-has-children a {
	margin-right: 55px;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul > li.menu-item-has-children > a::before {
	position: absolute;
	right: -25px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	content: '';
	height: var(--font-size-20);
	width: 15px;
	background-image: url('images/arrows/Tetra Bricks - Menu Arrow Down.svg');
	background-size: auto 15px;
	background-repeat: no-repeat;
}



#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li.green-menu-button a {
	display: block;
	padding: 15px 20px;
	background: #98F2AE;
	border-radius: 50px;
	margin: 0 20px;
	transition: all .3s ease-in-out;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li.green-menu-button a:hover {
	background-color: #85CDF7;
	padding: 20px 40px;
	margin: 0;
	transition: all .3s ease-in-out;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li ul {
	display: none; 
	padding: 0;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul {
	display: block;
	position: absolute;
	margin-top: 0px;
	top: 75%;
	left: 50%; /* Plaatst de sublijst in het midden van de ouderlijst */
	transform: translateX(-50%); /* Verschuift de sublijst naar links om te centreren */
	width: auto;
	height: auto;
	white-space: nowrap; 
	background-color: #FFFFFF;
	border-radius: 15px;
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.15);
	z-index: 100000;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul li {
	display: block;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 25px 30px;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul li a:hover {
	background-color: #1E1E4B05;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li ul li.current-menu-item a {
	background-color: #1E1E4B05;
}

#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul li a::after {
	position: absolute;
	content: '';
	bottom: 0px;
	left: 30px;
	height: 2px;
	width: calc( 100% - 60px );
	background-color: #EFEFEF;
}



/* ---- START SITE CONTENT ---- */
#site-content-wrapper {
	padding-top: 110px;
}




.single-image .fp-single-blog-image {
	aspect-ratio: 16 / 9;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}




/* ---- FOOTER ---- */
#footer-wrapper-top-border {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#footer-wrapper-top-border.left {
	display: flex;
	flex-direction: row;
	flex-basis: 50%;
	flex: 0 0 50%;
	height: 100px;
	background-color: #1E1E4B;
	border-radius: 0 100px 0 0;
}

#footer-wrapper-top-border.right {
	display: flex;
	flex-direction: row;
	flex-basis: 50%;
	flex: 0 0 50%;
	height: 100px;
	background-color: #1E1E4B;
	border-radius: 100px 0 0 0;
}

#footer-wrapper {
	position: relative;
	color: #FFFFFF;
	background-color: #1E1E4B;
	padding: 100px 0;
}

#footer-wrapper .footer-container {
	display: flex; 
	flex-direction: row;
	flex-wrap: wrap;
	padding-bottom: 150px;
	column-gap: 60px;
}

#footer-wrapper .footer-container div {
	display: flex;
	flex-direction: column;
	flex-basis: 20%; /* 16.67%; */
	flex: 0 0 20%; /* 16.67%; */
}

#footer-wrapper .footer-container div:nth-child(3) {
	margin-left: auto;
}

#footer-wrapper .footer-container p {
	font-size: var(--font-size-24);
	color: #FFFFFF;
}

#footer-wrapper .footer-container h3 {
	font-size: var(--font-size-42);
	color: #FFFFFF;
	margin-bottom: 1.2em;	
}

#footer-wrapper .footer-container .footer-contact-container a,
#footer-wrapper .footer-container .footer-contact-container a:hover,
#footer-wrapper .footer-container .footer-contact-container a:focus {
	color: #FFFFFF;
}


/* --- FOOTER --> SUPPORT ---- */
#footer-wrapper .footer-container .footer-support-container p:first-of-type {
	font-size: var(--font-size-34);
	font-weight: 600;
	margin-bottom: 1.2em;
}

#footer-wrapper .footer-container .footer-support-container p {
	color: #86CDF7;
}


/* --- FOOTER --> DEMO ---- */
#footer-wrapper .footer-container .footer-demo-container a {
	display: inline-block;
	font-family: 'Inter Tight', sans-serif;
	font-optical-sizing: auto;
	font-size: var(--font-size-20);
	font-weight: var(--inter-font-weight-medium);	
	font-style: normal;
	color: #000000;
	padding: 15px 30px;
	background-color: #98F2AE;
	border-radius: 50px;
	margin-top: 25px;
	transform: all .3s ease-in-out;
}

#footer-wrapper .footer-container .footer-demo-container a:hover {
	background-color: #85CDF7;
	padding: 20px 45px;
	margin: 20px -15px 0 -15px;
	transform: all .3s ease-in-out;
}

/* ---- FOOTER --> QUICK-LINKS ---- */
#footer-wrapper .footer-container .footer-quick-links-container ul {
	list-style: none;
	padding: 0;
}

#footer-wrapper .footer-container .footer-quick-links-container ul li {
	font-size: var(--font-size-24);
	margin-bottom: 1em;
}

#footer-wrapper .footer-container .footer-quick-links-container ul li a {
	color: #FFFFFF;
}


/* ---- FOOTER --> CONTACT ---- */
#footer-wrapper .footer-container .footer-contact-container br {
	display: block;
	content: '';
	font-size: var(--font-size-24);
	margin-bottom: 1em;
}

#footer-wrapper .footer-container .footer-contact-container p:first-of-type {
	margin-bottom: 3.2em;
}

#footer-wrapper .footer-container .footer-contact-container p:last-of-type {
	margin-top: 1.7em;
}




/* ---- FOOTER --> SUB-FOOTER ---- */
#footer-wrapper #sub-footer-wrapper .sub-footer-copyright-container {
	display: flex;
	flex-direction: row;
	height: 50px;
	align-items: center;
	font-family: 'Open Sans', sans-serif;
	font-size: clamp( 14px, 1.25vw, 18px);
	color: #3E60A7;
}

#footer-wrapper #sub-footer-wrapper .sub-footer-copyright-container a,
#footer-wrapper #sub-footer-wrapper .sub-footer-copyright-container a:hover,
#footer-wrapper #sub-footer-wrapper .sub-footer-copyright-container a:focus {
	color: #3E60A7;
	border-bottom: 1px solid #3E60A7;
}

#footer-wrapper #sub-footer-wrapper .sub-footer-nenlogo-container {
	width: 100%;
	height: 50px;
	text-align: right;
}

#footer-wrapper #sub-footer-wrapper .sub-footer-nenlogo-container img {
	height: 50px;
	width: auto;
}






@media( max-width: 767px ) {
	h2 {
		font-size: var( --font-size-32 );
	}
	
	
	
	/* ---- PLAN EEN DEMO ---- */
	#plan-demo-form-wrapper .plan-demo-form-container {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		height: 100%;
		width: 100%;
		max-width: 90%;
		justify-content: center;
		align-items: center;
	}
	
	#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content h3 {
		font-family: 'Inter Tight', sans-serif;
		font-size: var(--font-size-42);
		font-optical-sizing: auto;
		font-weight: var(--inter-font-weight-medium);
		font-style: normal;
		margin-bottom: 0.6em;
	}

				
	/* ---- OVERLAY --> APPLICATION FORM ---- */
	#application-form-wrapper .application-form-container {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		height: 100%;
		width: 100%;
		max-width: 90%;
		justify-content: center;
		align-items: center;	
	}

	#application-form-wrapper .application-form-container .application-form-content {
		position: relative;
		font-size: var(--font-size-20);
		width: 100%;
		background-color: #FFFFFF;
		padding: 70px 30px;
		border-radius: 20px;
		overflow-y: auto;
		z-index: 999999;
	}

			
	
	
	
	/* ---- GESELECTEERDE MODULE ---- */
	#selected-module-wrapper {
		position: fixed;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		top: 0;
		left: 0;
		height: 100vh;
		width: 100vw;
		background: rgba( 0, 0, 0, .5);
		justify-content: center;
		align-items: center;
		opacity: 0;
		z-index: -10;
		overflow-x: auto;
		transition: all .3s ease-in-out;
	}

	#selected-module-wrapper .selected-module-container .selected-module-content-container {
		position: relative;
		display: flex;
		flex-direction: column;
		background-color: #F7F3F1;
		width: 100%;
		max-width: 90%;
		margin: 0 auto;
		border-radius: 20px;
		box-shadow: 0 0 20px rgba( 0, 0, 0, 0.2);
	}

	#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container {
		position: relative;
		display: flex;
		flex-direction: column;
		flex-basis: 80px;
		flex: 0 0 80px;
		height: 80px;
	}
	
	#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content {
		display: flex;
		flex-direction: column;
		flex-basis: calc( 100% - 80px );
		flex: 0 0 calc( 100% - 80px );
		padding-left: 20px;
	}

	
	
	/* ---- HEADER ---- */
	#header-wrapper {
		height: 80px;
	}
	
	#header-wrapper.white {
		background-color: inherit;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper {
		/* position: relative; */
		height: 80px;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper a {
		flex-direction: column;
		height: 100%;
		justify-content: center;
		padding: 0 15px;
		z-index: 1100;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper a #header-logo svg {
		height: 40px!important;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-pancake-container {
		position: absolute;
		top: 0;
		right: 35px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		width: 40px;
		z-index: 1100;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-pancake-container .header-logo-menu-pancake-background {
		position: relative;
		height: 40px;
		width: 40px;
		border-radius: 20px;
		background-color: #FFFFFF;
		overflow: hidden;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-pancake-container .header-logo-menu-pancake-background::before {
		position: absolute;
		top: 0;
		left: 0;
		height: 40px;
		width: 40px;
		content: '';
		background-image: url('images/icons/Tetra - Bricks - Pancake icon.svg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: 20px auto;
		transition: all .5s ease-in-out;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-pancake-container.menu-open .header-logo-menu-pancake-background::before {
		background-image: url('images/icons/Tetra - Bricks - Close icon.svg');
		background-size: 15px auto;
		transition: all .5s ease-in-out;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container {
		position: absolute;
		flex-direction: column;
		flex: 0 0 100%;
		justify-content: flex-start;
		top: 0;
		left: -100%;
		height: 100vh;
		width: 100vw;
		background-color: #F7F3F1;
		transition: all .5s ease-in-out;
		z-index: 1000;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container.menu-open {
		left: 0;
		transition: all .5s ease-in-out;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container #main-menu-wrapper {
		height: 100vh;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		height: auto; /* 100%; */
		padding: 100px 20px;
		overflow: auto;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container #main-menu-wrapper > ul > li {
		flex-direction: column;
		height: auto;
		min-height: 40px;
		padding: 15px 0;
		justify-content: center;
		width: 100%;
		border-top: 1px solid #C6B09D;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul:not(.sub-menu) > li:not(.green-menu-button) > a::after {
		display: none;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul:not(.sub-menu) > li:not(.green-menu-button):hover > a::after {
		display: none;
	}
	
	
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container #main-menu-wrapper > ul > li.green-menu-button {
		flex-direction: row;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container #main-menu-wrapper > ul > li.green-menu-button a {
		width: auto;
		white-space: nowrap;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container #main-menu-wrapper > ul > li > a {
		font-size: var(--font-size-28);
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul > li.menu-item-has-children {
		pointer-events: none;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li.menu-item-has-children a::before {
		display: none;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul {
		pointer-events: none;
		display: block;
		position: relative;
		margin-top: 0px;
		top: inherit;
		left: inherit; /* Plaatst de sublijst in het midden van de ouderlijst */
		transform: inherit; /* Verschuift de sublijst naar links om te centreren */
		width: inherit;
		height: 40px;
		white-space: nowrap; 
		background-color: transparent;
		border-radius: inherit;
		box-shadow: inherit;
		z-index: 1;
	}

	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul li {
		display: inherit;
		height: 40px;
	}

	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul li a {
		position: relative;
		display: inherit;
		margin: inherit;
		padding: inherit;
	}

	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul li a:hover {
		display: inherit;
	}

	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul li a::after {
		display: none;	
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li ul {
		display: flex;
		height: auto;
		padding: 0 15px;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul {
		pointer-events: none;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul > li.menu-item-has-children > ul > li {
		pointer-events: auto;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li a {
		justify-content: flex-start;
		align-items: flex-start;
		font-size: var(--font-size-22);
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li.menu-item-has-children a {
		padding-bottom: 10px!important;
	}
	
	
	
	/* ---- CONTENT ---- */
	#site-content-wrapper {
		padding-top: 80px;
	}
	
	
	
	
	
	#footer-wrapper {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	
	#footer-wrapper-top-border {
		display: none;
	}
	
	#footer-wrapper {
		background-color: transparent;
	}
	
	#footer-wrapper .footer-container {
		padding-bottom: 0;
	}
	
	#footer-wrapper .footer-container > div {
		flex: 0 0 calc( 100% - 40px );
		margin: 10px 20px;
		border-radius: 20px;
		padding: 40px;
		background-color: #1E1E4B;
	}
	
	#footer-wrapper #sub-footer-wrapper {
		flex: 0 0 calc(100% - 40px);
		font-size: var(--font-size-16);
		line-height: 1.5;
		margin: 10px 20px;
		border-radius: 20px;
		padding: 40px;
		background-color: #1E1E4B;
	}
	
	#footer-wrapper #sub-footer-wrapper .sub-footer-nenlogo-container {
		text-align: left;
		margin-bottom: 30px;
	}
	
	#footer-wrapper #sub-footer-wrapper .sub-footer-nenlogo-container img {
		height: 40px;
	}
	
	#footer-wrapper #sub-footer-wrapper .sub-footer-copyright-container {
		height: auto;
		flex-direction: column;
		align-items: flex-start;
	}
}
	


@media only screen
  and (min-width: 768px) 
  and (max-width: 1200px) 
  and (orientation: portrait) {
	  
	  .container {
		  max-width: 100%;
	  }
	  					h2 {
		font-size: var( --font-size-32 );
	}
	
	
	
	/* ---- PLAN EEN DEMO ---- */
	#plan-demo-form-wrapper .plan-demo-form-container {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		height: 100%;
		width: 100%;
		max-width: 90%;
		justify-content: center;
		align-items: center;
	}

	#plan-demo-form-wrapper .plan-demo-form-container .plan-demo-form-content h3 {
		font-family: 'Inter Tight', sans-serif;
		font-size: var(--font-size-42);
		font-optical-sizing: auto;
		font-weight: var(--inter-font-weight-medium);
		font-style: normal;
		margin-bottom: 0.6em;
	}

	
	/* ---- OVERLAY --> APPLICATION FORM ---- */
	#application-form-wrapper .application-form-container {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		height: 100%;
		width: 100%;
		max-width: 90%;
		justify-content: center;
		align-items: center;	
	}

	#application-form-wrapper .application-form-container .application-form-content {
		position: relative;
		font-size: var(--font-size-20);
		width: 100%;
		background-color: #FFFFFF;
		padding: 70px 30px;
		border-radius: 20px;
		overflow-y: auto;
		z-index: 999999;
	}

	
	/* ---- GESELECTEERDE MODULE ---- */
		#selected-module-wrapper {
			position: fixed;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			top: 0;
			left: 0;
			height: 100vh;
			width: 100vw;
			background: rgba( 0, 0, 0, .5);
			justify-content: center;
			align-items: center;
			opacity: 0;
			z-index: -10;
			overflow-x: auto;
			transition: all .3s ease-in-out;
		}

	#selected-module-wrapper .selected-module-container .selected-module-content-container {
		position: relative;
		display: flex;
		flex-direction: column;
		background-color: #F7F3F1;
		width: 100%;
		max-width: 90%;
		margin: 0 auto;
		border-radius: 20px;
		box-shadow: 0 0 20px rgba( 0, 0, 0, 0.2);
	}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-close-button-container {
			position: absolute;
			display: block;
			content: '';
			right: 20px;
			top: 20px;
			height: 10px;
			width: 10px;
			background-image: url('images/icons/Tetra - Bricks - Close icon.svg');
			background-position: center;
			background-repeat: no-repeat;
			background-size: 10px;
		}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-close-button-container:hover {
			cursor: pointer;
		}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			background-color: #FFFFFF;
			border-radius: 20px;
			padding: 35px;
			box-shadow: 0 0 20px rgba( 0, 0, 0, 0.2);
		}

	#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container {
		position: relative;
		display: flex;
		flex-direction: column;
		flex-basis: 80px;
		flex: 0 0 80px;
		height: 80px;
	}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container img {
			height: 100%;
			width: 100%;
			object-fit: contain;
			object-position: center;
		}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container::before {
			position: absolute;
			content: '';
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			background-position: top center;
			background-repeat: no-repeat;
			background-size: contain;
		}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container.communicatie::before {
			background-image: url('images/modules/Icons/Tetra - Bricks - Icons - Communicatie.svg');
		}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container.thuismetingen::before {
			background-image: url('images/modules/Icons/Tetra - Bricks - Icons - Thuismeting.svg');
		}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container.hosting::before {
			background-image: url('images/modules/Icons/Tetra - Bricks - Icons - Hosting.svg');
		}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container.wachtkamerscherm::before {
			background-image: url('images/modules/Icons/Tetra - Bricks - Icons - Wachtkamerscherm.svg');
		}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container.single-sign-on::before {
			background-image: url('images/modules/Icons/Tetra - Bricks - Icons - Single Sign On.svg');
		}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container.deur-open-doen::before {
			background-image: url('images/modules/Icons/Tetra - Bricks - Icons - Deur open doen.svg');
		}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content-icon-container.thuismetingen::before {
			background-image: url('images/modules/Icons/Tetra - Bricks - Icons - Thuismeting.svg');
		}

	#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content {
		display: flex;
		flex-direction: column;
		flex-basis: calc( 100% - 80px );
		flex: 0 0 calc( 100% - 80px );
		padding-left: 20px;
	}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content h3.selected-module-content-content-title {
			color: #1E1E4B;
			font-size: var(--font-size-20);
			line-height: 1;
			font-weight: 500;
			margin-bottom: .5em;
		}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-content-content-container .selected-module-content-content .selected-module-content-content-text {
			color: #1E1E4B;
			font-size: var(--font-size-16);
			font-weight: 300;
		}


		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-partners-container {
			padding: 35px;
		}

		#selected-module-wrapper .selected-module-container .selected-module-content-container .selected-module-partners-container h3.selected-module-partners-title {
			font-size: var(--font-size-20);
			font-weight: 500;
			margin-bottom: 1em;
		}


		#selected-module-partners-logos-wrapper {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			column-gap: 20px;
		}

		#selected-module-partners-logos-wrapper .selected-module-partners-logos {
			display: flex;
			flex-direction: column;
			flex: 0 0 calc( 25% - 15px );
			aspect-ratio: 100 / 33.33334;
			background-size: contain;
			background-repeat: no-repeat;
			background-color: #888888; /* De gewenste kleur */
		}
	
	
	
	
	
	/* ---- HEADER ---- */
	#header-wrapper {
		height: 80px;
	}
	
	#header-wrapper.white {
		background-color: inherit;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper {
		position: relative;
		height: 80px;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper a {
		flex-direction: column;
		height: 100%;
		justify-content: center;
		padding: 0 15px;
		z-index: 1100;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper a #header-logo svg {
		height: 40px!important;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-pancake-container {
		position: absolute;
		top: 0;
		right: 35px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		width: 40px;
		z-index: 1100;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-pancake-container .header-logo-menu-pancake-background {
		position: relative;
		height: 40px;
		width: 40px;
		border-radius: 20px;
		background-color: #FFFFFF;
		overflow: hidden;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-pancake-container .header-logo-menu-pancake-background::before {
		position: absolute;
		top: 0;
		left: 0;
		height: 40px;
		width: 40px;
		content: '';
		background-image: url('images/icons/Tetra - Bricks - Pancake icon.svg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: 20px auto;
		transition: all .5s ease-in-out;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-pancake-container.menu-open .header-logo-menu-pancake-background::before {
		background-image: url('images/icons/Tetra - Bricks - Close icon.svg');
		background-size: 15px auto;
		transition: all .5s ease-in-out;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container {
		position: absolute;
		flex-direction: column;
		flex: 0 0 100%;
		justify-content: flex-start;
		top: 0;
		left: -100%;
		height: 100vh;
		width: 100vw;
		background-color: #F7F3F1;
		transition: all .5s ease-in-out;
		z-index: 1000;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container.menu-open {
		left: 0;
		transition: all .5s ease-in-out;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container #main-menu-wrapper {
		height: 100vh;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		height: 100%;
		padding: 100px 20px;
		overflow: auto;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container #main-menu-wrapper > ul > li {
		flex-direction: column;
		height: auto;
		min-height: 40px;
		padding: 15px 0;
		justify-content: center;
		width: 100%;
		border-top: 1px solid #C6B09D;
	}
	  
    #header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul:not(.sub-menu) > li:not(.green-menu-button) > a::after {
		display: none;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul:not(.sub-menu) > li:not(.green-menu-button):hover > a::after {
		display: none;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container #main-menu-wrapper > ul > li.green-menu-button {
		flex-direction: row;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container #main-menu-wrapper > ul > li.green-menu-button a {
		width: auto;
		white-space: nowrap;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container #main-menu-wrapper > ul > li > a {
		font-size: var(--font-size-28);
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul > li.menu-item-has-children {
		pointer-events: none;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li.menu-item-has-children a::before {
		display: none;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul {
		pointer-events: none;
		display: block;
		position: relative;
		margin-top: 0px;
		top: inherit;
		left: inherit; /* Plaatst de sublijst in het midden van de ouderlijst */
		transform: inherit; /* Verschuift de sublijst naar links om te centreren */
		width: inherit;
		height: 40px;
		white-space: nowrap; 
		background-color: transparent;
		border-radius: inherit;
		box-shadow: inherit;
		z-index: 1;
	}

	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul li {
		display: inherit;
		height: 40px;
	}

	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul li a {
		position: relative;
		display: inherit;
		margin: inherit;
		padding: inherit;
	}

	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul li a:hover {
		display: inherit;
	}

	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul li a::after {
		display: none;	
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li ul {
		display: flex;
		height: auto;
		padding: 0 15px;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li:hover ul {
		pointer-events: none;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul > li.menu-item-has-children > ul > li {
		pointer-events: auto;
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li a {
		justify-content: flex-start;
		align-items: flex-start;
		font-size: var(--font-size-22);
	}
	
	#header-wrapper #header-logo-menu-logo-wrapper .header-logo-menu-content-container ul li.menu-item-has-children a {
		padding-bottom: 10px!important;
	}
	
	
	
	/* ---- CONTENT ---- */
	#site-content-wrapper {
		padding-top: 80px;
	}
	
	
	
	
	
	#footer-wrapper {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	
	#footer-wrapper-top-border {
		display: none;
	}
	
	#footer-wrapper {
		background-color: transparent;
	}
	
	#footer-wrapper .footer-container {
		padding-bottom: 0;
	}
	
	#footer-wrapper .footer-container > div {
		flex: 0 0 calc( 100% - 40px );
		margin: 10px 20px;
		border-radius: 20px;
		padding: 40px;
		background-color: #1E1E4B;
	}
	
	#footer-wrapper #sub-footer-wrapper {
		flex: 0 0 calc(100% - 40px);
		font-size: var(--font-size-16);
		line-height: 1.5;
		margin: 10px 20px;
		border-radius: 20px;
		padding: 40px;
		background-color: #1E1E4B;
	}
	
	#footer-wrapper #sub-footer-wrapper .sub-footer-nenlogo-container {
		text-align: left;
		margin-bottom: 30px;
	}
	
	#footer-wrapper #sub-footer-wrapper .sub-footer-nenlogo-container img {
		height: 40px;
	}
	
	#footer-wrapper #sub-footer-wrapper .sub-footer-copyright-container {
		height: auto;
		flex-direction: column;
		align-items: flex-start;
	}
		
	}


@media only screen
  and (min-width: 768px) 
  and (max-width: 1200px) 
  and (orientation: landscape) {
	#header-wrapper #header-logo-menu-logo-wrapper a #header-logo svg {
		height: 50px!important;
	}
}