.budi-leistungen-slider__wrapper{
    position: relative;
}

.budi-leistungen-slider__image{
    height: 280px;
    width: 100%;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.budi-leistungen-slider__content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    background: #fff;
    padding: 30px 20px 30px 30px;
    height: calc(100% - 280px);
}

.budi-leistungen-slider__subtitle{
    display: block;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #8E99AD;
    margin-bottom: 12px;
}

h4.budi-leistungen-slider__title{
    font-size: 22px;
    line-height: 1.5em;
    font-weight: 700;
    margin-bottom: 16px;
    hyphens: auto;
}

.budi-leistungen-slider__item button.budi-leistungen-slider__button{
    background: transparent;
    padding: 0;
}

.budi-leistungen-slider__item button.budi-leistungen-slider__button a{
    display: flex;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.budi-leistungen-slider__item button.budi-leistungen-slider__button a,
.budi-leistungen-slider__item button.budi-leistungen-slider__button a svg path{
    color: var(--color-heavy);
    fill: var(--color-heavy);
    transition: all 0.3s ease;
}

.budi-leistungen-slider__item button.budi-leistungen-slider__button a:hover,
.budi-leistungen-slider__item button.budi-leistungen-slider__button a:hover svg path{
    color: var(--color-sub);
    fill: var(--color-sub);
}

@media (max-width: 767px){
    .budi-leistungen-slider__image{
        height: 250px;
    }
    
    .budi-leistungen-slider__content{
        height: calc(100% - 250px);
    }
}

/* Arrow */
.budi-leistungen-slider__wrapper .budi-swiper-arrow{
    /* position: absolute !important;
    top: -175px;
    right: 0; */
    gap: 12px;
}

.budi-leistungen-slider__wrapper .budi-swiper-arrow .swiper-button-prev,
.budi-leistungen-slider__wrapper .budi-swiper-arrow .swiper-button-next{
    width: 50px;
    height: 50px;
    background: #05143F;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    transition: all 0.3s ease;
}

.budi-leistungen-slider__wrapper .budi-swiper-arrow .swiper-button-prev:hover,
.budi-leistungen-slider__wrapper .budi-swiper-arrow .swiper-button-next:hover,
.budi-leistungen-slider__wrapper .budi-swiper-arrow .swiper-button-next.hover{
    background: #D3A972;
}

.budi-leistungen-slider__wrapper .budi-swiper-arrow .swiper-button-prev:after,
.budi-leistungen-slider__wrapper .budi-swiper-arrow .swiper-button-next:after{
    content: '';
    width: 16px;
    height: 11px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.budi-leistungen-slider__wrapper .budi-swiper-arrow .swiper-button-prev:after{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.44466 10.6401C5.54491 10.7499 5.66754 10.8046 5.81254 10.8042C5.95754 10.8039 6.08242 10.7511 6.18717 10.6459C6.29192 10.5406 6.34413 10.4155 6.34379 10.2705C6.34344 10.1255 6.29314 9.99811 6.19288 9.88835L2.34387 6.07242L15.0038 6.04255C15.1438 6.04222 15.2662 5.98943 15.371 5.88418C15.4757 5.77894 15.5279 5.65381 15.5276 5.50881C15.5272 5.36381 15.4744 5.23894 15.3692 5.13419C15.2639 5.02943 15.1413 4.97722 15.0013 4.97755L2.34136 5.00742L6.17229 1.15837C6.27205 1.05814 6.32176 0.93552 6.32142 0.790521C6.32108 0.645521 6.26828 0.520645 6.16303 0.415893C6.05779 0.311141 5.93266 0.258936 5.78766 0.259279C5.64266 0.259621 5.52028 0.309909 5.42052 0.410145L0.691715 5.16131C0.581976 5.27157 0.527276 5.3992 0.527618 5.5442C0.52796 5.6892 0.58325 5.81157 0.693485 5.91131L5.44466 10.6401Z' fill='white'/%3E%3C/svg%3E%0A");
}

.budi-leistungen-slider__wrapper .budi-swiper-arrow .swiper-button-next:after{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5683 0.384648C10.4684 0.274649 10.346 0.219648 10.201 0.219648C10.0561 0.219648 9.93121 0.272149 9.82628 0.377149C9.72134 0.482149 9.66887 0.607149 9.66887 0.752149C9.66887 0.897149 9.71884 1.02465 9.81878 1.13465L13.6564 4.95965H1.00429C0.864374 4.95965 0.74195 5.01215 0.637016 5.11715C0.532081 5.22215 0.479614 5.34715 0.479614 5.49215C0.479614 5.63715 0.532081 5.76215 0.637016 5.86715C0.74195 5.97215 0.864374 6.02465 1.00429 6.02465H13.6564L9.81878 9.86465C9.71884 9.96465 9.66887 10.0871 9.66887 10.2321C9.66887 10.3771 9.72134 10.5021 9.82628 10.6071C9.93121 10.7121 10.0561 10.7646 10.201 10.7646C10.346 10.7646 10.4684 10.7146 10.5683 10.6146L15.3054 5.87465C15.4153 5.76465 15.4703 5.63715 15.4703 5.49215C15.4703 5.34715 15.4153 5.22465 15.3054 5.12465L10.5683 0.384648Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media (max-width: 767px) {
    .budi-leistungen-slider__wrapper .budi-swiper-arrow{
        /* top: -155px; */
    }

    .budi-leistungen-slider__wrapper .budi-swiper-arrow .swiper-button-prev,
    .budi-leistungen-slider__wrapper .budi-swiper-arrow .swiper-button-next{
        width: 40px;
        height: 40px;
    }
}

/* Indicator Bar */
.budi-leistungen-slider__wrapper .indicator-bar {
    max-width: 200px;
    position: relative;
    height: 1px;
    background-color: var(--color-sub);
    margin-top: 10px;
    margin-bottom: 32px;
}
  
.budi-leistungen-slider__wrapper .indicator {
    height: 3px;
    position: relative;
    top: -1px;
    width: 0;
    background-color: var(--color-sub);
    transition: width 0.3s ease-in-out;
}