@charset 'UTF-8';
/* Arrows */
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(100% + 70px);
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border:2px solid #663B67;
    outline: none;
    width:50px;
    height:50px;
    border-radius:50%;
    transition:background-color .3s ease;
}
.slick-prev.slick-disabled, .slick-next.slick-disabled {
    display: none !important;
}
.slick-prev {
    right:138px;
    right:calc(var(--side) + 90px);
    background:url(../images/arrow-left.svg) transparent no-repeat left 14px center;
    background-size:14px 23px;
}
.slick-next {
    right:48px;
    right:var(--side);
    background:url(../images/arrow-right.svg) transparent no-repeat right 14px center;
    background-size:14px 23px;
}
/* Styleguide «button»: Kreis-Outline, Hover hell gefüllt, gedrückt voll */
@media (hover: hover) {
    .slick-prev:hover, .slick-next:hover {
        background-color:rgba(131,76,132,.224);
    }
}
.slick-prev:active, .slick-next:active {
    background-color:#663B67;
}
.slick-prev:active {
    background-image:url(../images/arrow-left-pressed.svg);
}
.slick-next:active {
    background-image:url(../images/arrow-right-pressed.svg);
}
.slick-prev:focus-visible, .slick-next:focus-visible {
    outline:2px solid #663B67;
    outline-offset:3px;
}

/* Dots */
.slick-dots {
    display: none;
}