{"id":39,"date":"2021-10-25T11:15:54","date_gmt":"2021-10-25T09:15:54","guid":{"rendered":"https:\/\/rosmarie.bertaeins.ch\/beispiel-seite\/"},"modified":"2023-03-28T08:37:28","modified_gmt":"2023-03-28T06:37:28","slug":"beispiel-seite","status":"publish","type":"page","link":"https:\/\/rosmarie.bertaeins.ch\/en\/","title":{"rendered":"Startseite"},"content":{"rendered":"\n    <section class=\"darum-gehts-block\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                <div class=\"darum-gehts-block-content\">\n\n                                            <div class=\"media-block visibleInBackend\">\n                            <img decoding=\"async\" class=\"darum-gehts-bg-line\" src=\"https:\/\/rosmarie.bertaeins.ch\/wp-content\/themes\/rosmarie\/assets\/images\/darum-gehts-bg-line.svg\" alt=\"line\">\n\n                            <div class=\"media-inner-block\">\n                                \n                                                                    <div class=\"media-video\">\n                                                                                                                                    <div id=\"player\"><\/div>\n                                                <video class=\"video\" playsinline poster=\"\" id=\"darum-gehts-video\" style=\"width: 0; height: 0\"><\/video>\n                                                                                    \n\n                                        \n                                        <div class=\"card-img-video-play-block\" id=\"darum_gehts_video_btn\" style=\"background-image: url('')\">\n                                            <svg class=\"play-video\" viewBox=\"0 0 107 107\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                                <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                                    <g id=\"Group\" transform=\"translate(1.000000, 1.000000)\">\n                                                        <g id=\"play-icon-el-1\" transform=\"translate(7.000000, 7.000000)\" fill=\"#fff\" fill-rule=\"nonzero\">\n                                                            <g id=\"Ellipse-2\">\n                                                                <ellipse id=\"Oval\" cx=\"45.7389\" cy=\"45.6977\" rx=\"45.7389\" ry=\"45.6977\"><\/ellipse>\n                                                            <\/g>\n                                                        <\/g>\n                                                        <g id=\"play-icon-el-2\" stroke=\"#fff\">\n                                                            <path d=\"M105.114738,52.509277 C105.114738,81.508977 81.584138,105.018277 52.557138,105.018277 C23.530238,105.018277 -2.88657986e-15,81.508977 -2.88657986e-15,52.509277 C-2.88657986e-15,23.509677 23.530238,-2.66453526e-15 52.557138,-2.66453526e-15 C81.584138,-2.66453526e-15 105.114738,23.509677 105.114738,52.509277 Z\" id=\"Path\"><\/path>\n                                                        <\/g>\n                                                        <g id=\"play-icon\" transform=\"translate(43.000000, 41.000000)\" fill=\"#fff\">\n                                                            <path d=\"M18.612786,12.754948 L1.944756,23.163048 C1.349466,23.534748 0.565266,23.353948 0.193208,22.759248 C0.066948,22.557348 -1.11022302e-16,22.324148 -1.11022302e-16,22.086148 L-1.11022302e-16,1.269938 C-1.11022302e-16,0.568568 0.569086,-8.8817842e-16 1.271086,-8.8817842e-16 C1.509316,-8.8817842e-16 1.742746,0.066887 1.944756,0.193033 L18.612786,10.601148 C19.208086,10.972848 19.389086,11.756348 19.016986,12.351148 C18.914686,12.514648 18.776486,12.652748 18.612786,12.754948 Z\" id=\"Path\"><\/path>\n                                                        <\/g>\n                                                    <\/g>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/div>\n\n                                    <script>\n                                        jQuery( function( $ ) {\n                                            var headerVideoPlayBtn = document.getElementById(\"darum_gehts_video_btn\");\n                                            var headerVideo = document.getElementById(\"darum-gehts-video\");\n\n                                            if(headerVideoPlayBtn && headerVideo) {\n                                                headerVideoPlayBtn.addEventListener(\"click\", playPause);\n                                                headerVideo.addEventListener(\"click\", playPause);\n                                            }\n\n                                            function playPause() {\n                                                if (headerVideo.paused) {\n                                                    headerVideo.play();\n                                                                                                        playVideo();\n                                                                                                        $(headerVideoPlayBtn).css('display', 'none');\n                                                    $(headerVideo).addClass('video-stop');\n                                                }\n                                                else  {\n                                                    headerVideo.pause();\n                                                    $(headerVideoPlayBtn).css('display', 'block');\n                                                    $(headerVideo).removeClass('video-stop');\n                                                }\n                                            }\n                                        });\n                                    <\/script>\n\n\n                                    <script>\n                                        \/\/ 2. This code loads the IFrame Player API code asynchronously.\n                                        var tag = document.createElement('script');\n\n                                        tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\n                                        var firstScriptTag = document.getElementsByTagName('script')[0];\n                                        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n\n                                        \/\/ 3. This function creates an <iframe> (and YouTube player)\n                                        \/\/    after the API code downloads.\n                                        var player;\n                                        function onYouTubeIframeAPIReady() {\n                                            player = new YT.Player('player', {\n                                                height: '390',\n                                                width: '640',\n                                                videoId: \"KXw8CRapg7k\",\n                                                events: {\n                                                    'onReady': onPlayerReady,\n                                                    'onStateChange': onPlayerStateChange\n                                                }\n                                            });\n                                        }\n\n                                        \/\/ 4. The API will call this function when the video player is ready.\n                                        function onPlayerReady(event) {\n                                            event.target.stopVideo();\n                                        }\n\n                                        \/\/ 5. The API calls this function when the player's state changes.\n                                        \/\/    The function indicates that when playing a video (state=1),\n                                        \/\/    the player should play for six seconds and then stop.\n                                        var done = false;\n                                        function onPlayerStateChange(event) {\n                                            if (event.data == YT.PlayerState.PLAYING && !done) {\n                                                \/\/ setTimeout(stopVideo, 6000);\n                                                done = true;\n                                            }\n\n                                            if (event.data === YT.PlayerState.ENDED) {\n                                                player.playVideo();\n                                            }\n                                        }\n                                        function stopVideo() {\n                                            player.stopVideo();\n                                        }\n\n                                        function playVideo() {\n                                            player.playVideo();\n                                        }\n                                    <\/script>\n                                                            <\/div>\n                        <\/div>\n                    \n                    <div class=\"text-block visibleInBackend \">\n                                                    <p class=\"block-subtitle\">Darum geht&#8217;s<\/p>\n                        \n                                                    <h2>Was will die Initiative<\/h2>\n                        \n                                                    <div class=\"text\">\n                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed velit dignissim sodales ut eu sem integer. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim.<\/p>\n                            <\/div>\n                        \n                                                    <div class=\"link\">\n                                <a href=\"https:\/\/rosmarie.bertaeins.ch\/en\/testimonial-generator\/\"  class=\"primary-theme-btn\">\n                                    Jetzt mitmachen                                <\/a>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        var controller = new ScrollMagic.Controller();\n\n        new ScrollMagic.Scene({\n            triggerElement: \".darum-gehts-block .text-block\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".darum-gehts-block .text-block\", \"visibleBlock\")\n            .addTo(controller);\n\n        new ScrollMagic.Scene({\n            triggerElement: \".darum-gehts-block .media-block\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".darum-gehts-block .media-block\", \"visibleBlock\")\n            .addTo(controller);\n\n        new ScrollMagic.Scene({\n            triggerElement: \".darum-gehts-block .link\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".darum-gehts-block .link\", \"visibleBlock\")\n            .addTo(controller);\n    <\/script>\n\n\n\n\n            <section class=\"arguments-wrapper arguments-6a7492de82e43\">\n            <div class=\"arguments_block_bg\"><\/div>\n\n            <div class=\"arguments\">\n                <div class=\"arguments-left visibleInBackend\">\n                                            <p class=\"block-subtitle none\">Argumente<\/p>\n                    \n                                            <p class=\"arguments-title none\">Warum die Initiative wichtig ist<\/p>\n                    \n                    <div class=\"arguments-slider-arrows-container\"><\/div>\n                <\/div>\n\n                <div class=\"arguments-right visibleInBackend\">\n                    <div class=\"arguments-paging none\">\n                        <span class=\"arguments-paging-count\">1<\/span>\n                        <span class=\"arguments-paging-divider\">\/<\/span>\n                        <span class=\"arguments-paging-total\">3<\/span>\n                    <\/div>\n\n                    <div class=\"arguments-slider-container\">\n                                                    <div class=\"arguments-slider-card\">\n                                <h3 class=\"arguments-slider-card-title none\">Lorem Ipsum<\/h3>\n                                <div class=\"arguments-slider-card-text none\">\n                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed velit dignissim sodales ut eu sem integer. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Ornare arcu odio ut sem nulla pharetra diam. Nulla at volutpat diam ut venenatis tellus.<\/p>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"arguments-slider-card\">\n                                <h3 class=\"arguments-slider-card-title none\">Lorem Ipsum<\/h3>\n                                <div class=\"arguments-slider-card-text none\">\n                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed velit dignissim sodales ut eu sem integer. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Ornare arcu odio ut sem nulla pharetra diam. Nulla at volutpat diam ut venenatis tellus.<\/p>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"arguments-slider-card\">\n                                <h3 class=\"arguments-slider-card-title none\">Lorem Ipsum<\/h3>\n                                <div class=\"arguments-slider-card-text none\">\n                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed velit dignissim sodales ut eu sem integer. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Ornare arcu odio ut sem nulla pharetra diam. Nulla at volutpat diam ut venenatis tellus.<\/p>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n\n                            <div class=\"link visibleInBackend\">\n                    <a href=\"https:\/\/rosmarie.bertaeins.ch\/en\/page\/\" class=\"primary-theme-btn\">\n                        Mehr erfahren                    <\/a>\n                <\/div>\n                    <\/section>\n\n        <script>\n            jQuery(document).ready(function($){\n                const arguments_slider_arrows_container_6a7492de82e43 = $('.arguments-wrapper.arguments-6a7492de82e43 .arguments-slider-arrows-container');\n                const arguments_slider_6a7492de82e43 = $('.arguments-wrapper.arguments-6a7492de82e43 .arguments-slider-container').slick({\n                    dots: true,\n                    arrows: true,\n                    infinite: true,\n                    speed: 1500,\n                    fade: false,\n                    autoplay: true,\n                    slidesToShow: 1,\n                    slidesToScroll: 1,\n                });\n\n                arguments_slider_6a7492de82e43.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {\n                    const slideIndex = (currentSlide ? currentSlide : 0) + 1;\n\n                    $('.arguments-wrapper.arguments-6a7492de82e43 .arguments-paging .arguments-paging-count').text(slideIndex);\n\n                    arguments_slider_arrows_container_6a7492de82e43.find('.slick-next').blur();\n                    arguments_slider_arrows_container_6a7492de82e43.find('.slick-prev').blur();\n                });\n\n                arguments_slider_arrows_container_6a7492de82e43.append(arguments_slider_6a7492de82e43.find('.slick-prev'));\n                arguments_slider_arrows_container_6a7492de82e43.append(arguments_slider_6a7492de82e43.find('.slick-next'));\n            });\n\n            var controller = new ScrollMagic.Controller();\n\n            new ScrollMagic.Scene({\n                triggerElement: \".arguments-wrapper.arguments-6a7492de82e43 .arguments-left\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".arguments-wrapper.arguments-6a7492de82e43 .arguments-left\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".arguments-wrapper.arguments-6a7492de82e43 .arguments-right\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".arguments-wrapper.arguments-6a7492de82e43 .arguments-right\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".arguments-wrapper.arguments-6a7492de82e43 .link\",\n                triggerHook: 0.9,\n                offset: 0\n            })\n                .setClassToggle(\".arguments-wrapper.arguments-6a7492de82e43 .link\", \"visibleBlock\")\n                .addTo(controller);\n        <\/script>\n    \n\n\n\n    <section class=\"forms-block\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                <div class=\"title-block-wrapper visibleInBackend\">\n                                            <p class=\"block-subtitle\">Formulare<\/p>\n                    \n                                            <h2 class=\"forms-title\">Formulare<\/h2>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"row\">\n                            <div class=\"col-md-4\">\n                    <div class=\"form-item anim-delay-1 visibleInBackend\">\n                        \n                        \n                        \n                        \n                        <div class=\"button-block\">\n                            <a class=\"btn-arrow-secondary overlay-open\" href=\"#\" data-type=\"komitee\" id=\"komitee-form_overlay\">\n                                Mehr laden                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            \n                            <div class=\"col-md-4\">\n                    <div class=\"form-item anim-delay-2 visibleInBackend\">\n                        \n                        \n                        \n                        \n                        <div class=\"button-block\">\n                            <a class=\"btn-arrow-secondary overlay-open\" href=\"#\" data-type=\"testimonial\" id=\"testimonial-form_overlay\">\n                                Mehr laden                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            \n                            <div class=\"col-md-4\">\n                    <div class=\"form-item anim-delay-3 visibleInBackend\">\n                        \n                        \n                        \n                        \n                        <div class=\"button-block\">\n                            <a class=\"btn-arrow-secondary overlay-open\" href=\"#\" data-type=\"newsletter\" id=\"newsletter-form_overlay\">\n                                Mehr laden                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            \n                    <\/div>\n    <\/section>\n\n    <script>\n        var controller = new ScrollMagic.Controller();\n\n        new ScrollMagic.Scene({\n            triggerElement: \".forms-block .title-block-wrapper\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".forms-block .title-block-wrapper\", \"visibleBlock\")\n            .addTo(controller);\n\n        new ScrollMagic.Scene({\n            triggerElement: \".forms-block .form-item\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".forms-block .form-item.anim-delay-1\", \"visibleBlock\")\n            .addTo(controller);\n\n        new ScrollMagic.Scene({\n            triggerElement: \".forms-block .form-item.anim-delay-2\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".forms-block .form-item.anim-delay-2\", \"visibleBlock\")\n            .addTo(controller);\n\n        new ScrollMagic.Scene({\n            triggerElement: \".forms-block .form-item.anim-delay-3\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".forms-block .form-item.anim-delay-3\", \"visibleBlock\")\n            .addTo(controller);\n    <\/script>\n\n\n\n    \n\n\n\n\n\n    \n\n\n\n    \n\n\n\n            <section class=\"logos-block\">\n            <div class=\"row\">\n                <div class=\"col-md-12\">\n                    <div class=\"logos-content\">\n\n                                                    <div class=\"title-block-wrapper visibleInBackend\">\n                                <div class=\"section_title_block\">\n                                                                            <p class=\"block-subtitle\">Logos<\/p>\n                                    \n                                                                            <h2 class=\"block-title\">Logos<\/h2>\n                                                                    <\/div>\n                            <\/div>\n                        \n                        <div class=\"logos-block-inner-container visibleInBackend\">\n                            <div class=\"logos-slider\">\n                                                                    <div class=\"logo\">\n                                                                                    <div class=\"picture\">\n                                                <img decoding=\"async\" src=\"https:\/\/rosmarie.bertaeins.ch\/wp-content\/uploads\/2022\/07\/logo_svp.png\" alt=\"logo_svp\">\n                                            <\/div>\n                                                                            <\/div>\n                                                                    <div class=\"logo\">\n                                                                                    <div class=\"picture\">\n                                                <img decoding=\"async\" src=\"https:\/\/rosmarie.bertaeins.ch\/wp-content\/uploads\/2022\/07\/logo_sp.png\" alt=\"logo_sp\">\n                                            <\/div>\n                                                                            <\/div>\n                                                                    <div class=\"logo\">\n                                                                                    <div class=\"picture\">\n                                                <img decoding=\"async\" src=\"https:\/\/rosmarie.bertaeins.ch\/wp-content\/uploads\/2022\/07\/logo_gruenliberale.png\" alt=\"logo_gruenliberale\">\n                                            <\/div>\n                                                                            <\/div>\n                                                                    <div class=\"logo\">\n                                                                                    <div class=\"picture\">\n                                                <img decoding=\"async\" src=\"https:\/\/rosmarie.bertaeins.ch\/wp-content\/uploads\/2022\/07\/logo_gruene.png\" alt=\"logo_gruene\">\n                                            <\/div>\n                                                                            <\/div>\n                                                                    <div class=\"logo\">\n                                                                                    <div class=\"picture\">\n                                                <img decoding=\"async\" src=\"https:\/\/rosmarie.bertaeins.ch\/wp-content\/uploads\/2022\/07\/logo_fdp.png\" alt=\"logo_fdp\">\n                                            <\/div>\n                                                                            <\/div>\n                                                                    <div class=\"logo\">\n                                                                                    <div class=\"picture\">\n                                                <img decoding=\"async\" src=\"https:\/\/rosmarie.bertaeins.ch\/wp-content\/uploads\/2022\/07\/logo_evp.jpeg\" alt=\"logo_evp\">\n                                            <\/div>\n                                                                            <\/div>\n                                                                    <div class=\"logo\">\n                                                                                    <div class=\"picture\">\n                                                <img decoding=\"async\" src=\"https:\/\/rosmarie.bertaeins.ch\/wp-content\/uploads\/2022\/07\/logo_diemitte.png\" alt=\"logo_diemitte\">\n                                            <\/div>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <script>\n        jQuery( function( $ ) {\n            $('.logos-slider').slick({\n                slidesToShow: 5,\n                slidesToScroll: 5,\n                autoplay: false,\n                autoplaySpeed: 2000,\n                arrows: true,\n                infinite: false,\n                dots: true,\n                responsive: [\n                    {\n                        breakpoint: 1024,\n                        settings: {\n                            arrows: false,\n                            slidesToShow: 3,\n                            slidesToScroll: 3,\n                        }\n                    },\n                ],\n            });\n        });\n\n        var controller = new ScrollMagic.Controller();\n\n        new ScrollMagic.Scene({\n            triggerElement: \".logos-block .title-block-wrapper\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".logos-block .title-block-wrapper\", \"visibleBlock\")\n            .addTo(controller);\n\n        new ScrollMagic.Scene({\n            triggerElement: \".logos-block .logos-block-inner-container\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".logos-block .logos-block-inner-container\", \"visibleBlock\")\n            .addTo(controller);\n    <\/script>\n    \n\n\n\n    <section class=\"testimonial_generator_supporters_block\" data-paged=\"1\" data-maxpages=\"0\" data-imageformatdesktop=\"16_9\" data-imageformatmobile=\"16_9\">\n        <div class=\"container-main\">\n            <div class=\"testimonial_generator_supporters_block_content\">\n                <div class=\"testimonial_generator_supporters_block_mob_screen_marker\"><\/div>\n\n                <div class=\"title-block-wrapper visibleInBackend\">\n                                            <p class=\"block-subtitle\">Lorem ipsum<\/p>\n                    \n                                            <h2 class=\"block-title\">Supporters<\/h2>\n                                    <\/div>\n\n                <div class=\"text-wrapper visibleInBackend\">\n                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed velit dignissim sodales ut eu sem integer. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Ornare arcu odio ut sem nulla pharetra diam. Nulla at volutpat diam ut venenatis tellus.<\/p>\n                                    <\/div>\n\n                                    <p style=\"text-align: center\">Keine Unterst\u00fctzer<\/p>\n                            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        new ScrollMagic.Scene({\n            triggerElement: \".testimonial_generator_supporters_block .title-block-wrapper\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".testimonial_generator_supporters_block .title-block-wrapper\", \"visibleBlock\")\n            .addTo(controller);\n\n        new ScrollMagic.Scene({\n            triggerElement: \".testimonial_generator_supporters_block .text-wrapper\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".testimonial_generator_supporters_block .text-wrapper\", \"visibleBlock\")\n            .addTo(controller);\n\n        new ScrollMagic.Scene({\n            triggerElement: \".testimonial_generator_supporters_block .supporters-wrapper\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".testimonial_generator_supporters_block .supporters-wrapper\", \"visibleBlock\")\n            .addTo(controller);\n\n        new ScrollMagic.Scene({\n            triggerElement: \".testimonial_generator_supporters_block .load_more_gt_supporters\",\n            triggerHook: 0.9,\n            offset: 0\n        })\n            .setClassToggle(\".testimonial_generator_supporters_block .load_more_gt_supporters\", \"visibleBlock\")\n            .addTo(controller);\n    <\/script>\n\n\n\n\n            <section class=\"our-story our-story-6a7492de950da\">\n            <div class=\"row\">\n                <div class=\"col-md-12\">\n                    <div class=\"our-story-content\">\n\n                        <div class=\"title-block-wrapper visibleInBackend\">\n                            <div class=\"section_title_block\">\n                                                                    <p class=\"block-subtitle\">Lorem ipsum<\/p>\n                                \n                                                                    <h2 class=\"block-title\">Timeline<\/h2>\n                                                            <\/div>\n                        <\/div>\n\n                                                    <div class=\"text-wrapper visibleInBackend\">\n                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed velit dignissim sodales ut eu sem integer. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Ornare arcu odio ut sem nulla pharetra diam. Nulla at volutpat diam ut venenatis tellus.<\/p>\n                            <\/div>\n                        \n                        <div class=\"our-story-slider-container visibleInBackend\">\n                            <div class=\"our-story-slider\">\n                                                                    <div class=\"our-story-slide\" data-number=\"1\" data-date=\"2019\">\n                                        <div class=\"our-story-slide-content\">\n                                            <div class=\"our-story-slide-content-l\">\n                                                                                            <\/div>\n\n                                            <div class=\"our-story-slide-content-r\">\n                                                <p class=\"story_title margin-bottom-0\">Lorem ipsum <\/p>\n                                                <div class=\"desc\">\n                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed velit dignissim sodales ut eu sem integer. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Ornare arcu odio ut sem nulla pharetra diam. Nulla at volutpat diam ut venenatis tellus.<\/p>\n                                                <\/div>\n\n                                                \n                                                                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"our-story-slide\" data-number=\"2\" data-date=\"2020\">\n                                        <div class=\"our-story-slide-content\">\n                                            <div class=\"our-story-slide-content-l\">\n                                                                                            <\/div>\n\n                                            <div class=\"our-story-slide-content-r\">\n                                                <p class=\"story_title margin-bottom-0\">Lorem ipsum <\/p>\n                                                <div class=\"desc\">\n                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed velit dignissim sodales ut eu sem integer. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Ornare arcu odio ut sem nulla pharetra diam. Nulla at volutpat diam ut venenatis tellus.<\/p>\n                                                <\/div>\n\n                                                \n                                                                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"our-story-slide\" data-number=\"3\" data-date=\"2021\">\n                                        <div class=\"our-story-slide-content\">\n                                            <div class=\"our-story-slide-content-l\">\n                                                                                            <\/div>\n\n                                            <div class=\"our-story-slide-content-r\">\n                                                <p class=\"story_title margin-bottom-0\">Lorem ipsum <\/p>\n                                                <div class=\"desc\">\n                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed velit dignissim sodales ut eu sem integer. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Ornare arcu odio ut sem nulla pharetra diam. Nulla at volutpat diam ut venenatis tellus.<\/p>\n                                                <\/div>\n\n                                                \n                                                                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"our-story-slide\" data-number=\"4\" data-date=\"2022\">\n                                        <div class=\"our-story-slide-content\">\n                                            <div class=\"our-story-slide-content-l\">\n                                                                                            <\/div>\n\n                                            <div class=\"our-story-slide-content-r\">\n                                                <p class=\"story_title margin-bottom-0\">Lorem ipsum <\/p>\n                                                <div class=\"desc\">\n                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed velit dignissim sodales ut eu sem integer. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Ornare arcu odio ut sem nulla pharetra diam. Nulla at volutpat diam ut venenatis tellus.<\/p>\n                                                <\/div>\n\n                                                \n                                                                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <script>\n            var controller = new ScrollMagic.Controller();\n\n            new ScrollMagic.Scene({\n                triggerElement: \".our-story-6a7492de950da .title-block-wrapper\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".our-story-6a7492de950da .title-block-wrapper\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".our-story-6a7492de950da .text-wrapper\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".our-story-6a7492de950da .text-wrapper\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".our-story-6a7492de950da .our-story-slider-container\",\n                triggerHook: 0.85,\n                offset: 0\n            })\n                .setClassToggle(\".our-story-6a7492de950da .our-story-slider-container\", \"visibleBlock\")\n                .addTo(controller);\n\n        <\/script>\n\n        <script>\n            jQuery( document ).ready( function($) {\n\n                let story_slider_active_slide_number_6a7492de950da = 1;\n                let story_slider_active_slide_number_new_6a7492de950da = $('.our-story-6a7492de950da .our-story-slider .slick-slide.slick-active').find('.our-story-slide').data('number');\n\n                $('.our-story-6a7492de950da .our-story-slider').slick({\n                    dots: true,\n                    infinite: false,\n                    speed: 500,\n                    fade: false,\n                    autoplaySpeed: 5000,\n                    cssEase: 'linear',\n                    autoplay: false,\n                    slidesToShow: 1,\n                    slidesToScroll: 1,\n                    customOnChange: function justChanged(){\n\n                        story_slider_active_slide_number_new_6a7492de950da = $('.our-story-6a7492de950da .our-story-slider .slick-slide.slick-active').find('.our-story-slide').data('number');\n\n                        story_slider_active_slide_number_6a7492de950da = story_slider_active_slide_number_new_6a7492de950da;\n\n                        if($('.point-767px').css('display') === 'block'){\n                            $('.our-story-6a7492de950da .our-story-slider .slick-dots').css({\n                                'margin-left': (ml_6a7492de950da - (story_slider_active_slide_number_new_6a7492de950da - 1) * 100) + '%'\n                            });\n                        }else{\n                            $('.our-story-6a7492de950da .our-story-slider .slick-dots').css({\n                                'margin-left': (ml_6a7492de950da - (story_slider_active_slide_number_new_6a7492de950da - 1) * 200) + 'px'\n                            });\n                        }\n\n\n                        story_slider_dots_el_6a7492de950da.find('li').each(function (index, value) {\n                            $(value).removeClass('past');\n                        });\n\n                        let is_past = true;\n\n                        story_slider_dots_el_6a7492de950da.find('li').each(function (index, value) {\n                            if(is_past && !$(value).hasClass('slick-active')){\n                                $(value).addClass('past');\n                            }\n\n                            if($(value).hasClass('slick-active')){\n                                is_past = false;\n                            }\n                        });\n\n                    },\n                });\n\n                const story_slider_dots_el_6a7492de950da = $('.our-story-6a7492de950da .our-story-slider .slick-dots');\n                const sliders_6a7492de950da = $('.our-story-6a7492de950da .our-story-slider .our-story-slide');\n                const slider_count_6a7492de950da = sliders_6a7492de950da.length;\n\n                story_slider_dots_el_6a7492de950da.wrapAll('<div class=\"slick_slider_dots_wrapper\" \/>');\n\n                set_story_slider_dots_el_width_6a7492de950da();\n\n\n                const ml_6a7492de950da = story_slider_dots_el_6a7492de950da.length ? parseInt(story_slider_dots_el_6a7492de950da.css('margin-left').split('px')[0]) : null;\n\n                story_slider_dots_el_6a7492de950da.find('li').each(function (index, value) {\n                    if(index === 0){\n                        $(value).addClass('first');\n                    }\n\n                    if(index === story_slider_dots_el_6a7492de950da.find('li').length - 1){\n                        $(value).addClass('last');\n                    }\n\n                    $(value).append('<span class=\"dot-title\">' + $(sliders_6a7492de950da[index]).data('date') + '<\/span>');\n                });\n\n                function set_story_slider_dots_el_width_6a7492de950da(){\n                    if($('.point-767px').css('display') === 'block'){\n                        story_slider_dots_el_6a7492de950da.css('width', slider_count_6a7492de950da * 100 + '%');\n                    }else{\n                        story_slider_dots_el_6a7492de950da.css('width', slider_count_6a7492de950da * 200 + 200 + 'px');\n                    }\n                }\n\n                $(window).resize(function(){\n                    set_story_slider_dots_el_width_6a7492de950da();\n\n                    if($('.point-767px').css('display') === 'block'){\n                        $('.our-story-6a7492de950da .our-story-slider .slick-dots').css({\n                            'margin-left': (ml_6a7492de950da - (story_slider_active_slide_number_new_6a7492de950da - 1) * 100) + '%'\n                        });\n                    }else{\n                        $('.our-story-6a7492de950da .our-story-slider .slick-dots').css({\n                            'margin-left': (ml_6a7492de950da - (story_slider_active_slide_number_new_6a7492de950da - 1) * 200) + 'px'\n                        });\n                    }\n                });\n            });\n        <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"https:\/\/rosmarie.bertaeins.ch\/en\/wp-json\/wp\/v2\/pages\/39"}],"collection":[{"href":"https:\/\/rosmarie.bertaeins.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rosmarie.bertaeins.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rosmarie.bertaeins.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rosmarie.bertaeins.ch\/en\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":201,"href":"https:\/\/rosmarie.bertaeins.ch\/en\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":2484,"href":"https:\/\/rosmarie.bertaeins.ch\/en\/wp-json\/wp\/v2\/pages\/39\/revisions\/2484"}],"wp:attachment":[{"href":"https:\/\/rosmarie.bertaeins.ch\/en\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}