/*


         ___     __                        
   _____/ (_)___/ /__  ____________________
  / ___/ / / __  / _ \/ ___/ ___/ ___/ ___/
 (__  ) / / /_/ /  __/ /  / /__(__  |__  ) 
/____/_/_/\__,_/\___/_(_) \___/____/____/  
                                           

 Version: 2.1.5
  Author: digiPublica
 Website: https://www.digipublica.de
    Desc: digiPublica Included Styles for Slick Slider

*/

/* -----------------------------------------------
GENERAL
----------------------------------------------- */

.slider {
	position: relative;
    overflow: hidden;
}
.slider.contentwidth {
    max-width: 1100px;
    margin: 0 auto;
}
.slider.padding-both .slider-content {
    padding: 6rem 0;
}
.slider.padding-top .slider-content {
    padding: 6rem 0 0 0
}
.slider.padding-bottom .slider-content {
    padding: 0 0 6rem 0;
}
.slider.padding-disabled .slider-content {
    padding: 0;
}

/* -----------------------------------------------
OVERRIDE INITIALIZED SLIDE
----------------------------------------------- */

.slick-initialized .slick-slide {
    display: flex;
}

/* -----------------------------------------------
MULTICOLUMN CONDITION
----------------------------------------------- */

.mehrspalter .slick-list {
    margin: 0 -2rem;
}

/* -----------------------------------------------
BACKGROUND IMAGE
----------------------------------------------- */

.slider-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
}
.slider-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.slider-image > .image-copyright {
    top: .5rem;
    right: .5rem;
    z-index: 1;
}

/* -----------------------------------------------
BACKGROUND IMAGE OVERLAY
----------------------------------------------- */

.slider.black-overlay .slider-image::after,
.slider.white-overlay .slider-image::after,
.slider.default-overlay .slider-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.slider.black-overlay .slider-image::after {
    background: rgb(0 0 0 / 50%);
}
.slider.white-overlay .slider-image::after {
    background: rgb(255 255 255 / 50%);
}

/* -----------------------------------------------
BACKGROUND COLOR
----------------------------------------------- */

.slider.disabled-background {
    background: transparent;
}
.slider.white-background { 
    background: #FFF;
}
.slider.grey-background {
    background: #f4f7fa;
}

/* -----------------------------------------------
PAGINATION
----------------------------------------------- */

.slick-dots {
    left: 50%;
    transform: translateX(-50%);
}
.slick-dots li {
    margin: 0;
}
.slick-dots li::before {
    display: none;
}
.slick-dots li button:before {
    font-size: 10px;
    transition: all .25s;
}

/* -----------------------------------------------
BUTTONS
----------------------------------------------- */

.slick-prev {
    left: 0;
}
.slick-next {
    right: 0;
}
.slick-prev,
.slick-next {
    width: auto;
    height: auto;
    padding: 2rem;
    color: #FFF;
    transition: all .25s;
    transform: none;
    z-index: 1;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-prev:active,
.slick-next:hover,
.slick-next:focus,
.slick-next:active {
    color: #FFF;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-prev:active {
    left: -.25rem;
}
.slick-next:hover,
.slick-next:focus,
.slick-next:active {
    right: -.25rem;
}
.slick-prev:before,
.slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    opacity: 1;
    color: inherit;
    font-size: 25px;
}
.slick-prev::before {
    content: "\f053";
}
.slick-next::before {
    content: "\f054";
}

/* -----------------------------------------------
PADDING AUTO ALIGNMENT
----------------------------------------------- */

div.padding-auto:first-of-type .slider-content {
    padding: 6rem 2rem 0;
}
div.padding-auto:last-of-type .slider-content {
    padding: 0 2rem 6rem;
}
div.padding-auto:first-of-type:last-of-type .slider-content {
    padding: 6rem 2rem;
}