.referencelogo{
    filter: grayscale(0%);
}

.referencelogo img{
    filter: grayscale(100%);
}
.referencelogo:hover img{
     filter: grayscale(0%);
 }

.referencelogoTitle{
    height: 80px;
    font-size: 1.3rem;
}

.sliderwrapper{
    position: relative;

}

.carousel-control-next, .carousel-control-prev {
    opacity: 1;
}

.carousel-control-next-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300a19a'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300a19a'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

#slickslide{
    align-items: center;
    display: flex;
}

#slickslide .referencelogo:before {
    display: none;
}
.slick-list{
    overflow: hidden;

}
.w-65{
    width: 35%;
}
.slick-track{
    display: flex;
}

.carousel-control-prev, .carousel-control-next {
    width: unset;
}


@media only screen and (max-width: 767px)  {
    #slickslide .referencelogoTitle{
        font-size: 1.2rem;
    }
    .referencelogo.border-left:after{
        display:none;
    }
}

@media only screen and (min-width: 416px) and (max-width: 580px)  {
    #slickslide .referencelogoTitle{
        font-size: 0.9rem;
        height: 45px;
    }
}

@media only screen and (max-width: 1199px)  {
        .referenzenwrap .row .referencelogo:nth-child(3).border-left:after{
            display:none;
        }

    }

@media only screen and (min-width: 768px)  {
    #slickslide .referencelogoTitle{
        font-size: 1.1rem;
    }

    .referencelogo.border-left:after {
        display:block;
    }

}

@media only screen and (min-width: 991px)  {
    #slickslide .referencelogoTitle{
        font-size: 1.3rem;
    }


}


@media only screen and (min-width: 1200px)  {
    .w-65{
        width: 65%;
    }
    referencelogo.border-left:after{
        display:block;
    }
}