/* Slider */
.slider-wrapper {
  /*width: 938px;
  height: 350px;*/
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 500px;
  height: 320px; /* 450 480 */
}

button[type='button']:focus {
  border: 2px solid #999999;
}

@media only screen and (min-width: 992px) {
  .slider-wrapper {
    height: 500px;
  }
}
@media only screen and (min-width: 1400px) {
  .slider-wrapper {
    margin-left: -140px; /* (1380 - 1100) / 2 */
    width: 1380px;
  }
}

.slick-slider {
  width: 500px; /* 1*400 + 0*40 + 2*50 */
}
@media only screen and (min-width: 1400px) {
  .slick-slider {
    /*width: 932px;*/
    width: 1380px; /* 3*400 + 2*40 + 2*50 */
  }
}

.slick-slide img {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.slider-wrapper .slick-arrow {
    position: absolute;
    top: unset;
    bottom: -44px;

    background-repeat: no-repeat;
    height: 32px;
    width: 18px;

    z-index: 100;
    /*display: none;*/

}
@media only screen and (max-width: 991px) {
  .slider-wrapper .slick-arrow,
  .slider-wrapper .slick-dots{
    /*display: none !important;*/
  }

}
.slider-wrapper .slick-prev:hover,
.slider-wrapper .slick-prev:focus,
.slider-wrapper .slick-next:hover,
.slider-wrapper .slick-next:focus {
  color: inherit;
  outline: none;
}

.slider-wrapper .slick-prev,
.slider-wrapper .slick-prev:hover,
.slider-wrapper .slick-prev:focus {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACQSURBVHgB7ZXBCcAgDABjJ+gIjuAK3aAbtCN0g7qZo+gGHSGNtB+lghEpIh6EPAJnQE0AugARJYXBhxNKeCUWQ9TElVAyFDIqzZBLohOP5khULck1JIFkqyXB/iUHMPB/TUAt6PQ90RV/RDQtW/H7QRbJ1JAVyWwtmfxDxttrQghHaaFwUSl/ryU685egoUluxZWBuLoIR8kAAAAASUVORK5CYII=);
}
.slider-wrapper .slick-prev {
  left: 50px;
}
.slider-wrapper .slick-next,
.slider-wrapper .slick-next:hover,
.slider-wrapper .slick-next:focus {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAgCAYAAADwvkPPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACMSURBVHgB7dXRCYAgEIDhq0kaoVHaQEdogxyhDRrNERrhUrqHEBXuOqKkH4Sg+hAVBHh1iGjC2MPw8RnuRMg1OUizSptBUvjRYr4FJH0CnAprKAbHH1QBvSY4PAVu8X0POnWsryuzWrlQaQMcx6kdDcdxGoeMJoQNQoT5DCS+6tIFtyANz1vJE2qhuQ7+u6B+vx+CsAAAAABJRU5ErkJggg==);
}
.slider-wrapper .slick-next {
  right: 50px;
}

.slider-wrapper .slick-prev:before,
.slider-wrapper .slick-next:before {
  font-size: 40px;
  content: "";
}
@media only screen and (min-width: 992px) {
  .slider-wrapper .slick-arrow {
    display: block;
    top: 440px;
    bottom: unset;
  }

  .slider-wrapper .slick-prev {
    left: 110px;
  }
  .slider-wrapper .slick-next {
    right: 115px;
  }
}
@media only screen and (min-width: 1400px) {

  .slider-wrapper .slick-arrow {
    /*top: 200px; a) aussen */
    top: 470px; /* b) */
  }
  .slider-wrapper .slick-prev {
    /* left: 30px;  2.5%; a) */
    left: 545px; /* b) */
  }
  .slider-wrapper .slick-next {
    /* right: 50px; 3.5%; a) */
    right: 550px; /* b) */
  }
}




.slick-slider .slick-dots li button {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACWSURBVHgBpZKLDcIwDESPTtARMgIjlAlgI0YgG8AKTJJuEDY5bOg3bdXUedJFkeK72JKBBJKN6CGKHAmip8hhC3msO+MeWlOvmQPzCbMQ5v286ES9J/7nirBxqeS4w85NA86wc9URiAIqFKIBH9hpNeANO22/ulbcL0YunsfxQx8sXeVJSE4nfmFOgpzoxXlHsTM2af0XhlW4SI4I1pEAAAAASUVORK5CYII=);
}
.slick-slider .slick-dots li button:before {
  content: "";
}

.slick-slider .slick-dots li.slick-active {
  width: 50px;
}
.slick-slider .slick-dots li.slick-active button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAQCAYAAABUWyyMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEDSURBVHgB3ZbBTcNAEEX/HwdypQGkuALwMTdcQVIKHSTpADqBCuCWo92BLdFAbhHByWfHBglcQSbvsNJo9/C/Zmf3EyOq7ceDmRaSLQHNcE4QNcRa+toU87z9v/VDVTU3dshWEh8RAEJPp+lxUxT5bqgxmOBh8gbhHpFIHdJ1V7oZ89o7Ec6EkzTbZ9KeYLVtZuSkQWAklEZerRAdnpbpainelRpBZAufkfBG/JswXAjJCFvEpzbh+IrwsDbIXhAcjyxWzG/fBTwjKK7dc9cw7PtundYa0fAQOe21ozdSlPlO+66M1BnX+puzvOb4gEcWIFuTvMPZ/TFs+8cpzbWPxN+db+ozYCILQCOaAAAAAElFTkSuQmCC);
  width: 50px;
}



@media only screen and (max-width: 1020px) {
  .slider-wrapper {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}

@media only screen and (max-width: 991px) {
  .slider-wrapper {
    width: 270px;
    overflow: visible;
  }
  .slick-slider {
    width: 360px;
    margin-left: -40px;
  }

}

@media only screen and (max-width: 480px) {
  .slider-wrapper {
    width: 100%;
    overflow: visible;
  }
  .slick-slider {
    width: 100%;
    margin-left: auto;
  }

}