.galerij-tekst-link-container {
	display: flex; flex-direction: row;
	gap:150px; align-items:center;
}

.galerij-tekst-link-container .kolom-links {
	min-width:0; flex: 1;
	max-width:100%;
}

.galerij-tekst-link-container .kolom-links .swiper-slide img{
	height:540px; object-fit: cover; width:100%;
}

.galerij-tekst-link-container .kolom-rechts {
	flex: 1; display: flex;
	flex-direction: column; gap: 30px;
	max-width:100%;
}

.galerij-tekst-link-container .swiper-pagination {
	position: relative; inset: 0;
	padding-top:40px;
}

.galerij-tekst-link-container span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--wp--preset--color--fl-body-text);;
}

.galerij-tekst-link-container span.swiper-pagination-bullet {
	background: transparent; border: 1px solid var(--wp--preset--color--fl-body-text);;
	opacity: 1;
}

.galerij-tekst-link-container .swiper-slide {
	background: transparent;
	background-color: transparent;
}

.galerij-tekst-link-container .kolom-rechts .knop-groepen {
	background: #fff; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
	padding: 30px 35px; display: flex;
	flex-direction: column; gap: 30px;
	z-index:5;
}


.galerij-tekst-link-container .kolom-rechts .inner-top-container {
	display: flex; align-items: center;
	gap:10px; flex-wrap:wrap;
	justify-content:space-between; line-height: 1;
}

.galerij-tekst-link-container .kolom-rechts .inner-top-container h3 {
	 margin:0;
}

.galerij-tekst-link-container .kolom-rechts .inner-top-container .groep-1 a {
	color: var(--RIVA-RIVA---body-kleur, #004664);
	text-decoration:underline; display:flex; 
	align-items:center; gap:8px;
}

.galerij-tekst-link-container .kolom-rechts .inner-top-container .groep-1 a span{
	font-size: 14px;
	font-style: normal; font-weight: 400;
	text-decoration:underline;
}

.galerij-tekst-link-container .kolom-rechts .inner-top-container .groep-1 a:hover span{
	text-decoration:none;
}

.galerij-tekst-link-container .kolom-rechts .link-groep-volledig {
	display: flex; flex-direction: column;
	gap: 16px;
}

.galerij-tekst-link-container .kolom-rechts .link-groep-volledig .groep-link {
	border: 1px solid rgba(218, 162, 171, 0.30); background: #fff; padding: 20px;
	width: 100%; display: flex;
	align-items: center; gap: 40px;
}

.site-id-2 .galerij-tekst-link-container .kolom-rechts .link-groep-volledig .groep-link {
	border: unset;
	background: var(--wp--preset--color--fl-footer-link);
}

.galerij-tekst-link-container .kolom-rechts .link-groep-volledig .groep-link span {
	color: var(--wp--preset--color--fl-body-text);
	font-size: 22px; font-style: normal; font-weight: 500;
}

.galerij-tekst-link-container .kolom-rechts .link-groep-volledig a img{
	max-height: 56px;
	object-fit: contain;
}

.galerij-tekst-link-container .kolom-rechts .link-groep-volledig a svg{
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.galerij-tekst-link-container .kolom-rechts .link-groep-volledig a svg:last-child {
	margin-left: auto;
}

.galerij-tekst-link-container .kolom-rechts .link-groep-volledig a:hover .arrow{
	rotate:-45deg;
}

/************************/
/* MEDIA QUERIES TABLET */
/************************/
@media screen and (max-width: 1200px) {
	.galerij-tekst-link-container {
		gap:100px;
	}
}

/************************/
/* MEDIA QUERIES TABLET */
/************************/
@media screen and (max-width: 992px) {
	.galerij-tekst-link-container {
		flex-direction: column-reverse;
		gap:20px;
	}
	
	.galerij-tekst-link-container .kolom-links .swiper-cards{
		margin:0px 30px;
	}
	
	.galerij-tekst-link-container .kolom-links .swiper-slide img{
		height:340px;
	}
	.galerij-tekst-link-container .kolom-rechts {
		gap:20px;
	}
	.galerij-tekst-link-container .swiper-pagination {
		padding-top:20px;
	}
	
	.galerij-tekst-link-container .kolom-rechts .knop-groepen {
		padding:15px 20px;
	}
	
	.galerij-tekst-link-container .kolom-rechts .link-groep-volledig .groep-link {
		gap:8px;
	}
	
	.galerij-tekst-link-container .kolom-rechts .link-groep-volledig .groep-link span {
		font-size:20px;
	}	
	.galerij-tekst-link-container .kolom-rechts .link-groep-volledig .groep-link .arrow{
		display:none;
	}	
}

/* RivaKids draaiende molentjes */
.site-id-1 .groep-link img {
  transition: transform 0.6s ease;
  display: inline-block;
}

.site-id-1 .groep-link:hover img {
  transform: rotate(360deg);
}

/* Fris springende frizzles */
.site-id-2 .groep-link img {
  display: inline-block;
}

.site-id-2 .groep-link:hover img {
  animation: hupje 0.5s ease;
}

@keyframes hupje {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(-10px); }
  60%  { transform: translateY(0); }
  80%  { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}