/*kleiner Slider style*/
.crew_small_slider .crew_small_slider_slide {
    box-shadow: 0 3px 6px #00000029;
    max-width: 344px;
    min-height: 406px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.crew_small_slider .swiper-wrapper {
    margin-bottom: 45px;
}

.crew_small_slider.swiper-initialized .crew_small_slider_slide:not( :is(.swiper-slide-active, .swiper-slide-next, .swiper-slide-prev, )) {
    filter: blur(2px);
}

.crew_small_slider:not(.swiper-initialized) .swiper-wrapper {
    gap: 20px;
    justify-content: center;
}

.swiper-button {
    border: 2px solid #479ad5;
    width: 253px;
    height: 52px;
    transition: all 0.3s;
    line-height: 50px;
    margin-top: 15px;
    font-size: 16px;
}

.swiper-button:hover {
    background-color: #479ad5;
    color: white;
}

/*Motion*/
body.site-id-4 {
    .swiper-button {
        border: 2px solid var(--color-green);
        background-color: var(--color-green);
        color: var(--color-white);
        width: 253px;
        height: 52px;
        transition: all 0.3s;
        line-height: 50px;
        margin-top: 15px;

        font-family: var(--font-light);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1px;

        &:hover {
            /* background-color: var(--color-white);
            color: var(--color-green); */
            transform: scale(1.02);
            letter-spacing: 2px;
            transition: 0.5s;
        }
    }

}

.wp-child-theme-motion .swiper-button {
    border: 2px solid var(--color-green);
    color: var(--color-green);
}

.wp-child-theme-motion .swiper-button:hover {
    background-color: var(--color-green);
    color: var(--color-white);
}

.crew_small_slider .slider-img {
    width: 100%;
    max-height: 194px;
    height: 100%;
    object-fit: cover;
    background-color: grey;
}

.crew_small_slider .slider-block {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 35px 35px;
    justify-content: space-between;
    height: 100%;
}

.crew_small_slider .slider-icon {
    width: 70px;
    height: 70px;
    object-fit: contain;
    position: absolute;
    top: 141px;
    right: 0;
    margin: auto;
    left: 0;
}

.motion-crew .crew_small_slider .slider-icon {
    display: none;
}

.crew_small_slider .slider-title {
    font-size: 22px;
    color: #033b58;
    padding-bottom: 15px;
    font-weight: 900;
}

.crew_small_slider .slider-text,
.crew_small_slider .slider-description {
    font-family: var(--font-light);
    font-size: 16px;
    line-height: 26px;
}

.crew_small_slider .slider-description {
    margin-bottom: 20px;
}

.crew_small_slider.short .swiper-pagination-bullet:first-child,
.crew_small_slider.short .swiper-pagination-bullet:last-child {
    display: none;
}

/*großer Slider style*/
.crew_big_slider {
    height: 495px;
}

.crew_big_slider .crew_big_slider_slide {
    max-width: 800px;
    width: 100%;
    height: 450px;
    transition: all 0.25s;
}

.crew_big_slider_slide {
    margin: 0 9px;
    box-shadow: 0 3px 6px #00000029;
}

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

.crew_big_slider_slide .slider-block {
    position: absolute;
    left: 436px;
    top: 0;
    bottom: 0;
    right: 0;
    color: white;
    padding: 168px 30px 33px 30px;
}

.swiper-wrapper.background .crew_big_slider_slide .slider-block {
    background-color: rgba(3, 60, 88, 0.85);
}

.crew_big_slider_slide .slider-icon {
    max-width: 133px;
    max-height: 133px;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 4;
}

.crew_big_slider_slide .slider-number::before {
    content: var(--sliderNumber);
    font-size: 50px;
    color: #479ad5;
    font-family: var(--font-regular);
    line-height: 26px;
}

.crew_big_slider_slide .slider-title {
    color: #479ad5;
    font-size: 22px;
    line-height: 26px;
    font-family: var(--font-regular);
    margin: 10px 0;
}

.crew_big_slider_slide .slider-description {
    font-size: 18px;
    line-height: 24px;
    font-family: var(--font-light);
}

.crew_big_slider_slide .slider-text {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--font-light);
    bottom: 33px;
    position: absolute;
}

.crew_big_slider.swiper-initialized .crew_big_slider_slide:not(.swiper-slide-active) {
    filter: blur(4px);
    height: 400px;
    margin-top: 25px;
}

:is(.crew_small_slider, .crew_big_slider) .swiper-pagination-bullet {
    background-color: #033c58;
    opacity: 0.1;
}

:is(.crew_small_slider, .crew_big_slider) .swiper-pagination-bullet-active {
    opacity: 1;
}

:is(.crew_small_slider, .crew_big_slider) .swiper-pagination-bullet {
    margin: 0 8px !important;
}

.swiper-initialized .swiper-center {
    width: 100%;
    max-width: 850px;
    margin: auto;
    z-index: 42;
    height: calc(100% - 70px);
    transform: translate(0, calc(-100% - 70px));
    position: relative;
    pointer-events: none;
}

.crew_small_slider.swiper-initialized .swiper-center {
    max-width: 1118px;
    height: 338px;
    transform: unset;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

:is(.crew_previous, .crew_next) {
    position: absolute;
    top: 50%;
}

:is(.crew_previous, .crew_next)::after {
    content: "";
    background-image: url("/wp-content/themes/crew/assets/Pfeil-Icon-weiss.svg");
    width: 16px;
    height: 27px;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    left: 17px;
}

.crew_previous::after {
    transform: scaleX(-1);
    left: 13px;
}

:is(.crew_small_slider, .crew_big_slider).swiper-initialized :is(.crew_previous, .crew_next) {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    z-index: 99;
    cursor: pointer;
    pointer-events: all;
}

.crew_small_slider :is(.crew_previous, .crew_next) {
    background-color: #033c58;
}

.crew_big_slider :is(.crew_previous, .crew_next) {
    background-color: #479ad5;
}

:is(.crew_small_slider, .crew_big_slider) :is(.crew_next) {
    right: 0;
}

.crew_big_slider:not(.swiper-initialized) {
    height: unset;
}

.crew_big_slider:not(.swiper-initialized) .swiper-wrapper {
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

@media (max-width: 1090px) {
    .crew_small_slider :is(.crew_previous, .crew_next) {
        display: none;
    }

    .crew_small_slider:not(.swiper-initialized) .swiper-wrapper {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 890px) {
    .crew_small_slider.swiper-initialized .crew_small_slider_slide:not(:is(.swiper-slide-active)) {
        filter: blur(2px);
    }

    .crew_small_slider .slider-block {
        padding: 25px 21px 30px;
    }

    .crew_small_slider .slider-title {
        padding-bottom: 8px;
    }

    .crew_big_slider .crew_big_slider_slide {
        height: 440px;
    }

    .crew_big_slider_slide .slider-img {
        height: 194px;
    }

    .swiper-wrapper .crew_big_slider_slide .slider-block {
        left: 0;
        top: 194px;
        padding: 25px 25px 0;
        text-align: center;
    }

    .swiper-wrapper.background .crew_big_slider_slide .slider-block {
        background-color: rgba(3, 60, 88);
    }

    .swiper-wrapper:not(.background) .crew_big_slider_slide .slider-block {
        color: #479ad5;
    }

    .crew_big_slider_slide .slider-number {
        display: none;
    }

    .crew_big_slider_slide .slider-text {
        bottom: 21px;
        left: 0;
        right: 0;
    }

    .crew_big_slider :is(.crew_previous, .crew_next) {
        display: none;
    }

    .crew_big_slider_slide .slider-icon {
        max-width: 70px;
        max-height: 70px;
        top: 141px;
        right: 0;
        margin: auto;
        left: 0;
    }
}