/* ------------------------------
   Custom Arrow Design
--------------------------------*/

/* ------------------------------
   Custom Arrow Design
--------------------------------*/

.slick-prev,
.slick-next {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #C5305B!important; /* NEUE FARBE */
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 0;
    border: none;
    cursor: pointer;
    z-index: 10;
}

/* Hover */
.slick-prev:hover,
.slick-next:hover {
    background-color: #a1284c!important; /* etwas dunkler für Hover */
}

.slick-prev:before,
.slick-next:before {
    font-size: 0;
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: #fff; /* Pfeilfarbe */
}

/* Left Arrow */
.slick-prev:before {
    mask-image: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96"><path d="M39.3756,48.0022l30.47-25.39a6.0035,6.0035,0,0,0-7.6878-9.223L26.1563,43.3906a6.0092,6.0092,0,0,0,0,9.2231L62.1578,82.615a6.0035,6.0035,0,0,0,7.6878-9.2231Z"/></svg>');
}

/* Right Arrow */
.slick-next:before {
    mask-image: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96"><path d="M69.8437,43.3876,33.8422,13.3863a6.0035,6.0035,0,0,0-7.6878,9.223l30.47,25.39-30.47,25.39a6.0035,6.0035,0,0,0,7.6878,9.2231L69.8437,52.6106a6.0091,6.0091,0,0,0,0-9.223Z"/></svg>');
}



.slick-track {margin-bottom:20px;}

.slick-slide {}