{"id":39,"date":"2021-10-25T11:15:54","date_gmt":"2021-10-25T09:15:54","guid":{"rendered":"https:\/\/jeffrey.bertaeins.ch\/beispiel-seite\/"},"modified":"2023-03-24T15:58:04","modified_gmt":"2023-03-24T14:58:04","slug":"beispiel-seite","status":"publish","type":"page","link":"https:\/\/jeffrey.bertaeins.ch\/en\/","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=\"darum-gehts-block-content\">\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=\"text-block visibleInBackend full\">\n                                                    <p class=\"block-subtitle\">Darum geht&#8217;s<\/p>\n                        \n                                                    <h2>Was will die Initiative<\/h2>\n                        \n                                                    <div class=\"text\">\n                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed velit dignissim sodales ut eu sem integer. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim.<\/p>\n                            <\/div>\n                        \n                                                    <div class=\"link\">\n                                <a href=\"https:\/\/jeffrey.bertaeins.ch\/en\/testimonial-generator\/\"  class=\"white-btn-border-simple\">\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-6a178d2b9d683\">\n            <div class=\"block-bg none\"><\/div>\n\n                <div class=\"row\">\n                    <div class=\"col col-sm-12 \">\n                        <div class=\"block-title-wrapper none visibleInBackend\">\n                                                            <p class=\"block-subtitle\">Argumente<\/p>\n                            \n                                                            <h2 class=\"block-title\">Warum die Initiative wichtig ist<\/h2>\n                                                    <\/div>\n\n                        <div class=\"container-mini\">\n                            <div class=\"panel-group row accordion-collapse none visibleInBackend\" id=\"accordion\">\n                                                                    <div class=\"panel-left\">\n                                        <!-- start panel -->\n                                        <div class=\"panel\">\n                                            <div class=\"panel-heading\">\n                                                <h4 class=\"panel-title\">\n                                                    <a class=\"accordion-toggle accordion_1\" data-toggle=\"collapse\" data-parent=\"#accordion-6a178d2b9d683\" href=\"#accordion_6a178d2b9d683_1\">\n                                                        <div class=\"row\">\n                                                            <span class=\"list-nr\">1<\/span>\n                                                            <div class=\"col-xs-12\">\n                                                                <p class=\"inline-block-me list-title list-title-1 visible-text\">hac habitasse platea dictumst vestibulum<\/p>\n                                                            <\/div>\n                                                        <\/div>\n                                                    <\/a>\n                                                <\/h4>\n                                            <\/div>\n                                            <div id=\"accordion_6a178d2b9d683_1\" class=\"panel-collapse collapse\">\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\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"panel-left\">\n                                        <!-- start panel -->\n                                        <div class=\"panel\">\n                                            <div class=\"panel-heading\">\n                                                <h4 class=\"panel-title\">\n                                                    <a class=\"accordion-toggle accordion_2\" data-toggle=\"collapse\" data-parent=\"#accordion-6a178d2b9d683\" href=\"#accordion_6a178d2b9d683_2\">\n                                                        <div class=\"row\">\n                                                            <span class=\"list-nr\">2<\/span>\n                                                            <div class=\"col-xs-12\">\n                                                                <p class=\"inline-block-me list-title list-title-1 visible-text\">dui vivamus arcu felis bibendum<\/p>\n                                                            <\/div>\n                                                        <\/div>\n                                                    <\/a>\n                                                <\/h4>\n                                            <\/div>\n                                            <div id=\"accordion_6a178d2b9d683_2\" class=\"panel-collapse collapse\">\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\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"panel-left\">\n                                        <!-- start panel -->\n                                        <div class=\"panel\">\n                                            <div class=\"panel-heading\">\n                                                <h4 class=\"panel-title\">\n                                                    <a class=\"accordion-toggle accordion_3\" data-toggle=\"collapse\" data-parent=\"#accordion-6a178d2b9d683\" href=\"#accordion_6a178d2b9d683_3\">\n                                                        <div class=\"row\">\n                                                            <span class=\"list-nr\">3<\/span>\n                                                            <div class=\"col-xs-12\">\n                                                                <p class=\"inline-block-me list-title list-title-1 visible-text\">a lacus vestibulum sed arcu<\/p>\n                                                            <\/div>\n                                                        <\/div>\n                                                    <\/a>\n                                                <\/h4>\n                                            <\/div>\n                                            <div id=\"accordion_6a178d2b9d683_3\" class=\"panel-collapse collapse\">\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\n                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n\n                                                                                <div class=\"link visibleInBackend\">\n                                <a href=\"https:\/\/jeffrey.bertaeins.ch\/en\/page\/\" class=\"primary-color-btn-border\">\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.arguments-6a178d2b9d683 .block-title-wrapper\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".arguments.arguments-6a178d2b9d683 .block-title-wrapper\", \"visibleBlock\")\n            .addTo(controller);\n\n        new ScrollMagic.Scene({\n            triggerElement: \".arguments.arguments-6a178d2b9d683 #accordion\",\n            triggerHook: 0.8,\n            offset: 0\n        })\n            .setClassToggle(\".arguments.arguments-6a178d2b9d683 #accordion\", \"visibleBlock\")\n            .addTo(controller);\n\n        new ScrollMagic.Scene({\n            triggerElement: \".arguments.arguments-6a178d2b9d683 .link\",\n            triggerHook: 0.9,\n            offset: 0\n        })\n            .setClassToggle(\".arguments.arguments-6a178d2b9d683 .link\", \"visibleBlock\")\n            .addTo(controller);\n    <\/script>\n    \n\n\n\n\n            <section class=\"simple-text-share-block simple-text-share-block-6a178d2b9df67\">\n            <div class=\"row\">\n                <div class=\"col-md-12\">\n                    <div class=\"simple-text-share-block-content\">\n                        <div class=\"block-title-wrapper visibleInBackend\">\n                                                            <p class=\"block-subtitle\">LOREM IPSUM<\/p>\n                            \n                                                            <p class=\"block-title\">Share the text<\/p>\n                                                    <\/div>\n\n                        <div class=\"simple-text-share-text visibleInBackend\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<\/div>\n\n                        <div class=\"simple-text-share-buttons-block visibleInBackend\">\n                            <p>Text teilen<\/p>\n                            <div class=\"simple-text-share-buttons\">\n                                <a href=\"https:\/\/www.facebook.com\/sharer.php?u=https:\/\/jeffrey.bertaeins.ch\/en\/\/textnachricht&#038;quote=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipiscing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+exercitation+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+Duis+aute+irure+dolor+in+reprehenderit+in+voluptate+velit+esse+cillum+dolore+eu+fugiat+nulla+pariatur.+Excepteur+sint+occaecat+cupidatat+non+proident%2C+sunt+in+culpa+qui+officia+deserunt+mollit+anim+id+est+laborum.\" target=\"_blank\" rel=\"noopener\">\n                                    <div class=\"share-circle\"><i class=\"fab fa-facebook-f\" aria-hidden=\"true\"><\/i><\/div>\n                                <\/a>\n\n                                <a href=\"https:\/\/twitter.com\/intent\/tweet?text=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipiscing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+exercitation+ullamco+laboris+nis...+https:\/\/jeffrey.bertaeins.ch\/en\/\" target=\"_blank\" rel=\"noopener\">\n                                    <div class=\"share-circle\"><i class=\"fab fa-twitter\" aria-hidden=\"true\"><\/i><\/div>\n                                <\/a>\n\n                                <a href=\"https:\/\/api.whatsapp.com\/send?text=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipiscing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+exercitation+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+Duis+aute+irure+dolor+in+reprehenderit+in+voluptate+velit+esse+cillum+dolore+eu+fugiat+nulla+pariatur.+Excepteur+sint+occaecat+cupidatat+non+proident%2C+sunt+in+culpa+qui+officia+deserunt+mollit+anim+id+est+laborum. https:\/\/jeffrey.bertaeins.ch\/en\/\" target=\"_blank\" rel=\"noopener\">\n                                    <div class=\"share-circle\"><i class=\"fab fa-whatsapp\" aria-hidden=\"true\"><\/i><\/div>\n                                <\/a>\n\n                                <a href=\"https:\/\/telegram.me\/share\/url?url=https:\/\/jeffrey.bertaeins.ch\/en\/&#038;text=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipiscing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+exercitation+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+Duis+aute+irure+dolor+in+reprehenderit+in+voluptate+velit+esse+cillum+dolore+eu+fugiat+nulla+pariatur.+Excepteur+sint+occaecat+cupidatat+non+proident%2C+sunt+in+culpa+qui+officia+deserunt+mollit+anim+id+est+laborum.\" target=\"_blank\" rel=\"noopener\">\n                                    <div class=\"share-circle\"><i class=\"fab fa-telegram-plane\" aria-hidden=\"true\"><\/i><\/div>\n                                <\/a>\n\n                                <a href=\"mailto:?body=Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. https:\/\/jeffrey.bertaeins.ch\/en\/\" target=\"_blank\" rel=\"noopener\">\n                                    <div class=\"share-circle\"><i class=\"far fa-envelope\" aria-hidden=\"true\"><\/i><\/div>\n                                <\/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: \".simple-text-share-block-6a178d2b9df67 .block-title-wrapper\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".simple-text-share-block-6a178d2b9df67 .block-title-wrapper\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".simple-text-share-block-6a178d2b9df67 .simple-text-share-text\",\n                triggerHook: 0.9,\n                offset: 0\n            })\n                .setClassToggle(\".simple-text-share-block-6a178d2b9df67 .simple-text-share-text\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".simple-text-share-block-6a178d2b9df67 .simple-text-share-buttons-block\",\n                triggerHook: 0.9,\n                offset: 0\n            })\n                .setClassToggle(\".simple-text-share-block-6a178d2b9df67 .simple-text-share-buttons-block\", \"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 secondary\">\n                                            <p class=\"block-subtitle\">Formulare<\/p>\n                    \n                                            <h2 class=\"block-title\">Formulare<\/h2>\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-color-theme-btn 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-color-theme-btn 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-2 visibleInBackend\">\n                        \n                        \n                        \n                        \n                        <div class=\"button-block\">\n                            <a class=\"primary-color-theme-btn 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\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                                                                    <p class=\"block-subtitle\">Logos<\/p>\n                                \n                                                                    <h2 class=\"block-title\">Logos<\/h2>\n                                                            <\/div>\n                        \n                        <div class=\"logos-block-inner-container visibleInBackend\">\n                                                            <div class=\"logo\">\n                                                                            <div class=\"picture\">\n                                            <img decoding=\"async\" src=\"https:\/\/jeffrey.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:\/\/jeffrey.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:\/\/jeffrey.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:\/\/jeffrey.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:\/\/jeffrey.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:\/\/jeffrey.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:\/\/jeffrey.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        <\/section>\n\n    <script>\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                                            <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 .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-6a178d2bb1a4e\">\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=\"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-6a178d2bb1a4e .block-title-wrapper\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".our-story-6a178d2bb1a4e .block-title-wrapper\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".our-story-6a178d2bb1a4e .text-wrapper\",\n                triggerHook: 0.8,\n                offset: 0\n            })\n                .setClassToggle(\".our-story-6a178d2bb1a4e .text-wrapper\", \"visibleBlock\")\n                .addTo(controller);\n\n            new ScrollMagic.Scene({\n                triggerElement: \".our-story-6a178d2bb1a4e .our-story-slider-container\",\n                triggerHook: 0.85,\n                offset: 0\n            })\n                .setClassToggle(\".our-story-6a178d2bb1a4e .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_6a178d2bb1a4e = 1;\n                let story_slider_active_slide_number_new_6a178d2bb1a4e = $('.our-story-6a178d2bb1a4e .our-story-slider .slick-slide.slick-active').find('.our-story-slide').data('number');\n\n                $('.our-story-6a178d2bb1a4e .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_6a178d2bb1a4e = $('.our-story-6a178d2bb1a4e .our-story-slider .slick-slide.slick-active').find('.our-story-slide').data('number');\n\n                        story_slider_active_slide_number_6a178d2bb1a4e = story_slider_active_slide_number_new_6a178d2bb1a4e;\n\n                        if($('.point-767px').css('display') === 'block'){\n                            $('.our-story-6a178d2bb1a4e .our-story-slider .slick-dots').css({\n                                'margin-left': (ml_6a178d2bb1a4e - (story_slider_active_slide_number_new_6a178d2bb1a4e - 1) * 100) + '%'\n                            });\n                        }else{\n                            $('.our-story-6a178d2bb1a4e .our-story-slider .slick-dots').css({\n                                'margin-left': (ml_6a178d2bb1a4e - (story_slider_active_slide_number_new_6a178d2bb1a4e - 1) * 200) + 'px'\n                            });\n                        }\n\n\n                        story_slider_dots_el_6a178d2bb1a4e.find('li').each(function (index, value) {\n                            $(value).removeClass('past');\n                        });\n\n                        let is_past = true;\n\n                        story_slider_dots_el_6a178d2bb1a4e.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_6a178d2bb1a4e = $('.our-story-6a178d2bb1a4e .our-story-slider .slick-dots');\n                const sliders_6a178d2bb1a4e = $('.our-story-6a178d2bb1a4e .our-story-slider .our-story-slide');\n                const slider_count_6a178d2bb1a4e = sliders_6a178d2bb1a4e.length;\n\n                story_slider_dots_el_6a178d2bb1a4e.wrapAll('<div class=\"slick_slider_dots_wrapper\" \/>');\n\n                set_story_slider_dots_el_width_6a178d2bb1a4e();\n\n\n                const ml_6a178d2bb1a4e = story_slider_dots_el_6a178d2bb1a4e.length ? parseInt(story_slider_dots_el_6a178d2bb1a4e.css('margin-left').split('px')[0]) : null;\n\n                story_slider_dots_el_6a178d2bb1a4e.find('li').each(function (index, value) {\n                    if(index === 0){\n                        $(value).addClass('first');\n                    }\n\n                    if(index === story_slider_dots_el_6a178d2bb1a4e.find('li').length - 1){\n                        $(value).addClass('last');\n                    }\n\n                    $(value).append('<span class=\"dot-title\">' + $(sliders_6a178d2bb1a4e[index]).data('date') + '<\/span>');\n                });\n\n                function set_story_slider_dots_el_width_6a178d2bb1a4e(){\n                    if($('.point-767px').css('display') === 'block'){\n                        story_slider_dots_el_6a178d2bb1a4e.css('width', slider_count_6a178d2bb1a4e * 100 + '%');\n                    }else{\n                        story_slider_dots_el_6a178d2bb1a4e.css('width', slider_count_6a178d2bb1a4e * 200 + 200 + 'px');\n                    }\n                }\n\n                $(window).resize(function(){\n                    set_story_slider_dots_el_width_6a178d2bb1a4e();\n\n                    if($('.point-767px').css('display') === 'block'){\n                        $('.our-story-6a178d2bb1a4e .our-story-slider .slick-dots').css({\n                            'margin-left': (ml_6a178d2bb1a4e - (story_slider_active_slide_number_new_6a178d2bb1a4e - 1) * 100) + '%'\n                        });\n                    }else{\n                        $('.our-story-6a178d2bb1a4e .our-story-slider .slick-dots').css({\n                            'margin-left': (ml_6a178d2bb1a4e - (story_slider_active_slide_number_new_6a178d2bb1a4e - 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:\/\/jeffrey.bertaeins.ch\/en\/wp-json\/wp\/v2\/pages\/39"}],"collection":[{"href":"https:\/\/jeffrey.bertaeins.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jeffrey.bertaeins.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jeffrey.bertaeins.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jeffrey.bertaeins.ch\/en\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":206,"href":"https:\/\/jeffrey.bertaeins.ch\/en\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":2523,"href":"https:\/\/jeffrey.bertaeins.ch\/en\/wp-json\/wp\/v2\/pages\/39\/revisions\/2523"}],"wp:attachment":[{"href":"https:\/\/jeffrey.bertaeins.ch\/en\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}