{"id":10,"date":"2026-07-30T10:19:03","date_gmt":"2026-07-30T10:19:03","guid":{"rendered":"https:\/\/intermediadesign.ltr-online.de\/?page_id=10"},"modified":"2026-08-04T15:25:12","modified_gmt":"2026-08-04T15:25:12","slug":"formular","status":"publish","type":"page","link":"https:\/\/intermediadesign.ltr-online.de\/?page_id=10","title":{"rendered":""},"content":{"rendered":"\r\n    <div id=\"random-survey-box\">\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"survey-header\">\r\n\r\n            <div class=\"survey-topline\">\r\n\r\n                <span class=\"survey-label\">\r\n                    ANONYME UMFRAGE\r\n                <\/span>\r\n\r\n                <span\r\n                    id=\"survey-counter\"\r\n                    class=\"survey-counter\"\r\n                >\r\n                    1 \/ 22                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n                Deine Meinung z\u00e4hlt.\r\n            <\/h3>\r\n\r\n            <p>\r\n                Beantworte die folgenden Fragen anonym.\r\n                Deine Antworten werden ohne Namen oder\r\n                E-Mail-Adresse gespeichert.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CONTENT -->\r\n\r\n        <div class=\"survey-content\">\r\n\r\n            <div class=\"survey-question-label\">\r\n                FRAGE\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                id=\"survey-question\"\r\n                class=\"survey-question\"\r\n            >\r\n                Frage wird geladen...\r\n            <\/div>\r\n\r\n\r\n            <!-- TEXT -->\r\n\r\n            <textarea\r\n                id=\"survey-answer\"\r\n                class=\"survey-answer\"\r\n                placeholder=\"Deine Antwort...\"\r\n                rows=\"5\"\r\n            ><\/textarea>\r\n\r\n\r\n            <!-- JA \/ NEIN -->\r\n\r\n            <div\r\n                id=\"survey-yesno\"\r\n                class=\"survey-yesno\"\r\n            >\r\n\r\n                <label class=\"survey-option\">\r\n\r\n                    <input\r\n                        type=\"radio\"\r\n                        name=\"survey-choice\"\r\n                        value=\"Ja\"\r\n                    >\r\n\r\n                    <span>\r\n                        Ja\r\n                    <\/span>\r\n\r\n                <\/label>\r\n\r\n\r\n                <label class=\"survey-option\">\r\n\r\n                    <input\r\n                        type=\"radio\"\r\n                        name=\"survey-choice\"\r\n                        value=\"Nein\"\r\n                    >\r\n\r\n                    <span>\r\n                        Nein\r\n                    <\/span>\r\n\r\n                <\/label>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- BUTTONS -->\r\n\r\n            <div class=\"survey-buttons\">\r\n\r\n                <button\r\n                    id=\"survey-btn\"\r\n                    type=\"button\"\r\n                >\r\n                    Antwort absenden\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    id=\"survey-skip\"\r\n                    type=\"button\"\r\n                >\r\n                    \u00dcberspringen\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ERROR -->\r\n\r\n            <div\r\n                id=\"survey-error\"\r\n                class=\"survey-error\"\r\n            ><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SUCCESS -->\r\n\r\n        <div\r\n            id=\"survey-success\"\r\n            class=\"survey-success\"\r\n        >\r\n            Antwort gespeichert\r\n        <\/div>\r\n\r\n\r\n        <!-- FINISHED -->\r\n\r\n        <div\r\n            id=\"survey-finished\"\r\n            class=\"survey-finished\"\r\n        >\r\n\r\n            <div class=\"finished-symbol\">\r\n                \u2713\r\n            <\/div>\r\n\r\n            <strong>\r\n                Vielen Dank.\r\n            <\/strong>\r\n\r\n            <p>\r\n                Du hast alle Fragen durchlaufen.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <style>\r\n\r\n\r\n    \/* =====================================================\r\n       FONT\r\n       ===================================================== *\/\r\n\r\n    @import url(\r\n        'https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap'\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       CONTAINER\r\n       ===================================================== *\/\r\n\r\n    #random-survey-box {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 510px;\r\n\r\n        margin: 40px auto;\r\n\r\n        box-sizing: border-box;\r\n\r\n        background:\r\n            rgba(255,255,255,0.72);\r\n\r\n        border:\r\n            1px solid rgba(255,255,255,0.9);\r\n\r\n        border-radius: 18px;\r\n\r\n        overflow: hidden;\r\n\r\n        color: #111;\r\n\r\n        box-shadow:\r\n            0 20px 60px\r\n            rgba(0,0,0,0.14);\r\n\r\n        backdrop-filter:\r\n            blur(14px);\r\n\r\n        -webkit-backdrop-filter:\r\n            blur(14px);\r\n\r\n        font-family:\r\n            Georgia,\r\n            \"Times New Roman\",\r\n            serif;\r\n\r\n        animation:\r\n            surveyAppear .6s ease;\r\n\r\n    }\r\n\r\n\r\n    @keyframes surveyAppear {\r\n\r\n        from {\r\n\r\n            opacity: 0;\r\n\r\n            transform:\r\n                translateY(15px);\r\n\r\n        }\r\n\r\n        to {\r\n\r\n            opacity: 1;\r\n\r\n            transform:\r\n                translateY(0);\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       HEADER\r\n       ===================================================== *\/\r\n\r\n    .survey-header {\r\n\r\n        padding:\r\n            26px 30px 23px;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(0,0,0,0.07);\r\n\r\n    }\r\n\r\n\r\n    .survey-topline {\r\n\r\n        display: flex;\r\n\r\n        justify-content:\r\n            space-between;\r\n\r\n        align-items: center;\r\n\r\n        margin-bottom: 9px;\r\n\r\n    }\r\n\r\n\r\n    .survey-label {\r\n\r\n        font-family:\r\n            'Inter',\r\n            sans-serif;\r\n\r\n        font-size: 9px;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: 1.8px;\r\n\r\n        color: #555;\r\n\r\n    }\r\n\r\n\r\n    .survey-counter {\r\n\r\n        font-family:\r\n            'Inter',\r\n            sans-serif;\r\n\r\n        font-size: 10px;\r\n\r\n        font-weight: 500;\r\n\r\n        color: #777;\r\n\r\n    }\r\n\r\n\r\n    .survey-header h3 {\r\n\r\n        margin:\r\n            0 0 8px;\r\n\r\n        font-size: 30px;\r\n\r\n        line-height: 1.15;\r\n\r\n        font-weight: 400;\r\n\r\n        color: #111;\r\n\r\n    }\r\n\r\n\r\n    .survey-header p {\r\n\r\n        margin: 0;\r\n\r\n        max-width: 430px;\r\n\r\n        font-family:\r\n            'Inter',\r\n            sans-serif;\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.55;\r\n\r\n        color: #555;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CONTENT\r\n       ===================================================== *\/\r\n\r\n    .survey-content {\r\n\r\n        padding:\r\n            30px;\r\n\r\n    }\r\n\r\n\r\n    .survey-question-label {\r\n\r\n        margin-bottom: 9px;\r\n\r\n        font-family:\r\n            'Inter',\r\n            sans-serif;\r\n\r\n        font-size: 9px;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: 1.5px;\r\n\r\n        color: #777;\r\n\r\n    }\r\n\r\n\r\n    .survey-question {\r\n\r\n        min-height: 72px;\r\n\r\n        margin-bottom: 22px;\r\n\r\n        font-size: 23px;\r\n\r\n        line-height: 1.38;\r\n\r\n        font-weight: 400;\r\n\r\n        color: #111;\r\n\r\n        animation:\r\n            questionAppear .35s ease;\r\n\r\n    }\r\n\r\n\r\n    @keyframes questionAppear {\r\n\r\n        from {\r\n\r\n            opacity: 0;\r\n\r\n            transform:\r\n                translateY(7px);\r\n\r\n        }\r\n\r\n        to {\r\n\r\n            opacity: 1;\r\n\r\n            transform:\r\n                translateY(0);\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TEXTFELD\r\n       ===================================================== *\/\r\n\r\n    .survey-answer {\r\n\r\n        display: block;\r\n\r\n        width: 100%;\r\n\r\n        min-height: 125px;\r\n\r\n        box-sizing: border-box;\r\n\r\n        resize: vertical;\r\n\r\n        padding: 15px 16px;\r\n\r\n        margin-bottom: 18px;\r\n\r\n        border:\r\n            1px solid\r\n            rgba(0,0,0,0.18);\r\n\r\n        border-radius: 10px;\r\n\r\n        background:\r\n            rgba(255,255,255,0.65);\r\n\r\n        font-family:\r\n            'Inter',\r\n            sans-serif;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.5;\r\n\r\n        color: #111;\r\n\r\n        outline: none;\r\n\r\n        transition:\r\n            border .2s ease,\r\n            background .2s ease,\r\n            box-shadow .2s ease;\r\n\r\n    }\r\n\r\n\r\n    .survey-answer::placeholder {\r\n\r\n        color: #999;\r\n\r\n    }\r\n\r\n\r\n    .survey-answer:focus {\r\n\r\n        background:\r\n            rgba(255,255,255,0.9);\r\n\r\n        border-color:\r\n            #ec008c;\r\n\r\n        box-shadow:\r\n            0 0 0 3px\r\n            rgba(236,0,140,0.10);\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       JA \/ NEIN\r\n       ===================================================== *\/\r\n\r\n    .survey-yesno {\r\n\r\n        display: none;\r\n\r\n        gap: 12px;\r\n\r\n        margin-bottom: 20px;\r\n\r\n    }\r\n\r\n\r\n    .survey-option {\r\n\r\n        flex: 1;\r\n\r\n        cursor: pointer;\r\n\r\n    }\r\n\r\n\r\n    .survey-option input {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .survey-option span {\r\n\r\n        display: block;\r\n\r\n        padding:\r\n            16px 12px;\r\n\r\n        text-align: center;\r\n\r\n        border:\r\n            1px solid\r\n            rgba(0,0,0,0.16);\r\n\r\n        border-radius: 10px;\r\n\r\n        background:\r\n            rgba(255,255,255,0.55);\r\n\r\n        font-family:\r\n            'Inter',\r\n            sans-serif;\r\n\r\n        font-size: 13px;\r\n\r\n        font-weight: 600;\r\n\r\n        color: #333;\r\n\r\n        transition:\r\n            .2s ease;\r\n\r\n    }\r\n\r\n\r\n    .survey-option span:hover {\r\n\r\n        border-color:\r\n            #ec008c;\r\n\r\n        background:\r\n            rgba(255,255,255,0.85);\r\n\r\n    }\r\n\r\n\r\n    .survey-option input:checked + span {\r\n\r\n        background:\r\n            #ec008c;\r\n\r\n        border-color:\r\n            #ec008c;\r\n\r\n        color: white;\r\n\r\n        box-shadow:\r\n            0 5px 15px\r\n            rgba(236,0,140,0.20);\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       BUTTONS\r\n       ===================================================== *\/\r\n\r\n    .survey-buttons {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 10px;\r\n\r\n    }\r\n\r\n\r\n    #survey-btn {\r\n\r\n        flex: 1;\r\n\r\n        border: none;\r\n\r\n        border-radius: 8px;\r\n\r\n        padding:\r\n            13px 18px;\r\n\r\n        background:\r\n            #ec008c;\r\n\r\n        color: white;\r\n\r\n        font-family:\r\n            'Inter',\r\n            sans-serif;\r\n\r\n        font-size: 12px;\r\n\r\n        font-weight: 600;\r\n\r\n        cursor: pointer;\r\n\r\n        transition:\r\n            transform .2s ease,\r\n            box-shadow .2s ease,\r\n            opacity .2s ease;\r\n\r\n    }\r\n\r\n\r\n    #survey-btn:hover {\r\n\r\n        transform:\r\n            translateY(-1px);\r\n\r\n        box-shadow:\r\n            0 7px 18px\r\n            rgba(236,0,140,0.22);\r\n\r\n    }\r\n\r\n\r\n    #survey-skip {\r\n\r\n        border:\r\n            1px solid\r\n            rgba(0,0,0,0.15);\r\n\r\n        border-radius: 8px;\r\n\r\n        padding:\r\n            13px 17px;\r\n\r\n        background:\r\n            rgba(255,255,255,0.35);\r\n\r\n        color: #555;\r\n\r\n        font-family:\r\n            'Inter',\r\n            sans-serif;\r\n\r\n        font-size: 12px;\r\n\r\n        font-weight: 500;\r\n\r\n        cursor: pointer;\r\n\r\n        transition:\r\n            .2s ease;\r\n\r\n    }\r\n\r\n\r\n    #survey-skip:hover {\r\n\r\n        background:\r\n            rgba(255,255,255,0.8);\r\n\r\n        color: #111;\r\n\r\n    }\r\n\r\n\r\n    #survey-btn:disabled,\r\n    #survey-skip:disabled {\r\n\r\n        opacity: .45;\r\n\r\n        cursor: not-allowed;\r\n\r\n        transform: none;\r\n\r\n        box-shadow: none;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       ERROR\r\n       ===================================================== *\/\r\n\r\n    .survey-error {\r\n\r\n        display: none;\r\n\r\n        margin-top: 13px;\r\n\r\n        padding:\r\n            10px 12px;\r\n\r\n        border-radius: 7px;\r\n\r\n        background:\r\n            rgba(255,80,80,.08);\r\n\r\n        color:\r\n            #a22;\r\n\r\n        font-family:\r\n            'Inter',\r\n            sans-serif;\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SUCCESS\r\n       ===================================================== *\/\r\n\r\n    .survey-success {\r\n\r\n        display: none;\r\n\r\n        padding:\r\n            13px 30px;\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(236,0,140,.12);\r\n\r\n        background:\r\n            rgba(236,0,140,.05);\r\n\r\n        color:\r\n            #ec008c;\r\n\r\n        font-family:\r\n            'Inter',\r\n            sans-serif;\r\n\r\n        font-size: 11px;\r\n\r\n        font-weight: 600;\r\n\r\n        animation:\r\n            successAppear .3s ease;\r\n\r\n    }\r\n\r\n\r\n    @keyframes successAppear {\r\n\r\n        from {\r\n\r\n            opacity: 0;\r\n\r\n        }\r\n\r\n        to {\r\n\r\n            opacity: 1;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FINISHED\r\n       ===================================================== *\/\r\n\r\n    .survey-finished {\r\n\r\n        display: none;\r\n\r\n        padding:\r\n            35px 30px;\r\n\r\n        text-align: center;\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(0,0,0,.06);\r\n\r\n    }\r\n\r\n\r\n    .finished-symbol {\r\n\r\n        width: 42px;\r\n\r\n        height: 42px;\r\n\r\n        margin:\r\n            0 auto 15px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        border-radius: 50%;\r\n\r\n        background:\r\n            #ec008c;\r\n\r\n        color: white;\r\n\r\n        font-family:\r\n            'Inter',\r\n            sans-serif;\r\n\r\n        font-size: 18px;\r\n\r\n    }\r\n\r\n\r\n    .survey-finished strong {\r\n\r\n        display: block;\r\n\r\n        margin-bottom: 5px;\r\n\r\n        font-size: 25px;\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n    .survey-finished p {\r\n\r\n        margin: 0;\r\n\r\n        font-family:\r\n            'Inter',\r\n            sans-serif;\r\n\r\n        font-size: 12px;\r\n\r\n        color: #666;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE\r\n       ===================================================== *\/\r\n\r\n    @media (max-width: 600px) {\r\n\r\n        #random-survey-box {\r\n\r\n            margin:\r\n                20px 10px;\r\n\r\n            border-radius: 15px;\r\n\r\n        }\r\n\r\n\r\n        .survey-header,\r\n        .survey-content {\r\n\r\n            padding:\r\n                22px;\r\n\r\n        }\r\n\r\n\r\n        .survey-header h3 {\r\n\r\n            font-size: 25px;\r\n\r\n        }\r\n\r\n\r\n        .survey-question {\r\n\r\n            font-size: 20px;\r\n\r\n        }\r\n\r\n\r\n        .survey-buttons {\r\n\r\n            flex-direction: column;\r\n\r\n            align-items: stretch;\r\n\r\n        }\r\n\r\n\r\n        #survey-btn,\r\n        #survey-skip {\r\n\r\n            width: 100%;\r\n\r\n        }\r\n\r\n    }\r\n\r\n    <\/style>\r\n\r\n\r\n    <script>\r\n\r\n    document.addEventListener(\r\n        \"DOMContentLoaded\",\r\n        function() {\r\n\r\n\r\n            \/* =========================================\r\n               ELEMENTE\r\n               ========================================= *\/\r\n\r\n            const fragenPool =\r\n                [{\"text\":\"Wann hast du das letzte Mal geweint und warum?\",\"type\":\"text\"},{\"text\":\"Wovor hast du am meisten Angst?\",\"type\":\"text\"},{\"text\":\"Welches Geheimnis tr\\u00e4gst du schon lange mit dir?\",\"type\":\"text\"},{\"text\":\"Bei wem m\\u00f6chtest du dich entschuldigen \\u2013 und wof\\u00fcr? (Keine ganzen Namen nennen)\",\"type\":\"text\"},{\"text\":\"Wann f\\u00fchlst du dich einsam?\",\"type\":\"text\"},{\"text\":\"Welche Erinnerung m\\u00f6chtest du am liebsten vergessen?\",\"type\":\"text\"},{\"text\":\"Wann hast du zuletzt gelogen und warum?\",\"type\":\"text\"},{\"text\":\"Was magst du an dir selbst nicht?\",\"type\":\"text\"},{\"text\":\"Was w\\u00fcrdest du deinem j\\u00fcngeren Ich gerne sagen?\",\"type\":\"text\"},{\"text\":\"Was besch\\u00e4ftigt dich momentan am meisten?\",\"type\":\"text\"},{\"text\":\"Was bereust du in deinem Leben?\",\"type\":\"text\"},{\"text\":\"Was w\\u00fcrdest du gerne an deinem Leben ver\\u00e4ndern?\",\"type\":\"text\"},{\"text\":\"Hast du schon einmal jemanden absichtlich verletzt?\",\"type\":\"yesno\"},{\"text\":\"Hast du schon einmal jemanden betrogen?\",\"type\":\"yesno\"},{\"text\":\"Hast du schon einmal etwas getan, das du heute bereust?\",\"type\":\"yesno\"},{\"text\":\"Hast du schon einmal so getan, als w\\u00e4re alles in Ordnung, obwohl es das nicht war?\",\"type\":\"yesno\"},{\"text\":\"Hast du schon einmal jemanden vermisst, dem du es niemals sagen w\\u00fcrdest?\",\"type\":\"yesno\"},{\"text\":\"Hast du schon einmal eine Freundschaft beendet, obwohl du sie eigentlich behalten wolltest?\",\"type\":\"yesno\"},{\"text\":\"Hast du schon einmal eine wichtige Entscheidung aus Angst nicht getroffen?\",\"type\":\"yesno\"},{\"text\":\"Hast du schon einmal eine Person angelogen, um sie nicht zu verletzen?\",\"type\":\"yesno\"},{\"text\":\"Hast du schon einmal etwas getan, von dem niemand erfahren darf?\",\"type\":\"yesno\"},{\"text\":\"Gibt es eine Person, der du gerne etwas sagen w\\u00fcrdest, dich aber nicht traust?\",\"type\":\"yesno\"}];\r\n\r\n\r\n            const ajaxUrl =\r\n                \"https:\/\/intermediadesign.ltr-online.de\/wp-admin\/admin-ajax.php\";\r\n\r\n\r\n            const nonce =\r\n                \"6330ed7e27\";\r\n\r\n\r\n            const questionText =\r\n                document.getElementById(\r\n                    \"survey-question\"\r\n                );\r\n\r\n\r\n            const answerField =\r\n                document.getElementById(\r\n                    \"survey-answer\"\r\n                );\r\n\r\n\r\n            const yesNo =\r\n                document.getElementById(\r\n                    \"survey-yesno\"\r\n                );\r\n\r\n\r\n            const surveyBtn =\r\n                document.getElementById(\r\n                    \"survey-btn\"\r\n                );\r\n\r\n\r\n            const skipBtn =\r\n                document.getElementById(\r\n                    \"survey-skip\"\r\n                );\r\n\r\n\r\n            const errorMessage =\r\n                document.getElementById(\r\n                    \"survey-error\"\r\n                );\r\n\r\n\r\n            const successMessage =\r\n                document.getElementById(\r\n                    \"survey-success\"\r\n                );\r\n\r\n\r\n            const finishedMessage =\r\n                document.getElementById(\r\n                    \"survey-finished\"\r\n                );\r\n\r\n\r\n            const counter =\r\n                document.getElementById(\r\n                    \"survey-counter\"\r\n                );\r\n\r\n\r\n            if (\r\n                !questionText ||\r\n                !answerField ||\r\n                !yesNo ||\r\n                !surveyBtn ||\r\n                !skipBtn\r\n            ) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            \/* =========================================\r\n               STORAGE\r\n               ========================================= *\/\r\n\r\n            const storageKey =\r\n                \"anonyme_umfrage_gesehene_v2\";\r\n\r\n\r\n            let geseheneFragen = [];\r\n\r\n\r\n            try {\r\n\r\n                geseheneFragen =\r\n                    JSON.parse(\r\n                        sessionStorage.getItem(\r\n                            storageKey\r\n                        )\r\n                    ) || [];\r\n\r\n            }\r\n\r\n            catch (error) {\r\n\r\n                geseheneFragen = [];\r\n\r\n            }\r\n\r\n\r\n            \/* =========================================\r\n               VERBLEIBENDE FRAGEN\r\n               ========================================= *\/\r\n\r\n            function getVerbleibendeFragen() {\r\n\r\n                return fragenPool\r\n\r\n                    .map(\r\n                        function(frage, index) {\r\n\r\n                            return {\r\n                                frage: frage,\r\n                                index: index\r\n                            };\r\n\r\n                        }\r\n                    )\r\n\r\n                    .filter(\r\n                        function(item) {\r\n\r\n                            return !geseheneFragen.includes(\r\n                                item.index\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n            }\r\n\r\n\r\n            \/* =========================================\r\n               GESEHEN\r\n               ========================================= *\/\r\n\r\n            function markiereAlsGesehen(index) {\r\n\r\n                if (\r\n                    !geseheneFragen.includes(index)\r\n                ) {\r\n\r\n                    geseheneFragen.push(index);\r\n\r\n                    sessionStorage.setItem(\r\n                        storageKey,\r\n                        JSON.stringify(\r\n                            geseheneFragen\r\n                        )\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            \/* =========================================\r\n               RESET\r\n               ========================================= *\/\r\n\r\n            function resetAnswer() {\r\n\r\n                answerField.value = \"\";\r\n\r\n\r\n                const selected =\r\n                    document.querySelector(\r\n                        'input[name=\"survey-choice\"]:checked'\r\n                    );\r\n\r\n\r\n                if (selected) {\r\n\r\n                    selected.checked = false;\r\n\r\n                }\r\n\r\n\r\n                answerField.style.borderColor =\r\n                    \"rgba(0,0,0,0.18)\";\r\n\r\n\r\n                errorMessage.style.display =\r\n                    \"none\";\r\n\r\n            }\r\n\r\n\r\n            \/* =========================================\r\n               NEUE FRAGE\r\n               ========================================= *\/\r\n\r\n            function zeigeNeueFrage() {\r\n\r\n                const verbleibend =\r\n                    getVerbleibendeFragen();\r\n\r\n\r\n                if (\r\n                    verbleibend.length === 0\r\n                ) {\r\n\r\n                    beendeUmfrage();\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                const randomPosition =\r\n                    Math.floor(\r\n                        Math.random() *\r\n                        verbleibend.length\r\n                    );\r\n\r\n\r\n                const aktuelleFrage =\r\n                    verbleibend[randomPosition];\r\n\r\n\r\n                questionText.style.animation =\r\n                    \"none\";\r\n\r\n\r\n                void questionText.offsetWidth;\r\n\r\n\r\n                questionText.style.animation =\r\n                    \"questionAppear .35s ease\";\r\n\r\n\r\n                questionText.innerText =\r\n                    aktuelleFrage.frage.text;\r\n\r\n\r\n                questionText.dataset.index =\r\n                    aktuelleFrage.index;\r\n\r\n\r\n                \/* COUNTER *\/\r\n\r\n                const erledigt =\r\n                    geseheneFragen.length + 1;\r\n\r\n\r\n                counter.innerText =\r\n                    erledigt +\r\n                    \" \/ \" +\r\n                    fragenPool.length;\r\n\r\n\r\n                resetAnswer();\r\n\r\n\r\n                \/* FRAGENTYP *\/\r\n\r\n                if (\r\n                    aktuelleFrage.frage.type ===\r\n                    \"yesno\"\r\n                ) {\r\n\r\n                    answerField.style.display =\r\n                        \"none\";\r\n\r\n                    yesNo.style.display =\r\n                        \"flex\";\r\n\r\n                }\r\n\r\n                else {\r\n\r\n                    answerField.style.display =\r\n                        \"block\";\r\n\r\n                    yesNo.style.display =\r\n                        \"none\";\r\n\r\n                }\r\n\r\n\r\n                surveyBtn.disabled =\r\n                    false;\r\n\r\n                skipBtn.disabled =\r\n                    false;\r\n\r\n                surveyBtn.innerText =\r\n                    \"Antwort absenden\";\r\n\r\n            }\r\n\r\n\r\n            \/* =========================================\r\n               ENDE\r\n               ========================================= *\/\r\n\r\n            function beendeUmfrage() {\r\n\r\n                questionText.innerText =\r\n                    \"Du hast alle Fragen durchlaufen.\";\r\n\r\n\r\n                answerField.style.display =\r\n                    \"none\";\r\n\r\n\r\n                yesNo.style.display =\r\n                    \"none\";\r\n\r\n\r\n                surveyBtn.style.display =\r\n                    \"none\";\r\n\r\n\r\n                skipBtn.style.display =\r\n                    \"none\";\r\n\r\n\r\n                finishedMessage.style.display =\r\n                    \"block\";\r\n\r\n\r\n                counter.innerText =\r\n                    fragenPool.length +\r\n                    \" \/ \" +\r\n                    fragenPool.length;\r\n\r\n            }\r\n\r\n\r\n            \/* =========================================\r\n               ABSENDEN\r\n               ========================================= *\/\r\n\r\n            surveyBtn.addEventListener(\r\n                \"click\",\r\n                function() {\r\n\r\n\r\n                    const frageIndex =\r\n                        parseInt(\r\n                            questionText.dataset.index\r\n                        );\r\n\r\n\r\n                    const aktuelleFrage =\r\n                        fragenPool[\r\n                            frageIndex\r\n                        ];\r\n\r\n\r\n                    let antwort = \"\";\r\n\r\n\r\n                    \/* JA \/ NEIN *\/\r\n\r\n                    if (\r\n                        aktuelleFrage.type ===\r\n                        \"yesno\"\r\n                    ) {\r\n\r\n\r\n                        const selected =\r\n                            document.querySelector(\r\n                                'input[name=\"survey-choice\"]:checked'\r\n                            );\r\n\r\n\r\n                        if (!selected) {\r\n\r\n                            errorMessage.innerText =\r\n                                \"Bitte w\u00e4hle Ja oder Nein.\";\r\n\r\n                            errorMessage.style.display =\r\n                                \"block\";\r\n\r\n                            return;\r\n\r\n                        }\r\n\r\n\r\n                        antwort =\r\n                            selected.value;\r\n\r\n                    }\r\n\r\n\r\n                    \/* TEXT *\/\r\n\r\n                    else {\r\n\r\n                        antwort =\r\n                            answerField.value.trim();\r\n\r\n\r\n                        if (!antwort) {\r\n\r\n                            answerField.focus();\r\n\r\n                            answerField.style.borderColor =\r\n                                \"#ec008c\";\r\n\r\n                            errorMessage.innerText =\r\n                                \"Bitte gib eine Antwort ein oder \u00fcberspringe die Frage.\";\r\n\r\n                            errorMessage.style.display =\r\n                                \"block\";\r\n\r\n                            return;\r\n\r\n                        }\r\n\r\n                    }\r\n\r\n\r\n                    surveyBtn.disabled =\r\n                        true;\r\n\r\n                    skipBtn.disabled =\r\n                        true;\r\n\r\n\r\n                    surveyBtn.innerText =\r\n                        \"Wird gespeichert...\";\r\n\r\n\r\n                    errorMessage.style.display =\r\n                        \"none\";\r\n\r\n\r\n                    const formData =\r\n                        new FormData();\r\n\r\n\r\n                    formData.append(\r\n                        \"action\",\r\n                        \"random_anonym_question_save\"\r\n                    );\r\n\r\n\r\n                    formData.append(\r\n                        \"nonce\",\r\n                        nonce\r\n                    );\r\n\r\n\r\n                    formData.append(\r\n                        \"frage\",\r\n                        aktuelleFrage.text\r\n                    );\r\n\r\n\r\n                    formData.append(\r\n                        \"antwort\",\r\n                        antwort\r\n                    );\r\n\r\n\r\n                    fetch(\r\n                        ajaxUrl,\r\n                        {\r\n                            method: \"POST\",\r\n                            body: formData\r\n                        }\r\n                    )\r\n\r\n                    .then(\r\n                        function(response) {\r\n\r\n                            return response.json();\r\n\r\n                        }\r\n                    )\r\n\r\n                    .then(\r\n                        function(data) {\r\n\r\n\r\n                            if (\r\n                                !data.success\r\n                            ) {\r\n\r\n                                throw new Error(\r\n                                    data.data.message ||\r\n                                    \"Fehler beim Speichern.\"\r\n                                );\r\n\r\n                            }\r\n\r\n\r\n                            markiereAlsGesehen(\r\n                                frageIndex\r\n                            );\r\n\r\n\r\n                            successMessage.style.display =\r\n                                \"block\";\r\n\r\n\r\n                            setTimeout(\r\n                                function() {\r\n\r\n                                    successMessage.style.display =\r\n                                        \"none\";\r\n\r\n                                    zeigeNeueFrage();\r\n\r\n                                },\r\n                                600\r\n                            );\r\n\r\n                        }\r\n                    )\r\n\r\n                    .catch(\r\n                        function(error) {\r\n\r\n                            console.error(\r\n                                error\r\n                            );\r\n\r\n\r\n                            errorMessage.innerText =\r\n                                error.message ||\r\n                                \"Die Antwort konnte nicht gespeichert werden.\";\r\n\r\n\r\n                            errorMessage.style.display =\r\n                                \"block\";\r\n\r\n\r\n                            surveyBtn.disabled =\r\n                                false;\r\n\r\n\r\n                            skipBtn.disabled =\r\n                                false;\r\n\r\n\r\n                            surveyBtn.innerText =\r\n                                \"Antwort absenden\";\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* =========================================\r\n               \u00dcBERSPRINGEN\r\n               ========================================= *\/\r\n\r\n            skipBtn.addEventListener(\r\n                \"click\",\r\n                function() {\r\n\r\n\r\n                    const frageIndex =\r\n                        parseInt(\r\n                            questionText.dataset.index\r\n                        );\r\n\r\n\r\n                    markiereAlsGesehen(\r\n                        frageIndex\r\n                    );\r\n\r\n\r\n                    zeigeNeueFrage();\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* =========================================\r\n               START\r\n               ========================================= *\/\r\n\r\n            zeigeNeueFrage();\r\n\r\n\r\n        }\r\n    );\r\n\r\n    <\/script>\r\n\r\n\r\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intermediadesign.ltr-online.de\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/intermediadesign.ltr-online.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/intermediadesign.ltr-online.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/intermediadesign.ltr-online.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/intermediadesign.ltr-online.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":1,"href":"https:\/\/intermediadesign.ltr-online.de\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/intermediadesign.ltr-online.de\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/intermediadesign.ltr-online.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}