.hausformat_carousel {
    transition: all .3s ease-in-out;
    overflow: hidden;
    overflow: clip;
}

.cb-carousel {
    --swiper-theme-color: #FFFFFF;

    --swiper-navigation-size: 60px;
    --swiper-navigation-top-offset: 0;
    --swiper-navigation-sides-offset: 0;

    --swiper-pagination-bottom: 30px;
    --swiper-pagination-bullet-size: 16px;
    --swiper-pagination-bullet-opacity: .7;
    --swiper-pagination-bullet-inactive-opacity: .7;
    --swiper-pagination-bullet-horizontal-gap: 8px;
    --swiper-pagination-bullet-active-color: #FFFFFF;
    --swiper-pagination-bullet-inactive-color: transparent;
    --swiper-pagination-color: #CCCCCC;

    --swiper-caption-font-size: 16px;
    --swiper-caption-padding: 30px;

    width: 100%;
    position: relative;
    overflow: hidden;
    transition: transform .3s ease-in-out;

    &:hover {
        transform: scale(1);
    }

    .cb-carousel-swiper {
        position: relative;
    }

    .swiper-slide {
        img, video, iframe {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            max-height: 900px;
        }
    }

    .swiper-button-next, .swiper-button-prev {
        height: 100%;
        width: 200px;
        margin-top: 0;
    }

    &:not(:hover) {
        .swiper-button-prev,
        .swiper-button-next {
            visibility: hidden;
            opacity: 0;
            right: 200px;
        }
        .swiper-button-prev {
            left: 200px;
        }
    }
}

/* Navigation */
.swiper-button-prev,
.swiper-button-next {
    height: 100%;
    margin-top: 0;
    opacity: .7;
    transition: all .2s ease-in-out;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: 1;
    transition: all .2s ease-in-out;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    filter: drop-shadow(0px 0px 10px #333333);
}

/* Pagination */
.swiper-pagination-bullet {
    border: 1px solid var(--swiper-theme-color);
}

/* Image Caption Text */
.cb-carousel-slider-item-caption-container {
    padding: var(--swiper-caption-padding, 30px);
    max-width: var(--hf-text-max-width, 850px);
    font-size: var(--swiper-caption-font-size,16px);
    transition: opacity .3s ease-in-out;
}

.cb-carousel-slider-item-caption-container.active {
    grid-template-rows: 1fr;
}

.cb-carousel-slider-item-caption-container > .caption-content {
    overflow: hidden;
}


@media (min-width: 1025px) {
    .swiper-button-prev,
    .swiper-button-next {
        width: 200px;
    }
}

/* Tablet */
@media (max-width: 1024px) {
    .cb-carousel {
        --swiper-navigation-sides-offset: 30px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        display: none !important;
    }

    .hausformat_carousel {
        border-left: 0;
        border-right: 0;
    }
}
/* Mobile */
@media (max-width: 768px) {
    .cb-carousel {
        --swiper-pagination-bottom: 10px;
        --swiper-navigation-size: 30px;
        --swiper-navigation-sides-offset: 15px;
        --swiper-pagination-bullet-size: 10px;
        --swiper-pagination-bullet-horizontal-gap: 5px;
    }

    .cb-carousel-slider-item-caption-container {
        padding: var(--gl-gutter, 15px);
        padding-top: 15px;
        font-size: 12px;
        line-height: 1.35em;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 50px;
    }
}