.fotoslider:empty{
	display: none;
}

.fotoslider_container{
	float: left;
}

.fotoslider .tns-outer {
    cursor: e-resize;
}

.ripple-circle {
  animation: ripple 4.5s infinite ease-in-out;
}

.ripple-circle:nth-child(2) {
  animation-delay: 0.5s;
}

.ripple-circle:nth-child(3) {
  animation-delay: 1s;
}

.ripple-circle:nth-child(4) {
  animation-delay: 1.5s;
}

.fotoslider{
	overflow-x: clip;
}

.fotoslider .tns-ovh{
	overflow: visible !important;
}

.geen_slider{    
    --padding-inline: var(--bs-gutter-x, .75rem);
    
    --content-max-width: var(--container-width);
    --narrow-size-reduction: calc(((100% - var(--container-width)) / 2) - 3rem);
    
    --_content-column-size: calc(var(--narrow-size-reduction) / 2); /* Split into two parts */

    display: grid;
    grid-template-columns: 
        
        /* Split the first column */
        [outer-full-width-start] minmax(0, var(--_content-column-size))
        [full-width-start] minmax(0, var(--_content-column-size))

        [content-start] minmax(var(--padding-inline), 1fr)
        
        repeat(10, 1fr)
        
        minmax(var(--padding-inline), 1fr) [content-end]
        
        /* Split the last column */
        minmax(0, var(--_content-column-size)) [full-width-end]
        minmax(0, var(--_content-column-size)) [outer-full-width-end];
    
    gap: 0 var(--bs-gutter-x, .75rem);
}

.geen_slider .fotoslider_container{
	grid-column: full-width-start / full-width-end;
}

.fotoslider_container:has(.row){
	grid-column: content-start / content-end;
	display: grid;
	gap: 8rem;
}

@keyframes ripple {
  0% {
	opacity: 0;
  }
  25% {
	opacity: 0.5;
  }
  50% {
	opacity: 1;
  }
  75% {
	opacity: 0.5;
  }
  100% {
	opacity: 0;
  }
}

.foto_content a{
	text-decoration: none !important;
}

.hotspot{
	position: absolute;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.hotspots_image_container{
	position: relative;
}

.tipso_product{
	text-align: left !important;
	padding: 1rem 1.5rem;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
	display: flex;
    box-shadow: 0 1px 10px #00000010;
}

.tipso_product_afbeelding{
	width: 8rem;
	height: 8rem;
	min-width: 8rem;
}

.tipso_product_afbeelding picture{
	display: flex;
	width: 100%;
	height: 100%;
}

.tipso_product_afbeelding img{
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.tipso_product a{
	color: #000;
}

.hotspots_image_container > div{
	position: relative;
}

@media (max-width:767px)
{		
	.geen_slider{    
		grid-template-columns: 

			/* Split the first column */
			[outer-full-width-start] minmax(0, var(--_content-column-size))
			[full-width-start] minmax(0, var(--_content-column-size))

			[content-start] minmax(var(--padding-inline), 1fr)

			repeat(1, 1fr)

			minmax(var(--padding-inline), 1fr) [content-end]

			/* Split the last column */
			minmax(0, var(--_content-column-size)) [full-width-end]
			minmax(0, var(--_content-column-size)) [outer-full-width-end];
	}
	
	.fotoslider_container:has(.row){
		grid-column: full-width-start / full-width-end;
		gap: 6rem;
	}
	
	.hotspot svg{
		width: 3rem;
		height: 3rem;
	}
}

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

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