{"id":2827,"date":"2024-03-21T22:31:11","date_gmt":"2024-03-21T21:31:11","guid":{"rendered":"http:\/\/courpack.de\/?page_id=2827"},"modified":"2025-12-09T07:51:25","modified_gmt":"2025-12-09T07:51:25","slug":"contact","status":"publish","type":"page","link":"https:\/\/darksn.de\/de\/kontakt\/","title":{"rendered":"Kontakt"},"content":{"rendered":"<div data-elementor-type=\"page\" data-elementor-id=\"2827\" class=\"elementor elementor-2827\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92e5850 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"92e5850\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77fbd0d elementor-widget elementor-widget-html\" data-id=\"77fbd0d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <link href=\"https:\/\/cdnjsa.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    <style>\r\n        .header-wrapper {\r\n            width: 100%;\r\n            height: 500px;\r\n            position: relative;\r\n            background: #111111;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .glowing-grid {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: \r\n                linear-gradient(#dc262611 1px, transparent 1px),\r\n                linear-gradient(90deg, #dc262611 1px, transparent 1px);\r\n            background-size: 30px 30px;\r\n            transform: perspective(500px) rotateX(60deg);\r\n            transform-origin: top;\r\n            animation: gridMove 15s linear infinite;\r\n        }\r\n\r\n        @keyframes gridMove {\r\n            0% { background-position: 0 0; }\r\n            100% { background-position: 0 30px; }\r\n        }\r\n\r\n        .glass-panel {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 80%;\r\n            height: 200px;\r\n            backdrop-filter: blur(10px);\r\n            \r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 2;\r\n        }\r\n\r\n        .red-glow {\r\n            position: absolute;\r\n            width: 300px;\r\n            height: 300px;\r\n            background: #dc2626;\r\n            filter: blur(100px);\r\n            opacity: 0.5;\r\n            animation: moveGlow 8s ease-in-out infinite;\r\n        }\r\n\r\n        .red-glow:nth-child(2) {\r\n            background: #4b5563;\r\n            animation-delay: -4s;\r\n        }\r\n\r\n        @keyframes moveGlow {\r\n            0%, 100% { transform: translate(-50%, -50%) scale(1); }\r\n            50% { transform: translate(-30%, -30%) scale(1.5); }\r\n        }\r\n\r\n        .title {\r\n            margin-top:150px;\r\n            font-family: 'Arial Black', sans-serif;\r\n            font-size: 5em;\r\n            color: #ffffff!important;\r\n            text-transform: uppercase;\r\n            margin: 0;\r\n            position: relative;\r\n            text-shadow: 0 0 20px rgba(220, 38, 38, 0.5);\r\n        }\r\n\r\n        .animated-bars {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 50px;\r\n            display: flex;\r\n            justify-content: space-around;\r\n        }\r\n\r\n        .bar {\r\n            width: 3px;\r\n            height: 100%;\r\n            background: rgba(220, 38, 38, 0.3);\r\n            animation: barMove 1.5s ease-in-out infinite;\r\n            transform-origin: bottom;\r\n        }\r\n\r\n        @keyframes barMove {\r\n            0%, 100% { transform: scaleY(0.5); }\r\n            50% { transform: scaleY(1); }\r\n        }\r\n\r\n        .geometric-shape {\r\n            position: absolute;\r\n            border: 2px solid rgba(220, 38, 38, 0.3);\r\n            border-radius: 50%;\r\n            animation: rotate 20s linear infinite;\r\n        }\r\n\r\n        .shape1 { width: 300px; height: 300px; top: -150px; right: -150px; }\r\n        .shape2 { width: 200px; height: 200px; bottom: -100px; left: -100px; }\r\n\r\n        @keyframes rotate {\r\n            0% { transform: rotate(0deg); }\r\n            100% { transform: rotate(360deg); }\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"header-wrapper\">\r\n        <div class=\"glowing-grid\"><\/div>\r\n        <div class=\"red-glow\"><\/div>\r\n        <div class=\"red-glow\"><\/div>\r\n        <div class=\"geometric-shape shape1\"><\/div>\r\n        <div class=\"geometric-shape shape2\"><\/div>\r\n        \r\n        <div class=\"animated-bars\">\r\n            <div class=\"bar\" style=\"animation-delay: 0.1s\"><\/div>\r\n            <div class=\"bar\" style=\"animation-delay: 0.2s\"><\/div>\r\n            <div class=\"bar\" style=\"animation-delay: 0.3s\"><\/div>\r\n            <div class=\"bar\" style=\"animation-delay: 0.4s\"><\/div>\r\n            <div class=\"bar\" style=\"animation-delay: 0.5s\"><\/div>\r\n            <div class=\"bar\" style=\"animation-delay: 0.6s\"><\/div>\r\n            <div class=\"bar\" style=\"animation-delay: 0.7s\"><\/div>\r\n            <div class=\"bar\" style=\"animation-delay: 0.8s\"><\/div>\r\n            <div class=\"bar\" style=\"animation-delay: 0.9s\"><\/div>\r\n            <div class=\"bar\" style=\"animation-delay: 1.0s\"><\/div>\r\n            <div class=\"bar\" style=\"animation-delay: 1.1s\"><\/div>\r\n            <div class=\"bar\" style=\"animation-delay: 1.2s\"><\/div>\r\n            <div class=\"bar\" style=\"animation-delay: 1.3s\"><\/div>\r\n            <div class=\"bar\" style=\"animation-delay: 1.4s\"><\/div>\r\n            <div class=\"bar\" style=\"animation-delay: 1.5s\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"glass-panel\">\r\n            <h1 class=\"title\">KONTAKT<\/h1>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Mouse paralax efekti\r\n        document.addEventListener('mousemove', (e) => {\r\n            const mouseX = e.clientX \/ window.innerWidth - 0.5;\r\n            const mouseY = e.clientY \/ window.innerHeight - 0.5;\r\n            const title = document.querySelector('.title');\r\n            const glowingGrid = document.querySelector('.glowing-grid');\r\n            \r\n            title.style.transform = `translate(${mouseX * 20}px, ${mouseY * 20}px)`;\r\n            glowingGrid.style.transform = `perspective(500px) rotateX(60deg) translate(${mouseX * 40}px, ${mouseY * 40}px)`;\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-335500f8 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"335500f8\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ea2af12\" data-id=\"ea2af12\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e0d705c elementor-widget elementor-widget-html\" data-id=\"e0d705c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Modernes Kontakt-Formular<\/title>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/tailwindcss\/2.2.19\/tailwind.min.css\" rel=\"stylesheet\">\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\n    <style>\n        .contact-form-2024-wrapper .modern-contact-form {  \n        padding-top: 30px;\n        min-height: 100vh !important;\n        background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;\n        position: relative !important;\n    }\n\n        .contact-form-2024-wrapper .glass-container {\n            max-width: 1600px !important;\n            margin: 2rem auto !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n            backdrop-filter: blur(10px) !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 30px !important;\n            padding: 3rem 8rem !important;\n            position: relative !important;\n            overflow: hidden !important;\n        }\n\n        .contact-form-2024-wrapper .red-glow {\n            position: absolute !important;\n            width: 150px !important;\n            height: 150px !important;\n            background: #ef4444 !important;\n            filter: blur(90px) !important;\n            border-radius: 50% !important;\n            z-index: 0 !important;\n        }\n\n        .contact-form-2024-wrapper .red-glow-1 {\n            top: -50px !important;\n            right: -50px !important;\n        }\n\n        .contact-form-2024-wrapper .red-glow-2 {\n            bottom: -50px !important;\n            left: -50px !important;\n        }\n\n        .contact-form-2024-wrapper .content-wrapper {\n            display: grid !important;\n            grid-template-columns: 1fr 2px 1fr !important;\n            gap: 3rem !important;\n            position: relative !important;\n            z-index: 1 !important;\n        }\n\n        .contact-form-2024-wrapper .info-section h2,\n        .contact-form-2024-wrapper .form-section h2 {\n            color: #ffffff !important;\n            font-size: 1.875rem !important;\n            font-weight: bold !important;\n            margin-bottom: 2rem !important;\n        }\n\n        .contact-form-2024-wrapper .contact-info-item h3 {\n            color: #ffffff !important;\n        }\n\n        .contact-form-2024-wrapper .divider {\n            background: linear-gradient(180deg, \n                transparent 0%, \n                rgba(239, 68, 68, 0.5) 20%, \n                rgba(239, 68, 68, 0.8) 50%,\n                rgba(239, 68, 68, 0.5) 80%,\n                transparent 100%) !important;\n            height: 100% !important;\n            width: 2px !important;\n        }\n\n        .contact-form-2024-wrapper .info-section {\n            padding: 2rem !important;\n            color: white !important;\n        }\n\n        .contact-form-2024-wrapper .contact-info-item {\n            display: flex !important;\n            align-items: center !important;\n            gap: 1rem !important;\n            margin-bottom: 1.5rem !important;\n            padding: 1rem !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n            border-radius: 15px !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            transition: all 0.3s ease !important;\n        }\n\n        .contact-form-2024-wrapper .contact-info-item:hover {\n            transform: translateX(10px) !important;\n            background: rgba(239, 68, 68, 0.1) !important;\n            border-color: rgba(239, 68, 68, 0.3) !important;\n        }\n\n        .contact-form-2024-wrapper .form-input {\n            width: 100% !important;\n            padding: 1rem 1.5rem !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 15px !important;\n            color: white !important;\n            transition: all 0.3s ease !important;\n            margin-bottom: 1.5rem !important;\n        }\n\n        .contact-form-2024-wrapper input[type=\"text\"],\n        .contact-form-2024-wrapper input[type=\"email\"],\n        .contact-form-2024-wrapper input[type=\"tel\"],\n        .contact-form-2024-wrapper textarea {\n            color: white !important;\n        }\n\n        .contact-form-2024-wrapper .form-input::placeholder {\n            color: rgba(255, 255, 255, 0.5) !important;\n        }\n\n        .contact-form-2024-wrapper .form-input:focus {\n            outline: none !important;\n            background: rgba(255, 255, 255, 0.1) !important;\n            border-color: #ef4444 !important;\n            box-shadow: 0 0 20px rgba(239, 68, 68, 0.2) !important;\n            color: white !important;\n        }\n\n        .privacy-checkbox a:hover {\n            color: white !important;\n        }\n\n        .contact-form-2024-wrapper .submit-btn {\n            background: #ef4444 !important;\n            color: white !important;\n            padding: 1rem 2rem !important;\n            border-radius: 15px !important;\n            border: none !important;\n            cursor: pointer !important;\n            transition: all 0.3s ease !important;\n            position: relative !important;\n            overflow: hidden !important;\n            width: 100% !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 1px !important;\n        }\n\n        .contact-form-2024-wrapper .submit-btn:hover {\n            transform: translateY(-2px) !important;\n            box-shadow: 0 10px 20px rgba(239, 68, 68, 0.3) !important;\n        }\n\n        .contact-form-2024-wrapper .submit-btn::before {\n            content: '' !important;\n            position: absolute !important;\n            top: 0 !important;\n            left: -100% !important;\n            width: 100% !important;\n            height: 100% !important;\n            background: linear-gradient(\n                90deg,\n                transparent,\n                rgba(255, 255, 255, 0.2),\n                transparent\n            ) !important;\n            transition: 0.5s !important;\n        }\n\n        .contact-form-2024-wrapper .submit-btn:hover::before {\n            left: 100% !important;\n        }\n\n        .contact-form-2024-wrapper .social-links {\n            display: flex !important;\n            gap: 1rem !important;\n            margin-top: 2rem !important;\n        }\n\n        .contact-form-2024-wrapper .social-link {\n            width: 40px !important;\n            height: 40px !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n            border-radius: 50% !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            transition: all 0.3s ease !important;\n            color: white !important;\n            text-decoration: none !important;\n        }\n\n        .contact-form-2024-wrapper .social-link:hover {\n            background: #ef4444 !important;\n            transform: translateY(-5px) !important;\n        }\n\n        .contact-form-2024-wrapper .features-grid {\n            display: grid !important;\n            grid-template-columns: repeat(2, 1fr) !important;\n            gap: 1rem !important;\n            margin-top: 2rem !important;\n        }\n\n        .contact-form-2024-wrapper .feature-item {\n            background: rgba(255, 255, 255, 0.05) !important;\n            padding: 1rem !important;\n            border-radius: 15px !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            transition: all 0.3s ease !important;\n            color: white !important;\n        }\n\n        .contact-form-2024-wrapper .feature-item p {\n            color: rgba(255, 255, 255, 0.7) !important;\n        }\n\n        .contact-form-2024-wrapper .feature-item:hover {\n            background: rgba(239, 68, 68, 0.1) !important;\n            border-color: rgba(239, 68, 68, 0.3) !important;\n        }\n\n        .contact-form-2024-wrapper .privacy-checkbox {\n            display: flex !important;\n            align-items: start !important;\n            gap: 0.5rem !important;\n            margin-bottom: 1.5rem !important;\n            color: white !important;\n        }\n\n        .contact-form-2024-wrapper .privacy-checkbox label {\n            color: rgba(255, 255, 255, 0.9) !important;\n        }\n\n        .contact-form-2024-wrapper .privacy-checkbox input[type=\"checkbox\"] {\n            width: 25px !important;\n            height: 25px !important;\n            cursor: pointer !important;\n            transform: scale(1.3) !important;\n        }\n\n        \/* Phone ve email linkleri i\u00e7in renk ayar\u0131 *\/\n        .contact-form-2024-wrapper .contact-info-item a {\n            color: rgba(255, 255, 255, 0.7) !important;\n            text-decoration: none !important;\n            transition: color 0.3s ease !important;\n        }\n\n        .contact-form-2024-wrapper .contact-info-item a:hover {\n            color: #ef4444 !important;\n        }\n\n        @media (max-width: 1200px) {\n            .contact-form-2024-wrapper .glass-container {\n                padding: 3rem 4rem !important;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .contact-form-2024-wrapper .content-wrapper {\n                grid-template-columns: 1fr !important;\n            }\n            \n            .contact-form-2024-wrapper .divider {\n                display: none !important;\n            }\n            \n            .contact-form-2024-wrapper .glass-container {\n                padding: 1.5rem !important;\n                margin: 1rem !important;\n            }\n\n            .contact-form-2024-wrapper .features-grid {\n                grid-template-columns: 1fr !important;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"contact-form-2024-wrapper\">\n<div class=\"modern-contact-form p-4\">\n    <div class=\"glass-container\">\n        <div class=\"red-glow red-glow-1\"><\/div>\n        <div class=\"red-glow red-glow-2\"><\/div>\n        \n        <div class=\"content-wrapper\">\n            <!-- Info Section -->\n            <div class=\"info-section\">\n                <h2 class=\"text-3xl font-bold mb-8 text-white\">Verbinden wir uns<\/h2>\n                \n                <div class=\"contact-info-item\">\n                    <i class=\"fas fa-map-marker-alt text-red-500 text-xl\"><\/i>\n                    <div>\n                        <h3 class=\"font-semibold\">Adresse<\/h3>\n                        <p class=\"text-gray-400\"><a href=\"https:\/\/maps.app.goo.gl\/1FkbkfTby7NYFpV87\" target=\"_blank\" class=\"hover:text-red-500 transition-colors duration-300\">Teinacher Str. 46\/A, 71634 Ludwigsburg, Deutschland<\/a><\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"contact-info-item\">\n                    <i class=\"fas fa-envelope text-red-500 text-xl\"><\/i>\n                    <div>\n                        <h3 class=\"font-semibold\">E-Mail<\/h3>\n                        <p class=\"text-gray-400\"><a href=\"mailto:info@darksn.de\">info@darksn.de<\/a><\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"contact-info-item\">\n                    <i class=\"fas fa-phone text-red-500 text-xl\"><\/i>\n                    <div>\n                        <h3 class=\"font-semibold\">Telefon<\/h3>\n                        <p class=\"text-gray-400\"><a href=\"tel: 4971412587291\">+49 7141 2587291<\/a><\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"contact-info-item\">\n                    <i class=\"fas fa-clock text-red-500 text-xl\"><\/i>\n                    <div>\n                        <h3 class=\"font-semibold\">Working Hours<\/h3>\n                        <p class=\"text-gray-400\">Mon - Fri: 09:00 - 19:00<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"features-grid\">\n                    <div class=\"feature-item\">\n                        <h3 class=\"font-semibold mb-2\" style=\"color:white!important;\">24\/7 Unterst\u00fctzung<\/h3>\n                        <p class=\"text-gray-400\">Immer f\u00fcr Sie da<\/p>\n                    <\/div>\n                    <div class=\"feature-item\">\n                        <h3 class=\"font-semibold mb-2\" style=\"color:white!important;\">Schnelle Antwort<\/h3>\n                        <p class=\"text-gray-400\">Schnelle Antwort garantiert<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"social-links\">\n                    <a href=\"https:\/\/x.com\/darksn_internat\" class=\"social-link\">\n                        <i class=\"fab fa-x-twitter\"><\/i>\n                    <\/a>\n                    <a href=\"https:\/\/www.instagram.com\/darksn_international\/\" class=\"social-link\">\n                        <i class=\"fab fa-instagram\"><\/i>\n                    <\/a>\n                    <a href=\"https:\/\/www.youtube.com\/@DarksnGmbH\" class=\"social-link\">\n                        <i class=\"fab fa-youtube\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Divider -->\n            <div class=\"divider\"><\/div>\n\n            <!-- Form Section -->\n            <div class=\"form-section\">\n                <h2 class=\"text-3xl font-bold mb-8 text-white\">Eine Nachricht senden<\/h2>\n                \n                <form id=\"contactForm\">\n                    <input type=\"hidden\" name=\"action\" value=\"contact_form_submission\">\n                    <input type=\"text\" name=\"name\" class=\"form-input\" placeholder=\"Ihr Name\" required>\n                    <input type=\"email\" name=\"email\" class=\"form-input\" placeholder=\"Deine E-Mail\" required>\n                    <input type=\"tel\" name=\"phone\" class=\"form-input\" placeholder=\"Ihr Telefon\" required>\n                    <input type=\"text\" name=\"subject\" class=\"form-input\" placeholder=\"Thema\" required>\n                    <textarea name=\"message\" class=\"form-input\" rows=\"4\" placeholder=\"Ihre Nachricht\" required><\/textarea>\n                    \n                    <div class=\"privacy-checkbox\">\n                        <input type=\"checkbox\" id=\"privacyPolicy\" required>\n                        <label for=\"privacyPolicy\" class=\"text-sm\">\n                            Ich stimme der Verarbeitung meiner pers\u00f6nlichen Daten gem\u00e4\u00df der<a href=\"\/de\/datenschutzbestimmungen\/\" style=\"color:red;\"> Datenschutzbestimmungen<\/a>. Ihre Daten werden ausschlie\u00dflich zur Bearbeitung Ihrer Anfrage verwendet.\n                        <\/label>\n                    <\/div>\n\n                    <div class=\"g-recaptcha mb-4\" data-sitekey=\"6LcNx2IrAAAAAJLpBro9lpP7AdQB09R_ikyIfrT0\"><\/div>\n                \n                    <button type=\"submit\" class=\"submit-btn\">\n                        NACHRICHTEN SENDEN\n                    <\/button>\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const form = document.getElementById('contactForm');\n    \n    form.addEventListener('submit', async function(e) {\n        e.preventDefault();\n        \n        \/\/ reCAPTCHA kontrol\u00fc\n        const recaptchaResponse = grecaptcha.getResponse();\n        if (!recaptchaResponse) {\n            alert('Bitte best\u00e4tigen Sie, dass Sie kein Roboter sind.');\n            return;\n        }\n\n        const formData = new FormData(form);\n        formData.append('action', 'contact_form_submission');\n        formData.append('g-recaptcha-response', recaptchaResponse);\n\n        const submitBtn = form.querySelector('.submit-btn');\n        const originalText = submitBtn.innerHTML;\n        \n        submitBtn.disabled = true;\n        submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin mr-2\"><\/i> SENDING...';\n\n        try {\n            const response = await fetch('\/wp-admin\/admin-ajax.php', {\n                method: 'POST',\n                body: formData\n            });\n            \n            const data = await response.json();\n            console.log('Server response:', data);\n            \n            if (data.success) {\n                submitBtn.innerHTML = '<i class=\"fas fa-check mr-2\"><\/i> SENT SUCCESSFULLY';\n                form.reset();\n                grecaptcha.reset();\n            } else {\n                throw new Error(data.data || 'An error occurred');\n            }\n\n            setTimeout(() => {\n                submitBtn.disabled = false;\n                submitBtn.innerHTML = originalText;\n            }, 3000);\n\n        } catch (error) {\n            console.error('Form submission error:', error);\n            submitBtn.disabled = false;\n            submitBtn.innerHTML = originalText;\n            alert('Error: ' + error.message);\n        }\n    });\n});\n<\/script>\n    <\/body>\n    <\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54b3e39a elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"54b3e39a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-23ad10c7\" data-id=\"23ad10c7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5bd54dde elementor-widget elementor-widget-google_maps\" data-id=\"5bd54dde\" data-element_type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=darksn%20gmbh&#038;t=m&#038;z=16&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"darksn gmbh\"\n\t\t\t\t\taria-label=\"darksn gmbh\"\n\t\t\t><\/iframe>\n\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>CONTACT Modern Contact Form Let&#8217;s Connect Address Teinacher Str. 46\/A, 71634 Ludwigsburg, Germany Email info@darksn.de Phone +49 7141 2587291 Working Hours Mon &#8211; Fri: 09:00 &#8211; 19:00 24\/7 Support Always here to help you Quick Response Fast reply guaranteed Send A Message I Agree To The Processing Of My Personal Data According To The Privacy Policy. Your Data Will Be Used Exclusively To Process Your Request. SEND MESSAGE<\/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":""},"coauthors":[],"class_list":["post-2827","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/pages\/2827","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/comments?post=2827"}],"version-history":[{"count":42,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/pages\/2827\/revisions"}],"predecessor-version":[{"id":32998,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/pages\/2827\/revisions\/32998"}],"wp:attachment":[{"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/media?parent=2827"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/coauthors?post=2827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}