var mq = window.matchMedia( "(min-width: 992px)" );
var slider = $('.slick-projekte');

function initSlider(){
    if (mq.matches) {
        if(!slider.hasClass('slick-initialized')) {
            console.log('slick start init');
            slider.slick({
                lazyLoad: 'ondemand',
                slidesToShow: 1,
                slidesToScroll: 1,
                speed: 1200,
                pauseOnHover: false,
                autoplay: false,
                appendArrows: 'footer',
                prevArrow: '<a href="##" class="slick-prev hidden-xs"></a>',
                nextArrow: '<a href="##" class="slick-next hidden-xs"></a>',
            });
        }
    }
    else{
        if(slider.hasClass('slick-initialized')){
            slider.slick('unslick');
        }

    }
}

//delay for calling initSlider only when resize is finished
var delay = (function(){
    var timer = 0;
    return function(callback, ms){
    clearTimeout (timer);
    timer = setTimeout(callback, ms);
    };
})();

//call initSlider after window resize
$( window ).resize(function() {
    delay(function(){
        initSlider();
   }, 200);
});