.gallery {
    margin-left: 5vw;
    margin-right: 5vw;
}
.titel {
    font-size: 20vw;
}



.thumbnail {
    max-height: 100%;
    min-width: 100%;
    object-fit: cover;
}



@media (max-aspect-ratio: 1/1) {
    ul.gallery li {
        height: 30vh;
    }
}


@media (max-height: 480px) {
    ul.gallery li {
        height: 80vh;
    }
}


@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
    ul.gallery {
        flex-direction: row;
    }

    ul.gallery li {
        height: auto;
        width: 100%;
    }
    img {
        width: 100%;
        max-height: 75vh;
        min-width: 0;
    }
}