.hero_vacatures-layout {
	margin-block: 0;

	--button-bg-1-hover: var(--off-white);
	--button-text-color-2: var(--off-white);
	--button-text-color-2-hover: var(--off-white);
	--button-border-color-2: var(--off-white);
}

.hero_vacatures-layout .breadcrumb-col {
	margin-bottom: max(2rem, calc(5 * var(--su)));
}

.hero_vacatures-layout .content-col {
	display: flex;
	align-items: center;
	gap: max(2rem, calc(7 * var(--su)));
	padding: max(1.5rem, calc(3 * var(--su)))
	max(1rem, calc(3 * var(--su)));
	color: var(--off-white);
	background-color: var(--off-black);
}
.hero_vacatures-layout .content-col .text {
	width: 100%;
}
.hero_vacatures-layout .content-col .pk-heading {
	color: inherit;
}
.hero_vacatures-layout .content-col .pk-text {
	font-size: var(--desktop-body-lg);
}
.hero_vacatures-layout .content-col .pk-button-group {
	margin-top: max(1.5rem, calc(2 * var(--su)));
}


.hero_vacatures-layout .content-col .image-wrapper img {
	aspect-ratio: 1;
	width: 100%;
	object-fit: cover;
}

@media screen and (min-width: 993px) {
	.hero_vacatures-layout .content-col .image-wrapper {
		width: 100%;
		max-width: 30%;
		flex-shrink: 0;
	}
	.hero_vacatures-layout.image-right .content-col {
		flex-direction: row-reverse;
	}
}

@media screen and (max-width: 767px) {
	.hero_vacatures-layout .content-col {
		flex-direction: column;
	}
	.hero_vacatures-layout .content-col .image-wrapper {
		order: 2;
	}
	.hero_vacatures-layout .content-col .text {
		order: 1;
	}
}