Kontakt - Vitalhane<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: white;\n }\n\n .contact-section {\n background-color: white;\n padding: 4rem 2rem;\n }\n\n .contact-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .contact-title {\n font-size: 2rem;\n color: #333;\n font-weight: 600;\n letter-spacing: 1px;\n margin-bottom: 1rem;\n text-transform: uppercase;\n }\n\n .contact-subtitle {\n font-size: 0.95rem;\n color: #666;\n font-weight: 400;\n letter-spacing: 0.5px;\n margin-bottom: 3rem;\n text-transform: uppercase;\n }\n\n .contact-boxes {\n display: flex;\n justify-content: center;\n gap: 2rem;\n }\n\n .contact-box {\n background-color: white;\n border: 2px solid #8BC34A;\n border-radius: 15px;\n padding: 2.5rem 3rem;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 450px;\n }\n\n .contact-box:hover {\n box-shadow: 0 8px 20px rgba(139, 195, 74, 0.2);\n }\n\n .contact-icon {\n font-size: 3rem;\n color: #8BC34A;\n margin-bottom: 1.5rem;\n }\n\n .contact-label {\n font-size: 0.9rem;\n color: #333;\n font-weight: 600;\n letter-spacing: 1px;\n margin-bottom: 0.75rem;\n text-transform: uppercase;\n }\n\n .contact-value {\n font-size: 1rem;\n color: #555;\n font-weight: 400;\n }\n\n .contact-value a {\n color: #555;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .contact-value a:hover {\n color: #8BC34A;\n }\n\n @media (max-width: 768px) {\n .contact-section {\n padding: 3rem 1.5rem;\n }\n\n .contact-title {\n font-size: 1.5rem;\n }\n\n .contact-subtitle {\n font-size: 0.85rem;\n }\n\n .contact-boxes {\n flex-direction: column;\n align-items: center;\n }\n\n .contact-box {\n width: 100%;\n max-width: 320px;\n padding: 2rem;\n }\n }\n\n @media (max-width: 480px) {\n .contact-title {\n font-size: 1.25rem;\n }\n\n .contact-box {\n min-width: auto;\n padding: 1.75rem 1.5rem;\n }\n\n .contact-icon {\n font-size: 2.5rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"contact-section\">\n <div class=\"contact-container\">\n <h1 class=\"contact-title\">Arrange a visit<\/h1>\n <p class=\"contact-subtitle\">Please contact us using the form below.<\/p>\n \n <div class=\"contact-boxes\">\n <div class=\"contact-box\">\n <i class=\"fas fa-envelope contact-icon\"><\/i>\n <div class=\"contact-label\">E-mail address<\/div>\n <div class=\"contact-value\">\n <a href=\"mailto:info@vitalhane.de\">info@vitalhane.de<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35b8aa46 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"35b8aa46\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7ef62a73 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"7ef62a73\" data-element_type=\"container\" data-settings=\"{"animation":"slideInLeft"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4eefa8e6 elementor-widget elementor-widget-heading\" data-id=\"4eefa8e6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We are right here!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6eb10328 elementor-widget elementor-widget-text-editor\" data-id=\"6eb10328\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Let's have a conversation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\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-736feb77 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"736feb77\" data-element_type=\"container\" data-settings=\"{"animation":"slideInRight"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6e6435 elementor-widget elementor-widget-html\" data-id=\"c6e6435\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Kontakt Formular<\/title>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/tailwindcss\/2.2.19\/tailwind.min.css\" rel=\"stylesheet\">\n <style>\n .form-container {\n max-width: 800px;\n margin: 2rem auto;\n padding: 2rem;\n background: rgba(255, 255, 255, 0.9);\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n\n .form-input {\n width: 100%;\n padding: 0.75rem;\n border: 2px solid #e2e8f0;\n border-radius: 8px;\n font-size: 1rem;\n transition: all 0.3s;\n background-color: white;\n margin-bottom: 1rem;\n }\n\n .form-input:focus {\n outline: none;\n border-color: #F2A53A;\n box-shadow: 0 0 0 3px rgba(242, 165, 58, 0.1);\n }\n\n .form-input.error {\n border-color: #f56565;\n }\n\n .error-message {\n color: #f56565;\n font-size: 0.875rem;\n margin-top: -0.5rem;\n margin-bottom: 1rem;\n display: none;\n }\n\n .error-message.show {\n display: block;\n }\n\n .btn {\n padding: 0.75rem 1.5rem;\n background-color: #92c83e;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.3s;\n text-transform: uppercase;\n font-weight: 500;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n }\n\n .btn:hover {\n background-color: #7ab62e;\n }\n\n .btn:disabled {\n background-color: #cbd5e0;\n cursor: not-allowed;\n }\n\n .checkbox-container {\n display: flex;\n align-items: center;\n margin: 1rem 0;\n gap: 0.5rem;\n }\n\n .success-message {\n text-align: center;\n padding: 2rem;\n display: none;\n }\n\n .success-message.show {\n display: block;\n }\n\n .spinner {\n animation: spin 1s linear infinite;\n margin-right: 0.5rem;\n }\n\n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .hide {\n display: none !important;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"form-container\">\n <div id=\"formView\">\n <h2 class=\"text-3xl font-bold mb-6\">We are right here!<\/h2>\n <p class=\"mb-8\">Let's have a conversation.<\/p>\n \n <form id=\"contactForm\" action=\"\">\n <div class=\"form-group\">\n <input type=\"text\" \n name=\"name\" \n class=\"form-input\" \n placeholder=\"First name, last name (required)\" \n required\n oninvalid=\"this.setCustomValidity('Bitte geben Sie Ihren Namen ein')\"\n oninput=\"this.setCustomValidity('')\">\n <div class=\"error-message\" data-for=\"name\"><\/div>\n <\/div>\n\n <div class=\"form-group\">\n <input type=\"tel\" \n name=\"phone\" \n class=\"form-input\" \n placeholder=\"Telephone number (required)\" \n required\n oninvalid=\"this.setCustomValidity('Bitte geben Sie Ihre Telefonnummer ein')\"\n oninput=\"this.setCustomValidity('')\">\n <div class=\"error-message\" data-for=\"phone\"><\/div>\n <\/div>\n\n <div class=\"form-group\">\n <input type=\"email\" \n name=\"email\" \n class=\"form-input\" \n placeholder=\"E-mail (Required)\"\n required\n oninvalid=\"this.setCustomValidity('Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein')\"\n oninput=\"this.setCustomValidity('')\">\n <div class=\"error-message\" data-for=\"email\"><\/div>\n <\/div>\n\n <div class=\"form-group\">\n <input type=\"text\" \n name=\"subject\" \n class=\"form-input\" \n placeholder=\"Subject (Required)\" \n required\n oninvalid=\"this.setCustomValidity('Bitte geben Sie einen Betreff ein')\"\n oninput=\"this.setCustomValidity('')\">\n <div class=\"error-message\" data-for=\"subject\"><\/div>\n <\/div>\n\n <div class=\"form-group\">\n <textarea name=\"message\" \n class=\"form-input\" \n rows=\"4\" \n placeholder=\"Your message (optional)\"><\/textarea>\n <\/div>\n\n <div class=\"checkbox-container\">\n <input type=\"checkbox\" \n id=\"privacy\" \n name=\"privacy\" \n required\n oninvalid=\"this.setCustomValidity('Bitte akzeptieren Sie die Datenschutzerkl\u00e4rung')\"\n oninput=\"this.setCustomValidity('')\">\n <label for=\"privacy\">I have the <a href=\"\/en\/datenschutz\/\" class=\"text-green-600 hover:text-green-700\">Privacy policy<\/a> and declare that I agree with their content.<\/label>\n <\/div>\n\n <div id=\"formError\" class=\"error-message mb-4\"><\/div>\n\n <button type=\"submit\" class=\"btn\" id=\"submitButton\">\n Send\n <\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n <\/div>\n\n <div id=\"successView\" class=\"success-message\">\n <svg class=\"mx-auto h-12 w-12 text-green-500 mb-4\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n <\/svg>\n <h3 class=\"text-xl font-bold text-gray-800 mb-2\">Message sent successfully!<\/h3>\n <p class=\"text-gray-600 mb-4\">We will contact you shortly.<\/p>\n <button type=\"button\" class=\"btn\" onclick=\"resetForm()\">\n NEW FORM\n <\/button>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const form = document.getElementById('contactForm');\n \n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n const submitButton = this.querySelector('#submitButton');\n const formView = document.getElementById('formView');\n const successView = document.getElementById('successView');\n const formError = document.getElementById('formError');\n\n \/\/ Fehlermeldungen zur\u00fccksetzen\n formError.classList.remove('show');\n document.querySelectorAll('.error-message').forEach(el => {\n el.classList.remove('show');\n el.textContent = '';\n });\n\n \/\/ Lade-Status anzeigen\n submitButton.disabled = true;\n submitButton.innerHTML = `\n <svg class=\"spinner h-5 w-5 mr-2\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n <\/svg>\n Wird gesendet...\n `;\n\n try {\n const formData = new FormData(this);\n formData.append('action', 'send_contact_form');\n\n const response = await fetch('\/wp-admin\/admin-ajax.php', {\n method: 'POST',\n body: formData\n });\n\n const data = await response.text();\n console.log('Server-Antwort:', data);\n\n if(data.includes('success')) {\n formView.classList.add('hide');\n successView.classList.add('show');\n } else {\n throw new Error('Fehler bei der Serverantwort');\n }\n } catch (error) {\n console.error('Formular\u00fcbermittlungsfehler:', error);\n formError.textContent = 'Entschuldigung, es ist ein Fehler aufgetreten. Bitte versuchen Sie es sp\u00e4ter erneut.';\n formError.classList.add('show');\n \n submitButton.disabled = false;\n submitButton.innerHTML = 'Senden';\n }\n });\n });\n\n function resetForm() {\n const form = document.getElementById('contactForm');\n const formView = document.getElementById('formView');\n const successView = document.getElementById('successView');\n const formError = document.getElementById('formError');\n\n \/\/ Formular und Fehlermeldungen zur\u00fccksetzen\n form.reset();\n formError.classList.remove('show');\n document.querySelectorAll('.error-message').forEach(el => {\n el.classList.remove('show');\n el.textContent = '';\n });\n document.querySelectorAll('.form-input').forEach(input => {\n input.classList.remove('error');\n });\n\n \/\/ Ansichten umschalten\n formView.classList.remove('hide');\n successView.classList.remove('show');\n \n \/\/ Submit-Button zur\u00fccksetzen\n const submitButton = form.querySelector('#submitButton');\n submitButton.disabled = false;\n submitButton.innerHTML = 'Senden';\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-5e78c4c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"5e78c4c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60f24d8 elementor-widget elementor-widget-html\" data-id=\"60f24d8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Vitalhane - Di\u00e4tprogramme<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n\n .kontakt-diet-section {\n background-color: #213939;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 3rem 2rem;\n }\n\n .kontakt-diet-container {\n max-width: 900px;\n text-align: center;\n }\n\n .kontakt-diet-title {\n font-size: 3rem;\n color: white;\n font-weight: 700;\n margin-bottom: 2rem;\n line-height: 1.2;\n }\n\n .kontakt-diet-description {\n font-size: 1.125rem;\n color: white;\n line-height: 1.8;\n margin-bottom: 3rem;\n font-weight: 300;\n }\n\n .kontakt-button-group {\n display: flex;\n gap: 1.5rem;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .kontakt-btn {\n padding: 1rem 2.5rem;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1rem;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n .kontakt-btn-primary {\n background-color: #8BC34A;\n color: white;\n }\n\n .kontakt-btn-primary:hover {\n background-color: #7CB342;\n transform: translateY(-2px);\n }\n\n .kontakt-btn-secondary {\n background-color: transparent;\n color: white;\n border: none;\n }\n\n .kontakt-btn-secondary:hover {\n color: #8BC34A;\n }\n\n .kontakt-email-icon {\n font-size: 20px;\n }\n\n @media (max-width: 768px) {\n .kontakt-diet-section {\n padding: 3rem 1.5rem;\n }\n\n .kontakt-diet-title {\n font-size: 2rem;\n }\n\n .kontakt-diet-description {\n font-size: 1rem;\n }\n\n .kontakt-button-group {\n flex-direction: column;\n gap: 1rem;\n }\n\n .kontakt-btn {\n width: 100%;\n justify-content: center;\n }\n }\n\n @media (max-width: 480px) {\n .kontakt-diet-title {\n font-size: 1.75rem;\n }\n\n .kontakt-diet-description {\n font-size: 0.95rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"kontakt-diet-section\">\n <div class=\"kontakt-diet-container\">\n <h1 class=\"kontakt-diet-title\">Discover our diet programs<\/h1>\n <p class=\"kontakt-diet-description\">\n Our Vitalhane diet programs offer you tailor-made plans for a healthy and balanced diet. Developed by experienced nutrition experts, our programs are designed to control your weight and improve your quality of life. Get started with Vitalhane today and start living a healthy life!\n <\/p>\n <div class=\"kontakt-button-group\">\n <a href=\"mailto:info@vitalhane.de\" class=\"kontakt-btn kontakt-btn-primary\">\n <i class=\"fas fa-envelope email-icon\"><\/i>\n Free instant consultation\n <\/a>\n <a href=\"https:\/\/vitalhane.de\/en\/diatpakete\/\" class=\"kontakt-btn kontakt-btn-secondary\">\n Discover our packages\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Kontakt Kontakt – Vitalhane Einen Besuch Vereinbaren Bitte kontaktieren Sie uns \u00fcber das unten stehende Formular. E-Mail Adresse info@vitalhane.de Wir sind genau hier! Lassen Sie uns ein Gespr\u00e4ch f\u00fchren. Kontakt Formular Wir sind genau hier! Lassen Sie uns ein Gespr\u00e4ch f\u00fchren. Ich habe die Datenschutzerkl\u00e4rung zur Kenntnis genommen und erkl\u00e4re mich mit deren Inhalt einverstanden. Senden Nachricht erfolgreich gesendet! Wir werden uns in K\u00fcrze bei Ihnen melden. NEUES FORMULAR Vitalhane – Di\u00e4tprogramme Entdecken Sie unsere Di\u00e4tprogramme Unsere Vitalhane-Di\u00e4tprogramme bieten Ihnen ma\u00dfgeschneiderte Pl\u00e4ne f\u00fcr eine gesunde und ausgewogene Ern\u00e4hrung. Entwickelt von erfahrenen Ern\u00e4hrungsexperten, sind unsere Programme darauf ausgelegt, Ihr Gewicht zu kontrollieren und Ihre Lebensqualit\u00e4t zu verbessern. Beginnen Sie noch heute mit Vitalhane und starten Sie in ein gesundes Leben! Gratis Sofortberatung Entdecke unsere Pakete<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-81","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vitalhane.de\/en\/wp-json\/wp\/v2\/pages\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vitalhane.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vitalhane.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vitalhane.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vitalhane.de\/en\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":0,"href":"https:\/\/vitalhane.de\/en\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"wp:attachment":[{"href":"https:\/\/vitalhane.de\/en\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}