{"id":267,"date":"2026-08-17T17:40:49","date_gmt":"2026-08-17T15:40:49","guid":{"rendered":"https:\/\/straitupservices.com\/?page_id=267"},"modified":"2026-08-18T12:15:33","modified_gmt":"2026-08-18T10:15:33","slug":"onboarding","status":"publish","type":"page","link":"https:\/\/straitupservices.com\/de\/onboarding\/","title":{"rendered":"Onboarding"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"267\" class=\"elementor elementor-267\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dc68a0 e-flex e-con-boxed e-con e-parent\" data-id=\"6dc68a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3aa610 elementor-widget elementor-widget-html\" data-id=\"f3aa610\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"seofoxx-briefing\">\r\n\r\n    <div class=\"sfb-shell\">\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"sfb-header\">\r\n\r\n            <div class=\"sfb-header-copy\">\r\n\r\n                <span class=\"sfb-eyebrow\">Website-Briefing<\/span>\r\n\r\n                <h2>Die Grundlage f\u00fcr Ihre neue Website.<\/h2>\r\n\r\n                <p>\r\n                    Mit ein paar kurzen Informationen helfen Sie uns,\r\n                    Ihr Unternehmen, Ihre Leistungen und Ihre Kunden besser\r\n                    zu verstehen.\r\n                    <strong>\r\n                        Sie m\u00fcssen keine fertigen Website-Texte schreiben \u2013\r\n                        Stichpunkte reichen vollkommen aus.\r\n                    <\/strong>\r\n                <\/p>\r\n\r\n                <p class=\"sfb-header-note\">\r\n                    Sie kennen eine Antwort gerade nicht?\r\n                    Kein Problem \u2013 lassen Sie das Feld einfach frei.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sfb-time\">\r\n\r\n                <span class=\"sfb-time-icon\">\u25f7<\/span>\r\n\r\n                <div>\r\n                    <strong>ca. 10\u201315 Minuten<\/strong>\r\n                    <span>Ihr Zwischenstand wird gespeichert<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PROGRESS -->\r\n\r\n        <div class=\"sfb-progress-area\">\r\n\r\n            <div class=\"sfb-progress-top\">\r\n\r\n                <span id=\"sfb-step-label\">\r\n                    Schritt 1 von 7\r\n                <\/span>\r\n\r\n                <span id=\"sfb-progress-percent\">\r\n                    14 %\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sfb-progress-track\">\r\n\r\n                <div\r\n                    class=\"sfb-progress-bar\"\r\n                    id=\"sfb-progress-bar\">\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sfb-step-nav\">\r\n\r\n                <span class=\"active\">Unternehmen<\/span>\r\n                <span>Kunden<\/span>\r\n                <span>Leistungen<\/span>\r\n                <span>Zusammenarbeit<\/span>\r\n                <span>Vertrauen<\/span>\r\n                <span>Hinweise<\/span>\r\n                <span>Website<\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FORM -->\r\n\r\n        <form\r\n            id=\"sfb-form\"\r\n            enctype=\"multipart\/form-data\"\r\n        >\r\n\r\n            <!-- STEP 1 -->\r\n\r\n            <section\r\n                class=\"sfb-step active\"\r\n                data-step=\"1\"\r\n            >\r\n\r\n                <div class=\"sfb-step-heading\">\r\n\r\n                    <div class=\"sfb-step-number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <span class=\"sfb-kicker\">\r\n                            Los geht's\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Erz\u00e4hlen Sie uns kurz von Ihrem Unternehmen.\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Keine Werbesprache notwendig.\r\n                            Beschreiben Sie Ihr Unternehmen einfach so,\r\n                            wie Sie es auch einem neuen Gesch\u00e4ftskontakt\r\n                            erkl\u00e4ren w\u00fcrden.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-grid sfb-grid-2\">\r\n\r\n                    <div class=\"sfb-field\">\r\n\r\n                        <label for=\"company_name\">\r\n                            Unternehmensname\r\n                            <span class=\"required\">*<\/span>\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"company_name\"\r\n                            name=\"company_name\"\r\n                            placeholder=\"z. B. Muster GmbH\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sfb-field\">\r\n\r\n                        <label for=\"website\">\r\n                            Bestehende Website\r\n                            <span class=\"optional\">optional<\/span>\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"url\"\r\n                            id=\"website\"\r\n                            name=\"website\"\r\n                            placeholder=\"https:\/\/...\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"business_description\">\r\n                        Was genau macht Ihr Unternehmen?\r\n                        <span class=\"required\">*<\/span>\r\n                    <\/label>\r\n\r\n                    <div class=\"sfb-help\">\r\n\r\n                        <span>\u2192<\/span>\r\n\r\n                        <p>\r\n                            Zwei bis f\u00fcnf Stichpunkte reichen.\r\n                            Beschreiben Sie m\u00f6glichst konkret,\r\n                            womit sich Ihr Unternehmen besch\u00e4ftigt.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <textarea\r\n                        id=\"business_description\"\r\n                        name=\"business_description\"\r\n                        rows=\"5\"\r\n                        required\r\n                        placeholder=\"Beispiel:\r\n\u2022 Wir beraten Unternehmen bei ...\r\n\u2022 Wir unterst\u00fctzen unsere Kunden bei ...\r\n\u2022 Unser Schwerpunkt liegt auf ...\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"products_services\">\r\n                        Welche Dienstleistungen oder Produkte bieten Sie an?\r\n                        <span class=\"required\">*<\/span>\r\n                    <\/label>\r\n\r\n                    <div class=\"sfb-help\">\r\n\r\n                        <span>\u2192<\/span>\r\n\r\n                        <p>\r\n                            Hier reicht zun\u00e4chst eine einfache Auflistung.\r\n                            Die einzelnen Leistungen fragen wir sp\u00e4ter noch\r\n                            etwas genauer ab.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <textarea\r\n                        id=\"products_services\"\r\n                        name=\"products_services\"\r\n                        rows=\"5\"\r\n                        required\r\n                        placeholder=\"Beispiel:\r\n\u2022 Beratung\r\n\u2022 Planung\r\n\u2022 Wartung\r\n\u2022 Installation\r\n\u2022 Individuelle L\u00f6sungen\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- STEP 2 -->\r\n\r\n            <section\r\n                class=\"sfb-step\"\r\n                data-step=\"2\"\r\n            >\r\n\r\n                <div class=\"sfb-step-heading\">\r\n\r\n                    <div class=\"sfb-step-number\">\r\n                        02\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <span class=\"sfb-kicker\">\r\n                            Ihre Kunden\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Wen m\u00f6chten Sie mit Ihrer Website erreichen?\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Je besser wir Ihre Kunden verstehen,\r\n                            desto gezielter k\u00f6nnen wir Inhalte,\r\n                            Seitenstruktur und Ansprache entwickeln.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label>\r\n                        Arbeiten Sie haupts\u00e4chlich mit Unternehmen\r\n                        oder Privatkunden?\r\n                    <\/label>\r\n\r\n                    <div class=\"sfb-choice-grid\">\r\n\r\n                        <label class=\"sfb-choice\">\r\n\r\n                            <input\r\n                                type=\"radio\"\r\n                                name=\"customer_type\"\r\n                                value=\"B2B\"\r\n                            >\r\n\r\n                            <span class=\"sfb-choice-card\">\r\n\r\n                                <strong>B2B<\/strong>\r\n\r\n                                <small>\r\n                                    Unternehmen \/ Gesch\u00e4ftskunden\r\n                                <\/small>\r\n\r\n                            <\/span>\r\n\r\n                        <\/label>\r\n\r\n\r\n                        <label class=\"sfb-choice\">\r\n\r\n                            <input\r\n                                type=\"radio\"\r\n                                name=\"customer_type\"\r\n                                value=\"B2C\"\r\n                            >\r\n\r\n                            <span class=\"sfb-choice-card\">\r\n\r\n                                <strong>B2C<\/strong>\r\n\r\n                                <small>\r\n                                    Privatkunden \/ Verbraucher\r\n                                <\/small>\r\n\r\n                            <\/span>\r\n\r\n                        <\/label>\r\n\r\n\r\n                        <label class=\"sfb-choice\">\r\n\r\n                            <input\r\n                                type=\"radio\"\r\n                                name=\"customer_type\"\r\n                                value=\"B2B und B2C\"\r\n                            >\r\n\r\n                            <span class=\"sfb-choice-card\">\r\n\r\n                                <strong>Beides<\/strong>\r\n\r\n                                <small>\r\n                                    B2B und B2C\r\n                                <\/small>\r\n\r\n                            <\/span>\r\n\r\n                        <\/label>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"target_groups\">\r\n                        Welche Branchen, Kundentypen oder Zielgruppen bedienen Sie?\r\n                        <span class=\"required\">*<\/span>\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        id=\"target_groups\"\r\n                        name=\"target_groups\"\r\n                        rows=\"5\"\r\n                        required\r\n                        placeholder=\"Beispiel:\r\n\u2022 Handwerksbetriebe\r\n\u2022 Industrieunternehmen\r\n\u2022 Immobilienverwaltungen\r\n\u2022 Start-ups\r\n\u2022 Privatkunden\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"problem_solution\">\r\n                        Welche Probleme oder Herausforderungen haben diese Kunden?\r\n                    <\/label>\r\n\r\n                    <div class=\"sfb-help\">\r\n\r\n                        <span>\u2192<\/span>\r\n\r\n                        <p>\r\n                            Beschreiben Sie einfach, warum ein Kunde\r\n                            normalerweise Ihre Unterst\u00fctzung ben\u00f6tigt.\r\n                            Keine Marketingformulierungen notwendig.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <textarea\r\n                        id=\"problem_solution\"\r\n                        name=\"problem_solution\"\r\n                        rows=\"5\"\r\n                        placeholder=\"Beispiel:\r\n\u2022 Kunden finden nicht die passende L\u00f6sung f\u00fcr ...\r\n\u2022 Bestehende Prozesse funktionieren nicht zuverl\u00e4ssig\r\n\u2022 Internes Fachwissen fehlt f\u00fcr ...\r\n\u2022 Der Kunde m\u00f6chte Zeit oder Kosten sparen\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"regions\">\r\n                        In welchen L\u00e4ndern oder Regionen sind Sie t\u00e4tig?\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        id=\"regions\"\r\n                        name=\"regions\"\r\n                        rows=\"3\"\r\n                        placeholder=\"z. B. Hamburg und Umgebung, deutschlandweit, DACH, Europa, USA ...\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"ideal_customer\">\r\n                        Gibt es einen besonders wichtigen Wunschkunden?\r\n                        <span class=\"optional\">optional<\/span>\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        id=\"ideal_customer\"\r\n                        name=\"ideal_customer\"\r\n                        rows=\"4\"\r\n                        placeholder=\"Wer w\u00e4re f\u00fcr Sie der perfekte Kunde?\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- STEP 3 -->\r\n\r\n            <section\r\n                class=\"sfb-step\"\r\n                data-step=\"3\"\r\n            >\r\n\r\n                <div class=\"sfb-step-heading\">\r\n\r\n                    <div class=\"sfb-step-number\">\r\n                        03\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <span class=\"sfb-kicker\">\r\n                            Ihre Leistungen\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Jetzt schauen wir uns Ihre Leistungen etwas genauer an.\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Diese Informationen helfen uns sp\u00e4ter,\r\n                            Leistungsseiten verst\u00e4ndlich und vollst\u00e4ndig\r\n                            aufzubauen.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-highlight\">\r\n\r\n                    <div class=\"sfb-highlight-icon\">\r\n                        \u2713\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Keine perfekten Formulierungen notwendig.\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Rohinformationen, Stichpunkte und Fachbegriffe\r\n                            sind f\u00fcr uns oft hilfreicher als fertig\r\n                            geschriebene Werbetexte.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div id=\"sfb-services\"><\/div>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"sfb-add-button\"\r\n                    id=\"sfb-add-service\"\r\n                >\r\n                    <span>\uff0b<\/span>\r\n                    Weitere Leistung hinzuf\u00fcgen\r\n                <\/button>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- STEP 4 -->\r\n\r\n            <section\r\n                class=\"sfb-step\"\r\n                data-step=\"4\"\r\n            >\r\n\r\n                <div class=\"sfb-step-heading\">\r\n\r\n                    <div class=\"sfb-step-number\">\r\n                        04\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <span class=\"sfb-kicker\">\r\n                            Zusammenarbeit\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Wie funktioniert die Zusammenarbeit mit Ihren Kunden?\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Hier geht es nicht um vertrauliche Zahlen.\r\n                            Wir m\u00f6chten lediglich verstehen,\r\n                            wie ein typisches Projekt oder ein Auftrag\r\n                            bei Ihnen abl\u00e4uft.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"revenue_model\">\r\n                        Wie erzielen Sie haupts\u00e4chlich Ihre Einnahmen?\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        id=\"revenue_model\"\r\n                        name=\"revenue_model\"\r\n                        rows=\"4\"\r\n                        placeholder=\"z. B. Projektgesch\u00e4ft, Beratung, Produktverkauf, laufende Betreuung ...\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label>\r\n                        Wie rechnen Sie typischerweise ab?\r\n                    <\/label>\r\n\r\n                    <div class=\"sfb-checkbox-grid\">\r\n\r\n                        <label>\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                name=\"billing[]\"\r\n                                value=\"Festpreis\"\r\n                            >\r\n                            <span>Festpreis<\/span>\r\n                        <\/label>\r\n\r\n                        <label>\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                name=\"billing[]\"\r\n                                value=\"Stundenbasis\"\r\n                            >\r\n                            <span>Stundenbasis<\/span>\r\n                        <\/label>\r\n\r\n                        <label>\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                name=\"billing[]\"\r\n                                value=\"Tagessatz\"\r\n                            >\r\n                            <span>Tagessatz<\/span>\r\n                        <\/label>\r\n\r\n                        <label>\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                name=\"billing[]\"\r\n                                value=\"Abonnement\"\r\n                            >\r\n                            <span>Abonnement<\/span>\r\n                        <\/label>\r\n\r\n                        <label>\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                name=\"billing[]\"\r\n                                value=\"Individuelles Angebot\"\r\n                            >\r\n                            <span>Individuelles Angebot<\/span>\r\n                        <\/label>\r\n\r\n                        <label>\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                name=\"billing[]\"\r\n                                value=\"Sonstiges\"\r\n                            >\r\n                            <span>Sonstiges<\/span>\r\n                        <\/label>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"project_process\">\r\n                        Wie l\u00e4uft eine typische Zusammenarbeit ab?\r\n                    <\/label>\r\n\r\n                    <div class=\"sfb-help\">\r\n\r\n                        <span>\u2192<\/span>\r\n\r\n                        <p>\r\n                            Beschreiben Sie den Ablauf vom ersten Kontakt\r\n                            bis zum Abschluss einfach in Stichpunkten.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <textarea\r\n                        id=\"project_process\"\r\n                        name=\"project_process\"\r\n                        rows=\"6\"\r\n                        placeholder=\"Beispiel:\r\n1. Kunde stellt Anfrage\r\n2. Erstgespr\u00e4ch\r\n3. Angebot\r\n4. Beauftragung\r\n5. Umsetzung\r\n6. \u00dcbergabe \/ Betreuung\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- STEP 5 -->\r\n\r\n            <section\r\n                class=\"sfb-step\"\r\n                data-step=\"5\"\r\n            >\r\n\r\n                <div class=\"sfb-step-heading\">\r\n\r\n                    <div class=\"sfb-step-number\">\r\n                        05\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <span class=\"sfb-kicker\">\r\n                            Erfahrung & Vertrauen\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Was spricht f\u00fcr Ihr Unternehmen?\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Hier sammeln wir alles,\r\n                            was Erfahrung, Kompetenz und Vertrauen\r\n                            vermittelt.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"experience\">\r\n                        Welche Erfahrungen oder Qualifikationen bringen Sie mit?\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        id=\"experience\"\r\n                        name=\"experience\"\r\n                        rows=\"5\"\r\n                        placeholder=\"z. B. Berufserfahrung, Ausbildung, Studium, Zertifikate, Branchenerfahrung ...\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"references\">\r\n                        Gibt es Referenzkunden oder Beispielprojekte?\r\n                    <\/label>\r\n\r\n                    <div class=\"sfb-help\">\r\n\r\n                        <span>\u2192<\/span>\r\n\r\n                        <p>\r\n                            Falls Ihr Unternehmen noch neu ist,\r\n                            ist das kein Problem. Dann k\u00f6nnen beispielsweise\r\n                            Ihre pers\u00f6nliche Erfahrung oder fr\u00fchere\r\n                            T\u00e4tigkeiten relevant sein.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <textarea\r\n                        id=\"references\"\r\n                        name=\"references\"\r\n                        rows=\"5\"\r\n                        placeholder=\"Bitte nennen Sie Projekte, Referenzen oder Kunden, die wir verwenden d\u00fcrfen.\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"advantages\">\r\n                        Was unterscheidet Sie von anderen Anbietern?\r\n                    <\/label>\r\n\r\n                    <div class=\"sfb-help\">\r\n\r\n                        <span>\u2192<\/span>\r\n\r\n                        <p>\r\n                            Denken Sie auch an Dinge,\r\n                            die f\u00fcr Sie selbstverst\u00e4ndlich erscheinen:\r\n                            Erfahrung, pers\u00f6nliche Betreuung,\r\n                            Spezialisierung, Geschwindigkeit\r\n                            oder technisches Know-how.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <textarea\r\n                        id=\"advantages\"\r\n                        name=\"advantages\"\r\n                        rows=\"5\"\r\n                        placeholder=\"Was k\u00f6nnen oder machen Sie besonders gut?\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- STEP 6 -->\r\n\r\n            <section\r\n                class=\"sfb-step\"\r\n                data-step=\"6\"\r\n            >\r\n\r\n                <div class=\"sfb-step-heading\">\r\n\r\n                    <div class=\"sfb-step-number\">\r\n                        06\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <span class=\"sfb-kicker\">\r\n                            Wichtige Hinweise\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Gibt es wichtige Grenzen, Einschr\u00e4nkungen oder rechtliche Hinweise?\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Dieser Bereich hilft uns,\r\n                            Leistungen sauber abzugrenzen\r\n                            und Missverst\u00e4ndnisse auf der Website\r\n                            zu vermeiden.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"not_offered\">\r\n                        Was macht Ihr Unternehmen ausdr\u00fccklich nicht?\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        id=\"not_offered\"\r\n                        name=\"not_offered\"\r\n                        rows=\"5\"\r\n                        placeholder=\"Beispiel:\r\n\u2022 Kein Verkauf von Produkten\r\n\u2022 Keine Rechtsberatung\r\n\u2022 Keine Installation\r\n\u2022 Keine Schulungen\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"legal_notes\">\r\n                        Gibt es rechtliche Hinweise, Einschr\u00e4nkungen oder Disclaimer?\r\n                    <\/label>\r\n\r\n                    <div class=\"sfb-help\">\r\n\r\n                        <span>\u2192<\/span>\r\n\r\n                        <p>\r\n                            Bestehende Texte k\u00f6nnen Sie hier\r\n                            einfach vollst\u00e4ndig hineinkopieren.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <textarea\r\n                        id=\"legal_notes\"\r\n                        name=\"legal_notes\"\r\n                        rows=\"8\"\r\n                        placeholder=\"Falls vorhanden, k\u00f6nnen Sie hier auch l\u00e4ngere bestehende Texte einf\u00fcgen.\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"other_notes\">\r\n                        Gibt es sonst etwas, das wir unbedingt wissen sollten?\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        id=\"other_notes\"\r\n                        name=\"other_notes\"\r\n                        rows=\"5\"\r\n                        placeholder=\"Alles, was bisher keinen passenden Platz gefunden hat.\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- STEP 7 -->\r\n\r\n            <section\r\n                class=\"sfb-step\"\r\n                data-step=\"7\"\r\n            >\r\n\r\n                <div class=\"sfb-step-heading\">\r\n\r\n                    <div class=\"sfb-step-number\">\r\n                        07\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <span class=\"sfb-kicker\">\r\n                            Letzter Schritt\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Ihre Website, Ihr Design und vorhandene Materialien.\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Jetzt fehlen nur noch ein paar Informationen\r\n                            zur gew\u00fcnschten Website.\r\n                            Wenn noch keine Materialien vorhanden sind,\r\n                            ist das kein Problem.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"website_goal\">\r\n                        Was soll ein Besucher Ihrer Website idealerweise tun?\r\n                    <\/label>\r\n\r\n                    <div class=\"sfb-help\">\r\n\r\n                        <span>\u2192<\/span>\r\n\r\n                        <p>\r\n                            Wenn Sie sich nicht sicher sind,\r\n                            k\u00f6nnen Sie diese Frage einfach \u00fcberspringen.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <textarea\r\n                        id=\"website_goal\"\r\n                        name=\"website_goal\"\r\n                        rows=\"3\"\r\n                        placeholder=\"z. B. Kontakt aufnehmen, Beratung vereinbaren, Angebot anfragen, Produkt kaufen ...\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"important_topics\">\r\n                        Gibt es Leistungen oder Themen, die besonders wichtig sind?\r\n                        <span class=\"optional\">optional<\/span>\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        id=\"important_topics\"\r\n                        name=\"important_topics\"\r\n                        rows=\"3\"\r\n                        placeholder=\"Welche Themen sollen auf der Website besonders pr\u00e4sent sein?\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"websites_like\">\r\n                        Gibt es Websites, die Ihnen optisch besonders gut gefallen?\r\n                        <span class=\"optional\">optional<\/span>\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        id=\"websites_like\"\r\n                        name=\"websites_like\"\r\n                        rows=\"4\"\r\n                        placeholder=\"Einfach Links einf\u00fcgen. Wenn Sie m\u00f6chten, schreiben Sie kurz dazu, was Ihnen gef\u00e4llt.\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-section-label\">\r\n                    <span>Vorhandene Materialien<\/span>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-grid sfb-grid-2\">\r\n\r\n                    <div class=\"sfb-upload\">\r\n\r\n                        <label for=\"logo_files\">\r\n\r\n                            <span class=\"sfb-upload-icon\">\r\n                                \u2191\r\n                            <\/span>\r\n\r\n                            <strong>\r\n                                Logo hochladen\r\n                            <\/strong>\r\n\r\n                            <small>\r\n                                PNG, JPG, SVG oder PDF\r\n                            <\/small>\r\n\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"file\"\r\n                            id=\"logo_files\"\r\n                            name=\"logo_files[]\"\r\n                            multiple\r\n                            accept=\".png,.jpg,.jpeg,.svg,.pdf\"\r\n                        >\r\n\r\n                        <div\r\n                            class=\"sfb-file-list\"\r\n                            data-for=\"logo_files\"\r\n                        ><\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sfb-upload\">\r\n\r\n                        <label for=\"image_files\">\r\n\r\n                            <span class=\"sfb-upload-icon\">\r\n                                \u2191\r\n                            <\/span>\r\n\r\n                            <strong>\r\n                                Bilder hochladen\r\n                            <\/strong>\r\n\r\n                            <small>\r\n                                Team, B\u00fcro, Produkte, Projekte etc.\r\n                            <\/small>\r\n\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"file\"\r\n                            id=\"image_files\"\r\n                            name=\"image_files[]\"\r\n                            multiple\r\n                            accept=\".png,.jpg,.jpeg,.webp,.pdf\"\r\n                        >\r\n\r\n                        <div\r\n                            class=\"sfb-file-list\"\r\n                            data-for=\"image_files\"\r\n                        ><\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"brand_colors\">\r\n                        Gibt es bereits Unternehmensfarben?\r\n                    <\/label>\r\n\r\n                    <input\r\n                        type=\"text\"\r\n                        id=\"brand_colors\"\r\n                        name=\"brand_colors\"\r\n                        placeholder=\"z. B. Dunkelblau und Gold \/ #123456\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label for=\"visual_direction\">\r\n                        Welche Bilder oder Motive w\u00fcnschen Sie sich auf Ihrer Website?\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        id=\"visual_direction\"\r\n                        name=\"visual_direction\"\r\n                        rows=\"5\"\r\n                        placeholder=\"Beispiel: moderne Produktionsumgebung, Mitarbeiter bei der Arbeit, bestimmte Maschinen, abstrakte Technologie-Motive ...\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-final-box\">\r\n\r\n                    <span class=\"sfb-final-icon\">\r\n                        \u2713\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Geschafft.\r\n                        <\/strong>\r\n\r\n                        <p>\r\n                            Nach dem Absenden erhalten wir Ihre Angaben\r\n                            und haben damit die Grundlage,\r\n                            um mit der Planung Ihrer Website zu starten.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- NAVIGATION -->\r\n\r\n            <div class=\"sfb-navigation\">\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    id=\"sfb-prev\"\r\n                    class=\"sfb-button sfb-button-secondary\"\r\n                    style=\"visibility:hidden;\"\r\n                >\r\n                    \u2190 Zur\u00fcck\r\n                <\/button>\r\n\r\n\r\n                <div\r\n                    class=\"sfb-save-info\"\r\n                    id=\"sfb-save-info\"\r\n                >\r\n                    <span>\u2713<\/span>\r\n                    Zwischenstand wird automatisch gespeichert\r\n                <\/div>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    id=\"sfb-next\"\r\n                    class=\"sfb-button sfb-button-primary\"\r\n                >\r\n                    Weiter \u2192\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"submit\"\r\n                    id=\"sfb-submit\"\r\n                    class=\"sfb-button sfb-button-submit\"\r\n                    style=\"display:none;\"\r\n                >\r\n                    Briefing absenden \u2713\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div id=\"sfb-message\"><\/div>\r\n\r\n        <\/form>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   BASE\r\n===================================================== *\/\r\n\r\n#seofoxx-briefing,\r\n#seofoxx-briefing * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#seofoxx-briefing {\r\n\r\n    --gold: #D7AE4F;\r\n    --gold-dark: #B8892F;\r\n    --gold-soft: #FBF6E9;\r\n\r\n    --dark: #171717;\r\n    --text: #363636;\r\n    --muted: #717171;\r\n\r\n    --line: #E8E5DE;\r\n\r\n    --cream: #FCFAF5;\r\n    --blue-light: #F1F5F6;\r\n\r\n    --white: #FFFFFF;\r\n\r\n    --success: #49725D;\r\n    --success-soft: #F1F7F4;\r\n\r\n    width: 100%;\r\n\r\n    color: var(--text);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* WICHTIG:\r\n   verhindert automatische Title-Case-Schreibweise\r\n   durch Theme oder Elementor *\/\r\n\r\n#seofoxx-briefing h1,\r\n#seofoxx-briefing h2,\r\n#seofoxx-briefing h3,\r\n#seofoxx-briefing h4,\r\n#seofoxx-briefing h5,\r\n#seofoxx-briefing h6,\r\n#seofoxx-briefing label,\r\n#seofoxx-briefing button,\r\n#seofoxx-briefing .sfb-choice-card,\r\n#seofoxx-briefing .sfb-step-nav,\r\n#seofoxx-briefing .sfb-service-head,\r\n#seofoxx-briefing .sfb-final-box {\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   WRAPPER\r\n===================================================== *\/\r\n\r\n.sfb-shell {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1120px;\r\n\r\n    margin: 0 auto;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #ECE9E1;\r\n\r\n    box-shadow:\r\n        0 18px 55px rgba(32,27,18,.055);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HEADER\r\n===================================================== *\/\r\n\r\n.sfb-header {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 55px;\r\n\r\n    padding: 68px 65px 52px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            105deg,\r\n            #FFFFFF 0%,\r\n            #FFFFFF 67%,\r\n            #FBF8F0 100%\r\n        );\r\n}\r\n\r\n\r\n.sfb-header:before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 65px;\r\n\r\n    top: 43px;\r\n\r\n    width: 38px;\r\n\r\n    height: 2px;\r\n\r\n    background: var(--gold);\r\n}\r\n\r\n\r\n.sfb-header-copy {\r\n\r\n    max-width: 760px;\r\n}\r\n\r\n\r\n.sfb-eyebrow,\r\n.sfb-kicker {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 14px;\r\n\r\n    color: var(--gold-dark);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.2;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .11em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.sfb-header h2 {\r\n\r\n    margin: 0 0 20px;\r\n\r\n    color: var(--dark);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(36px,4vw,50px);\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -.025em;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n.sfb-header p {\r\n\r\n    max-width: 720px;\r\n\r\n    margin: 0;\r\n\r\n    color: #646464;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n.sfb-header p strong {\r\n\r\n    color: var(--dark);\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.sfb-header-note {\r\n\r\n    margin-top: 18px !important;\r\n\r\n    color: #898989 !important;\r\n\r\n    font-size: 15px !important;\r\n\r\n    line-height: 1.6 !important;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TIME BOX\r\n===================================================== *\/\r\n\r\n.sfb-time {\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    margin-top: 11px;\r\n\r\n    padding: 17px 20px;\r\n\r\n    background: rgba(255,255,255,.86);\r\n\r\n    border-left: 3px solid var(--gold);\r\n\r\n    box-shadow:\r\n        0 5px 18px rgba(30,30,30,.04);\r\n}\r\n\r\n\r\n.sfb-time-icon {\r\n\r\n    color: var(--gold-dark);\r\n\r\n    font-size: 25px;\r\n}\r\n\r\n\r\n.sfb-time strong,\r\n.sfb-time span {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.sfb-time strong {\r\n\r\n    color: var(--dark);\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.35;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.sfb-time div span {\r\n\r\n    margin-top: 4px;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   PROGRESS\r\n===================================================== *\/\r\n\r\n.sfb-progress-area {\r\n\r\n    padding: 28px 65px 26px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border-top: 1px solid var(--line);\r\n\r\n    border-bottom: 1px solid var(--line);\r\n}\r\n\r\n\r\n.sfb-progress-top {\r\n\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n\r\n    margin-bottom: 14px;\r\n\r\n    color: #606060;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.2;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .045em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n#sfb-progress-percent {\r\n\r\n    color: var(--gold-dark);\r\n}\r\n\r\n\r\n.sfb-progress-track {\r\n\r\n    height: 4px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #ECEAE5;\r\n}\r\n\r\n\r\n.sfb-progress-bar {\r\n\r\n    width: 14.28%;\r\n\r\n    height: 100%;\r\n\r\n    background: var(--gold);\r\n\r\n    transition: width .45s ease;\r\n}\r\n\r\n\r\n.sfb-step-nav {\r\n\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 18px;\r\n\r\n    margin-top: 17px;\r\n}\r\n\r\n\r\n.sfb-step-nav span {\r\n\r\n    color: #A5A5A1;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.35;\r\n\r\n    font-weight: 500;\r\n\r\n    white-space: nowrap;\r\n\r\n    transition: .2s ease;\r\n}\r\n\r\n\r\n.sfb-step-nav span.active {\r\n\r\n    color: var(--dark);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   STEPS\r\n===================================================== *\/\r\n\r\n.sfb-step {\r\n\r\n    display: none;\r\n\r\n    padding:\r\n        62px 65px 30px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    animation:\r\n        sfbFade .35s ease;\r\n}\r\n\r\n\r\n.sfb-step.active {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n@keyframes sfbFade {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(7px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   STEP HEADING\r\n===================================================== *\/\r\n\r\n.sfb-step-heading {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        58px 1fr;\r\n\r\n    gap: 24px;\r\n\r\n    margin-bottom: 45px;\r\n\r\n    padding-bottom: 36px;\r\n\r\n    border-bottom: 1px solid var(--line);\r\n}\r\n\r\n\r\n.sfb-step-number {\r\n\r\n    width: 56px;\r\n\r\n    height: 56px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    background: var(--gold);\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.sfb-step-heading h3 {\r\n\r\n    max-width: 800px;\r\n\r\n    margin:\r\n        0 0 14px;\r\n\r\n    color: var(--dark);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(32px,3vw,42px);\r\n\r\n    line-height: 1.13;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -.015em;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n.sfb-step-heading p {\r\n\r\n    max-width: 760px;\r\n\r\n    margin: 0;\r\n\r\n    color: #777777;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   GRIDS\r\n===================================================== *\/\r\n\r\n.sfb-grid {\r\n\r\n    display: grid;\r\n\r\n    gap: 24px;\r\n}\r\n\r\n\r\n.sfb-grid-2 {\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            2,\r\n            minmax(0,1fr)\r\n        );\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FORM FIELDS\r\n===================================================== *\/\r\n\r\n.sfb-field {\r\n\r\n    margin-bottom: 34px;\r\n}\r\n\r\n\r\n.sfb-field > label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 12px;\r\n\r\n    color: var(--dark);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.45;\r\n\r\n    font-weight: 600;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n.required {\r\n\r\n    color: var(--gold-dark);\r\n\r\n    font-size: 16px;\r\n}\r\n\r\n\r\n.optional {\r\n\r\n    margin-left: 7px;\r\n\r\n    color: #989898;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* INPUTS *\/\r\n\r\n.sfb-field input[type=\"text\"],\r\n.sfb-field input[type=\"url\"],\r\n.sfb-field textarea {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    padding: 16px 18px;\r\n\r\n    border:\r\n        1px solid #DAD7D0;\r\n\r\n    border-radius: 0;\r\n\r\n    outline: none;\r\n\r\n    background: #FFFFFF;\r\n\r\n    color: var(--text);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.65;\r\n\r\n    transition:\r\n        border-color .2s ease,\r\n        box-shadow .2s ease,\r\n        background .2s ease;\r\n}\r\n\r\n\r\n.sfb-field textarea {\r\n\r\n    min-height: 125px;\r\n\r\n    resize: vertical;\r\n}\r\n\r\n\r\n.sfb-field input:hover,\r\n.sfb-field textarea:hover {\r\n\r\n    border-color: #C5C1B8;\r\n}\r\n\r\n\r\n.sfb-field input:focus,\r\n.sfb-field textarea:focus {\r\n\r\n    border-color: var(--gold);\r\n\r\n    background: #FFFEFC;\r\n\r\n    box-shadow:\r\n        0 0 0 4px rgba(214,174,82,.09);\r\n}\r\n\r\n\r\n.sfb-field input::placeholder,\r\n.sfb-field textarea::placeholder {\r\n\r\n    color: #9A9A97;\r\n\r\n    opacity: 1;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HELP TEXT\r\n===================================================== *\/\r\n\r\n.sfb-help {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 12px;\r\n\r\n    padding: 14px 16px;\r\n\r\n    background: var(--cream);\r\n\r\n    border-left:\r\n        3px solid var(--gold);\r\n}\r\n\r\n\r\n.sfb-help span {\r\n\r\n    flex: 0 0 auto;\r\n\r\n    color: var(--gold-dark);\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.3;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.sfb-help p {\r\n\r\n    margin: 0;\r\n\r\n    color: #6F6B64;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CHOICE CARDS\r\n===================================================== *\/\r\n\r\n.sfb-choice-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap: 14px;\r\n}\r\n\r\n\r\n.sfb-choice {\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n.sfb-choice input {\r\n\r\n    position: absolute;\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.sfb-choice-card {\r\n\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    min-height: 108px;\r\n\r\n    padding: 21px 24px;\r\n\r\n    border:\r\n        1px solid #DBD8D2;\r\n\r\n    background: #FFFFFF;\r\n\r\n    transition: all .2s ease;\r\n}\r\n\r\n\r\n.sfb-choice-card:before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    top: 0;\r\n\r\n    bottom: 0;\r\n\r\n    width: 3px;\r\n\r\n    background: transparent;\r\n}\r\n\r\n\r\n.sfb-choice-card strong,\r\n.sfb-choice-card small {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.sfb-choice-card strong {\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color: var(--dark);\r\n\r\n    font-size: 18px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 650;\r\n}\r\n\r\n\r\n.sfb-choice-card small {\r\n\r\n    color: #707070;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.45;\r\n}\r\n\r\n\r\n.sfb-choice:hover\r\n.sfb-choice-card {\r\n\r\n    border-color: #C8C2B7;\r\n\r\n    background: var(--cream);\r\n}\r\n\r\n\r\n.sfb-choice input:checked\r\n+\r\n.sfb-choice-card {\r\n\r\n    border-color: var(--gold);\r\n\r\n    background: var(--gold-soft);\r\n\r\n    box-shadow:\r\n        inset 0 0 0 1px var(--gold);\r\n}\r\n\r\n\r\n.sfb-choice input:checked\r\n+\r\n.sfb-choice-card:before {\r\n\r\n    background: var(--gold);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CHECKBOXES\r\n===================================================== *\/\r\n\r\n.sfb-checkbox-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap: 12px;\r\n}\r\n\r\n\r\n.sfb-checkbox-grid label {\r\n\r\n    position: relative;\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n.sfb-checkbox-grid input {\r\n\r\n    position: absolute;\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.sfb-checkbox-grid span {\r\n\r\n    display: block;\r\n\r\n    padding: 14px 15px;\r\n\r\n    border:\r\n        1px solid #DBD8D2;\r\n\r\n    background: #FFFFFF;\r\n\r\n    color: var(--text);\r\n\r\n    text-align: center;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.35;\r\n\r\n    transition: .2s ease;\r\n}\r\n\r\n\r\n.sfb-checkbox-grid\r\nlabel:hover span {\r\n\r\n    background: var(--cream);\r\n}\r\n\r\n\r\n.sfb-checkbox-grid\r\ninput:checked + span {\r\n\r\n    border-color: var(--gold);\r\n\r\n    background: var(--gold-soft);\r\n\r\n    color: var(--dark);\r\n\r\n    font-weight: 600;\r\n\r\n    box-shadow:\r\n        inset 0 0 0 1px var(--gold);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HIGHLIGHT\r\n===================================================== *\/\r\n\r\n.sfb-highlight {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 16px;\r\n\r\n    margin-bottom: 34px;\r\n\r\n    padding: 20px 22px;\r\n\r\n    background: var(--cream);\r\n\r\n    border-top:\r\n        1px solid #EEE8D9;\r\n\r\n    border-bottom:\r\n        1px solid #EEE8D9;\r\n}\r\n\r\n\r\n.sfb-highlight-icon {\r\n\r\n    flex: 0 0 32px;\r\n\r\n    width: 32px;\r\n\r\n    height: 32px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    background: var(--gold);\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.sfb-highlight strong,\r\n.sfb-highlight span {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.sfb-highlight strong {\r\n\r\n    margin-bottom: 5px;\r\n\r\n    color: var(--dark);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n.sfb-highlight span {\r\n\r\n    max-width: 720px;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SERVICES\r\n===================================================== *\/\r\n\r\n.sfb-service {\r\n\r\n    position: relative;\r\n\r\n    margin-bottom: 28px;\r\n\r\n    padding: 30px;\r\n\r\n    background: var(--blue-light);\r\n\r\n    border:\r\n        1px solid #DDE6E9;\r\n}\r\n\r\n\r\n.sfb-service:before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    top: 0;\r\n\r\n    width: 4px;\r\n\r\n    height: 66px;\r\n\r\n    background: var(--gold);\r\n}\r\n\r\n\r\n.sfb-service-head {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n    margin-bottom: 27px;\r\n\r\n    padding-bottom: 18px;\r\n\r\n    border-bottom:\r\n        1px solid rgba(112,125,130,.18);\r\n}\r\n\r\n\r\n.sfb-service-head strong {\r\n\r\n    color: var(--dark);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 24px;\r\n\r\n    line-height: 1.2;\r\n\r\n    font-weight: 500;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n.sfb-remove-service {\r\n\r\n    padding: 6px 0;\r\n\r\n    border: 0;\r\n\r\n    background: transparent;\r\n\r\n    color: #777777;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.3;\r\n\r\n    cursor: pointer;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n.sfb-remove-service:hover {\r\n\r\n    color: #A44747;\r\n}\r\n\r\n\r\n.sfb-service\r\n.sfb-field:last-child {\r\n\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n.sfb-add-button {\r\n\r\n    width: 100%;\r\n\r\n    padding: 17px;\r\n\r\n    border:\r\n        1px dashed #C9C1AF;\r\n\r\n    background: var(--cream);\r\n\r\n    color: var(--gold-dark);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.3;\r\n\r\n    font-weight: 600;\r\n\r\n    cursor: pointer;\r\n\r\n    transition: .2s ease;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n.sfb-add-button:hover {\r\n\r\n    border-color: var(--gold);\r\n\r\n    background: var(--gold-soft);\r\n}\r\n\r\n\r\n.sfb-add-button span {\r\n\r\n    margin-right: 5px;\r\n\r\n    font-size: 19px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SECTION LABEL\r\n===================================================== *\/\r\n\r\n.sfb-section-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 18px;\r\n\r\n    margin:\r\n        46px 0 28px;\r\n}\r\n\r\n\r\n.sfb-section-label:after {\r\n\r\n    content: \"\";\r\n\r\n    flex: 1;\r\n\r\n    height: 1px;\r\n\r\n    background: var(--line);\r\n}\r\n\r\n\r\n.sfb-section-label span {\r\n\r\n    color: var(--gold-dark);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.3;\r\n\r\n    font-weight: 600;\r\n\r\n    text-transform: uppercase;\r\n\r\n    letter-spacing: .09em;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   UPLOAD\r\n===================================================== *\/\r\n\r\n.sfb-upload {\r\n\r\n    margin-bottom: 29px;\r\n}\r\n\r\n\r\n.sfb-upload input {\r\n\r\n    display: none;\r\n}\r\n\r\n\r\n.sfb-upload > label {\r\n\r\n    min-height: 180px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 24px;\r\n\r\n    border:\r\n        1px dashed #C8C4BA;\r\n\r\n    background: var(--cream);\r\n\r\n    cursor: pointer;\r\n\r\n    text-align: center;\r\n\r\n    transition: .2s ease;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n.sfb-upload > label:hover {\r\n\r\n    border-color: var(--gold);\r\n\r\n    background: var(--gold-soft);\r\n}\r\n\r\n\r\n.sfb-upload-icon {\r\n\r\n    margin-bottom: 10px;\r\n\r\n    color: var(--gold-dark);\r\n\r\n    font-size: 30px;\r\n\r\n    line-height: 1;\r\n}\r\n\r\n\r\n.sfb-upload strong {\r\n\r\n    color: var(--dark);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n.sfb-upload small {\r\n\r\n    margin-top: 6px;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n.sfb-file-list {\r\n\r\n    margin-top: 10px;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.55;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FINAL\r\n===================================================== *\/\r\n\r\n.sfb-final-box {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 17px;\r\n\r\n    margin-top: 28px;\r\n\r\n    padding: 24px;\r\n\r\n    background: var(--success-soft);\r\n\r\n    border-left:\r\n        4px solid var(--success);\r\n}\r\n\r\n\r\n.sfb-final-icon {\r\n\r\n    flex: 0 0 34px;\r\n\r\n    width: 34px;\r\n\r\n    height: 34px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    background: var(--success);\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.sfb-final-box strong {\r\n\r\n    display: block;\r\n\r\n    color: var(--dark);\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n.sfb-final-box p {\r\n\r\n    margin:\r\n        6px 0 0;\r\n\r\n    color: #617168;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   NAVIGATION\r\n===================================================== *\/\r\n\r\n.sfb-navigation {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        180px 1fr 180px;\r\n\r\n    align-items: center;\r\n\r\n    gap: 24px;\r\n\r\n    padding:\r\n        36px 65px 58px;\r\n\r\n    background: #FFFFFF;\r\n}\r\n\r\n\r\n.sfb-button {\r\n\r\n    min-height: 50px;\r\n\r\n    padding:\r\n        13px 20px;\r\n\r\n    border-radius: 0;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.3;\r\n\r\n    font-weight: 600;\r\n\r\n    cursor: pointer;\r\n\r\n    transition: all .2s ease;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n.sfb-button-secondary {\r\n\r\n    border:\r\n        1px solid #C8C4BC;\r\n\r\n    background: #FFFFFF;\r\n\r\n    color: var(--dark);\r\n}\r\n\r\n\r\n.sfb-button-secondary:hover {\r\n\r\n    border-color: var(--dark);\r\n\r\n    background: #FBFBFA;\r\n}\r\n\r\n\r\n.sfb-button-primary,\r\n.sfb-button-submit {\r\n\r\n    border:\r\n        1px solid var(--gold);\r\n\r\n    background: var(--gold);\r\n\r\n    color: #171717;\r\n}\r\n\r\n\r\n.sfb-button-primary:hover,\r\n.sfb-button-submit:hover {\r\n\r\n    background: #E1B95A;\r\n\r\n    border-color: #E1B95A;\r\n\r\n    transform:\r\n        translateY(-1px);\r\n\r\n    box-shadow:\r\n        0 8px 20px\r\n        rgba(119,91,33,.12);\r\n}\r\n\r\n\r\n.sfb-save-info {\r\n\r\n    color: #828282;\r\n\r\n    text-align: center;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n.sfb-save-info span {\r\n\r\n    margin-right: 5px;\r\n\r\n    color: var(--gold-dark);\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ERRORS \/ MESSAGES\r\n===================================================== *\/\r\n\r\n.sfb-error {\r\n\r\n    border-color:\r\n        #B95A55 !important;\r\n\r\n    box-shadow:\r\n        0 0 0 3px\r\n        rgba(185,90,85,.08) !important;\r\n}\r\n\r\n\r\n#sfb-message {\r\n\r\n    margin:\r\n        0 65px 48px;\r\n}\r\n\r\n\r\n.sfb-message-success {\r\n\r\n    padding: 20px;\r\n\r\n    background:\r\n        var(--success-soft);\r\n\r\n    border-left:\r\n        4px solid var(--success);\r\n\r\n    color: #476456;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n.sfb-message-error {\r\n\r\n    padding: 20px;\r\n\r\n    background: #FFF5F4;\r\n\r\n    border-left:\r\n        4px solid #B95A55;\r\n\r\n    color: #944A46;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n    .sfb-header {\r\n\r\n        gap: 30px;\r\n\r\n        padding:\r\n            62px 45px 44px;\r\n    }\r\n\r\n\r\n    .sfb-header:before {\r\n\r\n        left: 45px;\r\n    }\r\n\r\n\r\n    .sfb-progress-area {\r\n\r\n        padding:\r\n            26px 45px;\r\n    }\r\n\r\n\r\n    .sfb-step {\r\n\r\n        padding:\r\n            54px 45px 25px;\r\n    }\r\n\r\n\r\n    .sfb-navigation {\r\n\r\n        padding:\r\n            34px 45px 50px;\r\n    }\r\n\r\n\r\n    .sfb-step-nav {\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .sfb-step-nav span {\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sfb-header {\r\n\r\n        display: block;\r\n\r\n        padding:\r\n            54px 25px 34px;\r\n    }\r\n\r\n\r\n    .sfb-header:before {\r\n\r\n        left: 25px;\r\n\r\n        top: 34px;\r\n    }\r\n\r\n\r\n    .sfb-header h2 {\r\n\r\n        font-size: 35px;\r\n    }\r\n\r\n\r\n    .sfb-header p {\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    .sfb-header-note {\r\n\r\n        font-size: 14px !important;\r\n    }\r\n\r\n\r\n    .sfb-time {\r\n\r\n        width: fit-content;\r\n\r\n        margin-top: 26px;\r\n    }\r\n\r\n\r\n    .sfb-progress-area {\r\n\r\n        padding:\r\n            21px 25px;\r\n    }\r\n\r\n\r\n    .sfb-progress-top {\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    .sfb-step-nav {\r\n\r\n        display: none;\r\n    }\r\n\r\n\r\n    .sfb-step {\r\n\r\n        padding:\r\n            40px 25px 18px;\r\n    }\r\n\r\n\r\n    .sfb-step-heading {\r\n\r\n        grid-template-columns:\r\n            46px 1fr;\r\n\r\n        gap: 16px;\r\n\r\n        margin-bottom: 34px;\r\n\r\n        padding-bottom: 29px;\r\n    }\r\n\r\n\r\n    .sfb-step-number {\r\n\r\n        width: 44px;\r\n\r\n        height: 44px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    .sfb-step-heading h3 {\r\n\r\n        font-size: 29px;\r\n    }\r\n\r\n\r\n    .sfb-step-heading p {\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    .sfb-grid-2,\r\n    .sfb-choice-grid,\r\n    .sfb-checkbox-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n\r\n    .sfb-choice-card {\r\n\r\n        min-height: auto;\r\n\r\n        padding: 18px 20px;\r\n    }\r\n\r\n\r\n    .sfb-field > label {\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    .sfb-field input[type=\"text\"],\r\n    .sfb-field input[type=\"url\"],\r\n    .sfb-field textarea {\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    .sfb-help p {\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .sfb-navigation {\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n        padding:\r\n            26px 25px 40px;\r\n    }\r\n\r\n\r\n    .sfb-save-info {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        grid-row: 1;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    #sfb-message {\r\n\r\n        margin:\r\n            0 25px 32px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SMALL MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sfb-header h2 {\r\n\r\n        font-size: 31px;\r\n    }\r\n\r\n\r\n    .sfb-step-heading {\r\n\r\n        display: block;\r\n    }\r\n\r\n\r\n    .sfb-step-number {\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n\r\n    .sfb-step-heading h3 {\r\n\r\n        font-size: 28px;\r\n    }\r\n\r\n\r\n    .sfb-navigation {\r\n\r\n        display: flex;\r\n\r\n        flex-wrap: wrap;\r\n\r\n        gap: 12px;\r\n    }\r\n\r\n\r\n    .sfb-navigation\r\n    .sfb-button {\r\n\r\n        flex: 1;\r\n\r\n        min-width: 125px;\r\n    }\r\n\r\n\r\n    .sfb-save-info {\r\n\r\n        width: 100%;\r\n\r\n        order: -1;\r\n    }\r\n\r\n\r\n    .sfb-service {\r\n\r\n        padding:\r\n            24px 20px;\r\n    }\r\n\r\n\r\n    .sfb-service-head {\r\n\r\n        align-items: flex-start;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .sfb-service-head strong {\r\n\r\n        font-size: 22px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    'DOMContentLoaded',\r\n    function () {\r\n\r\n        const form =\r\n            document.getElementById(\r\n                'sfb-form'\r\n            );\r\n\r\n        if (!form) {\r\n            return;\r\n        }\r\n\r\n\r\n        const steps =\r\n            Array.from(\r\n                document.querySelectorAll(\r\n                    '.sfb-step'\r\n                )\r\n            );\r\n\r\n\r\n        const stepNav =\r\n            Array.from(\r\n                document.querySelectorAll(\r\n                    '.sfb-step-nav span'\r\n                )\r\n            );\r\n\r\n\r\n        const prevBtn =\r\n            document.getElementById(\r\n                'sfb-prev'\r\n            );\r\n\r\n\r\n        const nextBtn =\r\n            document.getElementById(\r\n                'sfb-next'\r\n            );\r\n\r\n\r\n        const submitBtn =\r\n            document.getElementById(\r\n                'sfb-submit'\r\n            );\r\n\r\n\r\n        const progressBar =\r\n            document.getElementById(\r\n                'sfb-progress-bar'\r\n            );\r\n\r\n\r\n        const progressPercent =\r\n            document.getElementById(\r\n                'sfb-progress-percent'\r\n            );\r\n\r\n\r\n        const stepLabel =\r\n            document.getElementById(\r\n                'sfb-step-label'\r\n            );\r\n\r\n\r\n        const serviceContainer =\r\n            document.getElementById(\r\n                'sfb-services'\r\n            );\r\n\r\n\r\n        const addServiceBtn =\r\n            document.getElementById(\r\n                'sfb-add-service'\r\n            );\r\n\r\n\r\n        const message =\r\n            document.getElementById(\r\n                'sfb-message'\r\n            );\r\n\r\n\r\n        const STORAGE_KEY =\r\n            'seofoxxWebsiteBriefing';\r\n\r\n\r\n        let currentStep = 1;\r\n\r\n        let serviceCount = 0;\r\n\r\n\r\n        function escapeHTML(value) {\r\n\r\n            return String(value)\r\n\r\n                .replace(\/&\/g, '&amp;')\r\n\r\n                .replace(\/<\/g, '&lt;')\r\n\r\n                .replace(\/>\/g, '&gt;')\r\n\r\n                .replace(\/\"\/g, '&quot;')\r\n\r\n                .replace(\/'\/g, '&#039;');\r\n\r\n        }\r\n\r\n\r\n        function createService(\r\n            data = {}\r\n        ) {\r\n\r\n            serviceCount++;\r\n\r\n            const index =\r\n                serviceCount;\r\n\r\n\r\n            const wrapper =\r\n                document.createElement(\r\n                    'div'\r\n                );\r\n\r\n\r\n            wrapper.className =\r\n                'sfb-service';\r\n\r\n\r\n            wrapper.innerHTML = `\r\n\r\n                <div class=\"sfb-service-head\">\r\n\r\n                    <strong>\r\n                        Leistung ${index}\r\n                    <\/strong>\r\n\r\n                    ${\r\n                        index > 1\r\n                        ?\r\n                        `\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"sfb-remove-service\"\r\n                        >\r\n                            Leistung entfernen\r\n                        <\/button>\r\n                        `\r\n                        :\r\n                        ''\r\n                    }\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label>\r\n                        Name der Leistung\r\n                    <\/label>\r\n\r\n                    <input\r\n                        type=\"text\"\r\n                        name=\"services[${index}][name]\"\r\n                        placeholder=\"z. B. Beratung, Planung, Installation ...\"\r\n                        value=\"${escapeHTML(\r\n                            data.name || ''\r\n                        )}\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label>\r\n                        Was genau wird bei dieser Leistung gemacht?\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        name=\"services[${index}][description]\"\r\n                        rows=\"4\"\r\n                        placeholder=\"Beschreiben Sie die Leistung kurz in Stichpunkten.\"\r\n                    >${escapeHTML(\r\n                        data.description || ''\r\n                    )}<\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-grid sfb-grid-2\">\r\n\r\n\r\n                    <div class=\"sfb-field\">\r\n\r\n                        <label>\r\n                            Was ist enthalten?\r\n                        <\/label>\r\n\r\n                        <textarea\r\n                            name=\"services[${index}][included]\"\r\n                            rows=\"4\"\r\n                            placeholder=\"Welche konkreten Leistungen geh\u00f6ren dazu?\"\r\n                        >${escapeHTML(\r\n                            data.included || ''\r\n                        )}<\/textarea>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sfb-field\">\r\n\r\n                        <label>\r\n                            Was ist nicht enthalten?\r\n                        <\/label>\r\n\r\n                        <textarea\r\n                            name=\"services[${index}][excluded]\"\r\n                            rows=\"4\"\r\n                            placeholder=\"Falls relevant: Was geh\u00f6rt ausdr\u00fccklich nicht dazu?\"\r\n                        >${escapeHTML(\r\n                            data.excluded || ''\r\n                        )}<\/textarea>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sfb-field\">\r\n\r\n                    <label>\r\n                        Welches Ergebnis erh\u00e4lt der Kunde?\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        name=\"services[${index}][result]\"\r\n                        rows=\"4\"\r\n                        placeholder=\"Was hat der Kunde nach Abschluss konkret in der Hand?\"\r\n                    >${escapeHTML(\r\n                        data.result || ''\r\n                    )}<\/textarea>\r\n\r\n                <\/div>\r\n\r\n            `;\r\n\r\n\r\n            serviceContainer.appendChild(\r\n                wrapper\r\n            );\r\n\r\n\r\n            const removeBtn =\r\n                wrapper.querySelector(\r\n                    '.sfb-remove-service'\r\n                );\r\n\r\n\r\n            if (removeBtn) {\r\n\r\n                removeBtn.addEventListener(\r\n                    'click',\r\n                    function () {\r\n\r\n                        wrapper.remove();\r\n\r\n                        renumberServices();\r\n\r\n                        autoSave();\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n\r\n            wrapper\r\n                .querySelectorAll(\r\n                    'input, textarea'\r\n                )\r\n                .forEach(\r\n                    function (element) {\r\n\r\n                        element.addEventListener(\r\n                            'input',\r\n                            autoSave\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n        }\r\n\r\n\r\n        function renumberServices() {\r\n\r\n            const services =\r\n                serviceContainer\r\n                    .querySelectorAll(\r\n                        '.sfb-service'\r\n                    );\r\n\r\n\r\n            serviceCount = 0;\r\n\r\n\r\n            services.forEach(\r\n                function (\r\n                    service,\r\n                    index\r\n                ) {\r\n\r\n                    const number =\r\n                        index + 1;\r\n\r\n\r\n                    serviceCount++;\r\n\r\n\r\n                    const title =\r\n                        service.querySelector(\r\n                            '.sfb-service-head strong'\r\n                        );\r\n\r\n\r\n                    if (title) {\r\n\r\n                        title.textContent =\r\n                            'Leistung ' +\r\n                            number;\r\n\r\n                    }\r\n\r\n\r\n                    service\r\n                        .querySelectorAll(\r\n                            '[name]'\r\n                        )\r\n                        .forEach(\r\n                            function (field) {\r\n\r\n                                field.name =\r\n                                    field.name.replace(\r\n                                        \/services\\[\\d+\\]\/,\r\n                                        `services[${number}]`\r\n                                    );\r\n\r\n                            }\r\n                        );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        addServiceBtn.addEventListener(\r\n            'click',\r\n            function () {\r\n\r\n                createService();\r\n\r\n\r\n                setTimeout(\r\n                    function () {\r\n\r\n                        const services =\r\n                            serviceContainer\r\n                                .querySelectorAll(\r\n                                    '.sfb-service'\r\n                                );\r\n\r\n\r\n                        const lastService =\r\n                            services[\r\n                                services.length - 1\r\n                            ];\r\n\r\n\r\n                        if (lastService) {\r\n\r\n                            lastService.scrollIntoView(\r\n                                {\r\n                                    behavior:\r\n                                        'smooth',\r\n\r\n                                    block:\r\n                                        'center'\r\n                                }\r\n                            );\r\n\r\n                        }\r\n\r\n                    },\r\n                    50\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        function showStep(step) {\r\n\r\n            currentStep =\r\n                step;\r\n\r\n\r\n            steps.forEach(\r\n                function (item) {\r\n\r\n                    item.classList.toggle(\r\n\r\n                        'active',\r\n\r\n                        parseInt(\r\n                            item.dataset.step\r\n                        ) === currentStep\r\n\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            stepNav.forEach(\r\n                function (\r\n                    item,\r\n                    index\r\n                ) {\r\n\r\n                    item.classList.toggle(\r\n\r\n                        'active',\r\n\r\n                        index + 1 <=\r\n                        currentStep\r\n\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            const percent =\r\n                Math.round(\r\n                    (\r\n                        currentStep \/\r\n                        steps.length\r\n                    ) * 100\r\n                );\r\n\r\n\r\n            progressBar.style.width =\r\n                percent + '%';\r\n\r\n\r\n            progressPercent.textContent =\r\n                percent + ' %';\r\n\r\n\r\n            stepLabel.textContent =\r\n                'Schritt ' +\r\n                currentStep +\r\n                ' von ' +\r\n                steps.length;\r\n\r\n\r\n            prevBtn.style.visibility =\r\n                currentStep === 1\r\n                ?\r\n                'hidden'\r\n                :\r\n                'visible';\r\n\r\n\r\n            if (\r\n                currentStep ===\r\n                steps.length\r\n            ) {\r\n\r\n                nextBtn.style.display =\r\n                    'none';\r\n\r\n\r\n                submitBtn.style.display =\r\n                    'block';\r\n\r\n            }\r\n\r\n            else {\r\n\r\n                nextBtn.style.display =\r\n                    'block';\r\n\r\n\r\n                submitBtn.style.display =\r\n                    'none';\r\n\r\n            }\r\n\r\n\r\n            autoSave();\r\n\r\n\r\n            const briefing =\r\n                document.getElementById(\r\n                    'seofoxx-briefing'\r\n                );\r\n\r\n\r\n            const top =\r\n                briefing\r\n                    .getBoundingClientRect()\r\n                    .top\r\n                +\r\n                window.pageYOffset\r\n                -\r\n                80;\r\n\r\n\r\n            window.scrollTo(\r\n                {\r\n                    top: top,\r\n                    behavior:\r\n                        'smooth'\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function validateCurrentStep() {\r\n\r\n            const current =\r\n                document.querySelector(\r\n                    `.sfb-step[data-step=\"${currentStep}\"]`\r\n                );\r\n\r\n\r\n            if (!current) {\r\n\r\n                return true;\r\n\r\n            }\r\n\r\n\r\n            const requiredFields =\r\n                current.querySelectorAll(\r\n                    '[required]'\r\n                );\r\n\r\n\r\n            let valid =\r\n                true;\r\n\r\n\r\n            let firstInvalid =\r\n                null;\r\n\r\n\r\n            requiredFields.forEach(\r\n                function (field) {\r\n\r\n                    field.classList.remove(\r\n                        'sfb-error'\r\n                    );\r\n\r\n\r\n                    if (\r\n                        !field.value.trim()\r\n                    ) {\r\n\r\n                        field.classList.add(\r\n                            'sfb-error'\r\n                        );\r\n\r\n\r\n                        if (!firstInvalid) {\r\n\r\n                            firstInvalid =\r\n                                field;\r\n\r\n                        }\r\n\r\n\r\n                        valid =\r\n                            false;\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            if (\r\n                firstInvalid\r\n            ) {\r\n\r\n                firstInvalid.focus();\r\n\r\n\r\n                firstInvalid.scrollIntoView(\r\n                    {\r\n                        behavior:\r\n                            'smooth',\r\n\r\n                        block:\r\n                            'center'\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n\r\n            return valid;\r\n\r\n        }\r\n\r\n\r\n        nextBtn.addEventListener(\r\n            'click',\r\n            function () {\r\n\r\n                if (\r\n                    !validateCurrentStep()\r\n                ) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                if (\r\n                    currentStep <\r\n                    steps.length\r\n                ) {\r\n\r\n                    showStep(\r\n                        currentStep + 1\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        prevBtn.addEventListener(\r\n            'click',\r\n            function () {\r\n\r\n                if (\r\n                    currentStep > 1\r\n                ) {\r\n\r\n                    showStep(\r\n                        currentStep - 1\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        function autoSave() {\r\n\r\n            const data =\r\n                {};\r\n\r\n\r\n            form\r\n                .querySelectorAll(\r\n                    'input:not([type=\"file\"]), textarea'\r\n                )\r\n                .forEach(\r\n                    function (field) {\r\n\r\n\r\n                        if (\r\n                            field.type ===\r\n                            'radio'\r\n                        ) {\r\n\r\n                            if (\r\n                                field.checked\r\n                            ) {\r\n\r\n                                data[\r\n                                    field.name\r\n                                ] =\r\n                                    field.value;\r\n\r\n                            }\r\n\r\n                        }\r\n\r\n\r\n                        else if (\r\n                            field.type ===\r\n                            'checkbox'\r\n                        ) {\r\n\r\n                            if (\r\n                                !data[\r\n                                    field.name\r\n                                ]\r\n                            ) {\r\n\r\n                                data[\r\n                                    field.name\r\n                                ] =\r\n                                    [];\r\n\r\n                            }\r\n\r\n\r\n                            if (\r\n                                field.checked\r\n                            ) {\r\n\r\n                                data[\r\n                                    field.name\r\n                                ].push(\r\n                                    field.value\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n\r\n\r\n                        else {\r\n\r\n                            data[\r\n                                field.name\r\n                            ] =\r\n                                field.value;\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n\r\n            data.currentStep =\r\n                currentStep;\r\n\r\n\r\n            try {\r\n\r\n                localStorage.setItem(\r\n                    STORAGE_KEY,\r\n                    JSON.stringify(\r\n                        data\r\n                    )\r\n                );\r\n\r\n            }\r\n\r\n            catch (\r\n                error\r\n            ) {\r\n\r\n                console.log(\r\n                    'Autosave nicht verf\u00fcgbar.'\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        function restoreSavedData() {\r\n\r\n            let saved;\r\n\r\n\r\n            try {\r\n\r\n                saved =\r\n                    JSON.parse(\r\n                        localStorage.getItem(\r\n                            STORAGE_KEY\r\n                        )\r\n                    );\r\n\r\n            }\r\n\r\n            catch (\r\n                error\r\n            ) {\r\n\r\n                return false;\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                !saved\r\n            ) {\r\n\r\n                return false;\r\n\r\n            }\r\n\r\n\r\n            const serviceData =\r\n                {};\r\n\r\n\r\n            Object.keys(\r\n                saved\r\n            ).forEach(\r\n                function (key) {\r\n\r\n                    const match =\r\n                        key.match(\r\n                            \/^services\\[(\\d+)\\]\\[(.*?)\\]$\/\r\n                        );\r\n\r\n\r\n                    if (\r\n                        match\r\n                    ) {\r\n\r\n                        const number =\r\n                            match[1];\r\n\r\n\r\n                        const property =\r\n                            match[2];\r\n\r\n\r\n                        if (\r\n                            !serviceData[\r\n                                number\r\n                            ]\r\n                        ) {\r\n\r\n                            serviceData[\r\n                                number\r\n                            ] =\r\n                                {};\r\n\r\n                        }\r\n\r\n\r\n                        serviceData[\r\n                            number\r\n                        ][\r\n                            property\r\n                        ] =\r\n                            saved[\r\n                                key\r\n                            ];\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            const serviceKeys =\r\n                Object.keys(\r\n                    serviceData\r\n                );\r\n\r\n\r\n            if (\r\n                serviceKeys.length\r\n            ) {\r\n\r\n                serviceKeys.forEach(\r\n                    function (key) {\r\n\r\n                        createService(\r\n                            serviceData[\r\n                                key\r\n                            ]\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n            else {\r\n\r\n                createService();\r\n\r\n            }\r\n\r\n\r\n            form\r\n                .querySelectorAll(\r\n                    'input:not([type=\"file\"]), textarea'\r\n                )\r\n                .forEach(\r\n                    function (field) {\r\n\r\n                        if (\r\n                            !(\r\n                                field.name\r\n                                in\r\n                                saved\r\n                            )\r\n                        ) {\r\n\r\n                            return;\r\n\r\n                        }\r\n\r\n\r\n                        if (\r\n                            field.type ===\r\n                            'radio'\r\n                        ) {\r\n\r\n                            field.checked =\r\n                                saved[\r\n                                    field.name\r\n                                ]\r\n                                ===\r\n                                field.value;\r\n\r\n                        }\r\n\r\n\r\n                        else if (\r\n                            field.type ===\r\n                            'checkbox'\r\n                        ) {\r\n\r\n                            const values =\r\n                                saved[\r\n                                    field.name\r\n                                ]\r\n                                ||\r\n                                [];\r\n\r\n\r\n                            field.checked =\r\n                                values.includes(\r\n                                    field.value\r\n                                );\r\n\r\n                        }\r\n\r\n\r\n                        else if (\r\n                            !field.name\r\n                                .startsWith(\r\n                                    'services['\r\n                                )\r\n                        ) {\r\n\r\n                            field.value =\r\n                                saved[\r\n                                    field.name\r\n                                ];\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n\r\n            if (\r\n                saved.currentStep\r\n            ) {\r\n\r\n                currentStep =\r\n                    Math.min(\r\n                        parseInt(\r\n                            saved.currentStep\r\n                        ),\r\n                        steps.length\r\n                    );\r\n\r\n            }\r\n\r\n\r\n            return true;\r\n\r\n        }\r\n\r\n\r\n        form.addEventListener(\r\n            'input',\r\n            autoSave\r\n        );\r\n\r\n\r\n        form.addEventListener(\r\n            'change',\r\n            autoSave\r\n        );\r\n\r\n\r\n        document\r\n            .querySelectorAll(\r\n                '.sfb-upload input[type=\"file\"]'\r\n            )\r\n            .forEach(\r\n                function (input) {\r\n\r\n                    input.addEventListener(\r\n                        'change',\r\n                        function () {\r\n\r\n                            const list =\r\n                                document\r\n                                    .querySelector(\r\n                                        `.sfb-file-list[data-for=\"${input.id}\"]`\r\n                                    );\r\n\r\n\r\n                            if (\r\n                                !list\r\n                            ) {\r\n\r\n                                return;\r\n\r\n                            }\r\n\r\n\r\n                            if (\r\n                                !input.files.length\r\n                            ) {\r\n\r\n                                list.innerHTML =\r\n                                    '';\r\n\r\n                                return;\r\n\r\n                            }\r\n\r\n\r\n                            const names =\r\n                                Array\r\n                                    .from(\r\n                                        input.files\r\n                                    )\r\n                                    .map(\r\n                                        function (file) {\r\n\r\n                                            return (\r\n                                                '\u2713 ' +\r\n                                                file.name\r\n                                            );\r\n\r\n                                        }\r\n                                    );\r\n\r\n\r\n                            list.innerHTML =\r\n                                names.join(\r\n                                    '<br>'\r\n                                );\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n        form.addEventListener(\r\n            'input',\r\n            function (\r\n                event\r\n            ) {\r\n\r\n                if (\r\n                    event.target\r\n                        .classList\r\n                        .contains(\r\n                            'sfb-error'\r\n                        )\r\n                ) {\r\n\r\n                    event.target\r\n                        .classList\r\n                        .remove(\r\n                            'sfb-error'\r\n                        );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        form.addEventListener(\r\n            'submit',\r\n            async function (\r\n                event\r\n            ) {\r\n\r\n                event.preventDefault();\r\n\r\n\r\n                if (\r\n                    !validateCurrentStep()\r\n                ) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                submitBtn.disabled =\r\n                    true;\r\n\r\n\r\n                submitBtn.textContent =\r\n                    'Wird \u00fcbermittelt ...';\r\n\r\n\r\n                message.innerHTML =\r\n                    '';\r\n\r\n\r\n                const formData =\r\n                    new FormData(\r\n                        form\r\n                    );\r\n\r\n\r\n                formData.append(\r\n                    'action',\r\n                    'seofoxx_submit_briefing'\r\n                );\r\n\r\n\r\n                try {\r\n\r\n                    const response =\r\n                        await fetch(\r\n                            '\/wp-admin\/admin-ajax.php',\r\n                            {\r\n                                method:\r\n                                    'POST',\r\n\r\n                                body:\r\n                                    formData\r\n                            }\r\n                        );\r\n\r\n\r\n                    const result =\r\n                        await response.json();\r\n\r\n\r\n                    if (\r\n                        !result.success\r\n                    ) {\r\n\r\n                        throw new Error(\r\n                            (\r\n                                result.data\r\n                                &&\r\n                                result.data.message\r\n                            )\r\n                            ||\r\n                            'Das Formular konnte nicht gesendet werden.'\r\n                        );\r\n\r\n                    }\r\n\r\n\r\n                    message.innerHTML = `\r\n\r\n                        <div class=\"sfb-message-success\">\r\n\r\n                            <strong>\r\n                                Vielen Dank \u2013 Ihre Angaben wurden erfolgreich \u00fcbermittelt.\r\n                            <\/strong>\r\n\r\n                            <br>\r\n\r\n                            Wir haben jetzt die Grundlage,\r\n                            um mit der Planung Ihrer Website zu starten.\r\n\r\n                        <\/div>\r\n\r\n                    `;\r\n\r\n\r\n                    localStorage.removeItem(\r\n                        STORAGE_KEY\r\n                    );\r\n\r\n\r\n                    submitBtn.style.display =\r\n                        'none';\r\n\r\n\r\n                    prevBtn.style.display =\r\n                        'none';\r\n\r\n\r\n                    message.scrollIntoView(\r\n                        {\r\n                            behavior:\r\n                                'smooth',\r\n\r\n                            block:\r\n                                'center'\r\n                        }\r\n                    );\r\n\r\n                }\r\n\r\n                catch (\r\n                    error\r\n                ) {\r\n\r\n                    message.innerHTML = `\r\n\r\n                        <div class=\"sfb-message-error\">\r\n\r\n                            <strong>\r\n                                Die \u00dcbermittlung hat leider nicht funktioniert.\r\n                            <\/strong>\r\n\r\n                            <br>\r\n\r\n                            Bitte versuchen Sie es erneut\r\n                            oder kontaktieren Sie uns direkt.\r\n\r\n                        <\/div>\r\n\r\n                    `;\r\n\r\n\r\n                    submitBtn.disabled =\r\n                        false;\r\n\r\n\r\n                    submitBtn.textContent =\r\n                        'Briefing absenden \u2713';\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        restoreSavedData();\r\n\r\n\r\n        if (\r\n            !serviceContainer.children.length\r\n        ) {\r\n\r\n            createService();\r\n\r\n        }\r\n\r\n\r\n        showStep(\r\n            currentStep\r\n        );\r\n\r\n    }\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Website-Briefing Die Grundlage f\u00fcr Ihre neue Website. Mit ein paar kurzen Informationen helfen Sie uns, Ihr Unternehmen, Ihre Leistungen und Ihre Kunden besser zu verstehen. Sie m\u00fcssen keine fertigen Website-Texte schreiben \u2013 Stichpunkte reichen vollkommen aus. Sie kennen eine Antwort gerade nicht? Kein Problem \u2013 lassen Sie das Feld einfach frei. \u25f7 ca. 10\u201315 Minuten [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-267","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/straitupservices.com\/de\/wp-json\/wp\/v2\/pages\/267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/straitupservices.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/straitupservices.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/straitupservices.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/straitupservices.com\/de\/wp-json\/wp\/v2\/comments?post=267"}],"version-history":[{"count":13,"href":"https:\/\/straitupservices.com\/de\/wp-json\/wp\/v2\/pages\/267\/revisions"}],"predecessor-version":[{"id":282,"href":"https:\/\/straitupservices.com\/de\/wp-json\/wp\/v2\/pages\/267\/revisions\/282"}],"wp:attachment":[{"href":"https:\/\/straitupservices.com\/de\/wp-json\/wp\/v2\/media?parent=267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}