/* BLOK fotoslider */ 
.contentblok.fotoslider {
	padding: 6rem 0;
}

.contentblok.fotoslider .row_fotoslider {
    --bs-gutter-y: 5rem; 
}  
.contentblok.fotoslider .swiper-slide {
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container_fotoslider .swiper-slide a {
	display:block;
	position:relative;
	width:100%;
	aspect-ratio:1/1;
	overflow:hidden;
	border-radius:10px;
}

.container_fotoslider .swiper-slide img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.container_fotoslider .swiper-slide img {
	transition: transform .3s ease;
}

.container_fotoslider .swiper-slide a:hover img {
	transform: scale(1.05);
}
/* fotoslider pijlen */

.contentblok.fotoslider .swiper-button-prev,
.contentblok.fotoslider .swiper-button-next {
	width:48px;
	height:48px;
	border-radius:50%;
	background:#fff;
	box-shadow:0 4px 14px rgba(0,0,0,0.08);
	display:flex;
	align-items:center;
	justify-content:center;
	transition:all .25s ease;
}

.contentblok.fotoslider .swiper-button-prev:hover,
.contentblok.fotoslider .swiper-button-next:hover {
	transform:translateY(-2px);
	box-shadow:0 6px 20px rgba(0,0,0,0.15);
}

/* standaard swiper icon verbergen */

.contentblok.fotoslider .swiper-button-prev:after,
.contentblok.fotoslider .swiper-button-next:after {
	font-size:16px;
	font-weight:700;
	color:#000;
}
.swiper-button-next, .swiper-button-prev {
    color: var(--color-groen)!important;
}

/* paginatie */

.contentblok.fotoslider .swiper-pagination {
	position:absolute;
	left:0;
	bottom: 30px;
	text-align:left;
}

.contentblok.fotoslider .swiper-pagination-bullet {
	width:6px;
	height:6px;
	background:#cfcfcf;
	opacity:1;
	margin-right:8px;
	transition:all .2s ease;
    display:inline-block;
}

.contentblok.fotoslider .swiper-pagination-bullet-active {
	background:#000;
	transform:scale(1.2);
}
.contentblok.fotoslider .swiper-button-prev {
	right:70px;
	left:auto;
}

.contentblok.fotoslider .swiper-button-next {
	right:10px;
}
.swiper-pagination-bullet {
	border-radius:10px;
}
.contentblok.fotoslider .swiper-button-prev,
.contentblok.fotoslider .swiper-button-next {
	top:auto;
	bottom: 5px;
}
.contentblok.fotoslider .swiper-button-prev {
	right:70px;
	left:auto;
}
.contentblok.fotoslider .swiper-button-next {
	right:10px;
}
.container_fotoslider .swiper {
	padding-bottom: 10rem;
}


/* MEDIA QUERIES - MOBILE FIRST */ 

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}

@media (min-width: 1920px) {
}

@media (min-width: 2560px) {
}