.flex-layout.contact {
	background-color: var(--gijs-geel);
	padding-block: max(3rem, calc(5 * var(--su)));
	border-radius:max(1.25rem, calc(1.25 * var(--su)));
}

.flex-content:has(.flex-layout.inspiratie) + .flex-content:has(.flex-layout.wie_is_gijs-layout) + .flex-content:has(.flex-layout.contact) .flex-layout.contact {
	padding-block-start: max(8.1875rem, calc(10.1875 * var(--su)));
}

.flex-layout.contact .contact-header {
	text-align: center;
	margin-bottom: max(2.5rem, calc(3.5 * var(--su)));
}

.flex-layout.contact .contact-header a {
    color: var(--gijs-groen);
    text-decoration: none;
    font-weight: 400;
}

.flex-layout.contact .contact-header a:hover,
.flex-layout.contact .contact-header a:focus,
.flex-layout.contact .contact-header a:active{
	text-decoration: underline;
}

.flex-layout.contact .contact-header p{
    font-weight:300;
}

.flex-layout.contact .contact-header > *:last-child {
	margin-bottom: 0;
}

.flex-layout.contact .contact-header h1,
.flex-layout.contact .contact-header h2,
.flex-layout.contact .contact-header h3 {
	color: var(--gijs-groen);
	margin-bottom: max(0.5rem, calc(0.5 * var(--su)));
}

.flex-layout.contact .contact-header p {
	color: var(--gijs-groen);
}

.flex-layout.contact .gform_wrapper.gravity-theme {
	margin: 0;
}

.flex-layout.contact .gform_wrapper form {
	margin: 0;
}

.flex-layout.contact .gform_fields {
	column-gap: max(1.5rem, calc(2 * var(--su)));
}

.flex-layout.contact .gfield {
	margin-top: max(1.5rem, calc(2 * var(--su))) !important;
}

.flex-layout.contact .gfield_label,
.flex-layout.contact .gform-field-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.flex-layout.contact .ginput_container {
	margin-top: 0 !important;
}

.flex-layout.contact input[type="text"],
.flex-layout.contact input[type="email"],
.flex-layout.contact input[type="tel"],
.flex-layout.contact input[type="number"] {
	height: auto;
}

.flex-layout.contact input[type="text"],
.flex-layout.contact input[type="email"],
.flex-layout.contact input[type="tel"],
.flex-layout.contact input[type="number"],
.flex-layout.contact textarea {
	width: 100%;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	border-bottom: 1px solid var(--gijs-groen) !important;
	color: var(--gijs-groen);
	opacity: 0.35;
	padding: 0 0 max(0.5rem, calc(0.5 * var(--su)));
	font-size: var(--desktop-body-md);
	outline: none !important;
	transition: opacity 0.2s ease-in-out;
}

.flex-layout.contact textarea {
	min-height: max(6rem, calc(7 * var(--su)));
	resize: vertical;
}

.flex-layout.contact input[type="text"]::placeholder,
.flex-layout.contact input[type="email"]::placeholder,
.flex-layout.contact input[type="tel"]::placeholder,
.flex-layout.contact input[type="number"]::placeholder,
.flex-layout.contact textarea::placeholder {
	color: var(--gijs-groen);
	opacity: 1;
}

.flex-layout.contact input[type="text"]:not(:placeholder-shown),
.flex-layout.contact input[type="email"]:not(:placeholder-shown),
.flex-layout.contact input[type="tel"]:not(:placeholder-shown),
.flex-layout.contact input[type="number"]:not(:placeholder-shown),
.flex-layout.contact textarea:not(:placeholder-shown) {
	opacity: 1;
}

.flex-layout.contact .gform-footer,
.flex-layout.contact .gform_footer {
	display: flex;
	justify-content: flex-end;
	margin-top: max(2rem, calc(2.5 * var(--su))) !important;
	padding: 0 !important;
}

.flex-layout.contact .gform_button {
	border: none !important;
	border-radius: var(--pk-button-border-radius) !important;
	background: rgba(0, 39, 22, 0.17) !important;
	color: var(--gijs-groen) !important;
	padding: var(--pk-button-padding-block) var(--pk-button-padding-inline) !important;
	font-size: var(--pk-button-font-size);
	font-family: var(--pk-text-font-family) !important;
	line-height: var(--pk-button-line-height);
	letter-spacing: -1.08px !important;
	cursor: pointer;
	outline: none !important;
	transition: background-color 0.3s ease-in-out;
}

.flex-layout.contact .gform_button:hover {
	background: rgba(0, 39, 22, 0.28) !important;
}

.flex-layout.contact .gform_validation_container {
	display: none !important;
}

@media screen and (max-width: 992px) {
	.flex-content:has(.flex-layout.inspiratie) + .flex-content:has(.flex-layout.wie_is_gijs-layout) + .flex-content:has(.flex-layout.contact) .flex-layout.contact {
		padding-block-start: max(9rem, calc(10.5 * var(--su)));
	}

	.flex-layout.contact .contact-header{
		text-align: left;
	}

	.flex-layout.contact .gfield--width-half,
	.flex-layout.contact .gfield--width-third,
	.flex-layout.contact .gfield--width-two-thirds,
	.flex-layout.contact .gfield--width-quarter,
	.flex-layout.contact .gfield--width-three-quarter,
	.flex-layout.contact .gfield--width-five-twelfths,
	.flex-layout.contact .gfield--width-seven-twelfths,
	.flex-layout.contact .gfield--width-eleven-twelfths,
	.flex-layout.contact .gfield--width-one-sixth,
	.flex-layout.contact .gfield--width-one-twelfth {
		grid-column: 1 / -1 !important;
	}

	.flex-layout.contact .spacer.gfield {
		display: none !important;
	}
}