https://www.fes.de/_assets/937238720054956e7dd629d1a158c548/js/hexagonMenu.js?1788941034

1$(document).ready(function () {
2
3    var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
4    if (isSafari) {
5        safariSVGPatch();
6    }
7    setHeightTeaserList();
8
9    $(window).resize(function () {
10        setHeightTeaserList();
11    });
12
13    $('.svgKachel').on('click', function () {
14        $curThemeID = $(this).attr('id');
15
16        // Clear Styles
17        $('.svgKachel').attr('class', 'svgKachel');
18        $('.hexagon-menu .cAccordion').removeClass('cAccordion--active');
19
20        // show active Theme with Teaser
21        $(this).attr('class', 'svgKachel svgKachel--active');
22        $('.cAccordion.' + $curThemeID).addClass('cAccordion--active');
23
24        setHeightTeaserList();
25    });
26});
27
28// set maxHeight for Teaser-List (for Scrollbar)
29function setHeightTeaserList() {
30    $curWindowWidth = $(window).width();
31    $svgHeight = $('#svgHexagonMap').height();
32    $teaserHeaderHeight = $('.hexagon-menu .cAccordion--active .hexagon-menu__themetitle').height();
33    $maxTeaserListHeight = $svgHeight - ($teaserHeaderHeight + 10);
34
35    if ($curWindowWidth > 1024) {
36        $('.cAccordion--active .hexagon-menu__teaserList').css('height', $maxTeaserListHeight);
37    } else {
38        $('.hexagon-menu .hexagon-menu__teaserList').attr('style', '');
39    }
40}
41
42// repair SVGs for Safari Browser
43function safariSVGPatch() {
44    $('.hexagon-menu .svgKachel__Image').each(function(index) {
45        $iterator = index +1;
46        $(this).attr('fill', 'url(' + location.href + '#themeImage0' + $iterator + ')');
47    });
48
49    $('.hexagon-menu #svgGradient').attr('fill', 'url(' + location.href + '#svgGradientFill)');
50    $('.hexagon-menu .svgHexagonGradient').attr('fill', 'url(' + location.href + '#SVGID_3)').attr('style', 'clip-path:url(' + location.href + '#SVGID_2)');
51}