@charset "UTF-8";

.bg-fotogalerie {
    background-color: #6d868a;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 15px;
}

#anchor_photogallery {
    position:relative;
    top: -120px;
    display:block;
}

.content-fotogalerie {
    color: white;
    font-size: 24px;               
}

.content-fotogalerie h3 {
    color: #ccd7db;
    text-align: left;
    font-size: 24px;
    margin: 0px 0px 10px 0px;               
}

.content-fotogalerie div {
    width: 277px;
    height: 147px;
    display: block;
    color: white;
    font-size: 20px;  
    float: left;
    padding-top: 65px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
}

.content-fotogalerie a {
    color: white;
    font-weight: normal;

}

.content-fotogalerie div:nth-child(2) {
    background-image: url('../img/photo-preview-2024.jpg');
    /* background-color: #8c8d8f; */ 

}

.content-fotogalerie div:nth-child(3) {
    background-image: url('../img/photo-preview-2023.jpg');
    /* background-color: #8c8d8f; */ 
}

.content-fotogalerie div:nth-child(4) {
    background-image: url('../img/photo-preview-2021.jpg');
    /* background-color: #8c8d8f; */ 
}

.content-fotogalerie div:nth-child(5) {
    background-image: url('../img/photo-preview-2020.jpg');
    /* background-color: #8c8d8f; */ 
}

.content-fotogalerie div:nth-child(6) {
    background-image: url('../img/photo-preview-1.jpg');
}

.content-fotogalerie div:nth-child(7) {
    background-image: url('../img/photo-preview-2.jpg');
}

.content-fotogalerie div:nth-child(8) {
    background-image: url('../img/photo-preview-3.jpg');
}
.content-fotogalerie div:nth-child(9) {
    background-image: url('../img/photo-preview-4.jpg');
}


@media (max-width: 768px) {
    .content-fotogalerie {
        padding: 20px;           
    }
    
    .content-fotogalerie div {
        margin: 10px 20px 10px 0px;
    }
}