@charset "utf-8";
/* CSS Document */

#images1 {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
#images1 img {
cursor: pointer;
width: 300px;
height: 300px;
object-fit: cover;
}

#lightbox {
opacity: 0;
visibility: hidden;
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.25s ease-in;
}
#lightbox.zeigen {
background-color: rgba(0, 0, 0, 0.85);
opacity: 1;
visibility: visible;
}
#lightbox img {
max-width: 90%;
}
#lightbox.schliessen {
cursor: pointer;
position: absolute;
top: 1rem;
right: 3rem;
color: white;
font-size: 2rem;
}