/* FOTOS ITEMPAG */

.foto-itempag-bg {
position:absolute;
inset:0;
padding:0 var(--gap);
opacity:0.1;
z-index:0;
}
@media screen and (max-width: 900px) {
	.foto-itempag-bg {
	display:none;
	}
}
.foto-itempag-bg .tekst-element {
max-width:750px;
}

.foto-itempag {
position:relative;
height:calc(100svh - var(--headerboxheight));
margin:0 auto;
background:none;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
z-index:2;
}
@media screen and (max-width: 900px) {
	.foto-itempag {
	}
}

.foto-itempag .tekstbox {
position:absolute;
top:0;
left:var(--gap);
width:auto;
height:auto;
font-size:min(1vw, 1em);
line-height:1.2;
margin:0;
padding:0;
z-index:10;
}
@media screen and (max-width: 900px) {
	.foto-itempag .tekstbox {
	max-width:80vw;
	font-size:0.9em;
	}
}
.foto-itempag .tekstbox h1 {
color:var(--h1color);
font-size:1.6em;
font-weight:400;
line-height:1.25;
text-transform:uppercase;
text-wrap:balance;
margin:0;
}
@media screen and (max-width: 900px) {
	.foto-itempag .tekstbox h1 { font-size:1.2em; }
}
.foto-itempag .tekstbox h2 {
color:var(--h2color);
font-size:1.5em;
font-weight:400;
line-height:1.5;
text-wrap:balance;
margin:0 0 0.5rem 0;
}
@media screen and (max-width: 900px) {
	.foto-itempag .tekstbox h2 { font-size:1.1em; }
}
.foto-itempag .tekstbox h3 {
color:var(--h3color);
font-size:1.5em;
font-weight:400;
line-height:1.3;
text-wrap:balance;
margin:0;
}
@media screen and (max-width: 900px) {
	.foto-itempag .tekstbox h3 { font-size:1.1em; }
}
.foto-itempag .tekstbox h4 {
color:var(--h4color);
text-shadow:none;
font-size:1.1em;
font-weight:400;
line-height:1.3;
text-wrap:balance;
margin:0;
}
@media screen and (max-width: 900px) {
	.foto-itempag .tekstbox h4 { font-size:1.1em; }
}
.foto-itempag .tekstbox h5 {
color:var(--h5color);
text-shadow:none;
font-size:1em;
font-weight:400;
line-height:1.3;
text-wrap:balance;
margin:0;
}
@media screen and (max-width: 900px) {
	.foto-itempag .tekstbox h5 { font-size:1em; }
}
.foto-itempag .tekstbox p {
color:var(--maincolor);
font-size:1.4em;
margin:0;
}
@media screen and (max-width: 900px) {
	.foto-itempag .tekstbox p {
	font-size:1em;
	}
}

.foto-itempag a.close-kruis {
position:absolute;
top:-0.5em;
right:0;
color:var(--acolor);
font-size:min(2vw, 5em);
font-weight:400;
text-decoration:none;
padding:0.25em var(--gap);
z-index:12;
display:block;
}
@media screen and (max-width: 900px) {
	.foto-itempag a.close-kruis {
	font-size:1.5em;
	}
}
.foto-itempag a.close-kruis:hover {
color:var(--acolorhover);
}

.foto-itempag .filebox {
position:relative;
top:-25px;
width:auto;
height:80%;
margin:auto;
display:block;
}
@media screen and (max-width: 900px) {
	.foto-itempag .filebox {
	top:25px;
	}
}
.foto-itempag .filebox .file-img {
object-fit:contain;
padding:0;
margin:auto;
}
.foto-itempag .filebox:hover .file-img {
transform:none;
}

.foto-itempag .pijl-box {
position:relative;
margin:auto;
display:flex;
align-items:center;
z-index:10;
}
.foto-itempag a.terug-pijl, .foto-itempag a.heen-pijl {
position:relative;
font-family:'Inter-Medium';
color:var(--acolor);
font-size:min(1.75vw, 5em);
text-decoration:none;
padding:var(--gap);
margin:auto;
display:block;
}
@media screen and (max-width: 900px) {
	.foto-itempag a.terug-pijl, .foto-itempag a.heen-pijl {
	font-size:1.5em;
	padding:1vw;
	}
}
.foto-itempag .heen-pijl:hover, .foto-itempag .terug-pijl:hover {
color:var(--acolorhover);
}


.foto-itempag .filebox .bijschrift {
font-size:1em;
line-height:2;
padding:0.5rem 0;
margin:0;
}
@media screen and (max-width: 900px) {
	.foto-itempag .filebox .bijschrift {
	font-size:0.8em;
	}
}
.foto-itempag .filebox .bijschrift h1 {
color:rgb(255 255 255);
text-shadow:1px 1px rgb(0 0 0 / .1);
font-size:1.2em;
font-weight:400;
letter-spacing:1px;
line-height:1.25;
text-align:left;
text-wrap:balance;
margin:0;
}
@media screen and (max-width: 900px) {
	.foto-itempag .filebox .bijschrift h1 { font-size:1.4em; }
}
.foto-itempag .filebox .bijschrift h2 {
color:rgb(255 255 255);
text-shadow:1px 1px rgb(0 0 0 / .1);
font-size:1.5em;
font-weight:400;
line-height:1.5;
text-wrap:balance;
margin:0 0 0.5rem 0;
font-size:1em;
text-align:left;
}
@media screen and (max-width: 900px) {
	.foto-itempag .filebox .bijschrift h2 { font-size:1.2em; }
}
.foto-itempag .filebox .bijschrift p {
color:rgb(255 255 255);
text-shadow:1px 1px rgb(0 0 0 / .1);
font-size:1.4em;
margin:0;
}
@media screen and (max-width: 900px) {
	.foto-itempag .filebox .bijschrift p { font-size:1em; }
}


.koppel-keuze {
position:fixed;
right:10px;
bottom:10px;
background:rgb(255 255 255 / ,8);
z-index:100;
}
.koppel-keuze div, .koppel-keuze a {
color:rgb(0 0 0);
margin-bottom:10px;
display:flex;
align-items:center;
gap:5px;
}
.koppel-thumb {
width:30px;
height:auto;
display:block;
}