.view_1 .round-gallery,
.view_2 .round-gallery,
.view_3 .round-gallery {
    column-count: 1;
    column-gap: 30px;
    list-style: none;
    padding-left: 0;
    padding-bottom: 50px;
}
.view_1 .round-gallery,
.view_2 .round-gallery,
.view_3 .round-gallery {
    list-style: none;
}
.view_1 .round-gallery img,
.view_2 .round-gallery img,
.view_3 .round-gallery img {
    width: 100%;
    height: auto;
}
.view_1 .round-gallery .info_con,
.view_2 .round-gallery .info_con,
.view_3 .round-gallery .info_con {
    max-width: fit-content;
    bottom: 45px;
    left: 15px;
    width: 100%;
    color: #ffffff;
}
.view_1 .round-gallery .round-gallery-item,
.view_2 .round-gallery .round-gallery-item,
.view_3 .round-gallery .round-gallery-item {
    padding-bottom: 15px;
}
.round-gallery-item img {
    border-radius: 4px;
}
.frame-type-jocontent_c20 {
    padding-left: 0;
    padding-right: 0;
}


/*** Slider Darstellung ***/
.view_4 {
    ul {
        list-style: none;
        padding: 0;
    }
    /* Bilder allgemein */
    img {
        width: 100%;
        height: auto;
        aspect-ratio: 3 / 2;
        object-fit: cover;
    }
    /* Bildbeschreibung */
    .item-description {
        display: inline-block;
        padding: 20px 10px 0;
    }
    /* Bullet */
    .slick-dots {
        position: absolute;
        display: flex;
        gap: 6px;
        left: 50%;
        transform: translateX(-50%);
        padding: 0;
        background: #fff;
        height: 25px;
        border: 1px solid #C3C3C3;
        width: fit-content;
        border-radius: 17px;
        padding: 0 6px;
        align-items: center;

        .slick-active button {
            background: #CF3A4E;
        }
        button {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 0;
            padding: 0;
            background: #8c8c8c;
            transition: .3s ease;

            &:focus {
                outline: none;
            }
        }
        li {
            width: 15px;
            height: 15px;
            font-size: 0;
        }
    }
    /* "Schwebende" Darstellung */
    .slider-nav-wrapper {
        position: absolute;
        width: 75%;
        left: 50%;
        transform: translateX(-50%);

        img {
            max-height: 75px;
        }
        .slick-slide {
            margin: auto;
            height: 100%;
            max-width: 200px;
            cursor: pointer;
        }
        .slick-slide:not(.slick-current) {
            transform: scale(0.8);
            opacity: 0.5;
        }
        .slick-slide.slick-current {
            transform: scale(1);
            opacity: 1;
            transition: .3s ease;
        }
    }
    /* Pfeile */
    .slick-arrow {
        position: absolute;
        font-size: 0;
        width: 45px;
        height: 45px;
        background: center / contain url(/fileadmin/user_upload/Icons/nachoben2.svg) no-repeat #fff;
        padding: 0;
        border: 0;
        border-radius: 50%;
        transition: opacity .15s ease;

        &.slick-prev {
            transform: translateY(-50%) rotate(-90deg);
        }
        &.slick-next {
            transform: translateY(-50%) rotate(90deg);
        }
        &:focus {
            outline: none;
        }
    }
    /* Lightbox-Icon*/
    .open-lightbox {
        position: absolute;
        display: inline-block;
        width: 30px;
        height: 30px;
        inset: 20px 20px auto auto;
        background: center / contain url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23e61f4a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20class%3D%27icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-maximize%27%3E%3Cpath%20stroke%3D%27none%27%20d%3D%27M0%200h24v24H0z%27%20fill%3D%27none%27%2F%3E%3Cpath%20d%3D%27M4%208v-2a2%202%200%200%201%202%20-2h2%27%2F%3E%3Cpath%20d%3D%27M4%2016v2a2%202%200%200%200%202%202h2%27%2F%3E%3Cpath%20d%3D%27M16%204h2a2%202%200%200%201%202%202v2%27%2F%3E%3Cpath%20d%3D%27M16%2020h2a2%202%200%200%200%202%20-2v-2%27%2F%3E%3C%2Fsvg%3E") no-repeat;
    }

    /* Workaround für die Darstellung, wenn es weniger als 4 Bilder im Slider gibt (slickSlider Bug)*/
    &.lessThan4 {
        .slider-nav-wrapper {
            width: 100%;
        }
        .slider-nav-wrapper {
            display: flex;
            justify-content: center;
        }
        .item-wrapper-nav .slick-track {
            display: flex;
            width: unset !important;
            transform: unset !important;
        }
    }
}

@media (min-width: 768px)
{  
    .view_1 .round-gallery .round-gallery-item,
    .view_2 .round-gallery .round-gallery-item,
    .view_3 .round-gallery .round-gallery-item {
        padding-bottom: 30px;
    }
    .frame-type-jocontent_c20 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .frame-type-jocontent_c20:has(.view_4) {
        padding-left: 0;
        padding-right: 0;
    }
    .view_1 .round-gallery,
    .view_2 .round-gallery {
        column-count: 2;
    }
    .view_3 .round-gallery {
        column-count: 3;
    }
    .round-gallery-wrap.view_1,
    .round-gallery-wrap.view_2,
    .round-gallery-wrap.view_3 {
        margin: 0 -15px;
    }
}

@media (min-width: 992px)
{
    .view_1 .round-gallery {
        column-count: 3;
    }
    .view_2 .round-gallery {
        column-count: 4;
    }
    .view_3 .round-gallery {
        column-count: 5;
    }
}