.hero_contact-layout {
	position: relative;
	overflow: hidden;
	padding: var(--pk-site-gutter);
}

.hero_contact-layout .hero-inner_wrap {
	position: relative;
	color: var(--bies-brown-dark);
	background: var(--bies-orange);
	border-radius: max(1rem, calc(1.5 * var(--su)));
	padding-block: max(3rem, calc(6.25 * var(--su)));
	padding-inline: max(1.25rem, calc(3.75 * var(--su)));
}

/* Extra ruimte boven de content zodat die niet onder het logo/de header
   uitkomt — zelfde waarden als hero_secundair. */
@media screen and (min-width: 992px) {
	.hero_contact-layout .pk-row-content {
		margin-top: max(12rem, calc(12 * var(--su)));
	}
}

@media screen and (max-width: 992px) {
	.hero_contact-layout .hero-inner_wrap {
		padding-top: max(6.25rem, calc(6.25 * var(--su)));
	}
}

/* Illus left corner */
.hero_contact-layout .hero-corner_illu {
    position: absolute;
	max-width: max(10.938rem, calc(10.938 * var(--su)));
    top: max(2rem, calc(2.25 * var(--su)));
    left: 0;
}

.hero_contact-layout .hero-corner_illu svg {
	width: fit-content;
	height: fit-content;
}

.hero_contact-layout .pk-content_wrap{
	max-width: max(35.438rem, calc(35.438 * var(--su)));
	text-align: center;
	margin-inline: auto;
}

.hero_contact-layout .pk-heading:not(h1) {
	font-size: var(--scaling-h2);
	line-height: 0.85;
	margin-bottom:  max(1.5rem, calc(1.5 * var(--su)));
}

.hero_contact-layout .hero_contact-subtitel {
	font-size: var(--scaling-h3);
	margin: 0 0 max(1.25rem, calc(2.5 * var(--su)));
}

.hero_contact-layout .pk-button-group {
	justify-content: center;
	margin-bottom: max(2.5rem, calc(3 * var(--su)));
}


.hero_contact-layout .pk-button-group .pk-button path{
	fill: var(--bies-brown-dark);
}

.hero_contact-layout .contentblok-form-wrap {
	text-align: left;
}

.hero_contact-layout .gform_wrapper form {
	display: flex;
	flex-direction: column;
	gap: max(1rem, calc(1.25 * var(--su)));
}

.hero_contact-layout .gform_wrapper .gform_fields {
	display: flex;
	flex-direction: column;
	gap: max(1rem, calc(1.25 * var(--su)));
	list-style: none;
	margin: 0;
	padding: 0;
}

.hero_contact-layout .gform_wrapper input[type="text"],
.hero_contact-layout .gform_wrapper input[type="email"],
.hero_contact-layout .gform_wrapper input[type="tel"]{
	height: auto;
}

.hero_contact-layout .gform_wrapper input[type="text"],
.hero_contact-layout .gform_wrapper input[type="email"],
.hero_contact-layout .gform_wrapper input[type="tel"],
.hero_contact-layout .gform_wrapper textarea {
	outline: none;
	width: 100%;
	background-color: #6721001A;
	padding-block:max(0.75rem, calc(0.75 * var(--su)));
	padding-inline: max(1rem, calc(1.25 * var(--su)));
	border: none;
	color: var(--bies-brown-dark);
	font-family: var(--pk-text-font-family);
	font-size: var(--desktop-body-md);
	line-height: normal;
	border-radius: 999px;
}

.hero_contact-layout .gform_wrapper textarea {
	resize: vertical;
	border-radius: max(1rem, calc(1.25 * var(--su)));
}

.hero_contact-layout .gform_wrapper input::placeholder,
.hero_contact-layout .gform_wrappe input[type="email"]::placeholder,
.hero_contact-layout .gform_wrapper textarea::placeholder {
	font-size: var(--desktop-body-md)!important;
	color: var(--bies-brown-dark)!important;
}

.hero_contact-layout .gform_footer {
	position: relative;
	display: flex;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
}

.hero_contact-layout .gform_footer input[type="submit"],
.hero_contact-layout form .gform_footer .gform_button {
	background-color: var(--bies-brown-dark)!important;
	color: var(--bies-orange)!important;
	border: none;
	border-radius: 999px!important;
	padding-block: var(--pk-button-padding-block);
	padding-inline: var(--pk-button-padding-inline);
	padding-inline-end: calc(var(--pk-button-padding-inline) + 1.25em)!important;
	font-family: var(--pk-button-font-family);
	font-weight: 500!important;
	font-size: var(--desktop-body-sm)!important;
	line-height: 1!important;
	cursor: pointer;
}

.hero_contact-layout .gform_footer::after {
	content: "";
	position: absolute;
	top: 50%;
	right: var(--pk-button-padding-inline);
	width: 9px;
	height: 12px;
	transform: translateY(-50%);
	background-color: var(--bies-orange);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 12'%3E%3Cpath d='M8.59991 4.89552C6.66576 3.07713 4.53267 1.48105 2.23379 0.181382C1.60381 -0.177737 0.703049 -0.00102772 0.343849 0.688707C0.00122804 1.36134 0.167012 2.25629 0.841202 2.63821C2.55431 3.61296 4.10163 4.69601 5.55501 5.93867C4.07952 7.27824 2.50457 8.3841 0.675418 9.35885C0.0122803 9.71226 -0.181135 10.6699 0.178065 11.3083C0.570421 12.0038 1.40487 12.1748 2.06801 11.8214C4.47188 10.5388 6.67681 8.86862 8.59991 6.90772C9.11385 6.3833 9.15253 5.40855 8.59991 4.88982V4.89552Z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 12'%3E%3Cpath d='M8.59991 4.89552C6.66576 3.07713 4.53267 1.48105 2.23379 0.181382C1.60381 -0.177737 0.703049 -0.00102772 0.343849 0.688707C0.00122804 1.36134 0.167012 2.25629 0.841202 2.63821C2.55431 3.61296 4.10163 4.69601 5.55501 5.93867C4.07952 7.27824 2.50457 8.3841 0.675418 9.35885C0.0122803 9.71226 -0.181135 10.6699 0.178065 11.3083C0.570421 12.0038 1.40487 12.1748 2.06801 11.8214C4.47188 10.5388 6.67681 8.86862 8.59991 6.90772C9.11385 6.3833 9.15253 5.40855 8.59991 4.88982V4.89552Z'/%3E%3C/svg%3E") no-repeat center / contain;
	pointer-events: none;
}

.hero_contact-layout .gform_confirmation_message {
	color: var(--bies-brown-dark);
}

@media screen and (max-width: 1200px) {
	.hero_contact-layout .hero-corner_illu {
		max-width: max(8rem, calc(8 * var(--su)));
		top: 1rem;
	}
}

@media screen and (max-width: 767px) {
	.hero_contact-layout .hero-corner_illu {
		display: none;
	}
}