{"id":2880,"date":"2024-02-07T11:57:26","date_gmt":"2024-02-07T10:57:26","guid":{"rendered":"https:\/\/www.bkk-tmc.de\/multistep-formular-broschuere-beratung\/"},"modified":"2025-07-12T14:04:16","modified_gmt":"2025-07-12T12:04:16","slug":"multistep-formular-broschuere-beratung","status":"publish","type":"page","link":"https:\/\/www.bkk-tmc.de\/th\/multistep-formular-broschuere-beratung\/","title":{"rendered":"Multistep Formular Brosch\u00fcre + Beratung"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column width=&#8221;1\/2&#8243;]<div class=\"spacer\" style=\"height:30px\"><\/div><div class=\"headline-skew left\"><h1><div class=\"headline-skew-top\"><span><span>\u0e41\u0e04\u0e48\u0e44\u0e21\u0e48\u0e01\u0e35\u0e48\u0e04\u0e25\u0e34\u0e01\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/span><\/span><\/div><div class=\"headline-skew-bottom\"><span><span>\u0e04\u0e38\u0e13\u0e01\u0e47\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e42\u0e1a\u0e23\u0e0a\u0e31\u0e27\u0e23\u0e4c\u0e1f\u0e23\u0e35 \u0e46 \u0e44\u0e1b\u0e40\u0e25\u0e22<\/span><\/span><\/div><\/h1><\/div><div class=\"spacer\" style=\"height:120px\"><\/div><div class=\"headline red  left\"><h2>\u0e43\u0e19\u0e42\u0e1a\u0e23\u0e0a\u0e31\u0e27\u0e23\u0e4c\u0e09\u0e1a\u0e31\u0e1a\u0e19\u0e35\u0e49 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e44\u0e14\u0e49\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e16\u0e36\u0e07\u0e40\u0e2b\u0e15\u0e38\u0e1c\u0e25\u0e27\u0e48\u0e32 :<\/h2><\/div><ol class=\"list list-arrow align-left list-read-more-69f174fdee5ee\"><li>\u0e17\u0e33\u0e44\u0e21\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e2b\u0e25\u0e32\u0e22\u0e04\u0e19\u0e16\u0e36\u0e07\u0e44\u0e21\u0e48\u0e21\u0e32\u0e2b\u0e32\u0e04\u0e38\u0e13\u0e40\u0e25\u0e22 <br>\u0e2b\u0e32\u0e01\u0e44\u0e21\u0e48\u0e21\u0e35 ONLINE-SYSTEM<\/li><li>\u0e04\u0e38\u0e13\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49 ONLINE-SYSTEM <br>\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e49\u0e32\u0e19\u0e19\u0e27\u0e14\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e49\u0e32\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23<\/li><li>\u0e27\u0e34\u0e18\u0e35\u0e43\u0e0a\u0e49 ONLINE-SYSTEM <br>\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e36\u0e07\u0e14\u0e39\u0e14\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e43\u0e2b\u0e21\u0e48\u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/li><\/ol><div class=\"spacer\" style=\"height:30px\"><\/div><div class=\"text\"><p>\u0e40\u0e23\u0e32\u0e22\u0e31\u0e07\u0e21\u0e35\u0e40\u0e04\u0e25\u0e47\u0e14\u0e25\u0e31\u0e1a\u0e14\u0e35 \u0e46 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13 :<\/p><\/div><ol class=\"list list-check align-left list-read-more-69f174fdee629\"><li><span style=\"color: #86112e;\">3 \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e2a\u0e39\u0e48 Homepage \u0e17\u0e35\u0e48\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e49\u0e32\u0e19\u0e19\u0e27\u0e14<\/span><\/li><li><span style=\"color: #86112e;\">3 \u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e17\u0e35\u0e48\u0e23\u0e49\u0e32\u0e19\u0e19\u0e27\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e43\u0e2b\u0e0d\u0e48\u0e44\u0e21\u0e48\u0e23\u0e39\u0e49<\/span><\/li><li><span style=\"color: #86112e;\">3 \u0e27\u0e34\u0e18\u0e35\u0e41\u0e01\u0e49\u0e44\u0e02\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e27\u0e19\u0e43\u0e08\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e17\u0e33\u0e40\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22 \u0e46<\/span><\/li><\/ol>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<\/p>\n<div class=\"video center\"><video controls poster=\"https:\/\/www.bkk-tmc.de\/wp-content\/uploads\/2025\/06\/bkk-tmc-movie-768x432.jpg\"><source src=\"https:\/\/www.bkk-tmc.de\/wp-content\/uploads\/2025\/06\/bkk-tmc-th.mp4\" type=\"video\/mp4\">Your browser does not support the video tag.<\/video><\/div>\n<div class=\"spacer\" style=\"height:15px\"><\/div><div class=\"headline red  left\"><h2><strong>\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32<br \/>\n<\/strong><strong>\u0e40\u0e23\u0e32\u0e08\u0e30\u0e41\u0e19\u0e30\u0e19\u0e33\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13 :<\/strong><\/h2><\/div><ol class=\"list list-check align-left list-read-more-69f174fdee909\"><li>\u0e41\u0e19\u0e30\u0e19\u0e33 Tools (Plug-ins) \u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e49\u0e32\u0e19\u0e19\u0e27\u0e14\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/li><li>\u0e41\u0e19\u0e30\u0e19\u0e33\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e14\u0e35 \u0e46 \u0e17\u0e35\u0e48\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2b\u0e32\u0e21\u0e32\u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08<\/li><li>\u0e2a\u0e2d\u0e19\u0e27\u0e34\u0e18\u0e35\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e17\u0e35\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19 \u0e44\u0e21\u0e48\u0e0b\u0e31\u0e1a\u0e0b\u0e49\u0e2d\u0e19<\/li><\/ol><div class=\"text\"><p><span style=\"color: #86112e;\"><strong>\u0e04\u0e38\u0e13\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e41\u0e1a\u0e1a\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19<br \/>\n\u0e43\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 ONLINE-SYSTEM<br \/>\n\u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32 Homepage \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/strong><\/span><\/p><\/div><div class=\"text\"><p><strong>\u0e40\u0e23\u0e32\u0e22\u0e31\u0e07\u0e08\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e40\u0e2b\u0e47\u0e19\u0e14\u0e49\u0e27\u0e22\u0e27\u0e48\u0e32<br \/>\nONLINE-SYSTEM<br \/>\n\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13 :<\/strong><\/p><\/div><ol class=\"list list-arrow align-left list-read-more-69f174fdee93c\"><li><span style=\"color: #86112e;\">\u0e21\u0e35\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19<\/span><\/li><li><span style=\"color: #86112e;\">\u0e21\u0e35\u0e22\u0e2d\u0e14\u0e02\u0e32\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19<\/span><\/li><li><span style=\"color: #86112e;\">\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e17\u0e34\u0e1b\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19<\/span><\/li><\/ol>[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"headline-skew center\"><h2><div class=\"headline-skew-top\"><span><span>\u0e2b\u0e32\u0e01\u0e04\u0e38\u0e13\u0e2a\u0e19\u0e43\u0e08\u0e23\u0e31\u0e1a\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32<\/span><\/span><\/div><div class=\"headline-skew-bottom\"><span><span>\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e25\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e43\u0e19\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e23\u0e2d\u0e04\u0e34\u0e27\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22<\/span><\/span><\/div><\/h2><\/div><div class=\"spacer\" style=\"height:60px\"><\/div><div class=\"text\"><p><\/p>\n<h3>\u0e02\u0e2d\u0e40\u0e27\u0e25\u0e32\u0e44\u0e21\u0e48\u0e19\u0e32\u0e19 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e15\u0e2d\u0e1a\u0e04\u0e33\u0e16\u0e32\u0e21\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e2a\u0e2d\u0e07\u0e2a\u0e32\u0e21\u0e02\u0e49\u0e2d \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e0a\u0e48\u0e27\u0e22\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e14\u0e35\u0e22\u0e34\u0e48\u0e07\u0e02\u0e36\u0e49\u0e19<\/h3>\n<p><\/p><\/div><div class=\"spacer\" style=\"height:15px\"><\/div><div class=\"multi-step-form\">\n  <form id=\"multi-step-form-broschuere-beratung\" action=\"\" method=\"post\">\n\t<input type=\"hidden\" name=\"bkk_action\" value=\"multi-step-formular-broschuere-beratung\"\/>\n\t<input type=\"hidden\" name=\"landingpage_cta_name\" value=\"\"\/>\n\n\t<!-- Schritt 1: Name -->\n    <div class=\"step active\" data-step=\"name\">\n\t  <div class=\"fields\">\n\t\t<span class=\"question\">\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e25\u0e48\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23 ?<\/span>\n      \t<label><span>\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e25\u0e48\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 :<\/span><input type=\"text\" name=\"nickname\" value=\"\"><\/label><br>\n\t  <\/div>\n\t  <div class=\"buttons\">\n\t\t<button data-next type=\"button\">\u0e16\u0e31\u0e14\u0e44\u0e1b<\/button>\n\t  <\/div>\n    <\/div>\n\n    <!-- Schritt 2: Hast du ein Massagestudio -->\n    <div class=\"step\" data-step=\"massagestudio\">\n\t  <div class=\"fields\">\n\t\t<span class=\"question\">\u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01 :<\/span>\n\t\t<div class=\"radio-group\">\n\t\t\t<label class=\"radio-label\">\n\t\t\t\t<input type=\"radio\" name=\"massagestudio\" value=\"besitzer\"\/>\n\t\t\t\t<span class=\"custom-radio\"><\/span>\n\t\t\t\t\u0e09\u0e31\u0e19\u0e21\u0e35\u0e23\u0e49\u0e32\u0e19\u0e19\u0e27\u0e14\u0e44\u0e17\u0e22\t\t\t<\/label>\n\n\t\t\t<label class=\"radio-label\">\n\t\t\t\t<input type=\"radio\" name=\"massagestudio\" value=\"uebernahme\"\/>\n\t\t\t\t<span class=\"custom-radio\"><\/span>\n\t\t\t\t\u0e09\u0e31\u0e19\u0e2d\u0e22\u0e32\u0e01\u0e40\u0e1b\u0e34\u0e14\u0e23\u0e49\u0e32\u0e19 \u0e2b\u0e23\u0e37\u0e2d \u0e23\u0e31\u0e1a\u0e0a\u0e48\u0e27\u0e07\u0e15\u0e48\u0e2d\t\t\t<\/label>\n\n\t\t\t<label class=\"radio-label\">\n\t\t\t\t<input type=\"radio\" name=\"massagestudio\" value=\"keines\"\/>\n\t\t\t\t<span class=\"custom-radio\"><\/span>\n\t\t\t\t\u0e09\u0e31\u0e19\u0e44\u0e21\u0e48\u0e21\u0e35\u0e23\u0e49\u0e32\u0e19\u0e15\u0e2d\u0e19\u0e19\u0e35\u0e49\u0e41\u0e04\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\t\t\t<\/label>\n\t\t\t<div class=\"error-message error-message-massagestudio\">\u0e42\u0e1b\u0e23\u0e14\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01<\/div>\n\t\t<\/div>\n\t  <\/div>\n\t  <div class=\"buttons\">\n\t\t<button data-prev type=\"button\">\u0e01\u0e25\u0e31\u0e1a<\/button>\n\t\t<button data-next type=\"button\">\u0e16\u0e31\u0e14\u0e44\u0e1b<\/button>\n\t  <\/div>\n    <\/div>\n\n    <!-- Schritt 3: Wunsch Brosch\u00fcre und\/oder Beratung -->\n    <div class=\"step\" data-step=\"produkt\">\n\t  <div class=\"fields\">\n\t\t<span class=\"question\">\u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e42\u0e1a\u0e23\u0e0a\u0e31\u0e27\u0e23\u0e4c\u0e41\u0e25\u0e30\/\u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e1f\u0e23\u0e35\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48 ?<\/span>\n\t\t<div class=\"checkbox-group\">\n\t\t\t<label class=\"checkbox-label\">\n\t\t\t\t<input type=\"checkbox\" name=\"produkt[]\" value=\"broschuere\"\/>\n\t\t\t\t<span class=\"custom-checkbox\"><\/span>\n\t\t\t\t\u0e09\u0e31\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e42\u0e1a\u0e23\u0e0a\u0e31\u0e27\u0e23\u0e4c\t\t\t<\/label>\n\n\t\t\t<label class=\"checkbox-label\">\n\t\t\t\t<input type=\"checkbox\" name=\"produkt[]\" value=\"beratung\"\/>\n\t\t\t\t<span class=\"custom-checkbox\"><\/span>\n\t\t\t\t\u0e09\u0e31\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\t\t\t<\/label>\n\t\t\t<div class=\"error-message error-message-produkt\">\u0e42\u0e1b\u0e23\u0e14\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01<\/div>\n\t\t<\/div>\n\n\t  <\/div>\n\t  <div class=\"buttons\">\n\t\t<button data-prev type=\"button\">\u0e01\u0e25\u0e31\u0e1a<\/button>\n\t\t<button data-next type=\"button\">\u0e16\u0e31\u0e14\u0e44\u0e1b<\/button>\n\t  <\/div>\n    <\/div>\n\n    <!-- Schritt 4: eMail -->\n    <div class=\"step\" data-step=\"email\">\n\t  <div class=\"fields\">\n\t\t\t<span class=\"question\">\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e4c\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 : *<\/span>\n      \t\t<label><span><\/span><input type=\"email\" name=\"email\" value=\"\"><\/label><br>\n\t  <\/div>\n\t  <div class=\"buttons\">\n\t\t<button data-prev type=\"button\">\u0e01\u0e25\u0e31\u0e1a<\/button>\n\t\t<button data-next type=\"button\">\u0e16\u0e31\u0e14\u0e44\u0e1b<\/button>\n\t  <\/div>\n    <\/div>\n\n\t<!-- Schritt 4a: Brosch\u00fcre Sprache -->\n    <div class=\"step\" data-step=\"broschuere-sprache\">\n\t  <div class=\"fields\">\n\t\t<span class=\"question\">\u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e42\u0e1a\u0e23\u0e0a\u0e31\u0e27\u0e23\u0e4c\u0e40\u0e1b\u0e47\u0e19\u0e20\u0e32\u0e29\u0e32\u0e2d\u0e30\u0e44\u0e23 ?<\/span>\n\t\t<div class=\"checkbox-group\">\n\t\t\t<label class=\"checkbox-label\">\n\t\t\t\t<input type=\"checkbox\" name=\"broschuere_sprache[]\" value=\"thai\"\/>\n\t\t\t\t<span class=\"custom-checkbox\"><\/span>\n\t\t\t\t\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22\t\t\t<\/label>\n\n\t\t\t<label class=\"checkbox-label\">\n\t\t\t\t<input type=\"checkbox\" name=\"broschuere_sprache[]\" value=\"deutsch\"\/>\n\t\t\t\t<span class=\"custom-checkbox\"><\/span>\n\t\t\t\t\u0e20\u0e32\u0e29\u0e32\u0e40\u0e22\u0e2d\u0e23\u0e21\u0e31\u0e19\t\t\t<\/label>\n\t\t\t<div class=\"error-message error-message-broschuere-sprache\">\u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e19\u0e49\u0e2d\u0e22\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e20\u0e32\u0e29\u0e32<\/div>\n\t\t<\/div>\n\n\t  <\/div>\n\t  <div class=\"buttons\">\n\t\t<button data-prev type=\"button\">\u0e01\u0e25\u0e31\u0e1a<\/button>\n\t\t<button data-next type=\"button\">\u0e16\u0e31\u0e14\u0e44\u0e1b<\/button>\n\t  <\/div>\n    <\/div>\n\n\t<!-- Schritt 4b: Versandadresse -->\n    <div class=\"step\" data-step=\"broschuere-adresse\">\n\t\t<div class=\"fields\">\n\t\t\t<span class=\"question\">\u0e40\u0e23\u0e32\u0e08\u0e30\u0e2a\u0e48\u0e07\u0e42\u0e1a\u0e23\u0e0a\u0e31\u0e27\u0e23\u0e4c\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e44\u0e2b\u0e19 ?<\/span>\n\t\t\t<div class=\"row\">\n\t\t\t\t<label class=\"half\">\n\t\t\t\t\t<span>\u0e0a\u0e37\u0e48\u0e2d\u0e08\u0e23\u0e34\u0e07<\/span>\n\t\t\t\t\t<input type=\"text\" name=\"vorname\"  value=\"\">\n\t\t\t\t<\/label>\n\t\t\t\t<label class=\"half\">\n\t\t\t\t\t<span>\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25<\/span>\n\t\t\t\t\t<input type=\"text\" name=\"nachname\"  value=\"\">\n\t\t\t\t<\/label>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"row\">\n\t\t\t\t<label class=\"wide\">\n\t\t\t\t\t<span>\u0e16\u0e19\u0e19<\/span>\n\t\t\t\t\t<input type=\"text\" name=\"strasse\"  value=\"\">\n\t\t\t\t<\/label>\n\t\t\t\t<label class=\"narrow\">\n\t\t\t\t\t<span>\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e25\u0e02\u0e17\u0e35\u0e48<\/span>\n\t\t\t\t\t<input type=\"text\" name=\"hausnummer\"  value=\"\">\n\t\t\t\t<\/label>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"row\">\n\t\t\t\t<label class=\"narrow\">\n\t\t\t\t\t<span>\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c<\/span>\n\t\t\t\t\t<input type=\"text\" name=\"plz\"  value=\"\">\n\t\t\t\t<\/label>\n\t\t\t\t<label class=\"wide\">\n\t\t\t\t\t<span>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07<\/span>\n\t\t\t\t\t<input type=\"text\" name=\"ort\"  value=\"\">\n\t\t\t\t<\/label>\n\t\t\t<\/div>\n\t\t<\/div>\n\t  <div class=\"buttons\">\n\t\t<button data-prev type=\"button\">\u0e01\u0e25\u0e31\u0e1a<\/button>\n\t\t<button data-next type=\"button\">\u0e16\u0e31\u0e14\u0e44\u0e1b<\/button>\n\t  <\/div>\n    <\/div>\n\n    <!-- Schritt 5: Phone -->\n    <div class=\"step\" data-step=\"phone\">\n\t  <div class=\"fields\">\n\t\t\t<span class=\"question\">\u0e2b\u0e32\u0e01\u0e40\u0e23\u0e32\u0e21\u0e35\u0e04\u0e33\u0e16\u0e32\u0e21\u0e43\u0e14 \u0e46<\/span>\n\t\t\t<label><span>\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 :<\/span><input type=\"text\" name=\"phone\" value=\"\"><\/label><br>\n\t  <\/div>\n\t  <div class=\"buttons\">\n\t\t<button data-prev type=\"button\">\u0e01\u0e25\u0e31\u0e1a<\/button>\n  \t\t<button data-next type=\"button\">\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/button>\n\t  <\/div>\n    <\/div>\n  <\/form>\n<\/div>\n  \n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  new MultiStepForm(\n    document.querySelector(\"#multi-step-form-broschuere-beratung\"),\n    {\n      \"name\": {\n\t\tvalidate: () => {\n\t\t\tconst input = document.querySelector('[name=\"nickname\"]');\n\t\t\tconst valid = input.value.trim() !== \"\";\n\n\t\t\tif (!valid) {\n\t\t\tinput.classList.add(\"error\");\n\t\t\t} else {\n\t\t\tinput.classList.remove(\"error\");\n\t\t\t}\n\n\t\t\treturn valid;\n\t\t},\n        next: () => \"massagestudio\",\n        prev: () => null,\n      },\n      \"massagestudio\": {\n\t\tvalidate: (form) => {\n\t\t\tconst selected = form.getSelectedValues(\"massagestudio\");\n\t\t\tconst field = form.container.querySelector(`.error-message-massagestudio`);\n\n\t\t\tif (!selected.length) {\n\t\t\t\tif (field) field.classList.add(\"show\");\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (field) field.classList.remove(\"show\");\n\t\t\treturn true;\n\t\t},\n        next: () => \"produkt\",\n        prev: () => \"name\",\n      },\n      \"produkt\": {\n        validate: (form) => {\n\t\t\tconst selected = form.getSelectedValues(\"produkt[]\");\n\t\t\tconst field = form.container.querySelector(`.error-message-produkt`);\n\n\t\t\tif (!selected.length) {\n\t\t\t\tif (field) field.classList.add(\"show\");\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (field) field.classList.remove(\"show\");\n\t\t\treturn true;\n\t\t},\n        next: () => \"email\",\n        prev: () => \"massagestudio\",\n      },\n      \"email\": {\n\t\tvalidate: () => {\n\t\t\tconst emailInput = document.querySelector('[name=\"email\"]');\n\t\t\tlet valid = true;\n\n\t\t\t\/\/ eMail validieren\n\t\t\tconst email = emailInput.value.trim();\n\t\t\tconst emailValid = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\n\t\t\temailInput.classList.toggle(\"error\", !emailValid);\n\t\t\tif (!emailValid) valid = false;\n\n\t\t\treturn valid;\n\t\t},\n        next: (form) => {\n          const selected = form.getSelectedValues(\"produkt[]\");\n          return selected.includes(\"broschuere\") ? \"broschuere-sprache\" : \"phone\";\n        },\n        prev: () => \"produkt\",\n      },\n      \"broschuere-sprache\": {\n        validate: (form) => {\n\t\t\tconst selected = form.getSelectedValues(\"broschuere_sprache[]\");\n\t\t\tconst field = form.container.querySelector(`.error-message-broschuere-sprache`);\n\n\t\t\tif (!selected.length) {\n\t\t\t\tif (field) field.classList.add(\"show\");\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (field) field.classList.remove(\"show\");\n\t\t\treturn true;\n\t\t},\n        next: () => \"broschuere-adresse\",\n        prev: () => \"email\"\n      },\n      \"broschuere-adresse\": {\n        validate: () => {\n\t\t\tconst fields = [\n\t\t\t\t'vorname',\n\t\t\t\t'nachname',\n\t\t\t\t'strasse',\n\t\t\t\t'hausnummer',\n\t\t\t\t'plz',\n\t\t\t\t'ort'\n\t\t\t];\n\n\t\t\tlet valid = true;\n\n\t\t\tfields.forEach(name => {\n\t\t\t\tconst input = document.querySelector(`[name=\"${name}\"]`);\n\t\t\t\tconst filled = input.value.trim() !== \"\";\n\n\t\t\t\tinput.classList.toggle(\"error\", !filled);\n\t\t\t\tif (!filled) valid = false;\n\t\t\t});\n\n\t\t\treturn valid;\n\t\t},\n        next: () => \"phone\",\n        prev: (form) => \"broschuere-sprache\"\n      },\n      \"phone\": {\n\t\tvalidate: () => {\n\t\t\tconst input = document.querySelector('[name=\"phone\"]');\n\t\t\tconst valid = input.value.trim() !== \"\";\n\n\t\t\tif (!valid) {\n\t\t\t\tinput.classList.add(\"error\");\n\t\t\t} else {\n\t\t\t\tinput.classList.remove(\"error\");\n\t\t\t}\n\n\t\t\treturn valid;\n\t\t},\n        next: () => \"\",\n        prev: (form) => {\n          const selected = form.getSelectedValues(\"produkt[]\");\n          return selected.includes(\"broschuere\") ? \"broschuere-adresse\" : \"email\";\n        }\n      }\n    }\n  );\n});\n<\/script>\n[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/2&#8243;][\/vc_column] [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template.without-headline.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2880","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bkk-tmc.de\/th\/wp-json\/wp\/v2\/pages\/2880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bkk-tmc.de\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bkk-tmc.de\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bkk-tmc.de\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bkk-tmc.de\/th\/wp-json\/wp\/v2\/comments?post=2880"}],"version-history":[{"count":6,"href":"https:\/\/www.bkk-tmc.de\/th\/wp-json\/wp\/v2\/pages\/2880\/revisions"}],"predecessor-version":[{"id":3765,"href":"https:\/\/www.bkk-tmc.de\/th\/wp-json\/wp\/v2\/pages\/2880\/revisions\/3765"}],"wp:attachment":[{"href":"https:\/\/www.bkk-tmc.de\/th\/wp-json\/wp\/v2\/media?parent=2880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}