{"id":16,"date":"2026-04-13T05:49:47","date_gmt":"2026-04-13T05:49:47","guid":{"rendered":"https:\/\/connect.synext-it.de\/?page_id=16"},"modified":"2026-04-17T10:53:31","modified_gmt":"2026-04-17T10:53:31","slug":"kundentermin","status":"publish","type":"page","link":"https:\/\/connect.synext-it.de\/en\/kundentermin\/","title":{"rendered":"Client Flow Form"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6c1303 e-flex e-con-boxed e-con e-parent\" data-id=\"d6c1303\" 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-9a5f3d6 elementor-widget elementor-widget-heading\" data-id=\"9a5f3d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Client Flow Form<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f3b7c39 e-flex e-con-boxed e-con e-parent\" data-id=\"f3b7c39\" 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-fda74b3 elementor-widget elementor-widget-html\" data-id=\"fda74b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"synext-msf\" id=\"synext-msf\">\r\n\r\n  <!-- <div class=\"synext-msf__progress\">\r\n    <span class=\"synext-msf__progress-text\">Schritt <span data-msf-current-step>1<\/span> von <span data-msf-total-steps>4<\/span><\/span>\r\n  <\/div> -->\r\n\r\n  <div class=\"synext-msf__progress\">\r\n    <span class=\"synext-msf__progress-text\">\r\n      Step <span data-msf-current-step>1<\/span> of <span data-msf-total-steps>4<\/span>\r\n    <\/span>\r\n    <!-- NEW: current service label -->\r\n    <span class=\"synext-msf__progress-service\" data-msf-current-service><\/span>\r\n  <\/div>\r\n\r\n\r\n  <form id=\"synext-msf-form\" enctype=\"multipart\/form-data\" action=\"\">\r\n\r\n\r\n    <input type=\"hidden\"\r\n      name=\"wd_preview_images\"\r\n      id=\"synext-msf-preview-images\"\r\n      value=\"\" \/>\r\n\r\n\r\n    <!-- STEP 0: MAIN OPTIONS (MULTI SELECT) -->\r\n    <div class=\"synext-msf__step is-active\" data-step=\"main-options\">\r\n      <div class=\"synext-msf__badges\">\r\n        <span class=\"synext-msf__badge\">Response within 24 hours<\/span>\r\n        <span class=\"synext-msf__badge\">100% non-binding<\/span>\r\n        <span class=\"synext-msf__badge\">Initial price information<\/span>\r\n      <\/div>\r\n      <h2>How can we support you?<\/h2>\r\n      <p>You can select multiple services.<\/p>\r\n\r\n      <div class=\"synext-msf__checkbox-list\">\r\n        <label>\r\n          <input type=\"checkbox\" name=\"main_options[]\" value=\"webdesign\" \/>\r\n          Web design &amp; development\r\n        <\/label>\r\n        <label>\r\n          <input type=\"checkbox\" name=\"main_options[]\" value=\"branding\" \/>\r\n          Branding &amp; Corporate Design\r\n        <\/label>\r\n        <label>\r\n          <input type=\"checkbox\" name=\"main_options[]\" value=\"seo_sea\" \/>\r\n          SEO &amp; SEA\r\n        <\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- STEP 1 (webdesign): WEBSITE TYPE -->\r\n    <div class=\"synext-msf__step\" data-step=\"webdesign-type\">\r\n      <h2>What type of website do you need?<\/h2>\r\n\r\n      <div class=\"synext-msf__radio-list\">\r\n        <label>\r\n          <input type=\"radio\" name=\"webdesign_type\" value=\"landing\" \/>\r\n          Landing Page \/ One-pager\r\n        <\/label>\r\n        <label>\r\n          <input type=\"radio\" name=\"webdesign_type\" value=\"company\" \/>\r\n          Corporate website (multiple subpages)\r\n        <\/label>\r\n        <label>\r\n          <input type=\"radio\" name=\"webdesign_type\" value=\"shop\" \/>\r\n          Online Shop \/ E-Commerce\r\n        <\/label>\r\n        <label>\r\n          <input type=\"radio\" name=\"webdesign_type\" value=\"booking\" \/>\r\n          Website with appointment booking system\r\n        <\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- STEP 2 (webdesign): CLAIM \/ POSITIONIERUNG (Landing + Company + Booking) -->\r\n    <div class=\"synext-msf__step\" data-step=\"webdesign-claim\">\r\n      <h2>Claim &amp; Positioning \u2013 Short Questions<\/h2>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"wd_common_claim\">What is your main promise or offer for your customers (claim)?<\/label>\r\n        <textarea id=\"wd_common_claim\" name=\"wd_common_claim\" rows=\"3\"\r\n          placeholder=\"We offer professional legal advice and strong representation to protect the rights of our clients.\"><\/textarea>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"wd_common_target_group\">Who is your target audience?<\/label>\r\n        <textarea id=\"wd_common_target_group\" name=\"wd_common_target_group\" rows=\"3\"\r\n          placeholder=\"Private individuals and businesses that need legal support or advice.\"><\/textarea>\r\n      <\/div>\r\n\r\n      \r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"wd_common_proof\">Do you have customer reviews, references, or success stories (proof\/evidence)?<\/label>\r\n        <textarea id=\"wd_common_proof\" name=\"wd_common_proof\" rows=\"3\"\r\n          placeholder=\"Yes, we have successful case results and positive customer feedback.\"><\/textarea>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"wd_common_problem\">What problem do you solve with your company\/service\/product?<\/label>\r\n        <textarea id=\"wd_common_problem\" name=\"wd_common_problem\" rows=\"3\"\r\n          placeholder=\"We support clients in resolving legal disputes and handling legal documentation.\"><\/textarea>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"wd_common_solution\">What solution do you offer for the problem mentioned above?<\/label>\r\n        <textarea id=\"wd_common_solution\" name=\"wd_common_solution\" rows=\"3\"\r\n          placeholder=\"We offer legal advice, contract drafting, and court representation.\"><\/textarea>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"wd_common_mechanism\">How do you ensure that your clients receive the promised result (mechanism)?<\/label>\r\n        <textarea id=\"wd_common_mechanism\" name=\"wd_common_mechanism\" rows=\"3\"\r\n          placeholder=\"We carefully analyze each case and represent our clients strategically in negotiations or in court.\"><\/textarea>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"wd_common_guarantees\">Do you offer guarantees, warranties, or refund policies?<\/label>\r\n        <textarea id=\"wd_common_guarantees\" name=\"wd_common_guarantees\" rows=\"3\"\r\n          placeholder=\"We guarantee professional services and transparent legal processes.\"><\/textarea>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- STEP 2 (webdesign landing): FORM + LIVE PREVIEW -->\r\n    <div class=\"synext-msf__step\" data-step=\"webdesign-landing-1\">\r\n      <h2>Landing Page \/ One-pager \u2013 Project Details<\/h2>\r\n\r\n      <div class=\"synext-msf__layout\">\r\n        <!-- LEFT: form fields -->\r\n        <div class=\"synext-msf__layout-form\">\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_landing_purpose\">What is the main purpose of the website?<\/label>\r\n            <textarea id=\"wd_landing_purpose\"\r\n              name=\"wd_landing_purpose\"\r\n              rows=\"3\"><\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>What content should the website include?<\/label>\r\n            <div class=\"synext-msf__checkbox-list\">\r\n              <label><input type=\"checkbox\" name=\"wd_landing_content[]\" value=\"startseite\"> Homepage<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_landing_content[]\" value=\"kontaktformular\"> Contact form<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_landing_content[]\" value=\"leistungen\"> Services<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_landing_content[]\" value=\"team\"> Team &amp; Experience<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_landing_content[]\" value=\"termin\"> Appointment booking<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_landing_content[]\" value=\"rechtliches\"> Privacy Policy &amp; Legal Notice<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_landing_content[]\" value=\"about\"> About us<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_landing_content[]\" value=\"agb\"> Terms and Conditions<\/label>\r\n            <\/div>\r\n            <!-- \u2b50 ADD THIS BLOCK BELOW YOUR CHECKBOXES \u2b50 -->\r\n            <div class=\"synext-msf__field--custom-sections\">\r\n              <label class=\"synext-msf__label--small\">Additional custom sections<\/label>\r\n\r\n              <div class=\"synext-msf__custom-list\" data-landing-custom-list>\r\n                <!-- dynamically added custom section inputs appear here -->\r\n              <\/div>\r\n\r\n              <button type=\"button\"\r\n                class=\"synext-msf__btn-add-section\"\r\n                data-landing-add-section>\r\n                + Add another section\r\n              <\/button>\r\n            <\/div>\r\n            <!-- \u2b50 END OF ADDED BLOCK \u2b50 -->\r\n            <!-- \u2b50 NOTE FIELD FOR LANDINGPAGE \/ ONEPAGER \u2b50 -->\r\n            <div class=\"synext-msf__field synext-msf__field--landing-notes\">\r\n              <label for=\"wd_landing_notes\">Additional notes (optional)<\/label>\r\n              <textarea id=\"wd_landing_notes\"\r\n                name=\"wd_landing_notes\"\r\n                rows=\"4\"\r\n                placeholder=\"Are there any special requests, important sections, or additional information for the landing page?\"><\/textarea>\r\n            <\/div>\r\n\r\n            <!-- \u2b50 NEW: Multi-language selection for Landingpage \/ Onepager \u2b50 -->\r\n            <div class=\"synext-msf__field\">\r\n              <label>Do you need different language versions?<\/label>\r\n              <div class=\"synext-msf__checkbox-list\">\r\n                <label><input type=\"checkbox\" name=\"wd_landing_languages[]\" value=\"de\"> German<\/label>\r\n                <label><input type=\"checkbox\" name=\"wd_landing_languages[]\" value=\"en\"> English<\/label>\r\n                <label><input type=\"checkbox\" name=\"wd_landing_languages[]\" value=\"other\"> Other<\/label>\r\n              <\/div>\r\n            <\/div>\r\n\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- NEW: preferred color scheme -->\r\n          <!-- <div class=\"synext-msf__field synext-msf__field--colors\">\r\n            <label>Haben Sie ein bevorzugtes Farbschema?<\/label>\r\n\r\n            <div class=\"synext-msf__color-choices\">\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color1.webp\" alt=\"Color scheme 1\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"color1\">\r\n                  <span>Color 1<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color2.webp\" alt=\"Color scheme 2\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"color2\">\r\n                  <span>Color 2<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color3.webp\" alt=\"Color scheme 3\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"color3\">\r\n                  <span>Color 3<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color4.webp\" alt=\"Color scheme 4\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"color4\">\r\n                  <span>Color 4<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/othercolor.webp\" alt=\"Other colors\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"other\">\r\n                  <span>Others<\/span>\r\n                <\/span>\r\n              <\/label>\r\n            <\/div>\r\n          <\/div> -->\r\n\r\n              <div class=\"synext-msf__field synext-msf__field--colors\">\r\n      <label>Do you have a preferred color scheme?<\/label>\r\n\r\n      <div class=\"synext-msf__color-choices js-color-palette\">\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Arctic%20Mirror.webp\" alt=\"Arctic Mirror\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"arctic_mirror\">\r\n              <span>Arctic Mirror<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Deep%20Ink.webp\" alt=\"Deep Ink\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"deep_ink\">\r\n              <span>Deep Ink<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Pure%20Calcite.webp\" alt=\"Pure Calcite\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"pure_calcite\">\r\n              <span>Pure Calcite<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Frost%20Aura.webp\" alt=\"Frost Aura\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"frost_aura\">\r\n              <span>Frost Aura<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Rose%20Quartz%20Blush.webp\" alt=\"Rose Quartz Blush\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"rose_quartz_blush\">\r\n              <span>Rose Quartz Blush<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Icy%20Mist.webp\" alt=\"Icy Mist\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"icy_mist\">\r\n              <span>Icy Mist<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Amethyst%20Morning%20Haze.webp\" alt=\"Amethyst Morning Haze\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"amethyst_morning_haze\">\r\n              <span>Amethyst Morning Haze<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Copper%20Aquamarine.webp\" alt=\"Copper Aquamarine\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"copper_aquamarine\">\r\n              <span>Copper Aquamarine<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Autumn%20Luxe%20Glow.webp\" alt=\"Autumn Luxe Glow\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"autumn_luxe_glow\">\r\n              <span>Autumn Luxe Glow<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Classic%20Slate.webp\" alt=\"Classic Slate\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"classic_slate\">\r\n              <span>Classic Slate<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Lemon%20Stone.webp\" alt=\"Lemon Stone\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"lemon_stone\">\r\n              <span>Lemon Stone<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Neutral%20Elegance%20Tone.webp\" alt=\"Neutral Elegance Tone\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"neutral_elegance_tone\">\r\n              <span>Neutral Elegance Tone<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Fresh%20Squeeze.webp\" alt=\"Fresh Squeeze\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"fresh_squeeze\">\r\n              <span>Fresh Squeeze<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Honey%20Opal%20Glow.webp\" alt=\"Honey Opal Glow\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"honey_opal_glow\">\r\n              <span>Honey Opal Glow<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Sapphire%20Dusk.webp\" alt=\"Sapphire Dusk\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"sapphire_dusk\">\r\n              <span>Sapphire Dusk<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Soft%20Opaline.webp\" alt=\"Soft Opaline\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"soft_opaline\">\r\n              <span>Soft Opaline<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Soft%20Vichy.webp\" alt=\"Soft Vichy\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"soft_vichy\">\r\n              <span>Soft Vichy<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Tropical%20Warmth.webp\" alt=\"Tropical Warmth\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"tropical_warmth\">\r\n              <span>Tropical Warmth<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Urban%20Night.webp\" alt=\"Urban Night\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"urban_night\">\r\n              <span>Urban Night<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Yacht%20Club%20Blue.webp\" alt=\"Yacht Club Blue\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"yacht_club_blue\">\r\n              <span>Yacht Club Blue<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/othercolor.webp\" alt=\"Other\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_landing_color_scheme\" value=\"other\">\r\n              <span>Other<\/span>\r\n            <\/span>\r\n          <\/label>\r\n              <\/div>\r\n\r\n              <button type=\"button\"\r\n                class=\"synext-msf__btn synext-msf__btn--secondary js-color-loadmore\"\r\n                data-open=\"0\">\r\n          Show more\r\n        <\/button>\r\n          <\/div>\r\n  \r\n          <!-- Text field shown when \"Others\" is selected -->\r\n          <!-- <div class=\"synext-msf__field synext-msf__field--colors-note\"\r\n            data-msf-conditional=\"wd_landing_color_scheme:other\">\r\n            <label for=\"wd_landing_color_custom\">\r\n              Wenn Sie oben \u201eAndere\u201c als Farbschema ausgew\u00e4hlt haben, geben Sie bitte unten Ihre bevorzugten Farben an.\r\n            <\/label>\r\n            <input type=\"text\"\r\n              id=\"wd_landing_color_custom\"\r\n              name=\"wd_landing_color_custom\"\r\n              placeholder=\"Provide your preferred colors here\" \/>\r\n          <\/div> -->\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT: live Onepager wireframe -->\r\n            <aside class=\"synext-msf__landing-preview\" data-landing-preview>\r\n      <div class=\"synext-msf__landing-screen\">\r\n        <header class=\"synext-msf__landing-header\">\r\n          <div class=\"synext-msf__landing-logo\" data-landing-logo>\r\n            <span>LOGO<\/span>\r\n          <\/div>\r\n          <nav class=\"synext-msf__landing-nav\" aria-label=\"Navigation\">\r\n            <span data-landing-nav-item=\"startseite\">Start<\/span>\r\n            <span data-landing-nav-item=\"leistungen\">Services<\/span>\r\n            <span data-landing-nav-item=\"about\">About us<\/span>\r\n            <span data-landing-nav-item=\"kontaktformular\">Contact<\/span>\r\n          <\/nav>\r\n        <\/header>\r\n\r\n        <main class=\"synext-msf__landing-main\">\r\n          <!-- Hero \/ Homepage section -->\r\n          <section class=\"synext-msf__landing-section synext-msf__landing-section--hero\" data-landing-section=\"hero\">\r\n            <div class=\"synext-msf__landing-hero-text\">\r\n              <h3 data-landing-hero-title>Your new landing page<\/h3>\r\n              <p data-landing-hero-subtitle>\r\n                Kurzer Einleitungstext zur Hauptleistung. Dieser Bereich entspricht\r\n                der Startseite \/ Hero-Section.\r\n              <\/p>\r\n            <\/div>\r\n            <div class=\"synext-msf__landing-hero-media\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/imageicon.webp\" alt=\"Landingpage Wireframe\" data-landing-hero-img>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Additional sections are rendered here by JS -->\r\n          <div class=\"synext-msf__landing-section-list\" data-landing-sections><\/div>\r\n        <\/main>\r\n      <\/div>\r\n    <\/aside>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- STEP 3 (webdesign landing): DOMAIN \/ DESIGN \/ LOGO \/ SERVICES -->\r\n    <div class=\"synext-msf__step\" data-step=\"webdesign-landing-2\">\r\n      <h2>Landing Page \/ One-pager \u2013 Technology &amp; Design<\/h2>\r\n\r\n      <div class=\"synext-msf__layout\">\r\n        <!-- LEFT: form fields -->\r\n        <div class=\"synext-msf__layout-form\">\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_domain\">Do you already have a domain name? (If yes, please specify it.)<\/label>\r\n            <input type=\"text\" id=\"wd_domain\" name=\"wd_domain\" placeholder=\"e.g. www.your-domain.com\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_inspiration\">Do you have design inspirations or reference websites?<\/label>\r\n            <textarea id=\"wd_inspiration\" name=\"wd_inspiration\" rows=\"3\" placeholder=\"Please provide links or examples.\"><\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Do you already have a logo that we should use?<\/label>\r\n            <div class=\"synext-msf__radio-list\">\r\n              <label><input type=\"radio\" name=\"wd_has_logo\" value=\"yes\"> Yes<\/label>\r\n              <label><input type=\"radio\" name=\"wd_has_logo\" value=\"no\"> No<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\" data-msf-conditional=\"wd_has_logo:yes\">\r\n            <label for=\"wd_logo_upload\">Upload logo<\/label>\r\n            <input type=\"file\" id=\"wd_logo_upload\" name=\"wd_logo_upload\" accept=\"image\/*\" \/>\r\n            <div class=\"synext-msf__image-preview\" id=\"wd_logo_preview\"><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Do you need a website maintenance service?<\/label>\r\n            <div class=\"synext-msf__radio-list\">\r\n              <label><input type=\"radio\" name=\"wd_maintenance\" value=\"yes\"> Yes<\/label>\r\n              <label><input type=\"radio\" name=\"wd_maintenance\" value=\"no\"> No<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Do you need basic SEO services, including keyword analysis?<\/label>\r\n            <div class=\"synext-msf__radio-list\">\r\n              <label><input type=\"radio\" name=\"wd_basic_seo\" value=\"yes\"> Yes<\/label>\r\n              <label><input type=\"radio\" name=\"wd_basic_seo\" value=\"no\"> No<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT: live Onepager wireframe -->\r\n            <aside class=\"synext-msf__landing-preview\" data-landing-preview>\r\n      <div class=\"synext-msf__landing-screen\">\r\n        <header class=\"synext-msf__landing-header\">\r\n          <div class=\"synext-msf__landing-logo\" data-landing-logo>\r\n            <span>LOGO<\/span>\r\n          <\/div>\r\n          <nav class=\"synext-msf__landing-nav\" aria-label=\"Navigation\">\r\n            <span data-landing-nav-item=\"startseite\">Start<\/span>\r\n            <span data-landing-nav-item=\"leistungen\">Services<\/span>\r\n            <span data-landing-nav-item=\"about\">About us<\/span>\r\n            <span data-landing-nav-item=\"kontaktformular\">Contact<\/span>\r\n          <\/nav>\r\n        <\/header>\r\n\r\n        <main class=\"synext-msf__landing-main\">\r\n          <!-- Hero \/ Homepage section -->\r\n          <section class=\"synext-msf__landing-section synext-msf__landing-section--hero\" data-landing-section=\"hero\">\r\n            <div class=\"synext-msf__landing-hero-text\">\r\n              <h3 data-landing-hero-title>Your new landing page<\/h3>\r\n              <p data-landing-hero-subtitle>\r\n                Kurzer Einleitungstext zur Hauptleistung. Dieser Bereich entspricht\r\n                der Startseite \/ Hero-Section.\r\n              <\/p>\r\n            <\/div>\r\n            <div class=\"synext-msf__landing-hero-media\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/imageicon.webp\" alt=\"Landingpage Wireframe\" data-landing-hero-img>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Additional sections are rendered here by JS -->\r\n          <div class=\"synext-msf__landing-section-list\" data-landing-sections><\/div>\r\n        <\/main>\r\n      <\/div>\r\n    <\/aside>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- STEP (webdesign company): STRUCTURE & CONTENT -->\r\n    <div class=\"synext-msf__step\" data-step=\"webdesign-company-1\">\r\n      <h2>Company Website \u2013 Structure &amp; Content<\/h2>\r\n\r\n      <div class=\"synext-msf__layout\">\r\n        <!-- LEFT: form -->\r\n        <div class=\"synext-msf__layout-form\">\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Which pages \/ content are planned?<\/label>\r\n            <div class=\"synext-msf__checkbox-list\">\r\n              <label><input type=\"checkbox\" name=\"wd_company_content[]\" value=\"startseite\"> Homepage<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_company_content[]\" value=\"leistungen\"> Service pages<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_company_content[]\" value=\"about\"> About us<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_company_content[]\" value=\"team\"> Team<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_company_content[]\" value=\"referenzen\"> References \/ Projects<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_company_content[]\" value=\"kontakt\"> Contact page with form<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_company_content[]\" value=\"karriere\"> Careers \/ Jobs<\/label>\r\n              <!-- <label><input type=\"checkbox\" name=\"wd_company_content[]\" value=\"faq\"> FAQ<\/label> -->\r\n              <label><input type=\"checkbox\" name=\"wd_company_content[]\" value=\"blog\"> Blog \/ News Section<\/label>\r\n\r\n              <label><input type=\"checkbox\" name=\"wd_company_content[]\" value=\"rechtliches\"> Privacy Policy &amp; Legal Notice<\/label>\r\n            <\/div>\r\n\r\n            <!-- custom pages -->\r\n            <div class=\"synext-msf__field--company-custom-pages\">\r\n              <label class=\"synext-msf__label--small\">Additional custom pages<\/label>\r\n\r\n              <div class=\"synext-msf__custom-list\" data-company-custom-list>\r\n                <!-- dynamic inputs via JS -->\r\n              <\/div>\r\n\r\n              <button type=\"button\"\r\n                class=\"synext-msf__btn-add-page\"\r\n                data-company-add-page>\r\n                + Add another page\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Do you need different language versions?<\/label>\r\n            <div class=\"synext-msf__checkbox-list\">\r\n              <label><input type=\"checkbox\" name=\"wd_company_languages[]\" value=\"de\"> German<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_company_languages[]\" value=\"en\"> English<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_company_languages[]\" value=\"other\"> Other<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- <div class=\"synext-msf__field\">\r\n            <label>Ben\u00f6tigen Sie einen Blog- oder News-Bereich?<\/label>\r\n            <div class=\"synext-msf__radio-list\">\r\n              <label><input type=\"radio\" name=\"wd_company_blog\" value=\"yes\"> Ja<\/label>\r\n              <label><input type=\"radio\" name=\"wd_company_blog\" value=\"no\"> Nein<\/label>\r\n            <\/div>\r\n          <\/div> -->\r\n\r\n          <div class=\"synext-msf__field\" data-msf-conditional=\"wd_company_blog:yes\">\r\n            <label for=\"wd_company_blog_freq\">How often do you plan to publish content?<\/label>\r\n            <input type=\"text\" id=\"wd_company_blog_freq\" name=\"wd_company_blog_freq\" placeholder=\"e.g. 1\u20132 posts per month\" \/>\r\n          <\/div>\r\n\r\n\r\n\r\n\r\n          <!-- Preferred color scheme (company) -->\r\n          <!-- <div class=\"synext-msf__field synext-msf__field--colors\">\r\n            <label>Haben Sie ein bevorzugtes Farbschema?<\/label>\r\n\r\n            <div class=\"synext-msf__color-choices\">\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color1.webp\" alt=\"Color scheme 1\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"color1\">\r\n                  <span>Color 1<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color2.webp\" alt=\"Color scheme 2\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"color2\">\r\n                  <span>Color 2<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color3.webp\" alt=\"Color scheme 3\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"color3\">\r\n                  <span>Color 3<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color4.webp\" alt=\"Color scheme 4\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"color4\">\r\n                  <span>Color 4<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/othercolor.webp\" alt=\"Other colors\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"other\">\r\n                  <span>Others<\/span>\r\n                <\/span>\r\n              <\/label>\r\n            <\/div>\r\n          <\/div> -->\r\n\r\n          <!-- Shown only when \"Others\" is selected -->\r\n          <!-- <div class=\"synext-msf__field synext-msf__field--colors-note\"\r\n            data-msf-conditional=\"wd_company_color_scheme:other\">\r\n            <label for=\"wd_company_color_custom\">\r\n              Wenn Sie oben \u201eAndere\u201c als Farbschema ausgew\u00e4hlt haben, geben Sie bitte unten Ihre bevorzugten Farben an.\r\n            <\/label>\r\n            <input type=\"text\"\r\n              id=\"wd_company_color_custom\"\r\n              name=\"wd_company_color_custom\"\r\n              placeholder=\"Provide your preferred colors here\" \/>\r\n          <\/div> -->\r\n             <div class=\"synext-msf__field synext-msf__field--colors\">\r\n      <label>Do you have a preferred color scheme?<\/label>\r\n\r\n      <div class=\"synext-msf__color-choices js-color-palette\">\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Arctic%20Mirror.webp\" alt=\"Arctic Mirror\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"arctic_mirror\">\r\n              <span>Arctic Mirror<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Deep%20Ink.webp\" alt=\"Deep Ink\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"deep_ink\">\r\n              <span>Deep Ink<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Pure%20Calcite.webp\" alt=\"Pure Calcite\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"pure_calcite\">\r\n              <span>Pure Calcite<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Frost%20Aura.webp\" alt=\"Frost Aura\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"frost_aura\">\r\n              <span>Frost Aura<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Rose%20Quartz%20Blush.webp\" alt=\"Rose Quartz Blush\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"rose_quartz_blush\">\r\n              <span>Rose Quartz Blush<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Icy%20Mist.webp\" alt=\"Icy Mist\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"icy_mist\">\r\n              <span>Icy Mist<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Amethyst%20Morning%20Haze.webp\" alt=\"Amethyst Morning Haze\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"amethyst_morning_haze\">\r\n              <span>Amethyst Morning Haze<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Copper%20Aquamarine.webp\" alt=\"Copper Aquamarine\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"copper_aquamarine\">\r\n              <span>Copper Aquamarine<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Autumn%20Luxe%20Glow.webp\" alt=\"Autumn Luxe Glow\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"autumn_luxe_glow\">\r\n              <span>Autumn Luxe Glow<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Classic%20Slate.webp\" alt=\"Classic Slate\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"classic_slate\">\r\n              <span>Classic Slate<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Lemon%20Stone.webp\" alt=\"Lemon Stone\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"lemon_stone\">\r\n              <span>Lemon Stone<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Neutral%20Elegance%20Tone.webp\" alt=\"Neutral Elegance Tone\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"neutral_elegance_tone\">\r\n              <span>Neutral Elegance Tone<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Fresh%20Squeeze.webp\" alt=\"Fresh Squeeze\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"fresh_squeeze\">\r\n              <span>Fresh Squeeze<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Honey%20Opal%20Glow.webp\" alt=\"Honey Opal Glow\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"honey_opal_glow\">\r\n              <span>Honey Opal Glow<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Sapphire%20Dusk.webp\" alt=\"Sapphire Dusk\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"sapphire_dusk\">\r\n              <span>Sapphire Dusk<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Soft%20Opaline.webp\" alt=\"Soft Opaline\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"soft_opaline\">\r\n              <span>Soft Opaline<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Soft%20Vichy.webp\" alt=\"Soft Vichy\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"soft_vichy\">\r\n              <span>Soft Vichy<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Tropical%20Warmth.webp\" alt=\"Tropical Warmth\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"tropical_warmth\">\r\n              <span>Tropical Warmth<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Urban%20Night.webp\" alt=\"Urban Night\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"urban_night\">\r\n              <span>Urban Night<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Yacht%20Club%20Blue.webp\" alt=\"Yacht Club Blue\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"yacht_club_blue\">\r\n              <span>Yacht Club Blue<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/othercolor.webp\" alt=\"Other\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_company_color_scheme\" value=\"other\">\r\n              <span>Other<\/span>\r\n            <\/span>\r\n          <\/label>\r\n              <\/div>\r\n\r\n              <button type=\"button\"\r\n                class=\"synext-msf__btn synext-msf__btn--secondary js-color-loadmore\"\r\n                data-open=\"0\">\r\n          Show more\r\n        <\/button>\r\n          <\/div>\r\n  \r\n\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT: multi-page wireframe slider -->\r\n            <aside class=\"synext-msf__company-preview\"\r\n      data-company-preview\r\n data-company-img=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/imageicon.webp\">\r\n      <div class=\"synext-msf__company-screen\">\r\n\r\n        <!-- Header: logo + language pills (stays static at top) -->\r\n        <div class=\"synext-msf__company-header\">\r\n          <div class=\"synext-msf__company-logo\" data-company-logo>\r\n            LOGO\r\n          <\/div>\r\n          <!-- <div class=\"synext-msf__company-langs\">\r\n            <span data-company-lang=\"de\" class=\"is-active\">DE<\/span>\r\n            <span data-company-lang=\"en\">EN<\/span>\r\n          <\/div> -->\r\n          <!-- NAVIGATION -->\r\n          <nav class=\"synext-msf__wireframe-nav\">\r\n            <span data-nav-item=\"startseite\">Start<\/span>\r\n            <span data-nav-item=\"leistungen\">Services<\/span>\r\n            <span data-nav-item=\"about\">About us<\/span>\r\n            <span data-nav-item=\"kontakt\">Contact<\/span>\r\n\r\n          <\/nav>\r\n        <\/div>\r\n\r\n        <!-- Slider: each slide now contains HERO + PAGE BODY -->\r\n        <div class=\"synext-msf__company-slider\">\r\n\r\n          <button type=\"button\"\r\n            class=\"synext-msf__company-arrow synext-msf__company-arrow--prev\"\r\n            data-company-arrow=\"prev\">\r\n            \u2039\r\n          <\/button>\r\n\r\n          <div class=\"synext-msf__company-slides-window\">\r\n            <div class=\"synext-msf__company-slides\" data-company-slides>\r\n\r\n              <!-- Default slide: Startseite -->\r\n              <article class=\"synext-msf__company-slide\">\r\n                <div class=\"synext-msf__company-hero-wrap\">\r\n                  <div class=\"synext-msf__company-hero-text\">\r\n                    <h3>Ihre neue Unternehmenswebsite<\/h3>\r\n                    <p>\r\n                      Kurzer Einleitungstext zur Hauptleistung. Dieser Bereich entspricht\r\n                      der Startseite \/ Hero-Section Ihrer Unternehmenswebsite.\r\n                    <\/p>\r\n                  <\/div>\r\n                  <div class=\"synext-msf__company-hero-media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/imageicon.webp\"\r\n                      alt=\"Unternehmenswebsite Vorschau\">\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"synext-msf__company-page-body\">\r\n                  <div class=\"synext-msf__company-page-chip\">Homepage<\/div>\r\n\r\n                  <div class=\"synext-msf__company-lines\">\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                  <\/div>\r\n\r\n                  <div class=\"synext-msf__company-subsections\">\r\n                    <div class=\"synext-msf__company-sub\">\r\n                      <div class=\"synext-msf__company-sub-title\">Section 1<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"synext-msf__company-sub\">\r\n                      <div class=\"synext-msf__company-sub-title\">Section 2<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"synext-msf__company-sub\">\r\n                      <div class=\"synext-msf__company-sub-title\">Section 3<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n              <\/article>\r\n\r\n              <!-- Default slide: Leistungsseiten -->\r\n              <article class=\"synext-msf__company-slide\">\r\n                <div class=\"synext-msf__company-hero-wrap\">\r\n                  <div class=\"synext-msf__company-hero-text\">\r\n                    <h3>Service pages<\/h3>\r\n                    <p>\r\n                      \u00dcbersicht \u00fcber Ihre wichtigsten Dienstleistungen \u2013 ideal f\u00fcr mehrere\r\n                      Leistungsseiten mit klarer Struktur.\r\n                    <\/p>\r\n                  <\/div>\r\n                  <div class=\"synext-msf__company-hero-media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/imageicon.webp\"\r\n                      alt=\"Unternehmenswebsite Vorschau\">\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"synext-msf__company-page-body\">\r\n                  <div class=\"synext-msf__company-page-chip\">Service pages<\/div>\r\n                  <div class=\"synext-msf__company-lines\">\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/article>\r\n\r\n              <!-- Default slide: \u00dcber uns -->\r\n              <article class=\"synext-msf__company-slide\">\r\n                <div class=\"synext-msf__company-hero-wrap\">\r\n                  <div class=\"synext-msf__company-hero-text\">\r\n                    <h3>About us<\/h3>\r\n                    <p>\r\n                      Erz\u00e4hlen Sie Ihre Geschichte, Werte und Ihr Team \u2013 die perfekte Seite\r\n                      f\u00fcr Vertrauen und Pers\u00f6nlichkeit.\r\n                    <\/p>\r\n                  <\/div>\r\n                  <div class=\"synext-msf__company-hero-media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/imageicon.webp\"\r\n                      alt=\"Unternehmenswebsite Vorschau\">\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"synext-msf__company-page-body\">\r\n                  <div class=\"synext-msf__company-page-chip\">About us<\/div>\r\n                  <div class=\"synext-msf__company-lines\">\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/article>\r\n\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <button type=\"button\"\r\n            class=\"synext-msf__company-arrow synext-msf__company-arrow--next\"\r\n            data-company-arrow=\"next\">\r\n            \u203a\r\n          <\/button>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/aside>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- STEP (webdesign company): TECH & DESIGN -->\r\n    <div class=\"synext-msf__step\" data-step=\"webdesign-company-2\">\r\n      <h2>Company Website \u2013 Technology &amp; Design<\/h2>\r\n\r\n      <div class=\"synext-msf__layout\">\r\n        <div class=\"synext-msf__layout-form\">\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_company_purpose\">What is the main purpose of the website?<\/label>\r\n            <textarea id=\"wd_company_purpose\" name=\"wd_company_purpose\" rows=\"3\"><\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\" data-company-page-sections-wrapper>\r\n            <!-- JS will inject one card per selected page here -->\r\n          <\/div>\r\n\r\n\r\n          <!-- \u2b50 END NEW FIELD \u2b50 -->\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_company_domain\">Do you already have a domain name? (If yes, please specify it.)<\/label>\r\n            <input type=\"text\" id=\"wd_company_domain\" name=\"wd_company_domain\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_company_inspiration\">Do you have design inspirations or reference websites?<\/label>\r\n            <textarea id=\"wd_company_inspiration\" name=\"wd_company_inspiration\" rows=\"3\"><\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Do you already have a logo that we should use?<\/label>\r\n            <div class=\"synext-msf__radio-list\">\r\n              <label><input type=\"radio\" name=\"wd_company_has_logo\" value=\"yes\"> Yes<\/label>\r\n              <label><input type=\"radio\" name=\"wd_company_has_logo\" value=\"no\"> No<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\" data-msf-conditional=\"wd_company_has_logo:yes\">\r\n            <label for=\"wd_company_logo_upload\">Upload logo<\/label>\r\n            <input type=\"file\" id=\"wd_company_logo_upload\" name=\"wd_company_logo_upload\" accept=\"image\/*\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Do you need a website maintenance service?<\/label>\r\n            <div class=\"synext-msf__radio-list\">\r\n              <label><input type=\"radio\" name=\"wd_company_maintenance\" value=\"yes\"> Yes<\/label>\r\n              <label><input type=\"radio\" name=\"wd_company_maintenance\" value=\"no\"> No<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Do you need basic SEO services, including keyword analysis?<\/label>\r\n            <div class=\"synext-msf__radio-list\">\r\n              <label><input type=\"radio\" name=\"wd_company_basic_seo\" value=\"yes\"> Yes<\/label>\r\n              <label><input type=\"radio\" name=\"wd_company_basic_seo\" value=\"no\"> No<\/label>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- \u2b50 NEW NOTES FIELD FOR COMPANY WEBSITE \u2b50 -->\r\n          <div class=\"synext-msf__field synext-msf__field--company-notes\">\r\n            <label for=\"wd_company_notes\">Additional notes (optional)<\/label>\r\n            <textarea id=\"wd_company_notes\"\r\n              name=\"wd_company_notes\"\r\n              rows=\"4\"\r\n              placeholder=\"Are there any special requests, important subpages, or additional information for the company website?\"><\/textarea>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- same preview on the right -->\r\n            <aside class=\"synext-msf__company-preview\"\r\n      data-company-preview\r\n data-company-img=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/imageicon.webp\">\r\n      <div class=\"synext-msf__company-screen\">\r\n\r\n        <!-- Header: logo + language pills (stays static at top) -->\r\n        <div class=\"synext-msf__company-header\">\r\n          <div class=\"synext-msf__company-logo\" data-company-logo>\r\n            LOGO\r\n          <\/div>\r\n          <!-- <div class=\"synext-msf__company-langs\">\r\n            <span data-company-lang=\"de\" class=\"is-active\">DE<\/span>\r\n            <span data-company-lang=\"en\">EN<\/span>\r\n          <\/div> -->\r\n          <!-- NAVIGATION -->\r\n          <nav class=\"synext-msf__wireframe-nav\">\r\n            <span data-nav-item=\"startseite\">Start<\/span>\r\n            <span data-nav-item=\"leistungen\">Services<\/span>\r\n            <span data-nav-item=\"about\">About us<\/span>\r\n            <span data-nav-item=\"kontakt\">Contact<\/span>\r\n\r\n          <\/nav>\r\n        <\/div>\r\n\r\n        <!-- Slider: each slide now contains HERO + PAGE BODY -->\r\n        <div class=\"synext-msf__company-slider\">\r\n\r\n          <button type=\"button\"\r\n            class=\"synext-msf__company-arrow synext-msf__company-arrow--prev\"\r\n            data-company-arrow=\"prev\">\r\n            \u2039\r\n          <\/button>\r\n\r\n          <div class=\"synext-msf__company-slides-window\">\r\n            <div class=\"synext-msf__company-slides\" data-company-slides>\r\n\r\n              <!-- Default slide: Startseite -->\r\n              <article class=\"synext-msf__company-slide\">\r\n                <div class=\"synext-msf__company-hero-wrap\">\r\n                  <div class=\"synext-msf__company-hero-text\">\r\n                    <h3>Ihre neue Unternehmenswebsite<\/h3>\r\n                    <p>\r\n                      Kurzer Einleitungstext zur Hauptleistung. Dieser Bereich entspricht\r\n                      der Startseite \/ Hero-Section Ihrer Unternehmenswebsite.\r\n                    <\/p>\r\n                  <\/div>\r\n                  <div class=\"synext-msf__company-hero-media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/imageicon.webp\"\r\n                      alt=\"Unternehmenswebsite Vorschau\">\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"synext-msf__company-page-body\">\r\n                  <div class=\"synext-msf__company-page-chip\">Homepage<\/div>\r\n\r\n                  <div class=\"synext-msf__company-lines\">\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                  <\/div>\r\n\r\n                  <div class=\"synext-msf__company-subsections\">\r\n                    <div class=\"synext-msf__company-sub\">\r\n                      <div class=\"synext-msf__company-sub-title\">Section 1<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"synext-msf__company-sub\">\r\n                      <div class=\"synext-msf__company-sub-title\">Section 2<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"synext-msf__company-sub\">\r\n                      <div class=\"synext-msf__company-sub-title\">Section 3<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n              <\/article>\r\n\r\n              <!-- Default slide: Leistungsseiten -->\r\n              <article class=\"synext-msf__company-slide\">\r\n                <div class=\"synext-msf__company-hero-wrap\">\r\n                  <div class=\"synext-msf__company-hero-text\">\r\n                    <h3>Service pages<\/h3>\r\n                    <p>\r\n                      \u00dcbersicht \u00fcber Ihre wichtigsten Dienstleistungen \u2013 ideal f\u00fcr mehrere\r\n                      Leistungsseiten mit klarer Struktur.\r\n                    <\/p>\r\n                  <\/div>\r\n                  <div class=\"synext-msf__company-hero-media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/imageicon.webp\"\r\n                      alt=\"Unternehmenswebsite Vorschau\">\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"synext-msf__company-page-body\">\r\n                  <div class=\"synext-msf__company-page-chip\">Service pages<\/div>\r\n                  <div class=\"synext-msf__company-lines\">\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/article>\r\n\r\n              <!-- Default slide: \u00dcber uns -->\r\n              <article class=\"synext-msf__company-slide\">\r\n                <div class=\"synext-msf__company-hero-wrap\">\r\n                  <div class=\"synext-msf__company-hero-text\">\r\n                    <h3>About us<\/h3>\r\n                    <p>\r\n                      Erz\u00e4hlen Sie Ihre Geschichte, Werte und Ihr Team \u2013 die perfekte Seite\r\n                      f\u00fcr Vertrauen und Pers\u00f6nlichkeit.\r\n                    <\/p>\r\n                  <\/div>\r\n                  <div class=\"synext-msf__company-hero-media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/imageicon.webp\"\r\n                      alt=\"Unternehmenswebsite Vorschau\">\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"synext-msf__company-page-body\">\r\n                  <div class=\"synext-msf__company-page-chip\">About us<\/div>\r\n                  <div class=\"synext-msf__company-lines\">\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/article>\r\n\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <button type=\"button\"\r\n            class=\"synext-msf__company-arrow synext-msf__company-arrow--next\"\r\n            data-company-arrow=\"next\">\r\n            \u203a\r\n          <\/button>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/aside>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- STEP (webdesign shop): SHOP BASICS -->\r\n    <!-- STEP (webdesign shop): STRUKTUR & INHALTE -->\r\n    <div class=\"synext-msf__step\" data-step=\"webdesign-shop-1\">\r\n      <h2>Online Shop \/ E-Commerce \u2013 Structure &amp; Content<\/h2>\r\n\r\n      <div class=\"synext-msf__layout\">\r\n        <!-- LEFT: form fields -->\r\n        <div class=\"synext-msf__layout-form\">\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_shop_purpose\">What is the main purpose of the shop?<\/label>\r\n            <textarea id=\"wd_shop_purpose\" name=\"wd_shop_purpose\" rows=\"3\"><\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_shop_products\">Which products would you like to sell?<\/label>\r\n            <textarea id=\"wd_shop_products\" name=\"wd_shop_products\" rows=\"3\"><\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_shop_product_types\">Are there different product categories or variants (e.g. sizes, colors)?<\/label>\r\n            <textarea id=\"wd_shop_product_types\" name=\"wd_shop_product_types\" rows=\"3\"><\/textarea>\r\n          <\/div>\r\n\r\n          <!-- Seiten \/ Inhalte wie bei Unternehmenswebsite -->\r\n          <div class=\"synext-msf__field\">\r\n            <label>Which pages \/ content are planned?<\/label>\r\n            <div class=\"synext-msf__checkbox-list\">\r\n              <label><input type=\"checkbox\" name=\"wd_shop_content[]\" value=\"startseite\"> Homepage<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_shop_content[]\" value=\"leistungen\"> Service pages<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_shop_content[]\" value=\"about\"> About us<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_shop_content[]\" value=\"referenzen\"> References \/ Projects<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_shop_content[]\" value=\"shop\"> Shop<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_shop_content[]\" value=\"kontakt\"> Contact page with form<\/label>\r\n            <\/div>\r\n\r\n            <!-- custom pages for shop (same pattern as company \/ booking) -->\r\n            <div class=\"synext-msf__field synext-msf__field--company-custom-pages\">\r\n              <label class=\"synext-msf__label--small\">Additional custom pages<\/label>\r\n\r\n              <div class=\"synext-msf__custom-list\" data-shop-custom-list>\r\n                <!-- JS will add inputs here -->\r\n              <\/div>\r\n\r\n              <button type=\"button\"\r\n                class=\"synext-msf__btn-add-page\"\r\n                data-shop-add-page>\r\n                + Add another page\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Which payment methods should be offered?<\/label>\r\n            <div class=\"synext-msf__checkbox-list\">\r\n              <label><input type=\"checkbox\" name=\"wd_shop_payments[]\" value=\"paypal\"> PayPal<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_shop_payments[]\" value=\"creditcard\"> Credit card<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_shop_payments[]\" value=\"sofort\"> Instant bank transfer \/ Klarna<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_shop_payments[]\" value=\"invoice\"> Purchase on invoice<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_shop_payments[]\" value=\"other\"> Other<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_shop_shipping\">How should shipping be organized? (e.g. DHL, self-pickup, international shipping)<\/label>\r\n            <textarea id=\"wd_shop_shipping\" name=\"wd_shop_shipping\" rows=\"3\"><\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_shop_legal\">Are there any special legal requirements (e.g. age restrictions, special notices)?<\/label>\r\n            <textarea id=\"wd_shop_legal\" name=\"wd_shop_legal\" rows=\"3\"><\/textarea>\r\n          <\/div>\r\n\r\n          <!-- NEW: preferred color scheme (Onlineshop \/ E-Commerce) -->\r\n          <!-- <div class=\"synext-msf__field synext-msf__field--colors\">\r\n            <label>Haben Sie ein bevorzugtes Farbschema?<\/label>\r\n\r\n            <div class=\"synext-msf__color-choices\">\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color1.webp\" alt=\"Color scheme 1\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"color1\">\r\n                  <span>Color 1<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color2.webp\" alt=\"Color scheme 2\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"color2\">\r\n                  <span>Color 2<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color3.webp\" alt=\"Color scheme 3\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"color3\">\r\n                  <span>Color 3<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color4.webp\" alt=\"Color scheme 4\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"color4\">\r\n                  <span>Color 4<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/othercolor.webp\" alt=\"Other colors\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"other\">\r\n                  <span>Others<\/span>\r\n                <\/span>\r\n              <\/label>\r\n            <\/div>\r\n          <\/div> -->\r\n\r\n          <!-- Text field shown when \"Others\" is selected -->\r\n          <!-- <div class=\"synext-msf__field synext-msf__field--colors-note\"\r\n            data-msf-conditional=\"wd_shop_color_scheme:other\">\r\n            <label for=\"wd_shop_color_custom\">\r\n              Wenn Sie oben \u201eAndere\u201c als Farbschema ausgew\u00e4hlt haben, geben Sie bitte unten Ihre bevorzugten Farben an.\r\n            <\/label>\r\n            <input type=\"text\"\r\n              id=\"wd_shop_color_custom\"\r\n              name=\"wd_shop_color_custom\"\r\n              placeholder=\"Provide your preferred colors here\" \/>\r\n          <\/div> -->\r\n\r\n              <div class=\"synext-msf__field synext-msf__field--colors\">\r\n      <label>Do you have a preferred color scheme?<\/label>\r\n\r\n      <div class=\"synext-msf__color-choices js-color-palette\">\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Arctic%20Mirror.webp\" alt=\"Arctic Mirror\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"arctic_mirror\">\r\n              <span>Arctic Mirror<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Deep%20Ink.webp\" alt=\"Deep Ink\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"deep_ink\">\r\n              <span>Deep Ink<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Pure%20Calcite.webp\" alt=\"Pure Calcite\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"pure_calcite\">\r\n              <span>Pure Calcite<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Frost%20Aura.webp\" alt=\"Frost Aura\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"frost_aura\">\r\n              <span>Frost Aura<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Rose%20Quartz%20Blush.webp\" alt=\"Rose Quartz Blush\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"rose_quartz_blush\">\r\n              <span>Rose Quartz Blush<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Icy%20Mist.webp\" alt=\"Icy Mist\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"icy_mist\">\r\n              <span>Icy Mist<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Amethyst%20Morning%20Haze.webp\" alt=\"Amethyst Morning Haze\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"amethyst_morning_haze\">\r\n              <span>Amethyst Morning Haze<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Copper%20Aquamarine.webp\" alt=\"Copper Aquamarine\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"copper_aquamarine\">\r\n              <span>Copper Aquamarine<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Autumn%20Luxe%20Glow.webp\" alt=\"Autumn Luxe Glow\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"autumn_luxe_glow\">\r\n              <span>Autumn Luxe Glow<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Classic%20Slate.webp\" alt=\"Classic Slate\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"classic_slate\">\r\n              <span>Classic Slate<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Lemon%20Stone.webp\" alt=\"Lemon Stone\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"lemon_stone\">\r\n              <span>Lemon Stone<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Neutral%20Elegance%20Tone.webp\" alt=\"Neutral Elegance Tone\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"neutral_elegance_tone\">\r\n              <span>Neutral Elegance Tone<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Fresh%20Squeeze.webp\" alt=\"Fresh Squeeze\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"fresh_squeeze\">\r\n              <span>Fresh Squeeze<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Honey%20Opal%20Glow.webp\" alt=\"Honey Opal Glow\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"honey_opal_glow\">\r\n              <span>Honey Opal Glow<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Sapphire%20Dusk.webp\" alt=\"Sapphire Dusk\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"sapphire_dusk\">\r\n              <span>Sapphire Dusk<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Soft%20Opaline.webp\" alt=\"Soft Opaline\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"soft_opaline\">\r\n              <span>Soft Opaline<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Soft%20Vichy.webp\" alt=\"Soft Vichy\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"soft_vichy\">\r\n              <span>Soft Vichy<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Tropical%20Warmth.webp\" alt=\"Tropical Warmth\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"tropical_warmth\">\r\n              <span>Tropical Warmth<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Urban%20Night.webp\" alt=\"Urban Night\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"urban_night\">\r\n              <span>Urban Night<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Yacht%20Club%20Blue.webp\" alt=\"Yacht Club Blue\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"yacht_club_blue\">\r\n              <span>Yacht Club Blue<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/othercolor.webp\" alt=\"Other\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_shop_color_scheme\" value=\"other\">\r\n              <span>Other<\/span>\r\n            <\/span>\r\n          <\/label>\r\n              <\/div>\r\n\r\n              <button type=\"button\"\r\n                class=\"synext-msf__btn synext-msf__btn--secondary js-color-loadmore\"\r\n                data-open=\"0\">\r\n          Show more\r\n        <\/button>\r\n          <\/div>\r\n  \r\n        <\/div>\r\n\r\n        <!-- RIGHT: live shop wireframe preview -->\r\n            <aside class=\"synext-msf__company-preview synext-msf__company-preview--shop\"\r\n      data-shop-preview>\r\n      <div class=\"synext-msf__company-screen\">\r\n\r\n        <!-- Header: logo + language + cart -->\r\n        <div class=\"synext-msf__company-header\">\r\n          <div class=\"synext-msf__company-logo\" data-shop-logo>\r\n            SHOP LOGO\r\n          <\/div>\r\n          <!-- <div class=\"synext-msf__company-langs\">\r\n            <span data-shop-lang=\"de\" class=\"is-active\">DE<\/span>\r\n            <span data-shop-lang=\"en\">EN<\/span>\r\n          <\/div> -->\r\n          <nav class=\"synext-msf__wireframe-nav\">\r\n            <span data-nav-item=\"startseite\">Start<\/span>\r\n            <span data-nav-item=\"shop\">Shop<\/span>\r\n            <span data-nav-item=\"about\">About us<\/span>\r\n            <span data-nav-item=\"kontakt\">Contact<\/span>\r\n\r\n          <\/nav>\r\n          <div class=\"synext-msf__shop-cart\">\r\n            <span class=\"synext-msf__shop-cart-icon\">\ud83d\uded2<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slider: JS will overwrite slides based on selected pages -->\r\n        <div class=\"synext-msf__company-slider\">\r\n\r\n          <button type=\"button\"\r\n            class=\"synext-msf__company-arrow synext-msf__company-arrow--prev\"\r\n            data-shop-arrow=\"prev\">\r\n            \u2039\r\n          <\/button>\r\n\r\n          <div class=\"synext-msf__company-slides-window\">\r\n            <div class=\"synext-msf__company-slides\" data-shop-slides>\r\n\r\n              <!-- Default slide before JS runs -->\r\n              <article class=\"synext-msf__company-slide\">\r\n                <div class=\"synext-msf__company-hero-wrap\">\r\n                  <div class=\"synext-msf__company-hero-text\">\r\n                    <h3>Startseite \u2013 Onlineshop<\/h3>\r\n                    <p>\r\n                      Hero-Bereich mit Angeboten, Kategorien und Call-to-Action\r\n                      zum Shop. Die finale Gestaltung erfolgt sp\u00e4ter im echten Design.\r\n                    <\/p>\r\n                  <\/div>\r\n                  <div class=\"synext-msf__company-hero-media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/online.webp\"\r\n                      alt=\"Onlineshop Vorschau\">\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"synext-msf__company-page-body\">\r\n                  <div class=\"synext-msf__company-page-chip\">Homepage<\/div>\r\n\r\n                  <!-- Content placeholder lines -->\r\n                  <div class=\"synext-msf__company-lines\">\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                  <\/div>\r\n\r\n                  <!-- Product \/ section placeholders -->\r\n                  <div class=\"synext-msf__company-subsections\">\r\n                    <div class=\"synext-msf__company-subsection\">\r\n                      <div class=\"synext-msf__company-sub-title\">Produkt-Highlights<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"synext-msf__company-subsection\">\r\n                      <div class=\"synext-msf__company-sub-title\">Kategorien<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"synext-msf__company-subsection\">\r\n                      <div class=\"synext-msf__company-sub-title\">Trust-Elemente &amp; Vorteile<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/article>\r\n\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <button type=\"button\"\r\n            class=\"synext-msf__company-arrow synext-msf__company-arrow--next\"\r\n            data-shop-arrow=\"next\">\r\n            \u203a\r\n          <\/button>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/aside>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- STEP (webdesign shop): LEGAL & SEO -->\r\n    <!-- STEP (webdesign shop): PRODUKTE & TECHNIK \/ SEITEN-SEKTIONEN -->\r\n    <div class=\"synext-msf__step\" data-step=\"webdesign-shop-2\">\r\n      <h2>Online Shop \/ E-Commerce \u2013 Products &amp; Technology<\/h2>\r\n\r\n      <div class=\"synext-msf__layout\">\r\n        <div class=\"synext-msf__layout-form\">\r\n\r\n          <!-- one card per page, filled by JS (like company \/ booking) -->\r\n          <div class=\"synext-msf__field\" data-shop-page-sections-wrapper>\r\n            <!-- JS will insert page cards with sections here -->\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_shop_domain\">Do you already have a domain name? (If yes, please specify it.)<\/label>\r\n            <input type=\"text\" id=\"wd_shop_domain\" name=\"wd_shop_domain\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_shop_inspiration\">Do you have design inspirations or reference websites?<\/label>\r\n            <textarea id=\"wd_shop_inspiration\" name=\"wd_shop_inspiration\" rows=\"3\"><\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Do you already have a logo that we should use?<\/label>\r\n            <div class=\"synext-msf__radio-list\">\r\n              <label><input type=\"radio\" name=\"wd_shop_has_logo\" value=\"yes\"> Yes<\/label>\r\n              <label><input type=\"radio\" name=\"wd_shop_has_logo\" value=\"no\"> No<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\" data-msf-conditional=\"wd_shop_has_logo:yes\">\r\n            <label for=\"wd_shop_logo_upload\">Upload logo<\/label>\r\n            <input type=\"file\" id=\"wd_shop_logo_upload\" name=\"wd_shop_logo_upload\" accept=\"image\/*\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Do you need basic SEO services, including keyword analysis?<\/label>\r\n            <div class=\"synext-msf__radio-list\">\r\n              <label><input type=\"radio\" name=\"wd_shop_basic_seo\" value=\"yes\"> Yes<\/label>\r\n              <label><input type=\"radio\" name=\"wd_shop_basic_seo\" value=\"no\"> No<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- \u2b50 NEW NOTES FIELD FOR ONLINESHOP \/ E-COMMERCE \u2b50 -->\r\n          <div class=\"synext-msf__field synext-msf__field--shop-notes\">\r\n            <label for=\"wd_shop_notes\">Additional notes (optional)<\/label>\r\n            <textarea id=\"wd_shop_notes\"\r\n              name=\"wd_shop_notes\"\r\n              rows=\"4\"\r\n              placeholder=\"Are there any special requests, shop features, product details, or additional information about the online shop?\"><\/textarea>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT: same live shop wireframe preview -->\r\n            <aside class=\"synext-msf__company-preview synext-msf__company-preview--shop\"\r\n      data-shop-preview>\r\n      <div class=\"synext-msf__company-screen\">\r\n\r\n        <!-- Header: logo + language + cart -->\r\n        <div class=\"synext-msf__company-header\">\r\n          <div class=\"synext-msf__company-logo\" data-shop-logo>\r\n            SHOP LOGO\r\n          <\/div>\r\n          <!-- <div class=\"synext-msf__company-langs\">\r\n            <span data-shop-lang=\"de\" class=\"is-active\">DE<\/span>\r\n            <span data-shop-lang=\"en\">EN<\/span>\r\n          <\/div> -->\r\n          <nav class=\"synext-msf__wireframe-nav\">\r\n            <span data-nav-item=\"startseite\">Start<\/span>\r\n            <span data-nav-item=\"shop\">Shop<\/span>\r\n            <span data-nav-item=\"about\">About us<\/span>\r\n            <span data-nav-item=\"kontakt\">Contact<\/span>\r\n\r\n          <\/nav>\r\n          <div class=\"synext-msf__shop-cart\">\r\n            <span class=\"synext-msf__shop-cart-icon\">\ud83d\uded2<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slider: JS will overwrite slides based on selected pages -->\r\n        <div class=\"synext-msf__company-slider\">\r\n\r\n          <button type=\"button\"\r\n            class=\"synext-msf__company-arrow synext-msf__company-arrow--prev\"\r\n            data-shop-arrow=\"prev\">\r\n            \u2039\r\n          <\/button>\r\n\r\n          <div class=\"synext-msf__company-slides-window\">\r\n            <div class=\"synext-msf__company-slides\" data-shop-slides>\r\n\r\n              <!-- Default slide before JS runs -->\r\n              <article class=\"synext-msf__company-slide\">\r\n                <div class=\"synext-msf__company-hero-wrap\">\r\n                  <div class=\"synext-msf__company-hero-text\">\r\n                    <h3>Startseite \u2013 Onlineshop<\/h3>\r\n                    <p>\r\n                      Hero-Bereich mit Angeboten, Kategorien und Call-to-Action\r\n                      zum Shop. Die finale Gestaltung erfolgt sp\u00e4ter im echten Design.\r\n                    <\/p>\r\n                  <\/div>\r\n                  <div class=\"synext-msf__company-hero-media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/online.webp\"\r\n                      alt=\"Onlineshop Vorschau\">\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"synext-msf__company-page-body\">\r\n                  <div class=\"synext-msf__company-page-chip\">Homepage<\/div>\r\n\r\n                  <!-- Content placeholder lines -->\r\n                  <div class=\"synext-msf__company-lines\">\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                  <\/div>\r\n\r\n                  <!-- Product \/ section placeholders -->\r\n                  <div class=\"synext-msf__company-subsections\">\r\n                    <div class=\"synext-msf__company-subsection\">\r\n                      <div class=\"synext-msf__company-sub-title\">Produkt-Highlights<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"synext-msf__company-subsection\">\r\n                      <div class=\"synext-msf__company-sub-title\">Kategorien<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"synext-msf__company-subsection\">\r\n                      <div class=\"synext-msf__company-sub-title\">Trust-Elemente &amp; Vorteile<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/article>\r\n\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <button type=\"button\"\r\n            class=\"synext-msf__company-arrow synext-msf__company-arrow--next\"\r\n            data-shop-arrow=\"next\">\r\n            \u203a\r\n          <\/button>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/aside>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- STEP (webdesign booking): BOOKING BASICS -->\r\n    <div class=\"synext-msf__step\" data-step=\"webdesign-booking-1\">\r\n      <h2>Website with Appointment Booking System \u2013 Structure &amp; Content<\/h2>\r\n\r\n      <div class=\"synext-msf__layout\">\r\n        <!-- LEFT: form fields -->\r\n        <div class=\"synext-msf__layout-form\">\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_booking_purpose\">What is the main purpose of the website?<\/label>\r\n            <textarea id=\"wd_booking_purpose\"\r\n              name=\"wd_booking_purpose\"\r\n              rows=\"3\"><\/textarea>\r\n          <\/div>\r\n\r\n          <!-- Welche Seiten \/ Inhalte sind geplant? -->\r\n          <div class=\"synext-msf__field\">\r\n            <label>Which pages \/ content are planned?<\/label>\r\n            <div class=\"synext-msf__checkbox-list\">\r\n              <label><input type=\"checkbox\" name=\"wd_booking_content[]\" value=\"startseite\"> Homepage<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_booking_content[]\" value=\"leistungen\"> Service pages<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_booking_content[]\" value=\"about\"> About us<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_booking_content[]\" value=\"referenzen\"> References \/ Projects<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_booking_content[]\" value=\"termin\"> Appointment booking system<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_booking_content[]\" value=\"kontakt\"> Contact page with form<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_booking_content[]\" value=\"blog\"> Blog \/ News Section<\/label>\r\n\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Custom pages (same logic as company) -->\r\n          <div class=\"synext-msf__field synext-msf__field--company-custom-pages\">\r\n            <label class=\"synext-msf__label--small\">Additional custom pages<\/label>\r\n\r\n            <div class=\"synext-msf__custom-list\" data-booking-custom-list>\r\n              <!-- JS adds inputs here -->\r\n            <\/div>\r\n\r\n            <button type=\"button\"\r\n              class=\"synext-msf__btn-add-page\"\r\n              data-booking-add-page>\r\n              + Add another page\r\n            <\/button>\r\n          <\/div>\r\n\r\n          <!-- Language versions -->\r\n          <div class=\"synext-msf__field\">\r\n            <label>Do you need different language versions?<\/label>\r\n            <div class=\"synext-msf__checkbox-list\">\r\n              <label><input type=\"checkbox\" name=\"wd_booking_languages[]\" value=\"de\"> German<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_booking_languages[]\" value=\"en\"> English<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_booking_languages[]\" value=\"other\"> Other<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Blog \/ news -->\r\n          <!-- <div class=\"synext-msf__field\">\r\n            <label>Ben\u00f6tigen Sie einen Blog- oder News-Bereich?<\/label>\r\n            <div class=\"synext-msf__radio-list\">\r\n              <label><input type=\"radio\" name=\"wd_booking_blog\" value=\"yes\"> Ja<\/label>\r\n              <label><input type=\"radio\" name=\"wd_booking_blog\" value=\"no\"> Nein<\/label>\r\n            <\/div>\r\n          <\/div> -->\r\n\r\n\r\n\r\n          <!-- Preferred color scheme (booking) -->\r\n          <!-- <div class=\"synext-msf__field synext-msf__field--colors\">\r\n            <label>Haben Sie ein bevorzugtes Farbschema?<\/label>\r\n\r\n            <div class=\"synext-msf__color-choices\">\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color1.webp\" alt=\"Color scheme 1\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"color1\">\r\n                  <span>Color 1<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color2.webp\" alt=\"Color scheme 2\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"color2\">\r\n                  <span>Color 2<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color3.webp\" alt=\"Color scheme 3\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"color3\">\r\n                  <span>Color 3<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/color4.webp\" alt=\"Color scheme 4\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"color4\">\r\n                  <span>Color 4<\/span>\r\n                <\/span>\r\n              <\/label>\r\n\r\n              <label class=\"synext-msf__color-option\">\r\n                <span class=\"synext-msf__color-thumb\">\r\n                  <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/othercolor.webp\" alt=\"Other colors\">\r\n                <\/span>\r\n                <span class=\"synext-msf__color-radio\">\r\n                  <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"other\">\r\n                  <span>Others<\/span>\r\n                <\/span>\r\n              <\/label>\r\n            <\/div>\r\n          <\/div> -->\r\n\r\n          <!-- Shown only when \"Others\" is selected -->\r\n          <!-- <div class=\"synext-msf__field synext-msf__field--colors-note\"\r\n            data-msf-conditional=\"wd_booking_color_scheme:other\">\r\n            <label for=\"wd_booking_color_custom\">\r\n              Wenn Sie oben \u201eAndere\u201c als Farbschema ausgew\u00e4hlt haben, geben Sie bitte unten Ihre bevorzugten Farben an.\r\n            <\/label>\r\n            <input type=\"text\"\r\n              id=\"wd_booking_color_custom\"\r\n              name=\"wd_booking_color_custom\"\r\n              placeholder=\"Provide your preferred colors here\" \/>\r\n          <\/div> -->\r\n              <div class=\"synext-msf__field synext-msf__field--colors\">\r\n      <label>Do you have a preferred color scheme?<\/label>\r\n\r\n      <div class=\"synext-msf__color-choices js-color-palette\">\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Arctic%20Mirror.webp\" alt=\"Arctic Mirror\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"arctic_mirror\">\r\n              <span>Arctic Mirror<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Deep%20Ink.webp\" alt=\"Deep Ink\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"deep_ink\">\r\n              <span>Deep Ink<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Pure%20Calcite.webp\" alt=\"Pure Calcite\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"pure_calcite\">\r\n              <span>Pure Calcite<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Frost%20Aura.webp\" alt=\"Frost Aura\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"frost_aura\">\r\n              <span>Frost Aura<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Rose%20Quartz%20Blush.webp\" alt=\"Rose Quartz Blush\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"rose_quartz_blush\">\r\n              <span>Rose Quartz Blush<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option\" >\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Icy%20Mist.webp\" alt=\"Icy Mist\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"icy_mist\">\r\n              <span>Icy Mist<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Amethyst%20Morning%20Haze.webp\" alt=\"Amethyst Morning Haze\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"amethyst_morning_haze\">\r\n              <span>Amethyst Morning Haze<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Copper%20Aquamarine.webp\" alt=\"Copper Aquamarine\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"copper_aquamarine\">\r\n              <span>Copper Aquamarine<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Autumn%20Luxe%20Glow.webp\" alt=\"Autumn Luxe Glow\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"autumn_luxe_glow\">\r\n              <span>Autumn Luxe Glow<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Classic%20Slate.webp\" alt=\"Classic Slate\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"classic_slate\">\r\n              <span>Classic Slate<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Lemon%20Stone.webp\" alt=\"Lemon Stone\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"lemon_stone\">\r\n              <span>Lemon Stone<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Neutral%20Elegance%20Tone.webp\" alt=\"Neutral Elegance Tone\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"neutral_elegance_tone\">\r\n              <span>Neutral Elegance Tone<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Fresh%20Squeeze.webp\" alt=\"Fresh Squeeze\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"fresh_squeeze\">\r\n              <span>Fresh Squeeze<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Honey%20Opal%20Glow.webp\" alt=\"Honey Opal Glow\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"honey_opal_glow\">\r\n              <span>Honey Opal Glow<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Sapphire%20Dusk.webp\" alt=\"Sapphire Dusk\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"sapphire_dusk\">\r\n              <span>Sapphire Dusk<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Soft%20Opaline.webp\" alt=\"Soft Opaline\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"soft_opaline\">\r\n              <span>Soft Opaline<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Soft%20Vichy.webp\" alt=\"Soft Vichy\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"soft_vichy\">\r\n              <span>Soft Vichy<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Tropical%20Warmth.webp\" alt=\"Tropical Warmth\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"tropical_warmth\">\r\n              <span>Tropical Warmth<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Urban%20Night.webp\" alt=\"Urban Night\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"urban_night\">\r\n              <span>Urban Night<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/Yacht%20Club%20Blue.webp\" alt=\"Yacht Club Blue\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"yacht_club_blue\">\r\n              <span>Yacht Club Blue<\/span>\r\n            <\/span>\r\n          <\/label>\r\n                  <label class=\"synext-msf__color-option js-color-more\" style=\"display:none;\">\r\n            <span class=\"synext-msf__color-thumb\">\r\n              <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/othercolor.webp\" alt=\"Other\">\r\n            <\/span>\r\n            <span class=\"synext-msf__color-radio\">\r\n              <input type=\"radio\" name=\"wd_booking_color_scheme\" value=\"other\">\r\n              <span>Other<\/span>\r\n            <\/span>\r\n          <\/label>\r\n              <\/div>\r\n\r\n              <button type=\"button\"\r\n                class=\"synext-msf__btn synext-msf__btn--secondary js-color-loadmore\"\r\n                data-open=\"0\">\r\n          Show more\r\n        <\/button>\r\n          <\/div>\r\n  \r\n        <\/div>\r\n\r\n        <!-- RIGHT: booking preview (same look as company) -->\r\n            <aside class=\"synext-msf__company-preview\" data-booking-preview data-booking-img=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/imageicon.webp\">\r\n      <div class=\"synext-msf__company-screen\">\r\n\r\n        <!-- Header: logo + language pills -->\r\n        <div class=\"synext-msf__company-header\">\r\n          <div class=\"synext-msf__company-logo\" data-booking-logo>\r\n            LOGO\r\n          <\/div>\r\n          <!-- <div class=\"synext-msf__company-langs\">\r\n            <span data-booking-lang=\"de\" class=\"is-active\">DE<\/span>\r\n            <span data-booking-lang=\"en\">EN<\/span>\r\n          <\/div> -->\r\n          <!-- NAVIGATION -->\r\n          <nav class=\"synext-msf__wireframe-nav\">\r\n            <span data-nav-item=\"startseite\">Start<\/span>\r\n            <span data-nav-item=\"leistungen\">Services<\/span>\r\n            <span data-nav-item=\"about\">About us<\/span>\r\n            <span data-nav-item=\"kontakt\">Contact<\/span>\r\n\r\n          <\/nav>\r\n        <\/div>\r\n\r\n        <!-- Slider: JS (updateBookingPreview) will fill this container -->\r\n        <div class=\"synext-msf__company-slider\">\r\n\r\n          <button type=\"button\"\r\n            class=\"synext-msf__company-arrow synext-msf__company-arrow--prev\"\r\n            data-booking-arrow=\"prev\">\r\n            \u2039\r\n          <\/button>\r\n\r\n          <div class=\"synext-msf__company-slides-window\">\r\n            <div class=\"synext-msf__company-slides\" data-booking-slides>\r\n              <!-- Default slide \u2013 JS will overwrite -->\r\n              <article class=\"synext-msf__company-slide\">\r\n                <div class=\"synext-msf__company-hero-wrap\">\r\n                  <div class=\"synext-msf__company-hero-text\">\r\n                    <h3>Homepage<\/h3>\r\n                    <p>\r\n                      Kurzer Einleitungstext zur Hauptleistung oder zum Inhalt dieser Seite.\r\n                      Die finale Ausgestaltung erfolgt nat\u00fcrlich im echten Design.\r\n                    <\/p>\r\n                  <\/div>\r\n                  <div class=\"synext-msf__company-hero-media\">\r\n                                          <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/imageicon.webp\" alt=\"Website Vorschau\">\r\n                                      <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"synext-msf__company-page-body\">\r\n                  <div class=\"synext-msf__company-page-chip\">Homepage<\/div>\r\n\r\n                  <div class=\"synext-msf__company-lines\">\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                  <\/div>\r\n\r\n                  <div class=\"synext-msf__company-subsections\">\r\n                    <div class=\"synext-msf__company-sub\">\r\n                      <div class=\"synext-msf__company-sub-title\">Section 1<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"synext-msf__company-sub\">\r\n                      <div class=\"synext-msf__company-sub-title\">Section 2<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"synext-msf__company-sub\">\r\n                      <div class=\"synext-msf__company-sub-title\">Section 3<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/article>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <button type=\"button\"\r\n            class=\"synext-msf__company-arrow synext-msf__company-arrow--next\"\r\n            data-booking-arrow=\"next\">\r\n            \u203a\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/aside>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- STEP (webdesign booking): PAYMENTS & INTEGRATIONS -->\r\n    <div class=\"synext-msf__step\" data-step=\"webdesign-booking-2\">\r\n      <h2>Website with Appointment Booking System \u2013 Payment &amp; Integration<\/h2>\r\n\r\n      <div class=\"synext-msf__layout\">\r\n        <!-- LEFT: form fields -->\r\n        <div class=\"synext-msf__layout-form\">\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Do you require payment during booking?<\/label>\r\n            <div class=\"synext-msf__radio-list\">\r\n              <label><input type=\"radio\" name=\"wd_booking_payments\" value=\"yes\"> Yes<\/label>\r\n              <label><input type=\"radio\" name=\"wd_booking_payments\" value=\"optional\"> Optional<\/label>\r\n              <label><input type=\"radio\" name=\"wd_booking_payments\" value=\"no\"> No<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Sync with external calendars?<\/label>\r\n            <div class=\"synext-msf__checkbox-list\">\r\n              <label><input type=\"checkbox\" name=\"wd_booking_cal_sync[]\" value=\"google\"> Google Calendar<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_booking_cal_sync[]\" value=\"outlook\"> Outlook<\/label>\r\n              <label><input type=\"checkbox\" name=\"wd_booking_cal_sync[]\" value=\"none\"> None<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Reminder emails \/ SMS?<\/label>\r\n            <div class=\"synext-msf__radio-list\">\r\n              <label><input type=\"radio\" name=\"wd_booking_reminders\" value=\"yes\"> Yes<\/label>\r\n              <label><input type=\"radio\" name=\"wd_booking_reminders\" value=\"no\"> No<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_booking_domain\">Do you already have a domain name? (If yes, please specify it.)<\/label>\r\n            <input type=\"text\" id=\"wd_booking_domain\" name=\"wd_booking_domain\" \/>\r\n          <\/div>\r\n\r\n          <!-- NEW: per-page sections, same idea as Unternehmenswebsite -->\r\n          <div class=\"synext-msf__field\" data-booking-page-sections-wrapper>\r\n            <!-- JS will inject one card per selected booking page here -->\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label for=\"wd_booking_inspiration\">Do you have design inspirations or reference websites?<\/label>\r\n            <textarea id=\"wd_booking_inspiration\" name=\"wd_booking_inspiration\" rows=\"3\"><\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Do you already have a logo that we should use?<\/label>\r\n            <div class=\"synext-msf__radio-list\">\r\n              <label><input type=\"radio\" name=\"wd_booking_has_logo\" value=\"yes\"> Yes<\/label>\r\n              <label><input type=\"radio\" name=\"wd_booking_has_logo\" value=\"no\"> No<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\" data-msf-conditional=\"wd_booking_has_logo:yes\">\r\n            <label for=\"wd_booking_logo_upload\">Upload logo<\/label>\r\n            <input type=\"file\" id=\"wd_booking_logo_upload\" name=\"wd_booking_logo_upload\" accept=\"image\/*\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"synext-msf__field\">\r\n            <label>Do you need basic SEO services, including keyword analysis?<\/label>\r\n            <div class=\"synext-msf__radio-list\">\r\n              <label><input type=\"radio\" name=\"wd_booking_basic_seo\" value=\"yes\"> Yes<\/label>\r\n              <label><input type=\"radio\" name=\"wd_booking_basic_seo\" value=\"no\"> No<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- \u2b50 NEW NOTES FIELD FOR BOOKING SYSTEM \u2b50 -->\r\n          <div class=\"synext-msf__field synext-msf__field--booking-notes\">\r\n            <label for=\"wd_booking_notes\">Additional notes (optional)<\/label>\r\n            <textarea id=\"wd_booking_notes\"\r\n              name=\"wd_booking_notes\"\r\n              rows=\"4\"\r\n              placeholder=\"Are there any special requests, booking logic, additional fields, or important requirements for the booking system?\"><\/textarea>\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT: booking wireframe preview with slides -->\r\n            <aside class=\"synext-msf__company-preview\" data-booking-preview data-booking-img=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/imageicon.webp\">\r\n      <div class=\"synext-msf__company-screen\">\r\n\r\n        <!-- Header: logo + language pills -->\r\n        <div class=\"synext-msf__company-header\">\r\n          <div class=\"synext-msf__company-logo\" data-booking-logo>\r\n            LOGO\r\n          <\/div>\r\n          <!-- <div class=\"synext-msf__company-langs\">\r\n            <span data-booking-lang=\"de\" class=\"is-active\">DE<\/span>\r\n            <span data-booking-lang=\"en\">EN<\/span>\r\n          <\/div> -->\r\n          <!-- NAVIGATION -->\r\n          <nav class=\"synext-msf__wireframe-nav\">\r\n            <span data-nav-item=\"startseite\">Start<\/span>\r\n            <span data-nav-item=\"leistungen\">Services<\/span>\r\n            <span data-nav-item=\"about\">About us<\/span>\r\n            <span data-nav-item=\"kontakt\">Contact<\/span>\r\n\r\n          <\/nav>\r\n        <\/div>\r\n\r\n        <!-- Slider: JS (updateBookingPreview) will fill this container -->\r\n        <div class=\"synext-msf__company-slider\">\r\n\r\n          <button type=\"button\"\r\n            class=\"synext-msf__company-arrow synext-msf__company-arrow--prev\"\r\n            data-booking-arrow=\"prev\">\r\n            \u2039\r\n          <\/button>\r\n\r\n          <div class=\"synext-msf__company-slides-window\">\r\n            <div class=\"synext-msf__company-slides\" data-booking-slides>\r\n              <!-- Default slide \u2013 JS will overwrite -->\r\n              <article class=\"synext-msf__company-slide\">\r\n                <div class=\"synext-msf__company-hero-wrap\">\r\n                  <div class=\"synext-msf__company-hero-text\">\r\n                    <h3>Homepage<\/h3>\r\n                    <p>\r\n                      Kurzer Einleitungstext zur Hauptleistung oder zum Inhalt dieser Seite.\r\n                      Die finale Ausgestaltung erfolgt nat\u00fcrlich im echten Design.\r\n                    <\/p>\r\n                  <\/div>\r\n                  <div class=\"synext-msf__company-hero-media\">\r\n                                          <img decoding=\"async\" src=\"https:\/\/connect.synext-it.de\/wp-content\/plugins\/synext-multistep-form\/assets\/img\/imageicon.webp\" alt=\"Website Vorschau\">\r\n                                      <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"synext-msf__company-page-body\">\r\n                  <div class=\"synext-msf__company-page-chip\">Homepage<\/div>\r\n\r\n                  <div class=\"synext-msf__company-lines\">\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line\"><\/div>\r\n                    <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                  <\/div>\r\n\r\n                  <div class=\"synext-msf__company-subsections\">\r\n                    <div class=\"synext-msf__company-sub\">\r\n                      <div class=\"synext-msf__company-sub-title\">Section 1<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"synext-msf__company-sub\">\r\n                      <div class=\"synext-msf__company-sub-title\">Section 2<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"synext-msf__company-sub\">\r\n                      <div class=\"synext-msf__company-sub-title\">Section 3<\/div>\r\n                      <div class=\"synext-msf__landing-line is-short\"><\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/article>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <button type=\"button\"\r\n            class=\"synext-msf__company-arrow synext-msf__company-arrow--next\"\r\n            data-booking-arrow=\"next\">\r\n            \u203a\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/aside>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- BRANDING & CORPORATE DESIGN \u2013 MAIN SELECTION -->\r\n    <div class=\"synext-msf__step\" data-step=\"branding-main\">\r\n      <h2>Branding &amp; Corporate Design \u2013 Services<\/h2>\r\n      <p>Which graphic design service do you need? (Multiple selections possible)<\/p>\r\n\r\n      <div class=\"synext-msf__checkbox-list\">\r\n        <label><input type=\"checkbox\" name=\"branding_services[]\" value=\"logo\"> Logo<\/label>\r\n        <label><input type=\"checkbox\" name=\"branding_services[]\" value=\"flyer\"> Flyer<\/label>\r\n        <label><input type=\"checkbox\" name=\"branding_services[]\" value=\"poster\"> Poster<\/label>\r\n        <label><input type=\"checkbox\" name=\"branding_services[]\" value=\"cards\"> Business card<\/label>\r\n        <label><input type=\"checkbox\" name=\"branding_services[]\" value=\"social\"> Social media set<\/label>\r\n        <label><input type=\"checkbox\" name=\"branding_services[]\" value=\"other\"> Other<\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- BRANDING \u2013 LOGO -->\r\n    <div class=\"synext-msf__step\" data-step=\"branding-logo\">\r\n      <h2>Logo-Design<\/h2>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"branding_logo_name\">Company name \/ Brand name<\/label>\r\n        <input type=\"text\" id=\"branding_logo_name\" name=\"branding_logo_name\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"branding_logo_slogan\">Slogan (optional)<\/label>\r\n        <input type=\"text\" id=\"branding_logo_slogan\" name=\"branding_logo_slogan\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label>Which logo styles do you like?<\/label>\r\n        <div class=\"synext-msf__checkbox-list\">\r\n          <label><input type=\"checkbox\" name=\"branding_logo_style[]\" value=\"minimal\"> Minimalist<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_logo_style[]\" value=\"modern\"> Modern &amp; bold<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_logo_style[]\" value=\"playful\"> Playful \/ creative<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_logo_style[]\" value=\"classic\"> Classic \/ professional<\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"branding_logo_colors\">Preferred colors<\/label>\r\n        <textarea id=\"branding_logo_colors\" name=\"branding_logo_colors\" rows=\"2\" placeholder=\"e.g. primary color, no neon colors, etc.\"><\/textarea>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label>Where will the logo mainly be used?<\/label>\r\n        <div class=\"synext-msf__checkbox-list\">\r\n          <label><input type=\"checkbox\" name=\"branding_logo_usage[]\" value=\"website\"> Website<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_logo_usage[]\" value=\"social\"> Social Media<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_logo_usage[]\" value=\"print\"> Print (flyers, business cards)<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_logo_usage[]\" value=\"merch\"> Merchandise<\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label>Do you already have a logo as a starting point?<\/label>\r\n        <div class=\"synext-msf__radio-list\">\r\n          <label><input type=\"radio\" name=\"branding_logo_existing\" value=\"yes\"> Yes<\/label>\r\n          <label><input type=\"radio\" name=\"branding_logo_existing\" value=\"no\"> No<\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\" data-msf-conditional=\"branding_logo_existing:yes\">\r\n        <label for=\"branding_logo_upload\">Upload existing logo<\/label>\r\n        <input type=\"file\" id=\"branding_logo_upload\" name=\"branding_logo_upload\" accept=\"image\/*\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"branding_logo_deadline\">By when do you need the logo?<\/label>\r\n        <input type=\"text\" id=\"branding_logo_deadline\" name=\"branding_logo_deadline\" placeholder=\"e.g. DD.MM.YYYY or \u201cas soon as possible\u201d\" \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- BRANDING \u2013 FLYER -->\r\n    <div class=\"synext-msf__step\" data-step=\"branding-flyer\">\r\n      <h2>Flyer-Design<\/h2>\r\n\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"branding_flyer_format\">Format<\/label>\r\n        <input type=\"text\" id=\"branding_flyer_format\" name=\"branding_flyer_format\" placeholder=\"e.g. A6, A5, A4, other format\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label>Orientation<\/label>\r\n        <div class=\"synext-msf__radio-list\">\r\n          <label><input type=\"radio\" name=\"branding_flyer_orientation\" value=\"portrait\"> Portrait format<\/label>\r\n          <label><input type=\"radio\" name=\"branding_flyer_orientation\" value=\"landscape\"> Landscape format<\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label>Number of pages<\/label>\r\n        <div class=\"synext-msf__radio-list\">\r\n          <label><input type=\"radio\" name=\"branding_flyer_sides\" value=\"one\"> Single-sided<\/label>\r\n          <label><input type=\"radio\" name=\"branding_flyer_sides\" value=\"two\"> Double-sided<\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"branding_flyer_purpose\">Purpose of the flyer<\/label>\r\n        <textarea id=\"branding_flyer_purpose\" name=\"branding_flyer_purpose\" rows=\"3\" placeholder=\"Event, offer, general information, etc.\"><\/textarea>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"branding_flyer_content\">Which content must be included?<\/label>\r\n        <textarea id=\"branding_flyer_content\" name=\"branding_flyer_content\" rows=\"3\" placeholder=\"Text, offers, contact details, QR code, social media, etc.\"><\/textarea>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label>Do you only need print-ready files or also a printing service?<\/label>\r\n        <div class=\"synext-msf__radio-list\">\r\n          <label><input type=\"radio\" name=\"branding_flyer_print\" value=\"files\"> Print-ready files only (PDF)<\/label>\r\n          <label><input type=\"radio\" name=\"branding_flyer_print\" value=\"including_print\"> Including printing<\/label>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- BRANDING \u2013 POSTER -->\r\n    <div class=\"synext-msf__step\" data-step=\"branding-poster\">\r\n      <h2>Poster-Design<\/h2>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"branding_poster_size\">Poster size<\/label>\r\n        <input type=\"text\" id=\"branding_poster_size\" name=\"branding_poster_size\" placeholder=\"e.g. A2, 70x100 cm\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label>Where will the poster be used?<\/label>\r\n        <div class=\"synext-msf__checkbox-list\">\r\n          <label><input type=\"checkbox\" name=\"branding_poster_place[]\" value=\"indoor\"> Indoor area<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_poster_place[]\" value=\"outdoor\"> Outdoor area<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_poster_place[]\" value=\"event\"> Events \/ trade fairs<\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"branding_poster_message\">Main message &amp; call-to-action<\/label>\r\n        <textarea id=\"branding_poster_message\" name=\"branding_poster_message\" rows=\"3\"><\/textarea>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- BRANDING \u2013 VISITENKARTEN -->\r\n    <div class=\"synext-msf__step\" data-step=\"branding-cards\">\r\n      <h2>Business card design<\/h2>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label>Number of pages<\/label>\r\n        <div class=\"synext-msf__radio-list\">\r\n          <label><input type=\"radio\" name=\"branding_cards_sides\" value=\"one\"> Single-sided<\/label>\r\n          <label><input type=\"radio\" name=\"branding_cards_sides\" value=\"two\"> Double-sided<\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"branding_cards_info\">Which information should be included on the card?<\/label>\r\n        <textarea id=\"branding_cards_info\" name=\"branding_cards_info\" rows=\"3\" placeholder=\"Name, position, phone number, email, website, address, etc.\"><\/textarea>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"branding_cards_quantity\">Estimated quantity<\/label>\r\n        <input type=\"number\" min=\"50\" max=\"5000\" id=\"branding_cards_quantity\" name=\"branding_cards_quantity\" \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- BRANDING \u2013 SOCIAL MEDIA SET -->\r\n    <div class=\"synext-msf__step\" data-step=\"branding-social\">\r\n      <h2>Social media set<\/h2>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label>For which platforms?<\/label>\r\n        <div class=\"synext-msf__checkbox-list\">\r\n          <label><input type=\"checkbox\" name=\"branding_social_platforms[]\" value=\"instagram\"> Instagram<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_social_platforms[]\" value=\"facebook\"> Facebook<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_social_platforms[]\" value=\"tiktok\"> TikTok<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_social_platforms[]\" value=\"linkedin\"> LinkedIn<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_social_platforms[]\" value=\"youtube\"> YouTube<\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label>What is needed?<\/label>\r\n        <div class=\"synext-msf__checkbox-list\">\r\n          <label><input type=\"checkbox\" name=\"branding_social_assets[]\" value=\"profile\"> Profile picture<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_social_assets[]\" value=\"cover\"> Header \/ Banner<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_social_assets[]\" value=\"post_templates\"> Post-Templates<\/label>\r\n          <label><input type=\"checkbox\" name=\"branding_social_assets[]\" value=\"story_templates\"> Story-Templates<\/label>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- BRANDING \u2013 OTHER -->\r\n    <div class=\"synext-msf__step\" data-step=\"branding-other\">\r\n      <h2>Additional graphic design services<\/h2>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"branding_other_desc\">What exactly do you need?<\/label>\r\n        <textarea id=\"branding_other_desc\" name=\"branding_other_desc\" rows=\"4\"><\/textarea>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SEO & SEA \u2013 MAIN SELECTION -->\r\n    <div class=\"synext-msf__step\" data-step=\"seo-main\">\r\n      <h2>SEO &amp; SEA \u2013 Campaigns<\/h2>\r\n      <p>Which campaigns would you like to use?<\/p>\r\n\r\n      <div class=\"synext-msf__checkbox-list\">\r\n        <label><input type=\"checkbox\" name=\"seo_campaigns[]\" value=\"google_ads\"> Google Ads<\/label>\r\n        <label><input type=\"checkbox\" name=\"seo_campaigns[]\" value=\"meta_ads\"> Meta Ads (Facebook \/ Instagram)<\/label>\r\n        <label><input type=\"checkbox\" name=\"seo_campaigns[]\" value=\"seo\"> SEO (Search Engine Optimization)<\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SEO \u2013 GOOGLE ADS -->\r\n    <div class=\"synext-msf__step\" data-step=\"seo-google-ads\">\r\n      <h2>Google Ads<\/h2>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"seo_ga_url\">Website-URL<\/label>\r\n        <input type=\"text\" id=\"seo_ga_url\" name=\"seo_ga_url\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label>Campaign goal<\/label>\r\n        <div class=\"synext-msf__checkbox-list\">\r\n          <label><input type=\"checkbox\" name=\"seo_ga_goals[]\" value=\"leads\"> Leads<\/label>\r\n          <label><input type=\"checkbox\" name=\"seo_ga_goals[]\" value=\"sales\"> Sales<\/label>\r\n          <label><input type=\"checkbox\" name=\"seo_ga_goals[]\" value=\"traffic\"> Traffic<\/label>\r\n          <label><input type=\"checkbox\" name=\"seo_ga_goals[]\" value=\"awareness\"> Brand awareness<\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"seo_ga_budget\">Monthly advertising budget (EUR)<\/label>\r\n        <input type=\"number\" min=\"0\" id=\"seo_ga_budget\" name=\"seo_ga_budget\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"seo_ga_region\">Target countries \/ regions<\/label>\r\n        <textarea id=\"seo_ga_region\" name=\"seo_ga_region\" rows=\"2\"><\/textarea>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SEO \u2013 META ADS -->\r\n    <div class=\"synext-msf__step\" data-step=\"seo-meta-ads\">\r\n      <h2>Meta Ads (Facebook \/ Instagram)<\/h2>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label>Plattformen<\/label>\r\n        <div class=\"synext-msf__checkbox-list\">\r\n          <label><input type=\"checkbox\" name=\"seo_ma_platforms[]\" value=\"facebook\"> Facebook<\/label>\r\n          <label><input type=\"checkbox\" name=\"seo_ma_platforms[]\" value=\"instagram\"> Instagram<\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"seo_ma_budget\">Monthly advertising budget (EUR)<\/label>\r\n        <input type=\"number\" min=\"0\" id=\"seo_ma_budget\" name=\"seo_ma_budget\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"seo_ma_audience\">Target audience (age, interests, industry)<\/label>\r\n        <textarea id=\"seo_ma_audience\" name=\"seo_ma_audience\" rows=\"3\"><\/textarea>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SEO \u2013 ORGANIC SEO -->\r\n    <div class=\"synext-msf__step\" data-step=\"seo-seo\">\r\n      <h2>SEO (Search Engine Optimization)<\/h2>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"seo_url\">Website-URL<\/label>\r\n        <input type=\"text\" id=\"seo_url\" name=\"seo_url\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"seo_regions\">In which regions would you like to be found?<\/label>\r\n        <textarea id=\"seo_regions\" name=\"seo_regions\" rows=\"2\" placeholder=\"local, nationwide, international ...\"><\/textarea>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"seo_keywords\">Important keywords \/ topics<\/label>\r\n        <textarea id=\"seo_keywords\" name=\"seo_keywords\" rows=\"3\"><\/textarea>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"seo_status\">Have there already been any SEO measures?<\/label>\r\n        <textarea id=\"seo_status\" name=\"seo_status\" rows=\"3\" placeholder=\"e.g. existing content, technical optimization, blog, etc.\"><\/textarea>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- STEP: CONTACT DETAILS (before summary) -->\r\n    <div class=\"synext-msf__step\" data-step=\"contact-details\">\r\n      <h2>How can we reach you?<\/h2>\r\n      <p>Please enter your contact details so that we can send you a quotation.<\/p>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"contact_first_name\">First name *<\/label>\r\n        <input type=\"text\" id=\"contact_first_name\" name=\"contact_first_name\" required>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"contact_last_name\">Last name *<\/label>\r\n        <input type=\"text\" id=\"contact_last_name\" name=\"contact_last_name\" required>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"contact_email\">Email address *<\/label>\r\n        <input type=\"email\" id=\"contact_email\" name=\"contact_email\" required>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"contact_project\">Project name *<\/label>\r\n        <input type=\"text\" id=\"contact_project\" name=\"contact_project\" required>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"contact_subject\">Subject *<\/label>\r\n        <input type=\"text\" id=\"contact_subject\" name=\"contact_subject\" required>\r\n      <\/div>\r\n\r\n      <div class=\"synext-msf__field\">\r\n        <label for=\"contact_phone\">Phone number (optional)<\/label>\r\n        <input type=\"text\" id=\"contact_phone\" name=\"contact_phone\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n\r\n\r\n    <!-- STEP: SUMMARY -->\r\n    <!-- STEP: SUMMARY -->\r\n    <div class=\"synext-msf__step\" data-step=\"summary\">\r\n      <h2>Summary of your request<\/h2>\r\n\r\n      <div class=\"synext-msf__summary\" data-msf-summary>\r\n        <!-- JS will fill summary here -->\r\n      <\/div>\r\n\r\n      <!-- NEW: wireframe preview + download -->\r\n      <!-- <div class=\"synext-msf__summary-preview\">\r\n        <h3>Wireframe-Vorschau<\/h3>\r\n\r\n        <div class=\"synext-msf__summary-preview-image-wrapper\">\r\n          <img\r\n            id=\"synext-msf-summary-preview-img\"\r\n            alt=\"Wireframe-Vorschau\"\r\n            style=\"max-width:100%;height:auto;display:none;\"\r\n          >\r\n        <\/div>\r\n\r\n        <button\r\n          type=\"button\"\r\n          id=\"synext-msf-download-preview\"\r\n          class=\"synext-msf__button\"\r\n          disabled\r\n        >\r\n          Wireframe herunterladen\r\n        <\/button>\r\n      <\/div> -->\r\n    <\/div>\r\n\r\n\r\n    <!-- NAV BUTTONS -->\r\n    <div class=\"synext-msf__buttons\">\r\n      <button type=\"button\" class=\"synext-msf__prev\" disabled>Back<\/button>\r\n      <button type=\"button\" class=\"synext-msf__next\">Continue<\/button>\r\n      <button type=\"submit\" class=\"synext-msf__submit\" style=\"display:none;\">Send inquiry<\/button>\r\n    <\/div>\r\n\r\n  <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n\r\n  <div class=\"synext-msf__status\" data-msf-status><\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Client Flow Form<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/connect.synext-it.de\/en\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/connect.synext-it.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/connect.synext-it.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/connect.synext-it.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/connect.synext-it.de\/en\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":10,"href":"https:\/\/connect.synext-it.de\/en\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/connect.synext-it.de\/en\/wp-json\/wp\/v2\/pages\/16\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/connect.synext-it.de\/en\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}