.galerie-image {
    padding: 32px 20px;
}
@media screen and (min-width: 768px) {
    .galerie-image {
        padding: 64px 20px;
    }
}
.galerie-image--container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media screen and (min-width: 768px) {
    .galerie-image--container {
        gap: 64px;
    }
}
@media screen and (min-width: 768px) {
    .galerie-image .co-text {
        align-items: center;
    }
    .galerie-image .co-text h2,
    .galerie-image .co-text p,
    .galerie-image .co-text .co-text--content p {
        text-align: center;
    }
    .galerie-image .co-text .co-text--content {
        max-width: 801px;
    }
}
.galerie-image--list {
    column-width: 320px;
    column-gap: 32px;
    column-fill: balance;
}
@media screen and (min-width: 1280px) {
    .galerie-image--list {
        column-width: 384px;
    }
}
.galerie-image--item {
    break-inside: avoid;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (hover: hover) {
    .galerie-image--item {
        cursor: pointer;
    }
    .galerie-image--item:hover img {
        transform: scale(1.1);
    }
}
.galerie-image--item:not(:last-child) {
    margin-bottom: 24px;
}
@media screen and (min-width: 1280px) {
    .galerie-image--item:not(:last-child) {
        margin-bottom: 64px;
    }
}
.galerie-image--item .galerie-image--item-img {
    position: relative;
    border-radius: 13px;
    overflow: hidden;
    height: var(--height);
}
.galerie-image--item .galerie-image--item-img.large {
    --height: 600px;
}
.galerie-image--item .galerie-image--item-img.medium {
    --height: 320px;
}
@media screen and (min-width: 1280px) {
    .galerie-image--item .galerie-image--item-img.medium {
        --height: 384px;
    }
}
.galerie-image--item .galerie-image--item-img.small {
    --height: 216px;
}
@media screen and (min-width: 1280px) {
    .galerie-image--item .galerie-image--item-img.small {
        --height: 260px;
    }
}
.galerie-image--item .galerie-image--item-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: transform 0.3s ease;
}
.galerie-image--item .galerie-image--item-legende p {
    font-family: var(--roboto);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
}
.galerie-image--btn {
    display: flex;
    align-items: center;
    justify-content: center;
}