html {
scroll-snap-type:none;
scroll-snap-points-y:none;
}

.bijschrift, .formalisme {
position:relative;
width:100%;
height:auto;
font-size:0.8em;
text-align:right;
padding:0.5rem 0 1rem 0;
margin:0;
display:block;
}
.formalisme {
padding:1rem 0 0.5rem 0;
}

.toonfoto {
position:relative;
width:100%;
height:70svh;
margin:0 auto;
display:flex;
flex-direction:row;
}
@media only screen and (max-width: 900px) {
	.toonfoto {
	height:60svh;
	}
}
.toonfoto img {
position:relative;
width:auto;
max-width:100%;
height:auto;
max-height:100%;
margin:auto;
display:block;
}

.thumbs {
position:relative;
width:100%;
height:auto;
margin:3rem 0 0 0;
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:center;
gap:2rem;
}
.thumbs a {
position:relative;
width:auto;
height:auto;
padding-bottom:1rem;
border-bottom:1px solid rgba(0,0,0,0);
display:flex;
}
.thumbs a:hover {
border-bottom:1px solid rgba(0,0,0,1);
}
.thumbs .active {
border-bottom:1px solid rgba(0,0,0,1);
}
.thumbs img {
position:relative;
margin:auto;
display:block;
}
.thumbs .staand {
width:auto;
height:50px;
}
.thumbs .liggend {
width:50px;
height:auto;
}