
/* media screen
----------------------------------------------------------------*/
@media screen {
    /* interface */

        /* dots */
        .slick-dots {
            bottom: 10px;
        }
        .slick-dots li {
            margin: 0 5px;
        }
        .slick-dots li button {
            box-shadow: none;
        }

        .slick-dots li button:before {
            color: var(--wildenau-lightgreen);
            content: "";
            width: 10px;
            height: 10px;
            -webkit-font-smoothing: none;
            background: none;
            opacity: 0.95;
            border: 3px solid var(--wildenau-lightgreen);
            border-radius: 10px;
            transform: rotate(45deg);
            transform-origin: center;
        }

        .slick-dots li.slick-active button:before {
            color: #fff;
            background-color: var(--wildenau-limegreen);
            opacity: 1;
        }

    /* interface ends */

    .slick-track  {
        min-height: 115px;
        height: 300px;
        width: 100%;
        overflow: hidden;
    }

	.slick-track .slick-slide img {
		object-fit: cover;
		width: 100%;
        min-height: 100%;
	}

    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .fullfill {
    }

    .slick-initialized .slimage_container,
    .slick-initialized .slvideo_container {
        background: #fff;
        opacity:1 !important;
    }



    .slick-slide .slimage_container,
    .slideTextContainer,
    .slick-animated .slideTextContainer {
        transition: none;
        transform: scale(1);
    }


    .art_fullWidth .mod_bsslider.block {
        padding: 0 !important;
    }


    /* .slideTextContainer */
    .slideTextContainer {
        padding: 0.75rem;
        text-shadow: none;
        position: relative;
        font-size: inherit;
    }

    .slideTextContainer,
    .slideTextContainer a {

        line-height: 1;
        margin-bottom: 0.25rem;
    }

    /* wildenau spz */
    .slick-list {
        border-radius: 1rem;
        overflow: hidden;
    }

}
/*@media ends*/



@media only screen and (min-width: 320px) {
    .art_fullWidth .slider .slick-track {
        height: 300px;
    }
}

@media only screen and (min-width: 421px) {
    .art_fullWidth .slider .slick-track {
        height: 340px;
    }
}

@media only screen and (min-width: 667px) {
    .art_fullWidth .slider .slick-track {
        height: 360px;
    }
}

@media only screen and (min-width: 768px) {
    .slick-track  {
        height: 435px;
    }
}

@media only screen and (min-width: 850px) {
    .art_fullWidth .slider .slick-track {
        height: 500px;
    }
}

@media only screen and (min-width: 1024px) {
    .slick-track {
        height: 600px;
    }

    .slideTextContainer h1, .slideTextContainer .like-h1,
    .slideTextContainer h2, .slideTextContainer .like-h2 {

    }
}

@media only screen and (min-width: 1200px) {
    .slider .slick-track {
        height: 616px;
        max-height: 616px;
    }
}

@media only screen and (min-width: 1300px) {

}

@media only screen and (min-width: 1600px) {

}
@media only screen and (min-width: 1800px) {

}

/* Arrow Query
--------------------*/
@media screen {
    .slick-arrow {
        background-color: var(--wildenau-lightgreen) !important;
        top: -5px;
        --btn-width: 50px;
        right: var(--btn-width);
        width: var(--btn-width);
        height: var(--btn-width);
        border-radius: calc(var(--btn-width) / 2);   
        cursor: pointer;     
    }
    
    .slick-arrow:hover {
        background-color: var(--wildenau-green) !important;
    }

    .slick-arrow:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../images/icons/arrow-left.svg);
        background-size: 20%;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1;
    }

    .slick-prev {
        left: auto;
        right: calc(var(--btn-width) * 2 + 20px);
    }

    .slick-next:before {
        transform: rotate(180deg);
        transform-origin: center;
    }    
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .slick-arrow {
        --btn-width: 80px;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Arrow ends
--------------------*/
