body {
    background-color: #f4f7c5;
}

.gallery {
    display: flex;
    margin: auto;
    width: 1250px;
    justify-content: space-between;
    flex-wrap: wrap;
}

figure {
    width: 400px;
    margin: 10px 0;
    background-color: white;
    border: 1px solid;
    
}

figcaption {
    text-align: center;
    padding: 10px;
}

footer a { /* footer link*/
    color: white; /* footer link werden weiss*/
    text-decoration: none; /* Unterstreichung entfernen */
}
    .site-footer {
        background-color: black; /*hintergrund schwarz*/
        color: #333; /* schriftfarbe weiss*/
        text-align: right; /* textausrichtung rechts*/
        padding: 0.5rem; /* rundum etwas platz*/
}
/* Responsive: Auf kleinen Bildschirmen nehmen die Bilder die volle Breite ein */
@media (max-width: 480px) {
    .gallery-item {
        flex: 1 1 100%;
        max-width: 100%;
    }
}