		<div data-elementor-type="wp-page" data-elementor-id="63" class="elementor elementor-63">
				{"id":63,"date":"2025-02-20T02:34:56","date_gmt":"2025-02-20T02:34:56","guid":{"rendered":"https:\/\/barkwende.de\/?page_id=63"},"modified":"2025-02-21T10:54:35","modified_gmt":"2025-02-21T10:54:35","slug":"contact","status":"publish","type":"page","link":"https:\/\/barkwende.de\/en\/contact\/","title":{"rendered":"contact"},"content":{"rendered":"<div class=\"elementor-element elementor-element-6a3e568 e-con-full e-flex e-con e-parent\" data-id=\"6a3e568\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e383ba7 elementor-widget elementor-widget-shortcode\" data-id=\"e383ba7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"bg-gray-50\">\n        <!-- En-t\u00eate de page -->\n        <div class=\"relative py-16 bg-white overflow-hidden\">\n            <div class=\"absolute top-0 right-0 -mt-20 -mr-20 w-80 h-80 rounded-full bg-[#8B0000]\/5\"><\/div>\n            <div class=\"absolute bottom-0 left-0 -mb-20 -ml-20 w-80 h-80 rounded-full bg-[#8B0000]\/5\"><\/div>\n            \n            <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center\">\n                    <h1 class=\"text-4xl font-bold text-gray-900 sm:text-5xl\">\n                        Kontaktieren Sie <span class=\"text-[#8B0000]\">uns<\/span>\n                    <\/h1>\n                    <p class=\"mt-4 text-xl text-gray-600\">\n                        Wir sind f\u00fcr Sie da und freuen uns auf Ihre Nachricht\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Section principale -->\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16\">\n            <div class=\"grid lg:grid-cols-2 gap-16\">\n                <!-- Colonne de gauche - Formulaire -->\n                <div class=\"bg-white rounded-2xl shadow-xl p-8\">\n                    <h2 class=\"text-2xl font-bold text-gray-900 mb-8\">Schreiben Sie uns<\/h2>\n                    \n                    <form method=\"POST\" class=\"space-y-6\">\n                        <!-- Nom et pr\u00e9nom -->\n                        <div class=\"grid grid-cols-2 gap-4\">\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-2\">Vorname<\/label>\n                                <input type=\"text\" name=\"vorname\" required \n                                    class=\"w-full px-4 py-3 rounded-xl border-2 border-gray-200 focus:border-[#8B0000] focus:ring-0 transition-colors\" \n                                    placeholder=\"Max\">\n                            <\/div>\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-2\">Nachname<\/label>\n                                <input type=\"text\" name=\"nachname\" required \n                                    class=\"w-full px-4 py-3 rounded-xl border-2 border-gray-200 focus:border-[#8B0000] focus:ring-0 transition-colors\" \n                                    placeholder=\"Mustermann\">\n                            <\/div>\n                        <\/div>\n                        <!-- Email -->\n                        <div>\n                            <label class=\"block text-sm font-medium text-gray-700 mb-2\">E-Mail<\/label>\n                            <input type=\"email\" name=\"email\" required \n                                class=\"w-full px-4 py-3 rounded-xl border-2 border-gray-200 focus:border-[#8B0000] focus:ring-0 transition-colors\" \n                                placeholder=\"max@example.com\">\n                        <\/div>\n                        <!-- T\u00e9l\u00e9phone -->\n                        <div>\n                            <label class=\"block text-sm font-medium text-gray-700 mb-2\">Telefon<\/label>\n                            <input type=\"tel\" name=\"telefon\" \n                                class=\"w-full px-4 py-3 rounded-xl border-2 border-gray-200 focus:border-[#8B0000] focus:ring-0 transition-colors\" \n                                placeholder=\"+49 123 456789\">\n                        <\/div>\n                        <!-- Sujet -->\n                        <div>\n                            <label class=\"block text-sm font-medium text-gray-700 mb-2\">Betreff<\/label>\n                            <select name=\"betreff\" \n                                class=\"w-full px-4 py-3 rounded-xl border-2 border-gray-200 focus:border-[#8B0000] focus:ring-0 transition-colors\">\n                                <option>Allgemeine Anfrage<\/option>\n                                <option>Spenden<\/option>\n                                <option>Projektanfrage<\/option>\n                                <option>Mitglied werden<\/option>\n                                <option>Sonstiges<\/option>\n                            <\/select>\n                        <\/div>\n                        <!-- Message -->\n                        <div>\n                            <label class=\"block text-sm font-medium text-gray-700 mb-2\">Nachricht<\/label>\n                            <textarea name=\"nachricht\" required rows=\"6\" \n                                class=\"w-full px-4 py-3 rounded-xl border-2 border-gray-200 focus:border-[#8B0000] focus:ring-0 transition-colors\" \n                                placeholder=\"Ihre Nachricht...\"><\/textarea>\n                        <\/div>\n                        <!-- Bouton d'envoi -->\n                        <input type=\"hidden\" name=\"contact_submit\" value=\"1\">\n                        <button type=\"submit\" \n                            class=\"w-full bg-[#8B0000] text-white py-4 rounded-xl font-medium hover:bg-[#8B0000]\/90 transition-colors shadow-lg hover:shadow-xl\">\n                            Nachricht senden\n                        <\/button>\n                    <\/form>\n                <\/div>\n\n                  <!-- Colonne de droite - Informations -->\n      <div class=\"space-y-8\">\n\t  \n\t  \n        <!-- Cartes d'information -->\n        <div class=\"grid grid-cols-2 gap-6\">\n\t\t\n\t\t\n          <!-- Adresse -->\n<div class=\"bg-white p-6 rounded-2xl shadow-lg border border-gray-100\">\n    <div class=\"w-12 h-12 bg-[#8B0000]\/10 rounded-full flex items-center justify-center mb-4\">\n        <svg class=\"w-6 h-6 text-[#8B0000]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/>\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\/>\n        <\/svg>\n    <\/div>\n    <h3 class=\"text-lg font-semibold text-gray-900 mb-2\">Adresse<\/h3>\n    <p class=\"text-gray-600\">\n        Unter Mayen 24<br>\n        55596 Waldb\u00f6ckelheim<br>\n        Deutschland\n    <\/p>\n\t\t<div class=\"mt-4 flex items-center space-x-2 text-gray-600\">\n        <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\n        <\/svg>\n        <a href=\"mailto:info@example.com\" class=\"hover:text-[#8B0000]\">info@example.com<\/a>\n    <\/div>\n<\/div>\n\n          <!-- T\u00e9l\u00e9phone -->\n          <div class=\"bg-white p-6 rounded-2xl shadow-lg border border-gray-100\">\n            <div class=\"w-12 h-12 bg-[#8B0000]\/10 rounded-full flex items-center justify-center mb-4\">\n              <svg class=\"w-6 h-6 text-[#8B0000]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"\/>\n              <\/svg>\n            <\/div>\n            <h3 class=\"text-lg font-semibold text-gray-900 mb-2\">Telefon<\/h3>\n            <p class=\"text-gray-600\">\n              +49 160 992253 14<br>\n              Mo-Fr 9:00-17:00\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Carte -->\n<div class=\"bg-white p-6 rounded-2xl shadow-lg border border-gray-100\">\n    <div class=\"w-12 h-12 bg-[#8B0000]\/10 rounded-full flex items-center justify-center mb-4\">\n        <svg class=\"w-6 h-6 text-[#8B0000]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/>\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\/>\n        <\/svg>\n    <\/div>\n    <h3 class=\"text-lg font-semibold text-gray-900 mb-4\">Karte<\/h3>\n    <div class=\"rounded-xl overflow-hidden h-64 bg-gray-100\">\n        <iframe \n            class=\"w-full h-full\"\n            frameborder=\"0\" \n            style=\"border:0\"\n            src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2566.744486001655!2d7.827046776900353!3d49.82721397147376!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bdf3e8b4a6e6a7%3A0x422435029b0a5b0!2sUnter%20Mayen%2024%2C%2055596%20Waldb%C3%B6ckelheim%2C%20Deutschland!5e0!3m2!1sde!2sde!4v1708538811646!5m2!1sde!2sde\"\n            allowfullscreen=\"\" \n            loading=\"lazy\" \n            referrerpolicy=\"no-referrer-when-downgrade\">\n        <\/iframe>\n    <\/div>\n<\/div>\n\t\t\t\t  \n\t\t\t\t  \n\n        <!-- R\u00e9seaux sociaux -->\n        <div class=\"bg-white p-6 rounded-2xl shadow-lg border border-gray-100\">\n          <h3 class=\"text-lg font-semibold text-gray-900 mb-4\">Social Media<\/h3>\n          <div class=\"flex space-x-4\">\n            <a href=\"#\" class=\"w-12 h-12 bg-[#8B0000]\/10 rounded-full flex items-center justify-center text-[#8B0000] hover:bg-[#8B0000] hover:text-white transition-colors\">\n              <svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\n              <\/svg>\n            <\/a>\n            <a href=\"#\" class=\"w-12 h-12 bg-[#8B0000]\/10 rounded-full flex items-center justify-center text-[#8B0000] hover:bg-[#8B0000] hover:text-white transition-colors\">\n              <svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z\"\/>\n              <\/svg>\n            <\/a>\n            <a href=\"#\" class=\"w-12 h-12 bg-[#8B0000]\/10 rounded-full flex items-center justify-center text-[#8B0000] hover:bg-[#8B0000] hover:text-white transition-colors\">\n              <!-- Compl\u00e9tion du SVG Instagram et fin du code -->\n              <svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z\"\/>\n              <\/svg>\n            <\/a>\n            <a href=\"#\" class=\"w-12 h-12 bg-[#8B0000]\/10 rounded-full flex items-center justify-center text-[#8B0000] hover:bg-[#8B0000] hover:text-white transition-colors\">\n              <svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n    \t\t<div class=\"elementor-shortcode\">    \n    <!-- Script pour SweetAlert -->\n    \n    <!-- Votre HTML existant -->\n    <div class=\"bg-gray-50\">\n        <!-- Gardez tout votre HTML tel quel... -->\n        \n        <!-- Dans votre formulaire, ajoutez l'attribut id -->\n        <form method=\"POST\" class=\"space-y-6\" id=\"contactForm\">\n            <!-- Tout votre formulaire existant... -->\n        <\/form>\n        \n        <!-- Le reste de votre HTML... -->\n    <\/div>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-63","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/barkwende.de\/en\/wp-json\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barkwende.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barkwende.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/barkwende.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barkwende.de\/en\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":25,"href":"https:\/\/barkwende.de\/en\/wp-json\/wp\/v2\/pages\/63\/revisions"}],"predecessor-version":[{"id":260,"href":"https:\/\/barkwende.de\/en\/wp-json\/wp\/v2\/pages\/63\/revisions\/260"}],"wp:attachment":[{"href":"https:\/\/barkwende.de\/en\/wp-json\/wp\/v2\/media?parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}