.flex-content[data-color_mode="ivory"] .vacature_content-layout .kennis-label {
	background-color: #ffffff;
}
.vacature_content-layout .pk-text {
    font-size: var(--desktop-body-md);
}
.vacature_content-layout .vacatures-overview {
	margin-top: max(1.5rem, calc(1.5 * var(--su)));
	display: flex;
	flex-direction: column;
	gap: max(2rem, calc(2 * var(--su)));
}
.vacature_content-layout .vacatures-overview .vacature-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	color: var(--text-color);
	text-decoration: none;
	border-bottom: 1px solid var(--deep-pine-20);
	padding-bottom: max(1.5rem, calc(1.5 * var(--su)));
}
.vacature_content-layout .vacature-item .icon-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2em;
	height: 2em;
	border: 1px solid var(--deep-pine-20);
	border-radius: 100%;
	flex-shrink: 0;
	transition: rotate 0.3s ease;
}
.vacature_content-layout .vacature-item .icon-wrapper .material-symbols-outlined {
	font-size: 1em;
}
.vacature_content-layout .vacature-item:not(:hover) .icon-wrapper {
	rotate: -45deg;
}
.vacature_content-layout .vacature-item .vacature-date {
	text-transform: uppercase;
	color: var(--deep-pine-60);
	font-size: var(--desktop-body-xxs);
}

.vacature_content-layout .pk-button-group {
	margin-top: max(1.5rem, calc(2 * var(--su)));
}

.vacature_content-layout .sidebar-col {
    position: sticky; top: 0; align-self: start;
}
.vacature_content-layout.sidebar-position-right .sidebar-col {
	order: 2;
}
.vacature_content-layout .sidebar-col .flex-repeater > .flex-content:first-child > .flex-layout:first-child {
	margin-top: 0;
}
.vacature_content-layout .sidebar-col .flex-repeater > .flex-content:last-child > .flex-layout:last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 768px) {
	.vacature_content-layout.sidebar-position-left .content-col {
		padding-left: calc(4 * var(--su));
	}

	.vacature_content-layout.sidebar-position-right .content-col {
		padding-right: calc(4 * var(--su));
	}
}

@media screen and (max-width: 767px) {
	.vacature_content-layout .pk-grid-container {
		row-gap: 3rem;
	}
}