https://klicktipps.de/wp-content/themes/maintheme/js/main.js?ver=1.1

1(function ($) {
2	"use strict";
3
4/*=============================================
5	=    		 Preloader			      =
6=============================================*/
7    function handlePreloader() {
8		if($('.loader-wrap').length){
9			$('.loader-wrap').delay(1000).fadeOut(500);
10		}
11	}
12
13    $(window).on('load', function() {
14		handlePreloader();
15		 
16	});
17
18 
19    
20
21    //===Header Sticky===
22    $(window).on('scroll', function () {
23        var scroll = $(window).scrollTop();
24        if (scroll < 245) {
25            $("#sticky-header").removeClass("sticky-menu");
26            $('.scroll-to-target').removeClass('open');
27
28        } else {
29            $("#sticky-header").addClass("sticky-menu");
30            $('.scroll-to-target').addClass('open');
31        }
32    });
33    if ($('.scroll-to-target').length) {
34        $(".scroll-to-target").on('click', function () {
35            var target = $(this).attr('data-target');
36            // animate
37            $('html, body').animate({
38                scrollTop: $(target).offset().top
39            }, 1000);
40
41        });
42    }
43
44    //Submenu Dropdown Toggle
45    if ($('.main-header li.dropdown ul').length) {
46        $('.main-header li.dropdown').append('<div class="dropdown-btn"><span class="fa fa-angle-down"></span></div>');
47
48        //Dropdown Button
49        $('.main-header li.dropdown .dropdown-btn').on('click', function () {
50            $(this).prev('ul').slideToggle(500);
51        });
52
53        //Disable dropdown parent link
54        //$('.main-header .navigation li.dropdown > a,.hidden-bar .side-menu li.dropdown > a').on('click', function(e) {
55        //e.preventDefault();
56        //});
57    }
58
59    //Mobile Nav Hide Show
60    if ($('.mobile-menu').length) {
61
62        var mobileMenuContent = $('.main-header .nav-outer .main-menu .navigation').html();
63        $('.mobile-menu .navigation').append(mobileMenuContent);
64        $('.sticky-header .navigation').append(mobileMenuContent);
65        $('.mobile-menu .close-btn').on('click', function () {
66            $('body').removeClass('mobile-menu-visible');
67        });
68        //Dropdown Button
69        $('.mobile-menu li.dropdown .dropdown-btn').on('click', function () {
70            $(this).prev('ul').slideToggle(500);
71        });
72        //Menu Toggle Btn
73        $('.mobile-nav-toggler').on('click', function () {
74            $('body').addClass('mobile-menu-visible');
75        });
76
77        //Menu Toggle Btn
78        $('.mobile-menu .menu-backdrop,.mobile-menu .close-btn').on('click', function () {
79            $('body').removeClass('mobile-menu-visible');
80        });
81
82    }
83     
84     
85      $('.main-carousel').owlCarousel({         
86        loop: true,
87        margin: 40,
88        fluidSpeed: true,
89        smartSpeed: 3000,
90        responsiveClass: true,
91        dots: false,
92        
93        navText: ["<i class='icon icon-arrow-left'></i>", "<i class='icon icon-arrow-right'></i>"],
94        nav: true,
95        autoplay: true,
96        autoplaySpeed: 3000,
97        autoplayHoverPause: true,
98        responsive: {
99            0: {
100                items: 1,
101            },
102            400: {
103                items: 1,
104            },
105            600: {
106                items: 1,
107            },
108            1000: {
109                items: 1,
110            },
111            1920: {
112                items: 1
113            }
114        }
115         
116    });
117 $('.goals-carousel').owlCarousel({
118        loop: true,
119        margin: 20,
120        fluidSpeed: true,
121        smartSpeed: 3000,
122        responsiveClass: true,
123        dots: false,
124        
125        navText: ["<i class='icon icon-arrow-left'></i>", "<i class='icon icon-arrow-right'></i>"],
126        nav: true,
127        autoplay: true,
128        autoplaySpeed: 3000,
129        autoplayHoverPause: true,
130        responsive: {
131            0: {
132                items: 1,
133            },
134            400: {
135                items: 1,
136            },
137            600: {
138                items: 2,
139            },
140            1000: {
141                items: 3,
142            },
143            1920: {
144                items: 3
145            }
146        }
147
148    });
149    
150    $('.service-carousel').owlCarousel({
151       //center: true,
152        loop: true,        
153        margin: 20,
154        fluidSpeed: true,
155        smartSpeed: 5000,
156        responsiveClass: true,
157        dots: false,
158        navText: ["<span class='icon icon-arrow-left'></span>", "<span class='icon icon-arrow-right'></span>"],
159        nav: true,
160        autoplay: true,
161        autoplaySpeed: 4000,
162        autoplayHoverPause: true,
163        responsive: {
164            0: {
165                items: 1,
166            },
167            400: {
168                items: 1,
169            },
170            600: {
171                items: 2,
172            },
173            1000: {
174                items: 3,
175            },
176            1920: {
177                items: 3
178            }
179        }
180
181    });
182  $('.client').owlCarousel({         
183       loop: true,
184        margin: 20,
185        fluidSpeed: true,
186        smartSpeed: 3000,
187        responsiveClass: true,
188        dots: false,
189        
190        navText: ["<i class='icon icon-arrow-left'></i>", "<i class='icon icon-arrow-right'></i>"],
191        nav: true,
192        autoplay: true,
193        autoplaySpeed: 3000,
194        autoplayHoverPause: true,
195        responsive: {
196            0: {
197                items: 1,
198            },
199            400: {
200                items: 1,
201            },
202            600: {
203                items: 2,
204            },
205            1000: {
206                items: 3,
207            },
208            1920: {
209                items: 3
210            }
211        }
212
213         
214    });
215
216    
217})(jQuery);