{"id":40,"date":"2021-10-25T11:15:54","date_gmt":"2021-10-25T09:15:54","guid":{"rendered":"https:\/\/hans.bertaeins.ch\/beispiel-seite\/"},"modified":"2023-03-23T17:38:16","modified_gmt":"2023-03-23T16:38:16","slug":"beispiel-seite","status":"publish","type":"page","link":"https:\/\/hans.bertaeins.ch\/fr\/","title":{"rendered":"Startseite"},"content":{"rendered":"\n    <section class=\"darum-gehts-block\">\n        <div class=\"darum_gehts_block_bg\"><\/div>\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                <div class=\"container-mini\">\n                    <div class=\"darum-gehts-block-content\">\n\n                        <div class=\"text-block visibleInBackend\">\n\n                                                            <p class=\"block-subtitle\">Darum geht&rsquo;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                                                    <\/div>\n\n                                                    <div class=\"media-block visibleInBackend\">\n\n                                \n                                                                    <div class=\"media-video\">\n\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 63 63\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                                <g id=\"Desktop\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                                    <g id=\"Landingpage-Var1\" transform=\"translate(-979.000000, -1605.000000)\" stroke=\"#FFFFFF\" stroke-width=\"4\">\n                                                        <g id=\"Group-22\" transform=\"translate(981.000000, 1607.000000)\">\n                                                            <line x1=\"24.5\" y1=\"12\" x2=\"24.5\" y2=\"46.6276596\" id=\"Line-3\" stroke-linecap=\"square\"><\/line>\n                                                            <line x1=\"24\" y1=\"29\" x2=\"43.5\" y2=\"45.5\" id=\"Line-2\" stroke-linecap=\"square\" transform=\"translate(34.000000, 37.500000) rotate(-90.000000) translate(-34.000000, -37.500000) \"><\/line>\n                                                            <line x1=\"42\" y1=\"11\" x2=\"26\" y2=\"29\" id=\"Line-2\" stroke-linecap=\"square\" transform=\"translate(34.000000, 20.000000) rotate(-90.000000) translate(-34.000000, -20.000000) \"><\/line>\n                                                            <circle id=\"Oval\" transform=\"translate(29.500000, 29.500000) rotate(-90.000000) translate(-29.500000, -29.500000) \" cx=\"29.5\" cy=\"29.5\" r=\"29.5\"><\/circle>\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                        \n                                                    <div class=\"link\">\n                                <a href=\"https:\/\/hans.bertaeins.ch\/fr\/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 section-container arguments-6a75f6264fa7f\">\n            <div class=\"block-bg none\"><\/div>\n            <div class=\"row\">\n                <div class=\"col-md-12 \">\n                    <div class=\"container-mini\">\n                        <div class=\"arguments-wrapper\">\n\n                            <div class=\"block-title-wrapper visibleInBackend\">\n                                                                    <p class=\"block-subtitle\">Argumente<\/p>\n                                \n                                                                    <p class=\"block-title\">Warum die Initiative wichtig ist<\/p>\n                                                            <\/div>\n\n                            <div class=\"panel-group visibleInBackend\" id=\"accordion\">\n                                                                    <div class=\"panel panel-default\">\n                                        <div class=\"panel-heading active\">\n                                            <h3 class=\"panel-title\">\n                                                <a data-toggle=\"collapse\" data-parent=\"#accordion-6a75f6264fa7f\" href=\"#collapse-6a75f6264fa7f-1\">\n                                                    <span>1. <\/span>\n                                                    <span>Lorem Ipsum<\/span>\n                                                <\/a>\n                                            <\/h3>\n                                        <\/div>\n                                        <div id=\"collapse-6a75f6264fa7f-1\" class=\"panel-collapse collapse in\">\n                                            <div class=\"arguments-text\"><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 class=\"panel panel-default\">\n                                        <div class=\"panel-heading \">\n                                            <h3 class=\"panel-title\">\n                                                <a data-toggle=\"collapse\" data-parent=\"#accordion-6a75f6264fa7f\" href=\"#collapse-6a75f6264fa7f-2\">\n                                                    <span>2. <\/span>\n                                                    <span>Lorem Ipsum<\/span>\n                                                <\/a>\n                                            <\/h3>\n                                        <\/div>\n                                        <div id=\"collapse-6a75f6264fa7f-2\" class=\"panel-collapse collapse \">\n                                            <div class=\"arguments-text\"><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                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"panel panel-default\">\n                                        <div class=\"panel-heading \">\n                                            <h3 class=\"panel-title\">\n                                                <a data-toggle=\"collapse\" data-parent=\"#accordion-6a75f6264fa7f\" href=\"#collapse-6a75f6264fa7f-3\">\n                                                    <span>3. <\/span>\n                                                    <span>Loret Ipsum<\/span>\n                                                <\/a>\n                                            <\/h3>\n                                        <\/div>\n                                        <div id=\"collapse-6a75f6264fa7f-3\" class=\"panel-collapse collapse \">\n                                            <div class=\"arguments-text\"><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                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n\n                                                            <div class=\"link visibleInBackend\">\n                                    <a href=\"https:\/\/hans.bertaeins.ch\/fr\/page\/\" class=\"primary-theme-btn\">\n                                        Mehr erfahren                                    <\/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: \".arguments.arguments-6a75f6264fa7f .block-title-wrapper\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".arguments.arguments-6a75f6264fa7f .block-title-wrapper\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".arguments.arguments-6a75f6264fa7f #accordion\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".arguments.arguments-6a75f6264fa7f #accordion\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".arguments.arguments-6a75f6264fa7f .link\",\n                triggerHook: 0.9,\n                offset: 0\n            })\n                .setClassToggle(\".arguments.arguments-6a75f6264fa7f .link\", \"visibleBlock\")\n                .addTo(controller);\n        <\/script>\n    \n\n\n\n    <section class=\"forms-block section-container\">\n        <div class=\"block-bg secondary\"><\/div>\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                <div class=\"block-title-wrapper visibleInBackend\">\n                                            <p class=\"block-subtitle\">Jetzt mitmachen<\/p>\n                    \n                                            <p class=\"block-title\">Formulare<\/p>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"row\">\n                            <div class=\"col-sm-4\">\n                    <div class=\"form-item anim-delay-1 visibleInBackend\">\n                        \n                        \n                        \n                        \n                        <div class=\"button-block\">\n                            <a class=\"primary-theme-small-btn-border 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-sm-4\">\n                    <div class=\"form-item anim-delay-2 visibleInBackend\">\n                        \n                        \n                        \n                        \n                                                    <div class=\"button-block\">\n                                <a class=\"primary-theme-small-btn-border 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-sm-4\">\n                    <div class=\"form-item anim-delay-3 visibleInBackend\">\n                        \n                        \n                        \n                        \n                        <div class=\"button-block\">\n                            <a class=\"primary-theme-small-btn-border 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 .block-title-wrapper\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".forms-block .block-title-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            <section class=\"donation_charts_block\">\n\n                            <div class=\"row\">\n                    <div class=\"col-md-12\">\n                        <div class=\"title-block-wrapper visibleInBackend\">\n                                                            <p class=\"block-subtitle\">Lorem ipsum<\/p>\n                            \n                                                            <h2 class=\"block-title\">Spenden<\/h2>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            \n                            \n                <div class=\"donation_result_graph_container pieces\">\n                    <div class=\"block-bg\"><\/div>\n                    <div class=\"donation_result_graph_text_container visibleInBackend\">\n                        <div class=\"donation_result_graph pieces\" data-goal=\"\" data-currentvalue=\"0\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"130\" aria-valuenow=\"130\">\n                            <div class=\"donation_result_graph_text\">\n                                <span>0<\/span>\n                                <span>von 0<\/span>\n                                <span>Personen<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"donation_charts_information_block visibleInBackend\">\n                        <h2>0 Personen machen mit<\/h2>\n\n                                                    <div class=\"desc\">\n                                <p>Gerade in gesellschaftlich und wirtschaftlich unsicheren Zeiten, wie wir sie derzeit erleben, braucht die Schweiz eine starke Politik der Mitte, f\u00fcr die soziale Verantwortung kein leeres Versprechen ist und die unser Land mit Freiheit, Solidarit\u00e4t und Verantwortung zusammenh\u00e4lt. Wir wollen W\u00e4hlerinnen und W\u00e4hlern ein politisches Zuhause bieten, die genug haben von Blockadehaltung und Extrempositionen und stattdessen von Konsens-Politik \u00fcberzeugt sind.<\/p>\n                            <\/div>\n                        \n                                            <\/div>\n                <\/div>\n            \n                            \n                <div class=\"donation_result_graph_container money\">\n                    <div class=\"block-bg\"><\/div>\n                    <div class=\"donation_charts_information_block visibleInBackend\">\n                        <h2>3&rsquo;300 Franken wurden gespendet<\/h2>\n\n                                                    <div class=\"desc\">\n                                <p>Gerade in gesellschaftlich und wirtschaftlich unsicheren Zeiten, wie wir sie derzeit erleben, braucht die Schweiz eine starke Politik der Mitte, f\u00fcr die soziale Verantwortung kein leeres Versprechen ist und die unser Land mit Freiheit, Solidarit\u00e4t und Verantwortung zusammenh\u00e4lt. Wir wollen W\u00e4hlerinnen und W\u00e4hlern ein politisches Zuhause bieten, die genug haben von Blockadehaltung und Extrempositionen und stattdessen von Konsens-Politik \u00fcberzeugt sind.<\/p>\n                            <\/div>\n                        \n                                            <\/div>\n\n                    <div class=\"donation_result_graph_text_container visibleInBackend\">\n                        <div class=\"donation_result_graph money\" data-goal=\"16700\" data-currentvalue=\"3300\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"130\" aria-valuenow=\"130\">\n                            <div class=\"donation_result_graph_text\">\n                                <span>3&rsquo;300<\/span>\n                                <span>von 16&rsquo;700<\/span>\n                                <span>Franken<\/span>\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: \".donation_charts_block .title-block-wrapper\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".donation_charts_block .title-block-wrapper\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".donation_result_graph_container.pieces .donation_result_graph_text_container\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".donation_result_graph_container.pieces .donation_result_graph_text_container\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".donation_result_graph_container.pieces .donation_charts_information_block\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".donation_result_graph_container.pieces .donation_charts_information_block\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".donation_result_graph_container.money .donation_result_graph_text_container\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".donation_result_graph_container.money .donation_result_graph_text_container\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".donation_result_graph_container.money .donation_charts_information_block\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".donation_result_graph_container.money .donation_charts_information_block\", \"visibleBlock\")\n                .addTo(controller);\n        <\/script>\n    \n\n\n<p><\/p>\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                                    \n                                                                            <h2 class=\"block-title\">Unsere Unterst\u00fctzer<\/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:\/\/hans.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:\/\/hans.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:\/\/hans.bertaeins.ch\/wp-content\/uploads\/2022\/07\/logo_gruenliberale.png\" alt=\"logo_gruenliberale\">\n                                            <\/div>\n                                                                            <\/div>\n                                                                    <div class=\"logo\">\n                                                                            <\/div>\n                                                                    <div class=\"logo\">\n                                                                                    <div class=\"picture\">\n                                                <img decoding=\"async\" src=\"https:\/\/hans.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:\/\/hans.bertaeins.ch\/wp-content\/uploads\/2022\/02\/logo_evp.jpeg\" alt=\"logo_evp\">\n                                            <\/div>\n                                                                            <\/div>\n                                                                    <div class=\"logo\">\n                                                                                    <div class=\"picture\">\n                                                <img decoding=\"async\" src=\"https:\/\/hans.bertaeins.ch\/wp-content\/uploads\/2022\/02\/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=\"our-story our-story-6a75f6266ecd0\">\n            <div class=\"row\">\n                <div class=\"col-md-12\">\n                    <div class=\"our-story-content\">\n\n                        <div class=\"block-title-wrapper visibleInBackend\">\n                                                            <p class=\"block-subtitle\">Lorem ipsum<\/p>\n                            \n                                                            <p class=\"block-title\">Timeline<\/p>\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=\"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=\"2\" 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=\"3\" 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-6a75f6266ecd0 .block-title-wrapper\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".our-story-6a75f6266ecd0 .block-title-wrapper\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".our-story-6a75f6266ecd0 .text-wrapper\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".our-story-6a75f6266ecd0 .text-wrapper\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".our-story-6a75f6266ecd0 .our-story-slider-container\",\n                triggerHook: 0.85,\n                offset: 0\n            })\n                .setClassToggle(\".our-story-6a75f6266ecd0 .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_6a75f6266ecd0 = 1;\n                let story_slider_active_slide_number_new_6a75f6266ecd0 = $('.our-story-6a75f6266ecd0 .our-story-slider .slick-slide.slick-active').find('.our-story-slide').data('number');\n\n                $('.our-story-6a75f6266ecd0 .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_6a75f6266ecd0 = $('.our-story-6a75f6266ecd0 .our-story-slider .slick-slide.slick-active').find('.our-story-slide').data('number');\n\n                        story_slider_active_slide_number_6a75f6266ecd0 = story_slider_active_slide_number_new_6a75f6266ecd0;\n\n                        if($('.point-767px').css('display') === 'block'){\n                            $('.our-story-6a75f6266ecd0 .our-story-slider .slick-dots').css({\n                                'margin-left': (ml_6a75f6266ecd0 - (story_slider_active_slide_number_new_6a75f6266ecd0 - 1) * 100) + '%'\n                            });\n                        }else{\n                            $('.our-story-6a75f6266ecd0 .our-story-slider .slick-dots').css({\n                                'margin-left': (ml_6a75f6266ecd0 - (story_slider_active_slide_number_new_6a75f6266ecd0 - 1) * 200) + 'px'\n                            });\n                        }\n\n\n                        story_slider_dots_el_6a75f6266ecd0.find('li').each(function (index, value) {\n                            $(value).removeClass('past');\n                        });\n\n                        let is_past = true;\n\n                        story_slider_dots_el_6a75f6266ecd0.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_6a75f6266ecd0 = $('.our-story-6a75f6266ecd0 .our-story-slider .slick-dots');\n                const sliders_6a75f6266ecd0 = $('.our-story-6a75f6266ecd0 .our-story-slider .our-story-slide');\n                const slider_count_6a75f6266ecd0 = sliders_6a75f6266ecd0.length;\n\n                story_slider_dots_el_6a75f6266ecd0.wrapAll('<div class=\"slick_slider_dots_wrapper\" \/>');\n\n                set_story_slider_dots_el_width_6a75f6266ecd0();\n\n\n                const ml_6a75f6266ecd0 = story_slider_dots_el_6a75f6266ecd0.length ? parseInt(story_slider_dots_el_6a75f6266ecd0.css('margin-left').split('px')[0]) : null;\n\n                story_slider_dots_el_6a75f6266ecd0.find('li').each(function (index, value) {\n                    if(index === 0){\n                        $(value).addClass('first');\n                    }\n\n                    if(index === story_slider_dots_el_6a75f6266ecd0.find('li').length - 1){\n                        $(value).addClass('last');\n                    }\n\n                    $(value).append('<span class=\"dot-title\">' + $(sliders_6a75f6266ecd0[index]).data('date') + '<\/span>');\n                });\n\n                function set_story_slider_dots_el_width_6a75f6266ecd0(){\n                    if($('.point-767px').css('display') === 'block'){\n                        story_slider_dots_el_6a75f6266ecd0.css('width', slider_count_6a75f6266ecd0 * 100 + '%');\n                    }else{\n                        story_slider_dots_el_6a75f6266ecd0.css('width', slider_count_6a75f6266ecd0 * 200 + 200 + 'px');\n                    }\n                }\n\n                $(window).resize(function(){\n                    set_story_slider_dots_el_width_6a75f6266ecd0();\n\n                    if($('.point-767px').css('display') === 'block'){\n                        $('.our-story-6a75f6266ecd0 .our-story-slider .slick-dots').css({\n                            'margin-left': (ml_6a75f6266ecd0 - (story_slider_active_slide_number_new_6a75f6266ecd0 - 1) * 100) + '%'\n                        });\n                    }else{\n                        $('.our-story-6a75f6266ecd0 .our-story-slider .slick-dots').css({\n                            'margin-left': (ml_6a75f6266ecd0 - (story_slider_active_slide_number_new_6a75f6266ecd0 - 1) * 200) + 'px'\n                        });\n                    }\n                });\n            });\n        <\/script>\n    \n\n\n\n    <section class=\"testimonial_generator_supporters_block\" data-paged=\"1\" data-maxpages=\"0\" data-imageformatdesktop=\"1_1\" 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                                            <p class=\"block-title\">Supporters<\/p>\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","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:\/\/hans.bertaeins.ch\/fr\/wp-json\/wp\/v2\/pages\/40"}],"collection":[{"href":"https:\/\/hans.bertaeins.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hans.bertaeins.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hans.bertaeins.ch\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hans.bertaeins.ch\/fr\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":218,"href":"https:\/\/hans.bertaeins.ch\/fr\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":2609,"href":"https:\/\/hans.bertaeins.ch\/fr\/wp-json\/wp\/v2\/pages\/40\/revisions\/2609"}],"wp:attachment":[{"href":"https:\/\/hans.bertaeins.ch\/fr\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}