/* BLOCK TYPE 17 - carousel */
/* BLOCK TYPE 17 - carousel */
/* BLOCK TYPE 17 - carousel */

.block_type_17 {
	position: relative;
	background-color: white;
	color: var(--clr-black-100);
	padding-top: 10vw;
	padding-bottom: 10vw;
}
.block_type_17::before {
	content: '17';
	background-color: #84de02;
}

/* THEME */
.block_type_17.theme_licht {
	background-color: var(--bg-light);
	color: var(--txt-dark);
}
.block_type_17.theme_donker {
	background-color: var(--bg-dark);
	color: var(--txt-light);
}

.block_type_17 > div {
	position: relative;
	left: 0px;
	top: 25%;
	width: 100%;
	height: 50%;
	z-index: 1;
}
.block_type_17 > div > div {
	z-index: 1;
}

.block_type_17 > div::after {
	content: '';
	position: absolute;
	left: 12.5%;
	top: -15%;
	width: 75%;
	height: 130%;
	background-color: lightgray;
	z-index: 0;
}

.splide__slide img {
	height: 100%;
	cursor: grab;
}

.block_type_17.color_magenta > div::after {
	background-color: var(--clr-magenta-100);
}
.block_type_17.color_blauw > div::after {
	background-color: var(--clr-blue-100);
}
.block_type_17.color_groen > div::after {
	background-color: var(--clr-green-100);
}
.block_type_17.color_oranje > div::after {
	background-color: var(--clr-orange-100);
}