@charset 'UTF-8';

/* Slider */
.slick-loading .slick-list{
background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev, .slick-next{
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 35px;
padding: 0;
margin-top:-17.5px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
background-repeat: no-repeat;
z-index: 1;
opacity: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.slick-prev:hover, .slick-next:hover{
opacity: 0.6;
}

.slick-prev{
left: 0%;
background-image: url(../images/allgemein/nt_slick_prev.svg);
}

.slick-next{
right: 0%;
background-image: url(../images/allgemein/nt_slick_next.svg);
}

/* Dots */
.slick-dotted.slick-slider{
margin-bottom: 30px;
}

.slick-dots{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}

.slick-dots li{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}

.slick-dots li button{
font-size: 0;
line-height: 0;
display: block;

width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}

.slick-dots li button:hover, .slick-dots li button:focus{
outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before{
opacity: 1;
}

.slick-dots li button:before{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before{
opacity: .75;
color: black;
}