.gallery_collection {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 3.5%;
}
@media (max-width: 800px) {
    .gallery_collection {
        gap: 5.34352%;
    }
}
@media (max-width: 500px) {
    .gallery_collection {
        gap: 0;
    }
}

.gallery_collection_item {
    width: 31%;

    padding-bottom: 40%;
    margin-bottom: 3%;
    
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    position: relative;

    overflow: hidden;
}
@media (max-width: 800px) {
    .gallery_collection_item {
        width: 47.32824%;
        margin-bottom: 6%;
        padding-bottom: 50%;
    }
}
@media (max-width: 500px) {
    .gallery_collection_item {
        width: 100%;
        margin-bottom: 6%;
        padding-bottom: 80%;
    }
}

.gallery_collection_item_bild {
    position: absolute;

    width: 100%;
    height: 100%;

    display: inline-block;
}

.gallery_collection_item_bild img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery_collection_item_label {
    position: absolute;
    
    width: 100%;
    box-sizing: border-box;

    top: 70%;
    bottom: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px;

    background-color: rgba(229, 229, 229, 0.8);

    transition: top 200ms ease-in-out 0ms;
}
.gallery_collection_item:hover .gallery_collection_item_label {
    top: 0%;
}

.gallery_collection_item_label_title {
	font-family: 'all-round-gothic';
    font-weight: 600;
    font-size: x-large;
    color: rgb(137, 44, 122);

    transition: margin-top 200ms ease-in-out 0ms;
}
@media (max-width: 1000px) {
    .gallery_collection_item_label_title {
        font-size: larger;
    }
}

.gallery_collection_item_label_subtitle {
    text-decoration: none;
    color: initial;
    margin-top: 5px;
}

.gallery_collection_item_video {
    width: 31%;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    overflow: hidden;
    background-color: rgba(229, 229, 229, 0.8);
    margin-bottom: 3%;
}
@media (max-width: 800px) {
    .gallery_collection_item_video {
        width: 47.32824%;
        margin-bottom: 6%;
    }
}
@media (max-width: 500px) {
    .gallery_collection_item_video {
        width: 100%;
        margin-bottom: 6%;
    }
}

.gallery_collection_item_video .gallery_collection_item_label_title {
    padding: 12px;
}