html,body {
 background-image: url(site/stad.webp);
 background-position: center;
 background-size: cover;
}
.air {
 height: 11vh;
}
.dak {
 height: 19vh;
 font-size: 0px;
 background-image: url(site/moo.webp);
 background-repeat: no-repeat;
 background-position: center 11vh;
 background-size: 88vh 75vh;
 background-attachment: fixed;
}
.up {
 height: 26vh;
 font-size: 0px;
 background-image: url(site/moo.webp), url(site/zaal.webp);
 background-repeat: no-repeat;
 background-position: center 11vh, center 33vh;
 background-size: 88vh 75vh, 53vh 20vh;
 background-attachment: fixed;
}
.dwn {
 height: 30vh;
 font-size: 0px;
 background-image: url(site/moo.webp), url(site/zaal.webp);
 background-repeat: no-repeat;
 background-position: center 11vh, center 53.5vh;
 background-size: 88vh 75vh, 75vh 24vh;
 background-attachment: fixed;
}
img {
 height: 100%;
}
img.al {
 background-image: url(huis/a.webp);
 background-size: cover;
 height: 19vh;
}
img.ar {
 background-image: url(huis/a.webp);
 background-size: cover;
 height: 19vh;
 transform: scaleX(-1);
}
img.bl {
 background-image: url(huis/b.webp);
 background-size: cover;
 height: 26vh;
}
img.br {
 background-image: url(huis/b.webp);
 background-size: cover;
 height: 26vh;
 transform: scaleX(-1);
}
img.cl {
 background-image: url(huis/c.webp);
 background-size: cover;
 height: 26vh;
}
img.cr {
 background-image: url(huis/c.webp);
 background-size: cover;
 height: 26vh;
 transform: scaleX(-1);
}
img.dl {
 background-image: url(huis/d.webp);
 background-size: cover;
 height: 30vh;
}
img.dr {
 background-image: url(huis/d.webp);
 background-size: cover;
 height: 30vh;
 transform: scaleX(-1);
}
img.el {
 background-image: url(huis/eo.webp), url(huis/el.webp), url(huis/e.webp);
 background-size: cover;
 height: 30vh;
}
img.el:hover {
 background-image: url(huis/eoa.webp), url(huis/el.webp), url(huis/e.webp);
 background-size: cover;
 height: 30vh;
}
img.er {
 background-image: url(huis/ero.webp), url(huis/er.webp), url(huis/e.webp);
 background-size: cover;
 height: 30vh;
 transform: scaleX(-1);
}
img.er:hover {
 background-image: url(huis/eroa.webp), url(huis/er.webp), url(huis/e.webp);
 background-size: cover;
 height: 30vh;
 transform: scaleX(-1);
}
img.fl {
 background-image: url(huis/f.webp);
 background-size: cover;
 height: 30vh;
}
img.fr {
 background-image: url(huis/f.webp);
 background-size: cover;
 height: 30vh;
 transform: scaleX(-1);
}
img.gl {
 background-image: url(huis/go.webp), url(huis/gl.webp), url(huis/g.webp);
 background-size: cover;
 height: 30vh;
}
img.gl:hover {
 background-image: url(huis/goa.webp), url(huis/gl.webp), url(huis/g.webp);
 background-size: cover;
 height: 30vh;
}
img.gr {
 background-image: url(huis/go.webp), url(huis/g.webp);
 background-size: cover;
 height: 30vh;
 transform: scaleX(-1);
}
img.gr:hover {
 background-image: url(huis/goa.webp), url(huis/g.webp);
 background-size: cover;
 height: 30vh;
 transform: scaleX(-1);
}