.galerie-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 20vw;
    column-gap: 16px;
    row-gap: 16px;
}

.galerie-element{
    overflow: hidden;
    object-fit: cover;
    position: relative;
}

.galerie-foto{
    transition: 3s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.galerie-element .galerie-foto:hover{
    transform: scale(1.1);
}



@keyframes hochbewegen{
    from { bottom: 0px;}
    to   { bottom: 50px;}
}

@keyframes herunterbewegen{
    from { bottom: 50px;}
    to   { bottom: 0px;}
    
}

.footer{
   margin: 0 0 30px 0;
   padding-top: 8em;
   
 }
 .footer a{
   padding: 19px 8px 30px 30px;
    text-decoration: underline;
    color: black;
    font-size: 15px;  
 }


 .footer-item{
  
   font-size: 30px;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   justify-items: center;
   text-align: center;
}

@media (min-width: 360px) {
   .footer{
       grid-template-columns: 1fr 1fr 1fr;
   }
}

@media (max-width: 600px) {
   .footer{
       grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr ;
   }
}


/*Changing font size and color of TITLE*/
.sm-lightbox-v2-photo-title .sm-button-label h2 {
    font-family: 'Baloo Paaji 2', cursive;
    font-size: 60px !important; /*This code will change the font size of TITLE*/
    color: #f5f0f1 !important; /*This code will change the font color of TITLE*/
    }
    
    /*Changing the font size and color of CAPTION*/
    .sm-lightbox-v2-photo-title .sm-button-label p {
    font-family: 'Baloo Paaji 2', cursive;
    font-size: 60px !important; /*This code will change the font size of CAPTION*/
    color: #f2f3f7 !important; /*This code will change the font color of CAPTION*/
    }