{"id":124,"date":"2026-08-10T09:32:55","date_gmt":"2026-08-10T09:32:55","guid":{"rendered":"https:\/\/presence.3dviewjanssen.com\/?page_id=124"},"modified":"2026-08-16T08:41:06","modified_gmt":"2026-08-16T08:41:06","slug":"shop-online","status":"publish","type":"page","link":"https:\/\/presence.3dviewjanssen.com\/en\/startseite\/shop-online\/","title":{"rendered":"Shop Online"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Hier k\u00f6nnen die Leistungen bestellt werden.<\/p>\n\n\n\n    <style>\n\n        .bf-form {\n            max-width: 760px;\n            padding: 28px;\n            background: #fff;\n            border: 1px solid #ddd;\n            border-radius: 10px;\n            box-sizing: border-box;\n        }\n\n        .bf-grid {\n            display: grid;\n            grid-template-columns:\n                repeat(\n                    2,\n                    minmax(0, 1fr)\n                );\n            gap: 18px;\n        }\n\n        .bf-field {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n            font-weight: 600;\n        }\n\n        .bf-wide {\n            grid-column: 1 \/ -1;\n        }\n\n        .bf-form input,\n        .bf-form select {\n            width: 100%;\n            box-sizing: border-box;\n            padding: 10px;\n            border: 1px solid #999;\n            border-radius: 5px;\n            background: #fff;\n        }\n\n        .bf-form button {\n            margin-top: 22px;\n            padding: 12px 20px;\n            border: 0;\n            border-radius: 5px;\n            background: #1769aa;\n            color: #fff;\n            font-weight: 700;\n            cursor: pointer;\n        }\n\n        .bf-form button:hover {\n            opacity: .9;\n        }\n\n        .bf-check-button {\n            background: #1769aa !important;\n        }\n\n        .bf-send-button {\n            background: #218739 !important;\n            font-size: 16px;\n        }\n\n        .bf-cancel-button {\n            background: #777 !important;\n            margin-left: 8px;\n        }\n\n        .bf-error {\n            color: #a71919;\n            font-size: .85rem;\n            font-weight: 400;\n        }\n\n        .bf-notice {\n            margin-bottom: 18px;\n            padding: 12px;\n            border-radius: 5px;\n        }\n\n        .bf-success {\n            background: #e5f5ea;\n            color: #176632;\n        }\n\n        .bf-failure {\n            background: #fdeaea;\n            color: #8d1717;\n        }\n\n        .bf-preview {\n            margin-top: 30px;\n            padding: 20px;\n            border: 2px solid #1769aa;\n            border-radius: 8px;\n            background: #f7f9fb;\n        }\n\n        .bf-preview h3 {\n            margin-top: 0;\n        }\n\n        .bf-pdf-frame {\n            width: 100%;\n            height: 700px;\n            border: 1px solid #999;\n            background: #fff;\n        }\n\n        .bf-preview-actions {\n            margin-top: 15px;\n        }\n\n        .bf-required {\n            color: #a71919;\n        }\n\n        @media(max-width:600px) {\n\n            .bf-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .bf-wide {\n                grid-column: auto;\n            }\n\n            .bf-pdf-frame {\n                height: 550px;\n            }\n\n            .bf-cancel-button {\n                margin-left: 0;\n                display: block;\n            }\n        }\n\n    <\/style>\n\n\n    <div class=\"bf-form\">\n\n        <h2>Bestellung<\/h2>\n\n        <p>\n            Mit\n            <span class=\"bf-required\">*<\/span>\n            markierte Felder sind Pflichtfelder.\n        <\/p>\n\n\n        \n\n        \n\n        \n\n        <!-- ===============================================\n             FORMULAR\n             =============================================== -->\n\n        <form\n            class=\"bf-form-inner\"\n            method=\"post\" action=\"\"\n        >\n\n            <input type=\"hidden\" id=\"bestellformular_nonce\" name=\"bestellformular_nonce\" value=\"f2bd3534db\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/124\" \/>\n            <input\n                type=\"hidden\"\n                name=\"bestellformular_action\"\n                value=\"bestellung_pruefen\"\n            >\n\n\n            <div class=\"bf-grid\">\n\n\n                <!-- ARTIKEL -->\n\n                <label class=\"bf-field bf-wide\">\n\n                    Artikel\n                    <span class=\"bf-required\">*<\/span>\n\n                    <select\n                        name=\"artikel\"\n                        required\n>\n\n                        <option\n                            value=\"\"\n                             selected='selected'                        >\n                            Bitte ausw\u00e4hlen\n                        <\/option>\n\n                        <option\n                            value=\"Telefonassistent\"\n                                                    >\n                            Telefonassistent\n                        <\/option>\n\n                        <option\n                            value=\"Landingpages\"\n                                                    >\n                            Landingpages\n                        <\/option>\n\n                        <option\n                            value=\"Newsletter\"\n                                                    >\n                            Newsletter\n                        <\/option>\n\n                        <option\n                            value=\"Logo\"\n                                                    >\n                            Logo\n                        <\/option>\n\n                    <\/select>\n\n                    \n                <\/label>\n\n\n                <!-- VORNAME -->\n\n                <label class=\"bf-field\">\n\n                    Vorname\n\n                    <input\n                        name=\"vorname\"\n                        maxlength=\"100\"\n                        autocomplete=\"given-name\"\n                        value=\"\"\n                    >\n\n                    \n                <\/label>\n\n\n                <!-- NACHNAME -->\n\n                <label class=\"bf-field\">\n\n                    Nachname\n\n                    <input\n                        name=\"nachname\"\n                        maxlength=\"100\"\n                        autocomplete=\"family-name\"\n                        value=\"\"\n                    >\n\n                    \n                <\/label>\n\n\n                <!-- FESTNETZ -->\n\n                <label class=\"bf-field\">\n\n                    Festnetz\n                    <span class=\"bf-required\">*<\/span>\n\n                    <input\n                        type=\"tel\"\n                        name=\"festnetz\"\n                        maxlength=\"100\"\n                        required\n value=\"\"\n                    >\n\n                    \n                <\/label>\n\n\n                <!-- MOBIL -->\n\n                <label class=\"bf-field\">\n\n                    Mobil\n                    <span class=\"bf-required\">*<\/span>\n\n                    <input\n                        type=\"tel\"\n                        name=\"mobil\"\n                        maxlength=\"100\"\n                        required\n value=\"\"\n                    >\n\n                    \n                <\/label>\n\n\n                <!-- E-MAIL -->\n\n                <label class=\"bf-field bf-wide\">\n\n                    E-Mail\n                    <span class=\"bf-required\">*<\/span>\n\n                    <input\n                        type=\"email\"\n                        name=\"mail\"\n                        maxlength=\"100\"\n                        required\n autocomplete=\"email\"\n                        value=\"\"\n                    >\n\n                    \n                <\/label>\n\n\n                <!-- PLZ -->\n\n                <label class=\"bf-field\">\n\n                    PLZ\n                    <span class=\"bf-required\">*<\/span>\n\n                    <input\n                        name=\"plz\"\n                        maxlength=\"100\"\n                        required\n inputmode=\"numeric\"\n                        value=\"\"\n                    >\n\n                    \n                <\/label>\n\n\n                <!-- ORT -->\n\n                <label class=\"bf-field\">\n\n                    Ort\n                    <span class=\"bf-required\">*<\/span>\n\n                    <input\n                        name=\"ort\"\n                        maxlength=\"10\"\n                        required\n value=\"\"\n                    >\n\n                    \n                <\/label>\n\n\n                <!-- STRASSE -->\n\n                <label class=\"bf-field\">\n\n                    Stra\u00dfe\n                    <span class=\"bf-required\">*<\/span>\n\n                    <input\n                        name=\"strasse\"\n                        maxlength=\"100\"\n                        required\n value=\"\"\n                    >\n\n                    \n                <\/label>\n\n\n                <!-- HAUSNUMMER -->\n\n                <label class=\"bf-field\">\n\n                    Hausnummer\n                    <span class=\"bf-required\">*<\/span>\n\n                    <input\n                        type=\"number\"\n                        name=\"hausnr\"\n                        min=\"1\"\n                        max=\"99\"\n                        required\n value=\"\"\n                    >\n\n                    \n                <\/label>\n\n\n                <!-- DSGVO -->\n\n                <label class=\"bf-field bf-wide\">\n\n                    Einwilligung gem\u00e4\u00df DSGVO\n                    <span class=\"bf-required\">*<\/span>\n\n                    <select\n                        name=\"dsgvo\"\n                        required\n>\n\n                        <option\n                            value=\"\"\n                                                    >\n                            Bitte ausw\u00e4hlen\n                        <\/option>\n\n                        <option\n                            value=\"1\"\n                             selected='selected'                        >\n                            Ja\n                        <\/option>\n\n                        <option\n                            value=\"0\"\n                                                    >\n                            Nein\n                        <\/option>\n\n                    <\/select>\n\n                    \n                <\/label>\n\n            <\/div>\n\n\n            <!-- ===========================================\n                 PDF PR\u00dcFEN\n                 =========================================== -->\n\n            <button\n                type=\"submit\"\n                class=\"bf-check-button\"\n            >\n                PDF pr\u00fcfen\n            <\/button>\n\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\n\n        \n\n        \n\n    <\/div>\n\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>Hier k\u00f6nnen die Leistungen bestellt werden.<\/p>","protected":false},"author":2,"featured_media":0,"parent":135,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-124","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/presence.3dviewjanssen.com\/en\/wp-json\/wp\/v2\/pages\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/presence.3dviewjanssen.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/presence.3dviewjanssen.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/presence.3dviewjanssen.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/presence.3dviewjanssen.com\/en\/wp-json\/wp\/v2\/comments?post=124"}],"version-history":[{"count":2,"href":"https:\/\/presence.3dviewjanssen.com\/en\/wp-json\/wp\/v2\/pages\/124\/revisions"}],"predecessor-version":[{"id":158,"href":"https:\/\/presence.3dviewjanssen.com\/en\/wp-json\/wp\/v2\/pages\/124\/revisions\/158"}],"up":[{"embeddable":true,"href":"https:\/\/presence.3dviewjanssen.com\/en\/wp-json\/wp\/v2\/pages\/135"}],"wp:attachment":[{"href":"https:\/\/presence.3dviewjanssen.com\/en\/wp-json\/wp\/v2\/media?parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}