/*
 * INSZO productportfolio: keuzehulp, productpagina's en rolpagina's.
 * Kleuren en lettertypen komen uit de Elementor-kit (Standaard kit, id 26);
 * de waarden achter de komma zijn alleen de terugval.
 * Breekpunten gelijk aan Elementor: 1024 en 767.
 */

.inszo-hero,
.inszo-kruimels,
.inszo-product,
.inszo-rol,
.inszo-meer,
.inszo-kh,
.inszo-niveaus {
	--inszo-paars: var(--e-global-color-primary, #984D9B);
	--inszo-blauw: var(--e-global-color-secondary, #070E59);
	--inszo-licht: var(--e-global-color-accent, #E5CEE6);
	--inszo-vlak: var(--e-global-color-2db1164, #F3F6FA);
	--inszo-lijn: var(--e-global-color-ff55cd6, #E5E5E5);
	--inszo-grijs: var(--e-global-color-fb5f6b6, #7C8288);
	--inszo-tekst: var(--e-global-color-af69770, #000000);
	--inszo-kop: "Lato", sans-serif;
	--inszo-romp: "Open Sans", sans-serif;
	--inszo-rond: 5px;
	--inszo-schaduw: 0 10px 28px rgba(7, 14, 89, .09);
	font-family: var(--inszo-romp);
}

.inszo-wrap {
	max-width: 1140px;
	margin: 0 auto;
}

/*
 * Let op: de kit zet op elke link, ook bij :hover, een eigen lettergrootte en
 * -gewicht (16px, 600) met specificiteit 0,2,1. Een link met een eigen maat
 * krijgt daarom zijn fontregels op a.x én a.x:hover, anders verspringt hij.
 */

/* --- Beeld bovenaan en kruimelpad, als op de bestaande productpagina's --- */

.inszo-hero {
	padding: 80px 0;
	background: var(--inszo-blauw) center / cover no-repeat;
}

a.inszo-hero__label,
a.inszo-hero__label:hover {
	display: inline-block;
	padding: 20px 40px;
	border-radius: 4px;
	background: rgba(152, 77, 155, .89);
	color: #fff;
	font: 700 35px/1 var(--inszo-kop);
	text-decoration: none;
}

a.inszo-hero__label:hover,
a.inszo-hero__label:focus {
	color: #fff;
}

.inszo-kruimels {
	padding: 15px 0;
	background: var(--inszo-vlak);
}

.inszo-kruimels ol {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 15px;
	margin: 0;
	padding: 0;
	list-style: none;
	font: 600 16px/1.5 var(--inszo-romp);
	color: var(--inszo-blauw);
}

.inszo-kruimels li + li::before {
	content: "▸";
	margin-right: 15px;
	font-size: 12px;
}

.inszo-kruimels a {
	color: var(--inszo-blauw);
	text-decoration: none;
}

.inszo-kruimels a:hover {
	color: var(--inszo-paars);
}

/* --- Gedeelde onderdelen --- */

.inszo-status {
	display: inline-block;
	align-self: flex-start;
	padding: 3px 10px;
	border-radius: 20px;
	background: var(--inszo-licht);
	color: var(--inszo-paars);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
}

.inszo-labels {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
}

.inszo-label,
a.inszo-label,
a.inszo-label:hover {
	padding: 3px 10px;
	border-radius: 20px;
	background: var(--inszo-vlak);
	color: var(--inszo-blauw);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
	text-decoration: none;
}

a.inszo-label:hover,
a.inszo-label:focus {
	background: var(--inszo-licht);
	color: var(--inszo-blauw);
}

a.inszo-knop,
a.inszo-knop:hover {
	display: inline-block;
	padding: 15px 30px;
	border-radius: var(--inszo-rond);
	background: var(--inszo-paars);
	color: #fff;
	font: 600 16px/1 var(--inszo-romp);
	text-decoration: none;
	transition: background-color .3s;
}

a.inszo-knop:hover,
a.inszo-knop:focus {
	background: var(--inszo-blauw);
	color: #fff;
}

a.inszo-pijl,
a.inszo-pijl:hover {
	color: var(--inszo-paars);
	font-weight: 700;
	text-decoration: none;
}

a.inszo-pijl:hover {
	color: var(--inszo-blauw);
}

.inszo-intro {
	margin: 0 0 24px;
	font-size: 19px;
	line-height: 1.6;
	color: var(--inszo-blauw);
}

.inszo-intro p:last-child {
	margin-bottom: 0;
}

/* --- Productkaarten --- */

.inszo-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

a.inszo-kaart,
a.inszo-kaart:hover {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 24px;
	border: 1px solid var(--inszo-lijn);
	border-radius: var(--inszo-rond);
	background: #fff;
	color: var(--inszo-tekst);
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	transition: box-shadow .2s, transform .2s;
}

a.inszo-kaart:hover,
a.inszo-kaart:focus-visible {
	box-shadow: var(--inszo-schaduw);
	transform: translateY(-2px);
	color: var(--inszo-tekst);
}

.inszo-kaart[hidden] {
	display: none;
}

h3.inszo-kaart__titel {
	margin: 0;
	color: var(--inszo-blauw);
	font: 700 22px/1.2 var(--inszo-kop);
}

.inszo-kaart__tekst {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
}

.inszo-kaart__meer {
	margin-top: auto;
	padding-top: 4px;
	color: var(--inszo-paars);
	font-weight: 700;
	font-size: 15px;
}

/* --- Keuzehulp --- */

.inszo-kh__kiezer {
	margin: 10px 0 40px;
	padding: 26px;
	border-radius: var(--inszo-rond);
	background: var(--inszo-vlak);
}

.inszo-kh__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 18px;
}

/* Knoppen expliciet opmaken: de kit geeft elke <button> een eigen stijl. */
.inszo-kh button {
	margin: 0;
	font-family: var(--inszo-romp);
	text-transform: none;
	letter-spacing: 0;
	cursor: pointer;
}

.inszo-kh .inszo-kh__tab {
	padding: 12px 22px;
	border: 0;
	border-radius: var(--inszo-rond);
	background: #fff;
	color: var(--inszo-blauw);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
}

.inszo-kh .inszo-kh__tab:hover {
	background: var(--inszo-licht);
	color: var(--inszo-blauw);
}

.inszo-kh .inszo-kh__tab[aria-selected="true"] {
	background: var(--inszo-paars);
	color: #fff;
}

.inszo-kh__keuzes,
.inszo-kh__indicaties {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.inszo-kh .inszo-keuze {
	padding: 10px 18px;
	border: 2px solid var(--inszo-licht);
	border-radius: 40px;
	background: #fff;
	color: var(--inszo-blauw);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
}

.inszo-kh .inszo-keuze--klein {
	padding: 6px 12px;
	border-width: 1px;
	border-color: var(--inszo-lijn);
	font-size: 14px;
	font-weight: 400;
}

.inszo-kh .inszo-keuze:hover,
.inszo-kh .inszo-keuze[aria-pressed="true"] {
	border-color: var(--inszo-paars);
	background: var(--inszo-licht);
	color: var(--inszo-blauw);
}

.inszo-kh .inszo-keuze[hidden] {
	display: none;
}

.inszo-kh__doelen {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 10px;
}

.inszo-kh .inszo-doel {
	padding: 14px 16px;
	border: 2px solid var(--inszo-lijn);
	border-radius: var(--inszo-rond);
	background: #fff;
	color: var(--inszo-tekst);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.45;
	text-align: left;
	white-space: normal;
}

.inszo-kh .inszo-doel span {
	display: block;
	margin-bottom: 2px;
	color: var(--inszo-paars);
	font-size: 13px;
	font-weight: 700;
}

.inszo-kh .inszo-doel:hover,
.inszo-kh .inszo-doel[aria-pressed="true"] {
	border-color: var(--inszo-paars);
	background: #fbf6fb;
	color: var(--inszo-tekst);
}

.inszo-kh__zoeklabel {
	display: block;
	margin-bottom: 6px;
	color: var(--inszo-blauw);
	font-weight: 600;
}

.inszo-kh .inszo-kh__zoek {
	width: 100%;
	margin-bottom: 14px;
	padding: 13px 16px;
	border: 2px solid var(--inszo-lijn);
	border-radius: var(--inszo-rond);
	background: #fff;
	font: 16px var(--inszo-romp);
}

.inszo-kh .inszo-kh__zoek:focus {
	border-color: var(--inszo-paars);
	outline: none;
}

.inszo-kh__indicaties {
	max-height: 200px;
	overflow: auto;
}

.inszo-kh__geen,
.inszo-kh__leeg {
	margin: 12px 0 0;
	color: var(--inszo-grijs);
}

.inszo-kh__kop {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px 24px;
	margin-bottom: 22px;
	scroll-margin-top: 120px;
}

h2.inszo-kh__titel {
	margin: 0;
	color: var(--inszo-blauw);
	font: 700 30px/1.2 var(--inszo-kop);
}

.inszo-kh__acties {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	align-items: baseline;
}

a.inszo-kh__rolpagina,
a.inszo-kh__rolpagina:hover {
	color: var(--inszo-paars);
	font-weight: 700;
	text-decoration: none;
}

.inszo-kh .inszo-kh__reset {
	padding: 0;
	border: 0;
	background: none;
	color: var(--inszo-paars);
	font-size: 15px;
	font-weight: 600;
	text-decoration: underline;
}

.inszo-kh .inszo-kh__reset:hover {
	background: none;
	color: var(--inszo-blauw);
}

.inszo-kh [hidden] {
	display: none !important; /* Elementor-knopstijlen zetten display; hidden moet winnen. */
}

/* --- Niveauschema --- */

.inszo-niveaus table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border-radius: var(--inszo-rond);
	overflow: hidden;
	background: #fff;
	font-size: 15px;
}

.inszo-niveaus th,
.inszo-niveaus td {
	padding: 14px 16px;
	border: 0;
	border-bottom: 1px solid var(--inszo-lijn);
	text-align: left;
	vertical-align: top;
	background: #fff;
}

.inszo-niveaus thead th {
	background: var(--inszo-blauw);
	color: #fff;
	font-weight: 600;
}

.inszo-niveaus tbody th {
	color: var(--inszo-blauw);
	font-weight: 700;
}

.inszo-niveaus tbody tr:last-child > * {
	border-bottom: 0;
}

.inszo-niveaus a {
	color: var(--inszo-paars);
	font-weight: 600;
	text-decoration: none;
}

.inszo-niveaus a:hover {
	text-decoration: underline;
}

/* --- Productpagina --- */

/* Hello geeft .site-main een eigen maximale breedte en zijmarges; .inszo-wrap regelt dat hier al. */
body main.site-main.inszo-product,
body main.site-main.inszo-rol {
	width: auto;
	max-width: none;
	padding-inline: 0;
}

.inszo-product,
.inszo-rol {
	padding: 80px 0;
}

.inszo-product__raster {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 56px;
	align-items: start;
}

h1.inszo-product__titel {
	margin: 12px 0 0;
	color: var(--inszo-paars);
	font: 700 35px/1.1 var(--inszo-kop);
}

.inszo-rol h1.inszo-product__titel {
	margin: 0 0 40px;
}

.inszo-rol h1.inszo-product__titel:has(+ .inszo-intro) {
	margin-bottom: 20px;
}

.inszo-product__subtitel {
	margin: 6px 0 0;
	color: var(--inszo-grijs);
	font-size: 16px;
}

.inszo-product .inszo-intro {
	margin-top: 20px;
}

.inszo-inhoud {
	color: var(--inszo-tekst);
	font-size: 15px;
	line-height: 1.5;
}

.inszo-inhoud h2 {
	margin: 32px 0 12px;
	color: var(--inszo-blauw);
	font: 700 30px/1.2 var(--inszo-kop);
}

.inszo-inhoud h3 {
	margin: 24px 0 10px;
	color: var(--inszo-blauw);
	font: 700 22px/1.2 var(--inszo-kop);
}

.inszo-inhoud a {
	color: var(--inszo-paars);
}

h2.inszo-product__kop {
	margin: 32px 0 12px;
	color: var(--inszo-blauw);
	font: 700 22px/1.2 var(--inszo-kop);
}

.inszo-noot {
	margin: 10px 0 0;
	color: var(--inszo-grijs);
	font-size: 14px;
}

.inszo-product__hoofd > a.inszo-knop {
	margin-top: 32px;
}

/* De zijbalk is één paneel; de onderdelen worden gescheiden door een lijn, niet door losse kaders. */
.inszo-product__zij {
	overflow: hidden;
	border: 1px solid var(--inszo-lijn);
	border-radius: var(--inszo-rond);
}

.inszo-blok {
	padding: 20px 22px;
	font-size: 15px;
	line-height: 1.5;
}

.inszo-blok + .inszo-blok {
	border-top: 1px solid var(--inszo-lijn);
}

.inszo-blok:last-child {
	background: var(--inszo-vlak);
}

.inszo-blok p {
	margin: 0 0 8px;
}

.inszo-blok .inszo-labels {
	margin: 0;
}

h2.inszo-blok__kop {
	margin: 0 0 12px;
	color: var(--inszo-grijs);
	font: 700 13px/1.3 var(--inszo-romp);
	letter-spacing: .06em;
	text-transform: uppercase;
}

.inszo-samen {
	display: flex;
	flex-direction: column;
	margin: 0 0 14px;
}

.inszo-samen:last-child {
	margin-bottom: 0;
}

.inszo-samen__soort {
	color: var(--inszo-blauw);
	font-family: var(--inszo-kop);
	font-weight: 700;
}

.inszo-samen a,
.inszo-samen a:hover {
	color: var(--inszo-paars);
	font-weight: 700;
	text-decoration: none;
}

.inszo-samen a:hover {
	text-decoration: underline;
}

.inszo-samen__toelichting {
	color: var(--inszo-grijs);
	font-size: 14px;
}

.inszo-rol .inszo-grid {
	margin-top: 0;
}

.inszo-rol .inszo-intro {
	max-width: 780px;
	margin-bottom: 48px;
}

/* --- Nieuws bij een product --- */

.inszo-nieuws {
	margin-top: 80px;
	padding-top: 60px;
	border-top: 1px solid var(--inszo-lijn);
}

.inszo-nieuws h2 {
	margin: 0 0 22px;
	color: var(--inszo-blauw);
	font: 700 30px/1.2 var(--inszo-kop);
}

.inszo-nieuws__lijst {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

a.inszo-nieuws__item {
	display: flex;
	flex-direction: column;
	gap: 6px;
	overflow: hidden;
	border-radius: var(--inszo-rond);
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	color: var(--inszo-tekst);
	text-decoration: none;
	transition: box-shadow .2s;
}

a.inszo-nieuws__item:hover {
	box-shadow: var(--inszo-schaduw);
	color: var(--inszo-tekst);
}

.inszo-nieuws__item img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.inszo-nieuws__datum {
	padding: 14px 20px 0;
	color: var(--inszo-grijs);
	font-size: 13px;
}

.inszo-nieuws__titel {
	padding: 0 20px 20px;
	color: var(--inszo-blauw);
	font: 700 17px/1.3 var(--inszo-kop);
}

/* --- Meer informatie --- */

.inszo-meer {
	background: var(--inszo-vlak);
	overflow: hidden;
}

.inszo-meer__binnen {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.inszo-meer__tekst h2 {
	margin: 0;
	color: var(--inszo-tekst);
	font: 700 30px/1.2 var(--inszo-kop);
}

.inszo-meer__tekst p {
	margin: 10px 0 20px;
	color: var(--inszo-tekst);
	font-size: 15px;
}

.inszo-meer__beeld {
	width: 312px;
	height: auto;
	margin: 10px 0 -13px;
}

/* --- Tablet --- */

@media (max-width: 1024px) {
	.inszo-wrap {
		padding: 0 20px;
	}

	a.inszo-hero__label,
	a.inszo-hero__label:hover {
		padding: 15px 30px;
		font-size: 30px;
	}

	.inszo-grid,
	.inszo-nieuws__lijst {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.inszo-product,
	.inszo-rol {
		padding: 40px 0;
	}

	.inszo-product__raster {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.inszo-meer {
		padding: 30px 0;
	}

	.inszo-meer__beeld {
		width: 200px;
		margin: 0;
	}

	.inszo-nieuws {
		margin-top: 40px;
		padding-top: 40px;
	}
}

/* --- Telefoon --- */

@media (max-width: 767px) {
	.inszo-wrap {
		padding: 0 16px;
	}

	.inszo-hero {
		padding: 40px 0;
	}

	a.inszo-hero__label,
	a.inszo-hero__label:hover {
		padding: 10px 20px;
		font-size: 26px;
	}

	.inszo-kruimels ol {
		font-size: 14px;
	}

	.inszo-grid,
	.inszo-nieuws__lijst {
		grid-template-columns: 1fr;
	}

	.inszo-kh__kiezer {
		padding: 16px;
	}

	.inszo-kh .inszo-kh__tab {
		flex: 1 1 auto;
		padding: 11px 14px;
		font-size: 15px;
	}

	.inszo-kh__doelen {
		grid-template-columns: 1fr;
	}

	h2.inszo-kh__titel,
	.inszo-nieuws h2,
	.inszo-meer__tekst h2 {
		font-size: 26px;
	}

	h1.inszo-product__titel {
		font-size: 30px;
	}

	.inszo-intro {
		font-size: 17px;
	}

	.inszo-meer__beeld {
		display: none;
	}

	/* Het niveauschema als losse blokken: vijf kolommen passen niet. */
	.inszo-niveaus table,
	.inszo-niveaus tbody,
	.inszo-niveaus tr,
	.inszo-niveaus th,
	.inszo-niveaus td {
		display: block;
	}

	.inszo-niveaus thead {
		display: none;
	}

	.inszo-niveaus table {
		background: none;
	}

	.inszo-niveaus tr {
		margin-bottom: 12px;
		border-radius: var(--inszo-rond);
		overflow: hidden;
		background: #fff;
	}

	.inszo-niveaus tbody th {
		background: var(--inszo-blauw);
		color: #fff;
	}

	.inszo-niveaus td {
		padding: 10px 16px;
	}

	.inszo-niveaus td::before {
		content: attr(data-kop);
		display: block;
		color: var(--inszo-grijs);
		font-size: 12px;
		font-weight: 700;
		letter-spacing: .04em;
		text-transform: uppercase;
	}

	.inszo-niveaus tbody tr:last-child > * {
		border-bottom: 1px solid var(--inszo-lijn);
	}

	.inszo-niveaus tbody tr > :last-child {
		border-bottom: 0;
	}
}

/* --- Pagina Producten: tekstblokken uit het portfoliodocument (Elementor) --- */

.inszo-service .inszo-service__nr {
	margin: 0 0 6px;
	color: var(--e-global-color-primary, #984D9B);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.inszo-service h3 {
	margin: 0 0 12px;
	color: var(--e-global-color-secondary, #070E59);
	font: 700 24px/1.2 "Lato", sans-serif;
}

.inszo-service ul {
	margin: 0 0 16px;
	padding-left: 20px;
}

.inszo-service li {
	margin-bottom: 8px;
}

.inszo-service .inszo-service__voor {
	margin-bottom: 0;
}

.inszo-op-navy h2,
.inszo-op-navy h3 {
	color: #fff;
}

/* Leesbreedte: lopende tekst niet over de volle 1140px. */
.inszo-tekst p,
.inszo-tekst ul,
.inszo-tekst h3 {
	max-width: 780px;
}

.inszo-tekst .inszo-lead {
	margin-bottom: 40px;
	color: var(--e-global-color-secondary, #070E59);
	font-size: 19px;
	line-height: 1.6;
}

.inszo-tekst .inszo-noot {
	color: var(--e-global-color-fb5f6b6, #7C8288);
	font-size: 14px;
}

.inszo-tekst h3 {
	margin: 0 0 12px;
	color: var(--e-global-color-secondary, #070E59);
	font: 700 20px/1.3 "Lato", sans-serif;
}

/* Niveauschema: toelichting onder de naam van het niveau. */
.inszo-niveaus tbody th {
	width: 34%;
}

.inszo-niveaus .inszo-niveaus__uitleg {
	display: block;
	margin-top: 6px;
	color: var(--e-global-color-fb5f6b6, #7C8288);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
}

/* Services: "Wat u kunt verwachten" als uitklapper, zonder de kaders van Elementor. */
.inszo-service .inszo-uitklap .elementor-toggle-item {
	border: 0;
}

.inszo-service .inszo-uitklap .elementor-tab-title {
	padding: 14px 0 0;
	border: 0;
	border-top: 1px solid var(--e-global-color-ff55cd6, #E5E5E5);
}

.inszo-service .inszo-uitklap .elementor-tab-title a,
.inszo-service .inszo-uitklap .elementor-tab-title .elementor-toggle-icon {
	color: var(--e-global-color-primary, #984D9B);
	font-size: 15px;
	font-weight: 700;
}

.inszo-service .inszo-uitklap .elementor-tab-content {
	padding: 12px 0 0;
	border: 0;
	font-size: 15px;
}

.inszo-service .inszo-uitklap .elementor-tab-content ul {
	margin: 0 0 12px;
	padding-left: 20px;
}

/* Keurmerken als labels. */
.inszo-kwaliteit {
	padding-top: 30px;
	border-top: 1px solid var(--e-global-color-ff55cd6, #E5E5E5);
}

.inszo-tekst ul.inszo-keurmerken {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 18px;
	padding: 0;
	list-style: none;
}

.inszo-keurmerken li {
	padding: 8px 16px;
	border: 2px solid var(--e-global-color-secondary, #070E59);
	border-radius: 5px;
	color: var(--e-global-color-secondary, #070E59);
	font-weight: 700;
	font-size: 15px;
}

.inszo-keurmerken li span {
	font-weight: 400;
}

/* Afsluiting op navy. */
.inszo-indruk {
	padding-left: 40px;
	border-left: 1px solid rgba(255, 255, 255, .25);
}

.inszo-op-navy a.inszo-pijl-wit,
.inszo-op-navy a.inszo-pijl-wit:hover {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.inszo-op-navy a.inszo-pijl-wit:hover {
	text-decoration-color: var(--e-global-color-accent, #E5CEE6);
}

@media (max-width: 767px) {
	.inszo-indruk {
		padding: 30px 0 0;
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, .25);
	}

	.inszo-niveaus tbody th {
		width: auto;
	}
}

/* --- Ingang naar het portfolio op de homepage [inszo_rollen] --- */

.inszo-rollen {
	margin-top: 6px;
	font-family: "Open Sans", sans-serif;
}

.inszo-rollen .inszo-rollen__kop {
	margin: 0 0 10px;
	color: var(--e-global-color-primary, #984D9B);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.inszo-rollen .inszo-rollen__lijst {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 16px;
}

.inszo-rollen a.inszo-rollen__rol,
.inszo-rollen a.inszo-rollen__rol:hover {
	padding: 8px 16px;
	border: 2px solid var(--e-global-color-accent, #E5CEE6);
	border-radius: 40px;
	background: #fff;
	color: var(--e-global-color-secondary, #070E59);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}

.inszo-rollen a.inszo-rollen__rol:hover,
.inszo-rollen a.inszo-rollen__rol:focus {
	border-color: var(--e-global-color-primary, #984D9B);
	background: var(--e-global-color-accent, #E5CEE6);
}

.inszo-rollen a.inszo-pijl,
.inszo-rollen a.inszo-pijl:hover {
	color: var(--e-global-color-primary, #984D9B);
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}

.inszo-rollen a.inszo-pijl:hover {
	color: var(--e-global-color-secondary, #070E59);
}