.kalfany_slider {
    --swiper-theme-color: #ef7d00;
    --swiper-navigation-sides-offset: 3rem;
    --swiper-navigation-size: 24px;
    --swiper-thumb-height: 40px;
    --swiper-scrollbar-top: var(--swiper-thumb-height);
    --swiper-scrollbar-bg-color: #ef7d00;
    --swiper-scrollbar-drag-bg-color: #ef7d00;
    --swiper-scrollbar-border-radius: 0px;
    --swiper-scrollbar-size: 2px;
    overflow: hidden;
    background: url(img/ksw_bg_tisch.webp);
    background-size: cover;
    background-position: center
}

.kalfany_slider::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(237, 240, 242, 0) 80%, #edf0f2 100%);
    pointer-events: none
}

@media (max-width:1600px) {
    .kalfany_slider {
        --swiper-thumb-height: 30px
    }
}

@media (max-width:650px) {
    .kalfany_slider {
        --swiper-navigation-top-offset: 40%;
        --swiper-navigation-sides-offset: 2rem
    }
}

.kalfany_slider .swiper-scrollbar-drag {
    position: absolute;
    bottom: 0;
    height: 6px;
    top: unset
}

.kalfany_slider .thumbs_swiper {
    width: 100%;
    height: var(--swiper-thumb-height)
}

.kalfany_slider .thumbs_swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center
}

.kalfany_slider .thumbs_swiper .swiper-slide img {
    height: 80%
}

.kalfany_slider .main_swiper {
    width: 100%;
    height: fit-content
}

.kalfany_slider .main_swiper .swiper-slide {
    padding: 4rem;
    display: flex;
    align-items: center
}

@media (max-width:1300px) {
    .kalfany_slider .main_swiper .swiper-slide {
        padding-left: 6rem;
        padding-right: 6rem
    }
}

@media (max-width:600px) {
    .kalfany_slider .main_swiper .swiper-slide {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.kalfany_slider .main_swiper .swiper-slide .slide-content {
    margin: 0 auto;
    max-width: 1400px;
    position: relative
}

.kalfany_slider .main_swiper .swiper-slide .slide-content .col-wrapper {
    display: flex
}

@media (max-width:1000px) {
    .kalfany_slider .main_swiper .swiper-slide .slide-content .col-wrapper {
        flex-direction: column
    }
}

.kalfany_slider .main_swiper .swiper-slide .slide-content .col-wrapper .slide-left-col {
    width: 60%;
    display: flex;
    align-items: center
}

@media (max-width:1000px) {
    .kalfany_slider .main_swiper .swiper-slide .slide-content .col-wrapper .slide-left-col {
        width: 100%
    }
}

.kalfany_slider .main_swiper .swiper-slide .slide-content .col-wrapper .slide-right-col {
    width: 40%;
    align-self: flex-start
}

@media (max-width:1000px) {
    .kalfany_slider .main_swiper .swiper-slide .slide-content .col-wrapper .slide-right-col {
        text-align: center
    }
}

@media (max-width:1000px) {
    .kalfany_slider .main_swiper .swiper-slide .slide-content .col-wrapper .slide-right-col {
        width: 100%
    }
}

.kalfany_slider .main_swiper .swiper-slide .slide-content .col-wrapper .slide-right-col .w-btn-wrapper {
    margin-top: 2rem
}

.kalfany_slider .main_swiper .swiper-slide .slide-content .col-wrapper .slide-right-col .slider_logo {
    height: 100px;
    margin: 0 auto
}

@media (min-width:1000px) {
    .kalfany_slider .main_swiper .swiper-slide .slide-content .col-wrapper .slide-right-col .slider_logo {
        position: absolute;
        top: 0;
        right: 0
    }
}

.kalfany_slider .main_swiper .swiper-slide .slide-content .slider-headline {
    margin-bottom: 1rem
}

@media (max-width:1300px) {
    .kalfany_slider .main_swiper .swiper-slide .slide-content .slider-headline {
        margin-bottom: 4rem
    }
}

@media (max-width:600px) {
    .kalfany_slider .main_swiper .swiper-slide .slide-content .slider-headline {
        margin-bottom: 0
    }
}

.kalfany_slider .main_swiper .swiper-slide .slide-content .slide-blume {
    position: absolute;
    width: 450px;
    right: -100px;
    z-index: -1;
    animation: swing 6s infinite ease-in-out;
    animation-direction: alternate
}

@media (max-width:1300px) {
    .kalfany_slider .main_swiper .swiper-slide .slide-content .slide-blume {
        bottom: -200px
    }
}

@media (max-width:1300px) {
    .kalfany_slider .main_swiper .swiper-slide .slide-content .slide-blume {
        bottom: -300px
    }
}

.kalfany_slider .main_swiper .swiper-slide .slider-hero-img {
    max-height: 500px;
    margin: 0 auto
}

.kalfany_slider .swiper-button-next::before,
.kalfany_slider .swiper-button-prev::before {
    content: "";
    position: absolute;
    background: #fff;
    width: 52px;
    height: 52px;
    z-index: -1;
    border-radius: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .25)
}

@keyframes swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg)
    }
}