#pk_flex_content .ervaringen_grid .heading_wrapper {
	text-align: center;
}
#pk_flex_content .ervaringen_grid .heading_wrapper .heading {
	margin-bottom: 2rem;
}

#pk_flex_content .ervaringen_grid .filter {
	display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem;
	margin-bottom: 4rem; overflow: auto; width: fit-content; margin-inline: auto;
}
#pk_flex_content .ervaringen_grid .filter::-webkit-scrollbar {
	height: 2px; background-color: transparent; width: 10px;
}
#pk_flex_content .ervaringen_grid .filter::-webkit-scrollbar-thumb {
	background-color: rgba(64, 84, 178, 0.5); height: 2px; border-radius: 5px;
}
#pk_flex_content .ervaringen_grid .filter button {
	font-family: var(--heading-font); font-weight: 600;
	flex-shrink: 0; color: var(--Identity-Blue-2);
	appearance: none; background: transparent;
	border-radius: 100px; padding: 0.5rem 1rem; border: 1px solid var(--Identity-Blue-2);
	transition: all 0.1s ease-in-out;
}
#pk_flex_content .ervaringen_grid .filter button:hover {
	background-color: var(--Identity-Highlight);
}
#pk_flex_content .ervaringen_grid .filter button.active {
	background: var(--Identity-Blue-2); color: #ffffff;
}

#pk_flex_content .ervaringen_grid #ervaringenGrid {
	position: relative; margin-bottom: 2rem;
}
#pk_flex_content .ervaringen_grid #ervaringenGrid > .ervaring-layout {
	position: absolute;
}
#pk_flex_content .ervaringen_grid #ervaringenGrid > .ervaring-layout.no-image .ervaring-bg {
	aspect-ratio: 17/12;
}
#pk_flex_content .ervaringen_grid #ervaringenGrid > .ervaring-layout.no-image .ervaring-title {
	display: none;
}

#pk_flex_content .ervaringen_grid .ajax-pagination {
	/* position: absolute; top: 100%; left: 0; z-index: 1; */
	display: flex; gap: 0.5rem; width: 100% !important;
	transform: none !important; justify-content: center;
}
#pk_flex_content .ervaringen_grid .ajax-pagination > button {
	border: 1px solid var(--Identity-Blue-2); background-color: var(--Identity-Blue-2);
	font-family: var(--heading-font); font-weight: 600; color: #ffffff;
	transition: all 0.1s ease-in-out;
}
#pk_flex_content .ervaringen_grid .ajax-pagination > button:not(.active):hover {
	background-color: var(--Identity-Blue-1);
}
#pk_flex_content .ervaringen_grid .ajax-pagination > button.active {
	background-color: transparent; color: var(--text-color);
}
@media screen and (min-width: 768px) {
	#pk_flex_content .ervaringen_grid .doelgroepen-filter {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	#pk_flex_content .ervaringen_grid .filter {
		padding-bottom: 1rem; width: 100%; margin-bottom: 1rem;
	}
	#pk_flex_content .ervaringen_grid .doelgroepen-filter {
		margin-bottom: 3rem;
	}

	#pk_flex_content .ervaringen_grid #ervaringenGrid {
		height: auto !important;
	}
	#pk_flex_content .ervaringen_grid #ervaringenGrid > .ervaring-layout {
		position: relative; transform: none !important;
		width: auto !important;
	}
	#pk_flex_content .ervaringen_grid .ervaring-layout:not(:last-child) {
		margin-bottom: 1rem;
	}
}