https://www.gefahrstoffdaten.de/static/js/self/execute_1699283434000.js

1
2$(document).ready(function () {
3
4
5    $(".cms-start-carousel").each(function(i) {
6      var items = $(this).find('> div').length;
7      $(this).owlCarousel({
8        items: 1,
9        nav: true,
10        dots: (items > 1) ? true : false,
11        loop: (items > 1) ? true : false,
12        autoplay: (items > 1) ? true : false
13      });
14      if (items > 1) {
15        var startSliderContainer = $(this).closest('.sxStartSliderContainer');
16        startSliderContainer.find(".owl-dots ").wrap('<div class="sxStartSliderNavigation"></div>');
17        startSliderContainer.find(".sxStartSliderNavigation ").prepend('<span onclick="sxCmsStartPrev(this)" href="#prevSlide"><i class="fa fa-chevron-left" aria-hidden="true"></i> </span>');
18        startSliderContainer.find(".sxStartSliderNavigation ").append('<span onclick="sxCmsStartNext(this)" href="#nextSlide"><i class="fa fa-chevron-right" aria-hidden="true"></i></span>');
19       }
20    });
21
22
23    $('.sxViewMore a').click(function () {
24
25        if ($("i", this).hasClass('fa-angle-down')) {
26            $(".sxBlogList .item").css('display', 'block');
27            $(this).html($(this).data('textopen'));
28        } else {
29            var sxMenuX = 0;
30            $(this).html($(this).data('textclose'));
31            $(".sxBlogList .item").each(function () {
32                if (sxMenuX > 4) {
33                    $(this).hide();
34
35                }
36
37                sxMenuX++;
38            });
39        }
40
41    });
42
43
44    /*bug fix for owl arrows on chrome*/
45
46    setTimeout(function () {
47            $("i.sxLeft").addClass('fa fa-angle-left');
48            $("i.sxRight").addClass('fa fa-angle-right');
49        },
50        2000);
51
52    $('.sxStartPageInfoSlider').each(function(i) {
53        var $slider = $(this);
54        var $sliderContainer = $slider.closest('.sxStartPageInfoSliderContainer');
55
56/*
57        var isFullWidth = $sliderContainer.hasClass('full-width');
58        var isOneThird = $sliderContainer.hasClass('one-third');
59        var isTwoThird = $sliderContainer.hasClass('two-third');
60
61        var itemCount = $slider.find('> div').length;
62        if (isOneThird) {
63          var responsiveItemCount = {
64            0: 1,
65            768: 2,
66            1170: 1
67          };
68        } else if (isTwoThird) {
69          var responsiveItemCount = {
70            0: 1,
71            768: 2,
72            1170: 2
73          };
74        } else if (isFullWidth) {
75          var responsiveItemCount = {
76            0: 1,
77            768: 2,
78            1170: 3
79          };
80        } else {
81          var responsiveItemCount = {
82            0: 1,
83            768: 2,
84            1170: 3
85          };
86        }
87*/
88        var itemCount = $slider.find('> div').length;
89        var responsiveItemCount = {
90            0: parseInt($sliderContainer.attr('data-mobile-size')),
91            768: parseInt($sliderContainer.attr('data-tablet-size')),
92            1170: parseInt($sliderContainer.attr('data-desktop-size'))
93        };
94
95        $slider.owlCarousel({
96            center: false,
97            loop: false,
98            navText: ['<i class="fa fa-chevron-left" aria-hidden="true"></i>', '<i class="fa fa-chevron-right" aria-hidden="true"></i>'],
99            responsive: {
100              0: {
101                items: responsiveItemCount[0],
102                navigation: itemCount > responsiveItemCount[0],
103                dots: itemCount > responsiveItemCount[0],
104                nav: itemCount > responsiveItemCount[0]
105              },
106              768: {
107                sxFixedWidth: 380,
108                items: responsiveItemCount[768],
109                navigation: itemCount > responsiveItemCount[768],
110                dots: itemCount > responsiveItemCount[768],
111                nav: itemCount > responsiveItemCount[768]
112              },
113              1170: {
114                items: responsiveItemCount[1170],
115                navigation: itemCount > responsiveItemCount[1170],
116                dots: itemCount > responsiveItemCount[1170],
117                nav: itemCount > responsiveItemCount[1170]
118              }
119            }
120        });
121
122        $slider.find(".owl-dots ").wrap('<div class="sxStartSliderNavigation"></div>');
123        $slider.find(".sxStartSliderNavigation ").prepend('<span onclick="sxStartArtPrev(this)" href="#prev"><i class="fa fa-chevron-left" aria-hidden="true"></i> </span>');
124        $slider.find(".sxStartSliderNavigation ").append('<span onclick="sxStartArtNext(this)" href="#next"><i class="fa fa-chevron-right" aria-hidden="true"></i></span>');
125
126        function toggleSliderNavigation() {
127          if (window.innerWidth >= 0) {
128            $sliderContainer.find('.sxStartSliderNavigation, .sxNavigation').toggleClass('invisible', itemCount <= responsiveItemCount[0]);
129            $sliderContainer.attr('data-size', responsiveItemCount[0]);
130          }
131          if (window.innerWidth >= 768) {
132            $sliderContainer.find('.sxStartSliderNavigation, .sxNavigation').toggleClass('invisible', itemCount <= responsiveItemCount[768]);
133            $sliderContainer.attr('data-size', responsiveItemCount[768]);
134          }
135          if (window.innerWidth >= 1170) {
136            $sliderContainer.find('.sxStartSliderNavigation, .sxNavigation').toggleClass('invisible', itemCount <= responsiveItemCount[1170]);
137            $sliderContainer.attr('data-size', responsiveItemCount[1170]);
138          }
139        }
140
141        $slider.on('resize.owl.carousel', toggleSliderNavigation);
142        toggleSliderNavigation();
143    }); 
144  
145    /*bug fix for owl arrows on chrome*/
146
147    setTimeout(function () {
148            $("i.sxLeftA").addClass('fa fa-chevron-left');
149            $("i.sxRightA").addClass('fa  fa-chevron-right');
150        },
151        2000);
152
153
154    $(':not(.standard-slider) .sxModuleMainSlider').each(function() {
155      var items = $(this).find('.sxOnePageHeader,.sxBlogHeader').length;
156      $(this).owlCarousel({
157        center: true,
158        items: 1,
159        loop: (items > 1) ? true : false,
160        autoplay: (items > 1) ? true : false,
161        navigation: true,
162        dots: (items > 1) ? true : false,
163        nav: true,
164        navText: (items> 1) ? ['<i class="sxLeftA" aria-hidden="true"></i>', '<i class="sxRightA" aria-hidden="true"></i>'] : [],
165      });
166    });
167    
168    $('.standard-slider .sxModuleMainSlider').each(function() {
169      var items = $(this).find('.sxOnePageHeader,.sxBlogHeader').length;
170      $(this).owlCarousel({
171        center: true,
172        items: 1,
173        loop: (items > 1) ? true : false,
174        autoplay: (items > 1) ? true : false,
175        navigation: true,
176        dots: (items > 1) ? true : false,
177        nav: true,
178        navText: (items> 1) ? ['<i class="sxLeftA" aria-hidden="true"></i>', '<i class="sxRightA" aria-hidden="true"></i>'] : [],
179      });
180    });
181
182    $('.sxRehmBlog .sxBlogList .item').each(function () {
183        var img = $('.img', this).html();
184        $('.sxAuthorImages').append(
185          '<div>' + 
186            '<a href="' + $(this).attr('href') + '">' + img + '</a>' +
187          '</div>'
188        );
189    });
190
191    $('.sxRehmBlog .sxBlogList .item').each(function () {
192        var info = $('.info', this).html();
193        $('.sxAuthorInfos').append('<div>' + info + '</div>');
194    });
195
196    $('.sxAuthorInfos ').owlCarousel({
197        center: true,
198        items: 1,
199        loop: true,
200        navigation: true,
201        dots: false,
202        nav: false,
203        navElement: false,
204        touchDrag: true,
205        mouseDrag: true,
206        linked: ".sxAuthorImages",
207    });
208
209    $('.sxAuthorImages').owlCarousel({
210        center: true,
211
212        loop: true,
213        navigation: true,
214
215        dots: false,
216        nav: true,
217        linked: ".sxAuthorInfos",
218        navText: ['<i class="sxLeftA" aria-hidden="true"></i>', '<i class="sxRightA" aria-hidden="true"></i>'],
219        responsive: {
220            0: {
221                sxFixedWidth: 100,
222                items: 1,
223            },
224            768: {
225                items: 3,
226                sxFixedWidth: 155
227            }
228        }
229    });
230
231
232    $('.sxAccordion .item .title').click(function () {
233        $(this).closest('.item').toggleClass('active');
234    });
235
236
237    $('.sxOnePageNav a').click(function () {
238        if ($(this).siblings('ul').length) {
239            $('.sxMobileMenu > div').html($(this).siblings('ul').clone());
240            $('.sxMobileMenu').toggle();
241        }
242    });
243
244
245    $(".sxOneSliderContainer").owlCarousel({
246        center: true,
247        items: 1,
248        loop: true,
249        dots: false,
250        margin: 10,
251        sxFixedWidth: 214,
252        navText: ['<i class="sxLeft" aria-hidden="true"></i>', '<i class="sxRight" aria-hidden="true"></i>'],
253        responsive: {
254            768: {
255                loop: false,
256                center: false,
257                items: 3,
258                sxFixedWidth: 224,
259
260            },
261            1170: {
262                loop: false,
263                center: false,
264                items: 4,
265                sxFixedWidth: 275,
266
267            }
268        }
269    });
270
271    $('.sxOnePageNavContainer .after').bind('touchstart mousedown', function (e) {
272        scrolling = true;
273        startScrolling($(".sxOnePageNav "), "+=10");
274    });
275
276    $('.sxOnePageNavContainer .after').bind('touchend mouseup', function (e) {
277        scrolling = false;

278    });
279
280
281    $('.sxOnePageReadMore a ').click(function () {
282        if ($('i', this).hasClass('fa-angle-down')) {
283            $(this).parent().siblings('.sxOneText').find('> div').slideDown(250);
284            $(this).html($(this).data('readless'));
285        } else {
286            var x = 0;
287            $(this).parent().siblings('.sxOneText').find('> div').each(function () {
288                if (x > 0) {
289                    $(this).slideUp(250);
290                }
291
292                x++;
293            });
294
295            var sxMore = $(this).parent().siblings('.sxOneText').offset().top;
296            if ($('#sxSticky').html()) {
297                sxMore = sxMore - 160;
298            }
299
300            $('html, body').animate({
301                scrollTop: sxMore
302            }, 200, function () {
303
304                // Add hash (#) to URL when done scrolling (default click behavior)
305                window.location.hash = '#MainText';
306            });
307
308            $(this).html($(this).data('readmore'));
309        }
310
311
312    });
313
314    $('.sxOpenMenu a').bind('touchstart', function (e) {
315        if($(this).siblings('ul').size() > 0){
316            $(this).siblings('ul').toggle();
317
318        }
319    });
320
321
322    $('.sxStartPageInfoSliderContainer .sxLeftArrow').click(function () {
323        var $slider = $(this).closest('.sxStartPageInfoSliderContainer').find('.sxStartPageInfoSlider');
324        $slider.trigger('prev.owl.carousel');
325        $slider.trigger('prev.owl.carousel');
326        $slider.trigger('prev.owl.carousel');
327        return false; 
328    });
329
330    $('.sxStartPageInfoSliderContainer .sxRightArrow').click(function () {
331        var $slider = $(this).closest('.sxStartPageInfoSliderContainer').find('.sxStartPageInfoSlider');
332        $slider.trigger('next.owl.carousel');
333        $slider.trigger('next.owl.carousel');
334        $slider.trigger('next.owl.carousel');
335        return false;
336    });
337
338});
339
340
341function sxCmsStartPrev(clicked) {
342    $(clicked).closest('.cms-start-carousel').trigger('prev.owl.carousel');
343    return false;
344}
345function sxCmsStartNext(clicked) {
346    $(clicked).closest('.cms-start-carousel').trigger('next.owl.carousel');
347    return false;
348}
349
350function sxStartArtPrev(clicked) {
351    var $sliderContainer = $(clicked).closest('.sxStartPageInfoSliderContainer');
352    var $slider = $sliderContainer.find('.sxStartPageInfoSlider');
353    var itemCount = $slider.find('.owl-stage > div').length;
354    var lastItemActive = $slider.find('.owl-stage > div:last').hasClass('active')
355    var size = parseInt($sliderContainer.attr('data-size'));
356    var offset = (size > 1 && itemCount % 2 == 1 && lastItemActive) ? 1 : 0; 
357    for (var i = 0; i < size - offset; i++) {
358      $slider.trigger('prev.owl.carousel');
359    }
360    return false;
361}
362
363function sxStartArtNext(clicked) {
364    var $sliderContainer = $(clicked).closest('.sxStartPageInfoSliderContainer');
365    var $slider = $sliderContainer.find('.sxStartPageInfoSlider');
366    var size = parseInt($sliderContainer.attr('data-size'));
367    for (var i = 0; i < size; i++) {
368      $slider.trigger('next.owl.carousel');
369    }
370    return false;
371}
372
373$(document).ready(function() {
374  $('.ellipsis').dotdotdot();
375  $('.ellipsis-watch').dotdotdot({ watch: true});
376});
377
378
379
380$('img[data-src]').each(function() { 
381  var img = this; 
382  img.addEventListener('load', function (e) { 
383    $(img).addClass('loaded'); 
384  })
385});
386
387window.setTimeout(function() {
388  window.dispatchEvent(new Event('resize'));
389}, 100);