{"id":40,"date":"2021-10-25T11:15:54","date_gmt":"2021-10-25T09:15:54","guid":{"rendered":"https:\/\/ruedi.bertaeins.ch\/beispiel-seite\/"},"modified":"2023-03-28T08:55:33","modified_gmt":"2023-03-28T06:55:33","slug":"beispiel-seite","status":"publish","type":"page","link":"https:\/\/ruedi.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                            \n                                                            <div class=\"link\">\n                                    <a href=\"https:\/\/ruedi.bertaeins.ch\/fr\/testimonial-generator\/\"  class=\"primary-theme-btn\">\n                                        Jetzt mitmachen                                    <\/a>\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>\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    <\/script>\n\n\n\n\n            <section class=\"arguments_block with-link arguments-69e2124cb60e2\">\n            \n            <div class=\"container-mini\">\n                <div class=\"arguments_block_content\">\n                    <div class=\"block-title-wrapper visibleInBackend\">\n                                                    <p class=\"arguments-subtitle block-subtitle\">Argumente<\/p>\n                        \n                                                    <h2 class=\"arguments-title very-strong\">Warum die Initiative wichtig ist<\/h2>\n                                            <\/div>\n\n                    <div class=\"accordion visibleInBackend\">\n                                                    <div class=\"panel-group row accordion-collapse\" id=\"accordion_619256ec18ddf\">\n                                <div class=\"panel-left\">\n                                    <div class=\"panel\">\n                                        <div class=\"panel-heading\">\n                                            <h4 class=\"panel-title\">\n                                                <a class=\"accordion-toggle accordion_61923dbd3ea30_1 collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion_69e2124cb60e2\" href=\"#accordion_69e2124cb60e2_1\" aria-expanded=\"false\">\n                                                    <div class=\"list-nr\">\n                                                        <span class=\"\">1.<\/span>\n                                                        <div class=\"list-nr-arrow-box\">\n                                                            <div class=\"list-nr-arrow-box-icon\">\n                                                                <svg class=\"icon-down\" width=\"12\" height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                                    <path d=\"M5.46967 12.5303C5.76256 12.8232 6.23744 12.8232 6.53033 12.5303L11.3033 7.75736C11.5962 7.46447 11.5962 6.98959 11.3033 6.6967C11.0104 6.40381 10.5355 6.40381 10.2426 6.6967L6 10.9393L1.75736 6.6967C1.46447 6.40381 0.989593 6.40381 0.696699 6.6967C0.403806 6.98959 0.403806 7.46447 0.696699 7.75736L5.46967 12.5303ZM6.75 1C6.75 0.585787 6.41421 0.25 6 0.25C5.58579 0.25 5.25 0.585787 5.25 1H6.75ZM6.75 12L6.75 1H5.25L5.25 12H6.75Z\" fill=\"#B87D58\"\/>\n                                                                <\/svg>\n                                                                <svg class=\"icon-up\" width=\"12px\" height=\"14px\" viewBox=\"0 0 12 14\" 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-2\" transform=\"translate(0.477029, -0.000000)\">\n                                                                            <path d=\"M4.99264075,1.46967 C5.28553075,1.176777 5.76041075,1.176777 6.05330075,1.46967 L10.8262708,6.24264 C11.1191708,6.53553 11.1191708,7.01041 10.8262708,7.3033 C10.5333708,7.59619 10.0584708,7.59619 9.76557075,7.3033 L5.52297075,3.06066 L1.28033075,7.3033 C0.98744075,7.59619 0.51256375,7.59619 0.21966975,7.3033 C-0.07322325,7.01041 -0.07322325,6.53553 0.21966975,6.24264 L4.99264075,1.46967 Z M6.27297075,13.0000001 C6.27297075,13.4142 5.93718075,13.7500001 5.52297075,13.7500001 C5.10876075,13.7500001 4.77297075,13.4142 4.77297075,13.0000001 L6.27297075,13.0000001 Z M6.27297075,2 L6.27297075,13 L4.77297075,13 L4.77297075,2 L6.27297075,2 Z\" id=\"Shape\" fill=\"#ffffff\" fill-rule=\"nonzero\"><\/path>\n                                                                            <line x1=\"1.02297075\" y1=\"0.5\" x2=\"10.022971\" y2=\"0.50000025\" id=\"Line\" stroke=\"#ffffff\" stroke-linecap=\"square\"><\/line>\n                                                                        <\/g>\n                                                                    <\/g>\n                                                                <\/svg>\n                                                            <\/div>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <p class=\"accordion-argument-title\">Lorem Ipsum<\/p>\n                                                <\/a>\n                                            <\/h4>\n                                        <\/div>\n                                        <div id=\"accordion_69e2124cb60e2_1\" class=\"panel-collapse collapse\" aria-expanded=\"false\">\n                                            <div class=\"panel-body\">\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                                                    <div class=\"panel-group row accordion-collapse\" id=\"accordion_619256ec18ddf\">\n                                <div class=\"panel-left\">\n                                    <div class=\"panel\">\n                                        <div class=\"panel-heading\">\n                                            <h4 class=\"panel-title\">\n                                                <a class=\"accordion-toggle accordion_61923dbd3ea30_2 collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion_69e2124cb60e2\" href=\"#accordion_69e2124cb60e2_2\" aria-expanded=\"false\">\n                                                    <div class=\"list-nr\">\n                                                        <span class=\"\">2.<\/span>\n                                                        <div class=\"list-nr-arrow-box\">\n                                                            <div class=\"list-nr-arrow-box-icon\">\n                                                                <svg class=\"icon-down\" width=\"12\" height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                                    <path d=\"M5.46967 12.5303C5.76256 12.8232 6.23744 12.8232 6.53033 12.5303L11.3033 7.75736C11.5962 7.46447 11.5962 6.98959 11.3033 6.6967C11.0104 6.40381 10.5355 6.40381 10.2426 6.6967L6 10.9393L1.75736 6.6967C1.46447 6.40381 0.989593 6.40381 0.696699 6.6967C0.403806 6.98959 0.403806 7.46447 0.696699 7.75736L5.46967 12.5303ZM6.75 1C6.75 0.585787 6.41421 0.25 6 0.25C5.58579 0.25 5.25 0.585787 5.25 1H6.75ZM6.75 12L6.75 1H5.25L5.25 12H6.75Z\" fill=\"#B87D58\"\/>\n                                                                <\/svg>\n                                                                <svg class=\"icon-up\" width=\"12px\" height=\"14px\" viewBox=\"0 0 12 14\" 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-2\" transform=\"translate(0.477029, -0.000000)\">\n                                                                            <path d=\"M4.99264075,1.46967 C5.28553075,1.176777 5.76041075,1.176777 6.05330075,1.46967 L10.8262708,6.24264 C11.1191708,6.53553 11.1191708,7.01041 10.8262708,7.3033 C10.5333708,7.59619 10.0584708,7.59619 9.76557075,7.3033 L5.52297075,3.06066 L1.28033075,7.3033 C0.98744075,7.59619 0.51256375,7.59619 0.21966975,7.3033 C-0.07322325,7.01041 -0.07322325,6.53553 0.21966975,6.24264 L4.99264075,1.46967 Z M6.27297075,13.0000001 C6.27297075,13.4142 5.93718075,13.7500001 5.52297075,13.7500001 C5.10876075,13.7500001 4.77297075,13.4142 4.77297075,13.0000001 L6.27297075,13.0000001 Z M6.27297075,2 L6.27297075,13 L4.77297075,13 L4.77297075,2 L6.27297075,2 Z\" id=\"Shape\" fill=\"#ffffff\" fill-rule=\"nonzero\"><\/path>\n                                                                            <line x1=\"1.02297075\" y1=\"0.5\" x2=\"10.022971\" y2=\"0.50000025\" id=\"Line\" stroke=\"#ffffff\" stroke-linecap=\"square\"><\/line>\n                                                                        <\/g>\n                                                                    <\/g>\n                                                                <\/svg>\n                                                            <\/div>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <p class=\"accordion-argument-title\">Lorem Ipsum<\/p>\n                                                <\/a>\n                                            <\/h4>\n                                        <\/div>\n                                        <div id=\"accordion_69e2124cb60e2_2\" class=\"panel-collapse collapse\" aria-expanded=\"false\">\n                                            <div class=\"panel-body\">\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                                                    <div class=\"panel-group row accordion-collapse\" id=\"accordion_619256ec18ddf\">\n                                <div class=\"panel-left\">\n                                    <div class=\"panel\">\n                                        <div class=\"panel-heading\">\n                                            <h4 class=\"panel-title\">\n                                                <a class=\"accordion-toggle accordion_61923dbd3ea30_3 collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion_69e2124cb60e2\" href=\"#accordion_69e2124cb60e2_3\" aria-expanded=\"false\">\n                                                    <div class=\"list-nr\">\n                                                        <span class=\"\">3.<\/span>\n                                                        <div class=\"list-nr-arrow-box\">\n                                                            <div class=\"list-nr-arrow-box-icon\">\n                                                                <svg class=\"icon-down\" width=\"12\" height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                                    <path d=\"M5.46967 12.5303C5.76256 12.8232 6.23744 12.8232 6.53033 12.5303L11.3033 7.75736C11.5962 7.46447 11.5962 6.98959 11.3033 6.6967C11.0104 6.40381 10.5355 6.40381 10.2426 6.6967L6 10.9393L1.75736 6.6967C1.46447 6.40381 0.989593 6.40381 0.696699 6.6967C0.403806 6.98959 0.403806 7.46447 0.696699 7.75736L5.46967 12.5303ZM6.75 1C6.75 0.585787 6.41421 0.25 6 0.25C5.58579 0.25 5.25 0.585787 5.25 1H6.75ZM6.75 12L6.75 1H5.25L5.25 12H6.75Z\" fill=\"#B87D58\"\/>\n                                                                <\/svg>\n                                                                <svg class=\"icon-up\" width=\"12px\" height=\"14px\" viewBox=\"0 0 12 14\" 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-2\" transform=\"translate(0.477029, -0.000000)\">\n                                                                            <path d=\"M4.99264075,1.46967 C5.28553075,1.176777 5.76041075,1.176777 6.05330075,1.46967 L10.8262708,6.24264 C11.1191708,6.53553 11.1191708,7.01041 10.8262708,7.3033 C10.5333708,7.59619 10.0584708,7.59619 9.76557075,7.3033 L5.52297075,3.06066 L1.28033075,7.3033 C0.98744075,7.59619 0.51256375,7.59619 0.21966975,7.3033 C-0.07322325,7.01041 -0.07322325,6.53553 0.21966975,6.24264 L4.99264075,1.46967 Z M6.27297075,13.0000001 C6.27297075,13.4142 5.93718075,13.7500001 5.52297075,13.7500001 C5.10876075,13.7500001 4.77297075,13.4142 4.77297075,13.0000001 L6.27297075,13.0000001 Z M6.27297075,2 L6.27297075,13 L4.77297075,13 L4.77297075,2 L6.27297075,2 Z\" id=\"Shape\" fill=\"#ffffff\" fill-rule=\"nonzero\"><\/path>\n                                                                            <line x1=\"1.02297075\" y1=\"0.5\" x2=\"10.022971\" y2=\"0.50000025\" id=\"Line\" stroke=\"#ffffff\" stroke-linecap=\"square\"><\/line>\n                                                                        <\/g>\n                                                                    <\/g>\n                                                                <\/svg>\n                                                            <\/div>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <p class=\"accordion-argument-title\">Lorem Ipsum<\/p>\n                                                <\/a>\n                                            <\/h4>\n                                        <\/div>\n                                        <div id=\"accordion_69e2124cb60e2_3\" class=\"panel-collapse collapse\" aria-expanded=\"false\">\n                                            <div class=\"panel-body\">\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                                            <\/div>\n\n                                            <div class=\"link visibleInBackend\">\n                            <a href=\"https:\/\/ruedi.bertaeins.ch\/fr\/page\/\" class=\"primary-theme-btn\">\n                                <div>\n                                    <span>Mehr erfahren<\/span>\n                                <\/div>\n                            <\/a>\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_block.arguments-69e2124cb60e2 .block-title-wrapper\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".arguments_block.arguments-69e2124cb60e2 .block-title-wrapper\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".arguments_block.arguments-69e2124cb60e2 .accordion\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".arguments_block.arguments-69e2124cb60e2 .accordion\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".arguments_block.arguments-69e2124cb60e2 .link\",\n                triggerHook: 0.9,\n                offset: 0\n            })\n                .setClassToggle(\".arguments_block.arguments-69e2124cb60e2 .link\", \"visibleBlock\")\n                .addTo(controller);\n        <\/script>\n    \n\n\n\n\n    <section class=\"forms-block\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                <div class=\"block-title-wrapper visibleInBackend\">\n                                            <p class=\"forms-subtitle block-subtitle\">Jetzt mitmachen<\/p>\n                    \n                                            <h2 class=\"forms-title very-strong\">Jetzt mitmachen<\/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                        <div class=\"form-item_bg secondary\" style=\"background-image: url('')\"><\/div>\n                        \n                        \n                        \n                        \n                        <div class=\"button-block\">\n                            <a class=\"theme-btn-white-bg-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                        <div class=\"form-item_bg secondary\" style=\"background-image: url('')\"><\/div>\n                        \n                        \n                        \n                        \n                                                    <div class=\"button-block\">\n                                <a class=\"theme-btn-white-bg-secondary overlay-open\" href=\"#\" data-type=\"testimonial\" id=\"testimonial-form_overlay\">\n                                    Mehr laden                                <\/a>\n                            <\/div>\n                        \n                    <\/div>\n                <\/div>\n            \n                            <div class=\"col-md-4\">\n                    <div class=\"form-item anim-delay-3 visibleInBackend\">\n                        <div class=\"form-item_bg secondary\" style=\"background-image: url('')\"><\/div>\n                        \n                        \n                        \n                        \n                        <div class=\"button-block\">\n                            <a class=\"theme-btn-white-bg-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 .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\n            <section class=\"logos-block\">\n            <div class=\"row\">\n                <div class=\"col-md-12\">\n                    <div class=\"logos-content\">\n\n                                                    <div class=\"block-title-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:\/\/ruedi.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:\/\/ruedi.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:\/\/ruedi.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:\/\/ruedi.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:\/\/ruedi.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:\/\/ruedi.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:\/\/ruedi.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 .block-title-wrapper\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".logos-block .block-title-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=\"block-title-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 .block-title-wrapper\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".testimonial_generator_supporters_block .block-title-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-69e2124ce1e52\">\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                                                            <h2 class=\"block-title\">Timeline<\/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                        <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-69e2124ce1e52 .block-title-wrapper\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".our-story-69e2124ce1e52 .block-title-wrapper\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".our-story-69e2124ce1e52 .text-wrapper\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".our-story-69e2124ce1e52 .text-wrapper\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".our-story-69e2124ce1e52 .our-story-slider-container\",\n                triggerHook: 0.85,\n                offset: 0\n            })\n                .setClassToggle(\".our-story-69e2124ce1e52 .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_69e2124ce1e52 = 1;\n                let story_slider_active_slide_number_new_69e2124ce1e52 = $('.our-story-69e2124ce1e52 .our-story-slider .slick-slide.slick-active').find('.our-story-slide').data('number');\n\n                $('.our-story-69e2124ce1e52 .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_69e2124ce1e52 = $('.our-story-69e2124ce1e52 .our-story-slider .slick-slide.slick-active').find('.our-story-slide').data('number');\n\n                        story_slider_active_slide_number_69e2124ce1e52 = story_slider_active_slide_number_new_69e2124ce1e52;\n\n                        if($('.point-767px').css('display') === 'block'){\n                            $('.our-story-69e2124ce1e52 .our-story-slider .slick-dots').css({\n                                'margin-left': (ml_69e2124ce1e52 - (story_slider_active_slide_number_new_69e2124ce1e52 - 1) * 100) + '%'\n                            });\n                        }else{\n                            $('.our-story-69e2124ce1e52 .our-story-slider .slick-dots').css({\n                                'margin-left': (ml_69e2124ce1e52 - (story_slider_active_slide_number_new_69e2124ce1e52 - 1) * 200) + 'px'\n                            });\n                        }\n\n\n                        story_slider_dots_el_69e2124ce1e52.find('li').each(function (index, value) {\n                            $(value).removeClass('past');\n                        });\n\n                        let is_past = true;\n\n                        story_slider_dots_el_69e2124ce1e52.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_69e2124ce1e52 = $('.our-story-69e2124ce1e52 .our-story-slider .slick-dots');\n                const sliders_69e2124ce1e52 = $('.our-story-69e2124ce1e52 .our-story-slider .our-story-slide');\n                const slider_count_69e2124ce1e52 = sliders_69e2124ce1e52.length;\n\n                story_slider_dots_el_69e2124ce1e52.wrapAll('<div class=\"slick_slider_dots_wrapper\" \/>');\n\n                set_story_slider_dots_el_width_69e2124ce1e52();\n\n\n                const ml_69e2124ce1e52 = story_slider_dots_el_69e2124ce1e52.length ? parseInt(story_slider_dots_el_69e2124ce1e52.css('margin-left').split('px')[0]) : null;\n\n                story_slider_dots_el_69e2124ce1e52.find('li').each(function (index, value) {\n                    if(index === 0){\n                        $(value).addClass('first');\n                    }\n\n                    if(index === story_slider_dots_el_69e2124ce1e52.find('li').length - 1){\n                        $(value).addClass('last');\n                    }\n\n                    $(value).append('<span class=\"dot-title\">' + $(sliders_69e2124ce1e52[index]).data('date') + '<\/span>');\n                });\n\n                function set_story_slider_dots_el_width_69e2124ce1e52(){\n                    if($('.point-767px').css('display') === 'block'){\n                        story_slider_dots_el_69e2124ce1e52.css('width', slider_count_69e2124ce1e52 * 100 + '%');\n                    }else{\n                        story_slider_dots_el_69e2124ce1e52.css('width', slider_count_69e2124ce1e52 * 200 + 200 + 'px');\n                    }\n                }\n\n                $(window).resize(function(){\n                    set_story_slider_dots_el_width_69e2124ce1e52();\n\n                    if($('.point-767px').css('display') === 'block'){\n                        $('.our-story-69e2124ce1e52 .our-story-slider .slick-dots').css({\n                            'margin-left': (ml_69e2124ce1e52 - (story_slider_active_slide_number_new_69e2124ce1e52 - 1) * 100) + '%'\n                        });\n                    }else{\n                        $('.our-story-69e2124ce1e52 .our-story-slider .slick-dots').css({\n                            'margin-left': (ml_69e2124ce1e52 - (story_slider_active_slide_number_new_69e2124ce1e52 - 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:\/\/ruedi.bertaeins.ch\/fr\/wp-json\/wp\/v2\/pages\/40"}],"collection":[{"href":"https:\/\/ruedi.bertaeins.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ruedi.bertaeins.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ruedi.bertaeins.ch\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ruedi.bertaeins.ch\/fr\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":202,"href":"https:\/\/ruedi.bertaeins.ch\/fr\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":2496,"href":"https:\/\/ruedi.bertaeins.ch\/fr\/wp-json\/wp\/v2\/pages\/40\/revisions\/2496"}],"wp:attachment":[{"href":"https:\/\/ruedi.bertaeins.ch\/fr\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}