.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-797fe1d7-7331-30eb-1bd4-0cae7cfe809f {
margin-left: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-75604f54-4381-ddf3-ca2e-c32179156ed3 {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-eb1791e9-214b-1b26-b177-2b64627f58b7 {
.fvs__empty{
display: none !important;
}
}.lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-fe95e560-a016-f74d-813a-b85a3539caed) !important;
text-align: right !important;
}
/* Custom CSS van de container: treble-contact-image-column */

html body .treble-contact-grid > .row:has(.lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed),
html body .treble-contact-grid > .row > .col:has(> .lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed) {
	height: auto !important;
	max-height: none !important;
}

html body .treble-contact-grid > .row:has(.lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed) {
	align-items: stretch !important;

@media (max-width: 767.9px){
.treble-contact-image-column{
display: none !important;
}
}
}

html body .treble-contact-grid > .row > .col:has(> .lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed) {
	display: flex !important;
}

html body .lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed.treble-contact-image-column {
	display: flex !important;
	flex: 1;
	align-items: stretch;
	height: auto !important;
	min-height: 508px !important;
	max-height: none !important;
	overflow: hidden;
}

.lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed > .lfr-layout-structure-item-basic-component-image {
	flex: 1;
}

.lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed .lfr-layout-structure-item-basic-component-image > div,
.lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed .component-image,
.lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed picture,
.lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed img[data-lfr-editable-id="image-square"] {
	width: 100% !important;
	height: 100% !important;
}

.lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed picture,
.lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed img[data-lfr-editable-id="image-square"] {
	display: block !important;
}

.lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed img[data-lfr-editable-id="image-square"] {
	object-fit: cover !important;
	object-position: center;
max-height: 550px;
}.lfr-layout-structure-item-ac0f5acf-a748-f3ca-3cc1-c09549a223fe {
margin-left: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-f3ac5bce-b64a-8857-b31b-410b4d278ffc {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-f3ac5bce-b64a-8857-b31b-410b4d278ffc) !important;
padding-bottom: var(--spacer-7,6rem) !important;
padding-top: var(--spacer-7,6rem) !important;
}
.lfr-layout-structure-item-89acbf2e-5e7b-a30f-e815-d24586c2a277 {
font-family: var(--font-family-sans-serif) !important;
padding-right: var(--spacer-6,4.5rem) !important;
color: var(--brand-color-2) !important;
}
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-e24df314-55c4-0a84-f857-6536bac183aa) !important;
}
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa {
	position: relative;
	isolation: isolate;
	width: 100%;
	min-height: 514px;
	margin: 0 !important;
	overflow: hidden;
	background-color: #05003f !important;
	background-repeat: no-repeat !important;
	background-position: center 87.5% !important;
	background-size: auto 762% !important;
	background-blend-mode: hard-light;
}

/* De Figma-achtergrond staat op 29% opacity boven #05003F. */
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	content: "";
	background: rgba(5, 0, 63, 0.71);
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa > * {
	position: relative;
	z-index: 1;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa > .container,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa > .container-fluid {
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-grid {
	align-items: stretch;
	width: 100%;
	min-height: 514px;
	margin: 0 !important;
	column-gap: 0 !important;
	row-gap: 0 !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-grid > * {
	min-width: 0;
	min-height: 514px;
	margin: 0 !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-form-column {
	display: flex;
	align-items: stretch;
	width: 100%;
	min-height: 410px;
	margin: 0 !important;
	background: transparent !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-form-column > * {
	width: 100%;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display {
	--treble-form-navy: #05003f;
	--treble-form-white: #ffffff;
	--treble-form-gold: #f0c731;

	width: 100%;
	min-height: 410px;
	margin: 0;
	color: var(--treble-form-white);
	background: transparent;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display * {
	box-sizing: border-box;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .portlet,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .portlet-content,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .portlet-body,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .portlet-forms,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .form-container,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .lfr-ddm-form-container {
	width: 100%;
	max-width: none;
	margin: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

/* De formuliernaam uit Liferay is de bewerkbare titel. */
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .ddm-form-basic-info {
	width: 100%;
	margin: 0;
	color: var(--treble-form-white);
	border: 0 !important;
	border-bottom: 0 !important;
}

/*
 * Sommige 7.4-updates plaatsen de titel net buiten .portlet-forms-display.
 * Deze extra selectors blijven door lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa toch beperkt tot
 * uitsluitend deze contactcontainer.
 */
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .ddm-form-basic-info h1,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .ddm-form-basic-info h2,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .ddm-form-basic-info h3,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .ddm-form-name,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa [class*="ddm-form-name"] {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .ddm-form-basic-info hr,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .ddm-form-basic-info .separator,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa hr.separator {
	display: none !important;
	border: 0 !important;
}

/* Exacte headerklassen uit de gebruikte Liferay 7.4 Forms-renderer. */
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .lfr-ddm__default-page-header-title {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	opacity: 1 !important;
font-family: League Gothic;
margin-bottom: -25px;
margin-left: 12px;
font-weight:400;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .lfr-ddm__default-page-header-line {
	display: none !important;
	width: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .lfr-ddm__default-page-header-title ~ p.text-secondary,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .lfr-ddm__default-page-header-line ~ p.text-secondary,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .lfr-ddm__default-page-header p.text-secondary,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa form p.text-secondary {
	display: none !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .ddm-form-basic-info > .container-fluid,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .ddm-form-builder-app {
	width: 100%;
	/*max-width: 538px;*/
	margin-right: auto;
	margin-left: auto;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display h1.ddm-form-name,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .ddm-form-name {
	margin: 0 0 20px;
	color: var(--treble-form-white) !important;
	font-family: "League Gothic", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif;
	font-size: 35px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	text-transform: uppercase;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .ddm-form-description {
	max-width: 538px;
	margin: 0 auto 20px;
	color: var(--treble-form-white) !important;
	font-family: "Mulish", "Work Sans", Arial, sans-serif;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .ddm-form-builder-app-not-ready {
	pointer-events: unset !important;
	opacity: 1 !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .lfr-ddm-form-page > .row,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .ddm-form-page > .row {
	margin-right: 0;
	margin-left: 0;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .form-group,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .ddm-field-container,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .lfr-ddm-form-field-container {
	margin-bottom: 10px;
}

/* Labels blijven voor schermlezers bestaan; de placeholders zijn zichtbaar. */
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display label.ddm-label,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display label.control-label {
	position: absolute !important;
	width: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .required-warning,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .reference-mark {
	display: none !important;
}

/* Verberg de standaardtekst "Indicates Required Fields". */
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .required-warning,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa [class*="required-warning"] {
	display: none !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .form-control,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display input[type="text"],
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display input[type="email"],
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display textarea {
	display: block;
	width: 100%;
	min-height: 37px;
	padding: 6px 11px;
	color: var(--treble-form-navy) !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: var(--treble-form-white) !important;
	box-shadow: none !important;
	font-family: "Mulish", "Work Sans", Arial, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 25px;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display textarea.ddm-field-text.form-control,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display textarea.form-control,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display textarea {
	min-height: 109px;
	padding-top: 7px;
	resize: vertical;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .form-control::placeholder,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display input::placeholder,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display textarea::placeholder {
	color: rgba(5, 0, 63, 0.6) !important;
	opacity: 1;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .form-control:focus,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display input:focus,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display textarea:focus {
	outline: 3px solid var(--treble-form-gold);
	outline-offset: 2px;
	box-shadow: none !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .lfr-ddm-form-container .lfr-ddm-form-pagination-controls,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .lfr-ddm-form-pagination-controls,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .ddm-form-footer {
	display: flex;
	justify-content: flex-start !important;
	width: 100%;
	margin: 0;
}

/* Dezelfde uitlijning voor Liferay-versies met een andere widget-wrapper. */
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .lfr-ddm-form-pagination-controls,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .ddm-form-footer {
	justify-content: flex-start !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display #ddm-form-submit,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display button.float-right.lfr-ddm-form-submit.btn.btn-primary,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .lfr-ddm-form-submit,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	float: none !important;
	width: auto;
	min-width: 171px;
	min-height: 56px;
	margin: 0;
	padding: 5px 11px 1px;
	color: var(--treble-form-navy) !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: var(--treble-form-white) !important;
	box-shadow: none !important;
	font-family: "League Gothic", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif;
	font-size: 35px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display #ddm-form-submit:hover,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display #ddm-form-submit:focus,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .lfr-ddm-form-submit:hover,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .lfr-ddm-form-submit:focus,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display button[type="submit"]:hover,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display button[type="submit"]:focus {
	color: var(--treble-form-navy) !important;
	background: var(--treble-form-gold) !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .alert {
	border-radius: 0;
	font-family: "Mulish", "Work Sans", Arial, sans-serif;
}

@media (max-width: 575.9px) {
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa,
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-grid,
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-grid > *,
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-form-column {
		min-height: 0;
	}

	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa {
		background-position: center 87.5% !important;
		background-size: auto 762% !important;
	}

	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display {
		min-height: 0;
	}

	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display h1.ddm-form-name,
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .ddm-form-name {
		font-size: 32px !important;
	}

	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .form-control,
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display input[type="text"],
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display input[type="email"],
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display textarea {
		font-size: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display #ddm-form-submit,
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .lfr-ddm-form-submit,
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display button[type="submit"] {
		transition: none;
	}
}
/*
 * De Treble - aanvulling voor de afbeelding naast het contactformulier.
 *
 * Plak dit ONDERAAN de bestaande Custom CSS van de buitenste
 * contactcontainer. Zo blijven de huidige formuliercorrecties en de door jou
 * afgestelde positie van de submitknop behouden.
 *
 * Benodigde CSS-klassen in Liferay:
 * - Grid: treble-contact-grid
 * - Container links rond het formulier: treble-contact-form-column
 * - Nieuwe container in de rechter module: treble-contact-image-column
 *
 * Selecteer op de rechter container bij Achtergrond de afbeelding
 * "afbeelding voor naast contact.png" uit Documents en Media.
 */

/* Figma: 1445 px breed, met 856 px formulier en 589 px afbeelding. */
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa {
	min-height: 514px !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa > .container,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa > .container-fluid {
	min-height: 514px !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-grid {
	min-height: 514px !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-grid.row,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-grid > .row {
	display: grid !important;
	grid-template-columns: minmax(0, 856fr) minmax(0, 589fr);
	align-items: stretch;
	width: 100%;
	min-height: 514px;
	margin: 0 !important;
	column-gap: 0 !important;
	row-gap: 0 !important;
}

/* Schakel de standaard Bootstrap-kolombreedtes en tussenruimte uit. */
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-grid.row > [class*="col"],
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-grid > .row > [class*="col"] {
	flex: none !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0;
	min-height: 514px;
	margin: 0 !important;
}

/* Figma: de foto is 589 × 508 px en heeft boven en onder 3 px ruimte. */
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-image-column {
	display: block;
	width: 100%;
	min-height: 508px;
	margin: 3px 0 !important;
	overflow: hidden;
	background-color: #05003f;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
}

.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-image-column > .container,
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-image-column > .container-fluid {
	width: 100%;
	max-width: none !important;
	min-height: 508px;
	margin: 0 !important;
}

@media(min-width:768px){
.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .portlet-forms-display .ddm-form-builder-app {
	padding: 0 clamp(12px,6.698vw,157px);
}
}

/* In het mobiele Figma-ontwerp staat de contactafbeelding niet. */
@media (max-width: 767.9px) {
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa,
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa > .container,
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa > .container-fluid,
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-grid {
		min-height: 0 !important;
	}

	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-grid.row,
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-grid > .row {
		display: block !important;
		min-height: 0;
	}

	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-grid.row > [class*="col"],
	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-grid > .row > [class*="col"] {
		width: 100% !important;
		max-width: 100% !important;
		min-height: 0;
	}

	.lfr-layout-structure-item-e24df314-55c4-0a84-f857-6536bac183aa .treble-contact-image-column {
		display: none !important;
	}
}.lfr-layout-structure-item-c5bfc0dd-b2e4-ae23-7c00-351a85235c8a {
background-color: #05003F !important;
}
.lfr-layout-structure-item-6d982b5f-77c2-5260-0a1b-027b0dc780cf {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-6d982b5f-77c2-5260-0a1b-027b0dc780cf) !important;
}
@media screen and (max-width: 991px) {.lfr-layout-structure-item-42301e71-c549-3485-d462-c97cefb359fb {
margin-left: var(--spacer-0,0rem) !important;
padding-left: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-874d6fb7-0ba3-d385-664f-c8636e483c77 {
margin-left: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-c09391d3-a151-445c-5859-32f7d95c9829 {
display: block !important;
}
}@media screen and (max-width: 767px) {.lfr-layout-structure-item-42301e71-c549-3485-d462-c97cefb359fb {
padding-left: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-f9d32c7c-ae3e-68c5-e5a0-f4c4e3ea4a9b {
padding-bottom: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-c09391d3-a151-445c-5859-32f7d95c9829 {
display: block !important;
}
.lfr-layout-structure-item-fe95e560-a016-f74d-813a-b85a3539caed {
display: block !important;
}
.lfr-layout-structure-item-89acbf2e-5e7b-a30f-e815-d24586c2a277 {
padding-left: var(--spacer-2,0.5rem) !important;
padding-right: var(--spacer-2,0.5rem) !important;
text-align: center !important;
}
}@media screen and (max-width: 575px) {.lfr-layout-structure-item-42301e71-c549-3485-d462-c97cefb359fb {
margin-left: var(--spacer-0,0rem) !important;
padding-left: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-874d6fb7-0ba3-d385-664f-c8636e483c77 {
padding-left: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-f9d32c7c-ae3e-68c5-e5a0-f4c4e3ea4a9b {
padding-bottom: var(--spacer-2,0.5rem) !important;
padding-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-cde800ef-0d5d-16a5-8a0c-a4e803bca755 {
text-align: center !important;
}
.lfr-layout-structure-item-54b07f36-2f79-d74c-4cef-9d046685e068 {
margin-left: var(--spacer-0,0rem) !important;
padding-left: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-89acbf2e-5e7b-a30f-e815-d24586c2a277 {
padding-left: var(--spacer-1,0.25rem) !important;
padding-right: var(--spacer-1,0.25rem) !important;
text-align: center !important;
}
}