/* 
Stylings der Carousels, die die Slick-Defaults überschreiben
 */

/* PFEILE  */
.slick-prev,
.slick-next {
    margin: 0;
    padding: 0;
    width: 2rem;
    height: 100%;
    background-color: transparent;
    /* border: 1px solid red; */
    font-family: "BellMT", "Tahoma", "TimesNewRoman", serif;
    z-index: 10;
}
.slick-next:before,
.slick-prev:before {
    color: var(--wp--preset--color--vaw-blau);
    opacity: 1;
    font-size: var(--wp--preset--font-size--x-large);
    transition: color 0.2s ease;
    font-weight: 600;
}

.slick-prev:hover:before,
/* .slick-prev:focus:before, */
.slick-next:hover:before
/* .slick-next:focus:before */
{
    opacity: 1;
    color: var(--wp--preset--color--vaw-braun);
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: 1;
}

.slick-prev:before {
    content: '{';
}

[dir='rtl'] .slick-prev:before {
    content: '}';
}

.slick-next:before {
    content: '}';
}

[dir='rtl'] .slick-next:before {
    content: '{';
}

/* schwarze box bei Klick eliminieren: */
.slick-slide:focus {
    border-width: 0;
    outline-width: 0;
}

/* CAROUSEL MIT 2 BILDERN */
.carousel2 .slick-slide,
.carousel3 .slick-slide {
    padding: 0 5px;
}