@font-face {font-family: 'ClashDisplay';src: url('/upload/custom/fonts/30/font_6a9e98eb90bb09.04014485.ttf') format('truetype');font-weight: 1 999;font-style: normal;font-display: swap;}@font-face {font-family: 'WorkSans';src: url('/upload/custom/fonts/30/font_6a9e98eb9129c2.73994003.ttf') format('truetype');font-weight: 1 999;font-style: normal;font-display: swap;}:root { --font-primary: 'ClashDisplay', sans-serif !important; }h1, h2, h3, h4, h5, h6 { font-family: var(--font-primary) !important; }.companies-overview {
	--companies-blue: #1732c4;
	--companies-text: #6f7280;
	--companies-light: #f3f3f3;

	width: 100%;
	padding: 10rem 0 8rem;
	background-color: #fff;
	color: #6f7280;
}

/* Header */

.companies-overview .companies-overview__header {
	width: 100%;
	margin-bottom: 9rem;
}

.companies-overview .companies-overview__header h1 {
	margin: 0;
	color: #1732c4;
	font-size: clamp(4rem, 5vw, 5.8rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.04em;
	text-align: center;
}

/* Body */

.companies-overview .companies-overview__body {
	width: 100%;
}

/* Grid */

.companies-overview .companies-overview__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 4.8rem 2.8rem;
	width: 100%;
	margin: 0;
}

/* Eventuele wrappers uit de snippet */

.companies-overview .companies-overview__grid > * {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* Opdrachtgeverkaart */

.companies-overview .card-werkgever {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: visible;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	color: #6f7280;
	text-decoration: none;
	box-shadow: none;
	transition:
		opacity 180ms ease,
		transform 180ms ease;
}

.companies-overview .card-werkgever:hover {
	transform: translateY(-2px);
	box-shadow: none;
	opacity: .97;
}

/* Afbeeldingsvlak */

.companies-overview .card-werkgever .card-img-top {
	position: relative;
	display: grid;
	place-items: center;

	width: 100%;
	aspect-ratio: 1.46 / 1;

	overflow: hidden;
	border-radius: 1rem;

	background-color: #f3f3f3;
}

/*
 * Eventuele standaard overlays / gradients
 * uit de snippet uitschakelen
 */

.companies-overview .card-werkgever .card-img-top::before,
.companies-overview .card-werkgever .card-img-top::after {
	content: none !important;
	display: none !important;
	background: none !important;
}

/* Overlay uit de snippet */

.companies-overview .card-werkgever .card-img-top .overlay {
	display: grid;
	place-items: center;

	width: 100%;
	height: 100%;

	padding: .8rem;

	overflow: hidden;

	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;

	opacity: 1 !important;
	filter: none !important;
}

/* Eventuele pseudo-elementen van de overlay uitschakelen */

.companies-overview .card-werkgever .card-img-top .overlay::before,
.companies-overview .card-werkgever .card-img-top .overlay::after {
	content: none !important;
	display: none !important;

	background: none !important;
	background-color: transparent !important;
	background-image: none !important;

	opacity: 0 !important;
}

/* Logo / afbeelding */

.companies-overview .card-werkgever .card-img-top img {
	display: block;

	width: 100%;
	height: 100%;

	max-width: none;
	max-height: none;

	object-fit: contain;
	object-position: center;

	background: transparent;

	opacity: 1 !important;
	filter: none !important;
	mix-blend-mode: normal !important;

	transform: scale(1.28);

	transition: transform 250ms ease;
}

.companies-overview .card-werkgever:hover .card-img-top img {
	transform: scale(1.32);
	filter: none !important;
	opacity: 1 !important;
}

/* Card content */

.companies-overview .card-werkgever .card-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: center;

	gap: .7rem .6rem;

	width: 100%;
	padding: 1.4rem 0 0;

	background-color: transparent;
}

/* Titel opdrachtgever */

.companies-overview .card-werkgever .card-body h5 {
	flex: 0 0 100%;
	width: 100%;

	margin: 0 0 .2rem;

	color: #1732c4;

	font-size: 2rem;
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -.025em;
}

/* Algemene tekst */

.companies-overview .card-werkgever .card-body p {
	margin: 0;
}

/* Metadata met icoon als pill */

.companies-overview .card-werkgever .card-body p:has(i) {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;

	gap: .35rem;

	width: fit-content;
	min-height: 2.1rem;

	padding: .25rem .7rem;

	border: 1px solid #1732c4;
	border-radius: 999px;

	background-color: #fff;
	color: #1732c4;

	font-size: .95rem;
	font-weight: 500;
	line-height: 1;

	white-space: nowrap;
}

.companies-overview .card-werkgever .card-body p:has(i) i {
	margin: 0;
	color: #1732c4;
	font-size: .85rem;
}

/* Gewone omschrijving */

.companies-overview .card-werkgever .card-body p:not(:has(i)) {
	flex: 0 0 100%;
	width: 100%;

	margin-top: .5rem;

	color: #6f7280;

	font-size: 1.15rem;
	font-weight: 400;
	line-height: 1.5;
}

/* Algemene iconen */

.companies-overview .card-werkgever .card-body i {
	color: #1732c4;
}

/* Als de snippet echte badges gebruikt */

.companies-overview .card-werkgever .badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	gap: .35rem;

	width: fit-content;
	min-height: 2.1rem;

	padding: .25rem .7rem;

	border: 1px solid #1732c4;
	border-radius: 999px;

	background-color: #fff;
	color: #1732c4;

	font-size: .95rem;
	font-weight: 500;
	line-height: 1;

	white-space: nowrap;
}

.companies-overview .card-werkgever .badge i {
	margin: 0;
	color: #1732c4;
	font-size: .85rem;
}

/* Eventuele metadata wrappers */

.companies-overview .card-werkgever :is(
	.card-meta,
	.card-details,
	.card-tags,
	.badges,
	.meta,
	.details
) {
	display: flex;
	flex: 0 0 100%;
	flex-wrap: wrap;
	align-items: center;

	gap: .6rem;

	width: 100%;
}

/* Standaard lees-meer-link verbergen */

.companies-overview .card-werkgever .wpb-link {
	display: none;
}

/* Links */

.companies-overview .card-werkgever a {
	color: #1732c4;
}

/* Toetsenbordfocus */

.companies-overview .card-werkgever:focus-visible {
	outline: 2px solid #1732c4;
	outline-offset: .5rem;
}

/* Mobiel */

@media (max-width: 767px) {
	.companies-overview {
		padding: 6rem 0 5.6rem;
	}

	.companies-overview .companies-overview__header {
		margin-bottom: 5rem;
	}

	.companies-overview .companies-overview__header h1 {
		font-size: clamp(3.8rem, 12vw, 5rem);
	}

	.companies-overview .companies-overview__grid {
		gap: 4rem;
	}

	.companies-overview .card-werkgever .card-img-top .overlay {
		padding: .6rem;
	}

	.companies-overview .card-werkgever .card-img-top img {
		transform: scale(1.22);
	}

	.companies-overview .card-werkgever:hover .card-img-top img {
		transform: scale(1.26);
	}

	.companies-overview .card-werkgever .card-body h5 {
		font-size: 1.9rem;
	}
}

/* Tablet */

@media (min-width: 768px) {
	.companies-overview .companies-overview__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 4.8rem 2.8rem;
	}
}

/* Desktop */

@media (min-width: 992px) {
	.companies-overview .companies-overview__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 5.2rem 3.2rem;
	}
}

/* Groot desktop */

@media (min-width: 1200px) {
	.companies-overview {
		padding: 11rem 0 8.8rem;
	}

	.companies-overview .companies-overview__header {
		margin-bottom: 9rem;
	}

	.companies-overview .companies-overview__grid {
		gap: 5.6rem 3.2rem;
	}
}