/* Galerie */
.galerie-container{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    padding:20px;
    justify-content:center;
    padding-top: 200px
}
.galerie-container img{
    width:260px;
    height:180px;
    object-fit:cover;
    cursor:pointer;
    border-radius:8px;
    transition:.2s;
}
.galerie-container img:hover{
    transform:scale(1.05);
}

/* Lightbox */
#lightbox{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.85);
    justify-content:center;
    align-items:center;
    flex-direction:column;
    z-index:99999;
    padding:20px;
}

#lightbox img{
    max-width:90%;
    max-height:75vh;
    border-radius:8px;
}

#lb-desc{
    color:white;
    margin-top:15px;
    font-size:1.2rem;
    text-align:center;
    max-width:80%;
}

/* Close button */
#close{
    position:absolute;
    top:20px;
    right:35px;
    font-size:45px;
    color:white;
    cursor:pointer;
    z-index:100000;
}

/* Navigation */
#prev, #next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    font-size:50px;
    color:white;
    cursor:pointer;
    padding:20px;
    user-select:none;
}

#prev{ left:20px; }
#next{ right:20px; }