{"id":280059,"date":"2024-05-28T15:06:18","date_gmt":"2024-05-28T13:06:18","guid":{"rendered":"https:\/\/kantenhacker.de\/spare-parts-request-2\/"},"modified":"2024-10-08T15:53:16","modified_gmt":"2024-10-08T13:53:16","slug":"spare-parts-request","status":"publish","type":"page","link":"https:\/\/ksg-gmbh.de\/en\/spare-parts-request\/","title":{"rendered":"Spare parts request #2"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Header&#8221; _builder_version=&#8221;4.25.1&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_type=&#8221;circular&#8221; background_color_gradient_direction_radial=&#8221;right&#8221; background_color_gradient_stops=&#8221;rgba(255,255,255,0) 0%|#ffffff 70%&#8221; background_color_gradient_overlays_image=&#8221;on&#8221; background_color_gradient_start=&#8221;rgba(255,255,255,0)&#8221; background_color_gradient_end=&#8221;#ffffff&#8221; background_color_gradient_end_position=&#8221;70%&#8221; background_image=&#8221;https:\/\/ksg-gmbh.de\/wp-content\/uploads\/2024\/04\/electrician_19.png&#8221; background_position=&#8221;top_right&#8221; custom_margin=&#8221;25px||||false|false&#8221; custom_padding=&#8221;19px|0px|0|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.0&#8243; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; text_font=&#8221;||||||||&#8221; text_font_size=&#8221;16px&#8221; text_line_height=&#8221;1.8em&#8221; header_font=&#8221;Libre Franklin|300||on|||||&#8221; header_font_size=&#8221;46px&#8221; header_line_height=&#8221;1.4em&#8221; header_font_size_tablet=&#8221;40px&#8221; header_font_size_phone=&#8221;23px&#8221; header_font_size_last_edited=&#8221;on|desktop&#8221; custom_css_free_form=&#8221;.form-group {||    display: flex;||    justify-content: space-between;||    margin-bottom: 15px;||}||.form-group input, .form-group textarea {||    flex: 1;||    padding: 8px;||    border: 1px solid #ccc;||    border-radius: 4px;||    margin-right: 10px;||}||.form-group input%91required%93 {||    border-left: 3px solid red;||}||.form-group textarea {||    resize: vertical;||}||.form-group input::placeholder, .form-group textarea::placeholder {||    color: #aaa;||}||.button-container {||    display: flex;||    justify-content: flex-end;||    margin-top: 20px;||}||.button-container button {||    padding: 10px 20px;||    background-color: #0073e6;||    color: #fff;||    border: none;||    border-radius: 4px;||    cursor: pointer;||}||.button-container button:hover {||    background-color: #005bb5;||}||.table-container {||    margin-top: 20px;||}||.table-container table {||    width: 100%;||    border-collapse: collapse;||}||.table-container th, .table-container td {||    border: 1px solid #ccc;||    padding: 10px;||    text-align: left;||}||.table-container th {||    background-color: #f4f4f4;||}||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1><strong>SPARE PARTS REQUEST<\/strong><\/h1>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code raw_content_tablet=&#8221;<\/p>\n<style>\n.et_pb_contact_form {\n    max-width: 1200px; \/* Maximalbreite f\u00fcr gr\u00f6\u00dfere Bildschirme *\/\n    margin: 0 auto; \/* Zentrieren des Formulars *\/\n    padding: 20px; \/* Innenabstand f\u00fcr ein bisschen Luft um das Formular *\/\n    box-sizing: border-box;\n}<\/p>\n<p>.et_pb_contact_form input%91type=%22text%22%93,\n.et_pb_contact_form input%91type=%22email%22%93,\n.et_pb_contact_form input%91type=%22number%22%93,\n.et_pb_contact_form textarea {\n    width: 100%;\n    padding: 10px;\n    margin: 5px 0;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    box-sizing: border-box;\n}<\/p>\n<p>.form-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n}<\/p>\n<p>.form-row > div {\n    flex: 0 0 48%; \/* Zwei Felder nebeneinander mit etwas Abstand *\/\n    margin-bottom: 10px;\n}<\/p>\n<p>textarea {\n    flex: 0 0 100%; \/* Textarea nimmt die gesamte Breite ein *\/\n}<\/p>\n<p>.add-row-button {\n    background-color: #0073e6;\n    color: white;\n    padding: 10px 15px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    margin-top: 10px;\n}<\/p>\n<p>.add-row-button:hover {\n    background-color: #005bb5;\n}<\/p>\n<p>.button-container {\n    text-align: right;\n    margin-top: 20px;\n}<\/p>\n<p>.submit-button {\n    background-color: #0073e6;\n    color: white;\n    padding: 10px 20px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n}<\/p>\n<p>.submit-button:hover {\n    background-color: #005bb5;\n}<\/p>\n<p>.center-text {\n    text-align: center;\n    font-weight: bold;\n    margin: 20px 0;\n}<\/p>\n<p>\/* Mobile Anpassungen *\/\n@media (max-width: 768px) {\n    .form-row > div {\n        flex: 0 0 100%; \/* In der mobilen Ansicht sollen die Felder \u00fcbereinander stehen *\/\n    }<\/p>\n<p>    #Artikelanfrage {\n        width: 100%;\n        overflow-x: auto; \/* Tabelle bleibt in der Breite des Bildschirms *\/\n    }<\/p>\n<p>    #Artikelanfrage td,\n    #Artikelanfrage th {\n        padding: 10px 5px; \/* Weniger Padding f\u00fcr mobile Ansicht *\/\n    }<\/p>\n<p>    .add-row-button,\n    .submit-button {\n        width: 100%; \/* Buttons in voller Breite auf mobilen Ger\u00e4ten *\/\n    }\n}\n<\/style>\n<p><script src=%22https:\/\/www.google.com\/recaptcha\/api.js?render=6Lerfy0qAAAAAJuiPOXKb_ON3S-RrELF13B124JV%22><\/script><\/p>\n<form id=%22ersatzteilForm%22 class=%22et_pb_contact_form clearfix%22 method=%22post%22 action=%22https:\/\/ksg-gmbh.de\/process_form.php%22>\n<div class=%22form-row%22>\n<div><input type=%22text%22 name=%22firma%22 placeholder=%22Firma*%22 required><\/div>\n<div><input type=%22text%22 name=%22position%22 placeholder=%22Position%22><\/div>\n<\/p><\/div>\n<div class=%22form-row%22>\n<div><input type=%22text%22 name=%22vorname%22 placeholder=%22Vorname*%22 required><\/div>\n<div><input type=%22text%22 name=%22name%22 placeholder=%22Name*%22 required><\/div>\n<\/p><\/div>\n<div class=%22form-row%22>\n<div><input type=%22text%22 name=%22strasse%22 placeholder=%22Stra\u00dfe%22><\/div>\n<div><input type=%22text%22 name=%22plz_ort%22 placeholder=%22PLZ\/Ort%22><\/div>\n<\/p><\/div>\n<div class=%22form-row%22>\n<div><input type=%22text%22 name=%22land%22 placeholder=%22Land%22><\/div>\n<div><input type=%22email%22 name=%22email%22 placeholder=%22Email*%22 required><\/div>\n<\/p><\/div>\n<div class=%22form-row%22>\n<div><input type=%22text%22 name=%22telefon%22 placeholder=%22Telefon%22><\/div>\n<div><input type=%22text%22 name=%22fax%22 placeholder=%22Fax%22><\/div>\n<\/p><\/div>\n<div class=%22form-row%22>\n<div><input type=%22text%22 name=%22ksg_typ%22 placeholder=%22KSG Typ%22><\/div>\n<div><input type=%22text%22 name=%22seriennummer%22 placeholder=%22Seriennummer*%22 required><\/div>\n<\/p><\/div>\n<div class=%22form-row%22>\n<div><input type=%22text%22 name=%22baujahr%22 placeholder=%22Baujahr%22><\/div>\n<\/p><\/div>\n<div class=%22form-row%22>\n        <textarea name=%22sonstiges%22 placeholder=%22Sonstiges%22><\/textarea>\n    <\/div>\n<p class=%22center-text%22>Bitte senden Sie mir ein Ersatzteilangebot \u00fcber:<\/p>\n<table id=%22Artikelanfrage%22>\n<thead>\n<tr>\n<th>Artikelnummer<\/th>\n<th>Bezeichnung<\/th>\n<th>Menge<\/th>\n<\/tr>\n<\/thead>\n<tbody id=%22artikelBody%22>\n<tr>\n<td><input type=%22text%22 name=%22artikelnummer%91%93%22 placeholder=%22Artikelnummer%22 \/><\/td>\n<td><input type=%22text%22 name=%22bezeichnung%91%93%22 placeholder=%22Bezeichnung%22 \/><\/td>\n<td><input type=%22number%22 name=%22menge%91%93%22 placeholder=%22Menge%22 min=%221%22 \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>    <button type=%22button%22 id=%22addRowButton%22 class=%22add-row-button%22 data-wait-text=%22Please wait...%22>Weitere Zeile hinzuf\u00fcgen<\/button><\/p>\n<p>    <input type=%22hidden%22 id=%22dynamicFields%22 name=%22dynamicFields%22><br \/>\n    <input type=%22hidden%22 id=%22g-recaptcha-response%22 name=%22g-recaptcha-response%22><\/p>\n<div class=%22button-container%22>\n        <button type=%22submit%22 id=%22submitButton%22 class=%22submit-button%22>Senden<\/button>\n    <\/div>\n<\/form>\n<p><script>\ngrecaptcha.ready(function() {\n    grecaptcha.execute('6Lerfy0qAAAAAJuiPOXKb_ON3S-RrELF13B124JV', {action: 'submit'}).then(function(token) {\n        document.getElementById('g-recaptcha-response').value = token;\n    });\n});<\/p>\n<p>document.addEventListener('DOMContentLoaded', function() {\n    setTimeout(function() {\n        var addRowButton = document.getElementById('addRowButton');\n        var ersatzteilForm = document.getElementById('ersatzteilForm');<\/p>\n<p>        console.log(addRowButton);\n        console.log(ersatzteilForm);<\/p>\n<p>        if (addRowButton && ersatzteilForm) {\n            addRowButton.addEventListener('click', addRow);<\/p>\n<p>            ersatzteilForm.addEventListener('submit', function(event) {\n                event.preventDefault(); \/\/ Standard-Formular\u00fcbermittlung verhindern<\/p>\n<p>                \/\/ \u00dcberpr\u00fcfen Sie, ob alle erforderlichen Felder ausgef\u00fcllt sind\n                var requiredFields = ersatzteilForm.querySelectorAll('%91required%93');\n                var allFieldsValid = true;<\/p>\n<p>                requiredFields.forEach(function(field) {\n                    if (!field.value.trim()) {\n                        allFieldsValid = false;\n                        field.classList.add('field-error');\n                    } else {\n                        field.classList.remove('field-error');\n                    }\n                });<\/p>\n<p>                if (!allFieldsValid) {\n                    alert('Stellen Sie sicher, dass Sie alle erforderlichen Felder ausf\u00fcllen.');\n                    return;\n                }<\/p>\n<p>                var artikelnummern = document.getElementsByName('artikelnummer%91%93');\n                var bezeichnungen = document.getElementsByName('bezeichnung%91%93');\n                var mengen = document.getElementsByName('menge%91%93');\n                var dynamicFields = %22Artikelnummer | Bezeichnung | Mengen-------------------------------------------------n%22;<\/p>\n<p>                for (var i = 0; i < artikelnummern.length; i++) {\n                    dynamicFields += artikelnummern%91i%93.value + ' | ' + bezeichnungen%91i%93.value + ' | ' + mengen%91i%93.value + 'n';\n                }\n\n                console.log('Dynamic Fields:', dynamicFields);\n                document.getElementById('dynamicFields').value = dynamicFields;\n\n                \/\/ Konsolenausgabe hinzuf\u00fcgen, bevor das Formular abgeschickt wird\n                console.log('Form is about to be submitted without validation');\n\n                \/\/ \u00dcbermittlung des Formulars mit AJAX\n                var formData = new FormData(ersatzteilForm);\n                fetch('https:\/\/ksg-gmbh.de\/process_form.php', { \/\/ \u00c4ndern Sie dies auf die richtige URL\n                    method: 'POST',\n                    body: formData\n                })\n                .then(response => response.text())\n                .then(data => {\n                    console.log('Form successfully submitted:', data);\n                    alert('Formular erfolgreich \u00fcbermittelt!'); \/\/ Anzeigen einer Best\u00e4tigungsnachricht\n                })\n                .catch(error => {\n                    console.error('Error submitting the form:', error);\n                    alert('Fehler beim \u00dcbermitteln des Formulars.');\n                });\n            });\n        } else {\n            console.error('Elemente wurden nicht gefunden:', { addRowButton, ersatzteilForm });\n        }<\/p>\n<p>        function addRow() {\n            var table = document.getElementById(%22artikelBody%22);\n            var row = table.insertRow();\n            var cell1 = row.insertCell(0);\n            var cell2 = row.insertCell(1);\n            var cell3 = row.insertCell(2);\n            cell1.innerHTML = '<input type=%22text%22 name=%22artikelnummer%91%93%22 placeholder=%22Artikelnummer%22 \/>';\n            cell2.innerHTML = '<input type=%22text%22 name=%22bezeichnung%91%93%22 placeholder=%22Bezeichnung%22 \/>';\n            cell3.innerHTML = '<input type=%22number%22 name=%22menge%91%93%22 placeholder=%22Menge%22 min=%221%22 \/>';\n        }\n    }, 1000); \/\/ Verz\u00f6gerung, um sicherzustellen, dass das DOM vollst\u00e4ndig geladen ist\n});\n<\/script><br \/>\n&#8221; raw_content_phone=&#8221;<\/p>\n<style>\n.et_pb_contact_form input%91type=%22text%22%93,\n.et_pb_contact_form input%91type=%22email%22%93,\n.et_pb_contact_form input%91type=%22number%22%93,\n.et_pb_contact_form textarea {\n    width: 100%;\n    padding: 10px;\n    margin: 5px 0;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    box-sizing: border-box;\n}<\/p>\n<p>.form-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n}<\/p>\n<p>.form-row > div {\n    flex: 0 0 48%; \/* Zwei Felder nebeneinander mit etwas Abstand *\/\n    margin-bottom: 10px;\n}<\/p>\n<p>textarea {\n    flex: 0 0 100%; \/* Textarea nimmt die gesamte Breite ein *\/\n}<\/p>\n<p>.add-row-button {\n    background-color: #0073e6;\n    color: white;\n    padding: 10px 15px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    margin-top: 10px;\n}<\/p>\n<p>.add-row-button:hover {\n    background-color: #005bb5;\n}<\/p>\n<p>.button-container {\n    text-align: right;\n    margin-top: 20px;\n}<\/p>\n<p>.submit-button {\n    background-color: #0073e6;\n    color: white;\n    padding: 10px 20px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n}<\/p>\n<p>.submit-button:hover {\n    background-color: #005bb5;\n}<\/p>\n<p>.center-text {\n    text-align: center;\n    font-weight: bold;\n    margin: 20px 0;\n}<\/p>\n<p>\/* Mobile Anpassungen *\/\n@media (max-width: 768px) {\n    .form-row > div {\n        flex: 0 0 100%; \/* In der mobilen Ansicht sollen die Felder \u00fcbereinander stehen *\/\n    }<\/p>\n<p>    #Artikelanfrage {\n        width: 100%;\n        overflow-x: auto; \/* Tabelle bleibt in der Breite des Bildschirms *\/\n    }<\/p>\n<p>    #Artikelanfrage td,\n    #Artikelanfrage th {\n        padding: 10px 5px; \/* Weniger Padding f\u00fcr mobile Ansicht *\/\n    }<\/p>\n<p>    .add-row-button,\n    .submit-button {\n        width: 100%; \/* Buttons in voller Breite auf mobilen Ger\u00e4ten *\/\n    }\n}\n<\/style>\n<p><script src=%22https:\/\/www.google.com\/recaptcha\/api.js?render=6Lerfy0qAAAAAJuiPOXKb_ON3S-RrELF13B124JV%22><\/script><\/p>\n<form id=%22ersatzteilForm%22 class=%22et_pb_contact_form clearfix%22 method=%22post%22 action=%22https:\/\/ksg-gmbh.de\/process_form.php%22>\n<div class=%22form-row%22>\n<div><input type=%22text%22 name=%22firma%22 placeholder=%22Firma*%22 required><\/div>\n<div><input type=%22text%22 name=%22position%22 placeholder=%22Position%22><\/div>\n<\/p><\/div>\n<div class=%22form-row%22>\n<div><input type=%22text%22 name=%22vorname%22 placeholder=%22Vorname*%22 required><\/div>\n<div><input type=%22text%22 name=%22name%22 placeholder=%22Name*%22 required><\/div>\n<\/p><\/div>\n<div class=%22form-row%22>\n<div><input type=%22text%22 name=%22strasse%22 placeholder=%22Stra\u00dfe%22><\/div>\n<div><input type=%22text%22 name=%22plz_ort%22 placeholder=%22PLZ\/Ort%22><\/div>\n<\/p><\/div>\n<div class=%22form-row%22>\n<div><input type=%22text%22 name=%22land%22 placeholder=%22Land%22><\/div>\n<div><input type=%22email%22 name=%22email%22 placeholder=%22Email*%22 required><\/div>\n<\/p><\/div>\n<div class=%22form-row%22>\n<div><input type=%22text%22 name=%22telefon%22 placeholder=%22Telefon%22><\/div>\n<div><input type=%22text%22 name=%22fax%22 placeholder=%22Fax%22><\/div>\n<\/p><\/div>\n<div class=%22form-row%22>\n<div><input type=%22text%22 name=%22ksg_typ%22 placeholder=%22KSG Typ%22><\/div>\n<div><input type=%22text%22 name=%22seriennummer%22 placeholder=%22Seriennummer*%22 required><\/div>\n<\/p><\/div>\n<div class=%22form-row%22>\n<div><input type=%22text%22 name=%22baujahr%22 placeholder=%22Baujahr%22><\/div>\n<\/p><\/div>\n<div class=%22form-row%22>\n        <textarea name=%22sonstiges%22 placeholder=%22Sonstiges%22><\/textarea>\n    <\/div>\n<p class=%22center-text%22>Bitte senden Sie mir ein Ersatzteilangebot \u00fcber:<\/p>\n<table id=%22Artikelanfrage%22>\n<thead>\n<tr>\n<th>Artikelnummer<\/th>\n<th>Bezeichnung<\/th>\n<th>Menge<\/th>\n<\/tr>\n<\/thead>\n<tbody id=%22artikelBody%22>\n<tr>\n<td><input type=%22text%22 name=%22artikelnummer%91%93%22 placeholder=%22Artikelnummer%22 \/><\/td>\n<td><input type=%22text%22 name=%22bezeichnung%91%93%22 placeholder=%22Bezeichnung%22 \/><\/td>\n<td><input type=%22number%22 name=%22menge%91%93%22 placeholder=%22Menge%22 min=%221%22 \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>    <button type=%22button%22 id=%22addRowButton%22 class=%22add-row-button%22 data-wait-text=%22Please wait...%22>Weitere Zeile hinzuf\u00fcgen<\/button><\/p>\n<p>    <input type=%22hidden%22 id=%22dynamicFields%22 name=%22dynamicFields%22><br \/>\n    <input type=%22hidden%22 id=%22g-recaptcha-response%22 name=%22g-recaptcha-response%22><\/p>\n<div class=%22button-container%22>\n        <button type=%22submit%22 id=%22submitButton%22 class=%22submit-button%22>Senden<\/button>\n    <\/div>\n<div class=%22g-recaptcha%22 data-sitekey=%226LeYnz4qAAAAAB73OW2Xx1E38OC1js1LKJd0GXas%22><\/div>\n<p><script src=%22https:\/\/www.google.com\/recaptcha\/api.js%22 async defer><\/script><br \/>\n<\/form>\n<p><script><\/p>\n<p>document.addEventListener('DOMContentLoaded', function() {\n    setTimeout(function() {\n        var addRowButton = document.getElementById('addRowButton');\n        var ersatzteilForm = document.getElementById('ersatzteilForm');<\/p>\n<p>        console.log(addRowButton);\n        console.log(ersatzteilForm);<\/p>\n<p>        if (addRowButton && ersatzteilForm) {\n            addRowButton.addEventListener('click', addRow);<\/p>\n<p>            ersatzteilForm.addEventListener('submit', function(event) {\n                event.preventDefault(); \/\/ Standard-Formular\u00fcbermittlung verhindern<\/p>\n<p>                \/\/ \u00dcberpr\u00fcfen Sie, ob alle erforderlichen Felder ausgef\u00fcllt sind\n                var requiredFields = ersatzteilForm.querySelectorAll('%91required%93');\n                var allFieldsValid = true;<\/p>\n<p>                requiredFields.forEach(function(field) {\n                    if (!field.value.trim()) {\n                        allFieldsValid = false;\n                        field.classList.add('field-error');\n                    } else {\n                        field.classList.remove('field-error');\n                    }\n                });<\/p>\n<p>                if (!allFieldsValid) {\n                    alert('Stellen Sie sicher, dass Sie alle erforderlichen Felder ausf\u00fcllen.');\n                    return;\n                }<\/p>\n<p>                var artikelnummern = document.getElementsByName('artikelnummer%91%93');\n                var bezeichnungen = document.getElementsByName('bezeichnung%91%93');\n                var mengen = document.getElementsByName('menge%91%93');\n                var dynamicFields = %22Artikelnummer | Bezeichnung | Mengen-------------------------------------------------n%22;<\/p>\n<p>                for (var i = 0; i < artikelnummern.length; i++) {\n                    dynamicFields += artikelnummern%91i%93.value + ' | ' + bezeichnungen%91i%93.value + ' | ' + mengen%91i%93.value + 'n';\n                }\n\n                console.log('Dynamic Fields:', dynamicFields);\n                document.getElementById('dynamicFields').value = dynamicFields;\n\n                \/\/ Konsolenausgabe hinzuf\u00fcgen, bevor das Formular abgeschickt wird\n                console.log('Form is about to be submitted without validation');\n\n                \/\/ \u00dcbermittlung des Formulars mit AJAX\n                var formData = new FormData(ersatzteilForm);\n                fetch('https:\/\/ksg-gmbh.de\/process_form.php', { \/\/ \u00c4ndern Sie dies auf die richtige URL\n                    method: 'POST',\n                    body: formData\n                })\n                .then(response => response.text())\n                .then(data => {\n                    console.log('Form successfully submitted:', data);\n                    alert('Formular erfolgreich \u00fcbermittelt!'); \/\/ Anzeigen einer Best\u00e4tigungsnachricht\n                })\n                .catch(error => {\n                    console.error('Error submitting the form:', error);\n                    alert('Fehler beim \u00dcbermitteln des Formulars.');\n                });\n            });\n        } else {\n            console.error('Elemente wurden nicht gefunden:', { addRowButton, ersatzteilForm });\n        }<\/p>\n<p>        function addRow() {\n            var table = document.getElementById(%22artikelBody%22);\n            var row = table.insertRow();\n            var cell1 = row.insertCell(0);\n            var cell2 = row.insertCell(1);\n            var cell3 = row.insertCell(2);\n            cell1.innerHTML = '<input type=%22text%22 name=%22artikelnummer%91%93%22 placeholder=%22Artikelnummer%22 \/>';\n            cell2.innerHTML = '<input type=%22text%22 name=%22bezeichnung%91%93%22 placeholder=%22Bezeichnung%22 \/>';\n            cell3.innerHTML = '<input type=%22number%22 name=%22menge%91%93%22 placeholder=%22Menge%22 min=%221%22 \/>';\n        }\n    }, 1000); \/\/ Verz\u00f6gerung, um sicherzustellen, dass das DOM vollst\u00e4ndig geladen ist\n});\n<\/script>&#8221; raw_content_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; custom_margin=&#8221;|||30px|false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->.et_pb_contact_form {<!-- [et_pb_line_break_holder] -->    max-width: 1200px; \/* Maximalbreite f\u00fcr gr\u00f6\u00dfere Bildschirme *\/<!-- [et_pb_line_break_holder] -->    margin: 0 auto; \/* Zentrieren des Formulars *\/<!-- [et_pb_line_break_holder] -->    padding: 20px; \/* Innenabstand f\u00fcr ein bisschen Luft um das Formular *\/<!-- [et_pb_line_break_holder] -->    box-sizing: border-box;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.et_pb_contact_form input[type=\"text\"],<!-- [et_pb_line_break_holder] -->.et_pb_contact_form input[type=\"email\"],<!-- [et_pb_line_break_holder] -->.et_pb_contact_form input[type=\"number\"],<!-- [et_pb_line_break_holder] -->.et_pb_contact_form textarea {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    padding: 10px;<!-- [et_pb_line_break_holder] -->    margin: 5px 0;<!-- [et_pb_line_break_holder] -->    border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    box-sizing: border-box;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-row {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->    justify-content: space-between;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-row > div {<!-- [et_pb_line_break_holder] -->    flex: 0 0 48%; \/* Zwei Felder nebeneinander mit etwas Abstand *\/<!-- [et_pb_line_break_holder] -->    margin-bottom: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->textarea {<!-- [et_pb_line_break_holder] -->    flex: 0 0 100%; \/* Textarea nimmt die gesamte Breite ein *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.add-row-button {<!-- [et_pb_line_break_holder] -->    background-color: #0073e6;<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    padding: 10px 15px;<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    margin-top: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.add-row-button:hover {<!-- [et_pb_line_break_holder] -->    background-color: #005bb5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.button-container {<!-- [et_pb_line_break_holder] -->    text-align: right;<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.submit-button {<!-- [et_pb_line_break_holder] -->    background-color: #0073e6;<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    padding: 10px 20px;<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.submit-button:hover {<!-- [et_pb_line_break_holder] -->    background-color: #005bb5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.center-text {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    font-weight: bold;<!-- [et_pb_line_break_holder] -->    margin: 20px 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Mobile Anpassungen *\/<!-- [et_pb_line_break_holder] -->@media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->    .form-row > div {<!-- [et_pb_line_break_holder] -->        flex: 0 0 100%; \/* In der mobilen Ansicht sollen die Felder \u00fcbereinander stehen *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #Artikelanfrage {<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->        overflow-x: auto; \/* Tabelle bleibt in der Breite des Bildschirms *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #Artikelanfrage td,<!-- [et_pb_line_break_holder] -->    #Artikelanfrage th {<!-- [et_pb_line_break_holder] -->        padding: 10px 5px; \/* Weniger Padding f\u00fcr mobile Ansicht *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .add-row-button,<!-- [et_pb_line_break_holder] -->    .submit-button {<!-- [et_pb_line_break_holder] -->        width: 100%; \/* Buttons in voller Breite auf mobilen Ger\u00e4ten *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<form id=\"ersatzteilForm\" class=\"et_pb_contact_form clearfix\" method=\"post\" action=\"https:\/\/ksg-gmbh.de\/process_form.php\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-row\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><input type=\"text\" name=\"firma\" placeholder=\"Company*\" required=\"\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><input type=\"text\" name=\"position\" placeholder=\"Position\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-row\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><input type=\"text\" name=\"vorname\" placeholder=\"First name*\" required=\"\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><input type=\"text\" name=\"name\" placeholder=\"Name*\" required=\"\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-row\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><input type=\"text\" name=\"strasse\" placeholder=\"Street\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><input type=\"text\" name=\"plz_ort\" placeholder=\"PC\/City\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-row\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><input type=\"text\" name=\"land\" placeholder=\"Country\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><input type=\"email\" name=\"email\" placeholder=\"Email*\" required=\"\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-row\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><input type=\"text\" name=\"telefon\" placeholder=\"Phone\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><input type=\"text\" name=\"fax\" placeholder=\"Fax\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-row\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><input type=\"text\" name=\"ksg_typ\" placeholder=\"KSG Type\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><input type=\"text\" name=\"seriennummer\" placeholder=\"Serial number*\" required=\"\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-row\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><input type=\"text\" name=\"baujahr\" placeholder=\"Year of construction\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-row\"><!-- [et_pb_line_break_holder] -->        <textarea name=\"sonstiges\" placeholder=\"Miscellaneous\"><\/textarea><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <pee class=\"center-text\">Please send me a spare parts quotation for:<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<table id=\"Artikelanfrage\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<thead><!-- [et_pb_line_break_holder] -->            <\/p>\n<tr><!-- [et_pb_line_break_holder] -->                <\/p>\n<th>Item number<\/th>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<th>Designation<\/th>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<th>Quantity<\/th>\n<p><!-- [et_pb_line_break_holder] -->            <\/tr>\n<p><!-- [et_pb_line_break_holder] -->        <\/thead>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<tbody id=\"artikelBody\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<tr><!-- [et_pb_line_break_holder] -->                <\/p>\n<td><input type=\"text\" name=\"artikelnummer[]\" placeholder=\"Item number\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<td><input type=\"text\" name=\"bezeichnung[]\" placeholder=\"Description\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<td><input type=\"number\" name=\"menge[]\" placeholder=\"Quantity\" min=\"1\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->            <\/tr>\n<p><!-- [et_pb_line_break_holder] -->        <\/tbody>\n<p><!-- [et_pb_line_break_holder] -->    <\/table>\n<p><!-- [et_pb_line_break_holder] -->    <button type=\"button\" id=\"addRowButton\" class=\"add-row-button\" data-wait-text=\"Please wait...\">Add another line<\/button><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"button-container\"><!-- [et_pb_line_break_holder] -->        <button type=\"submit\" id=\"submitButton\" class=\"submit-button\">Send<\/button><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/form>\n<p><!-- [et_pb_line_break_holder] --><input type=\"hidden\" id=\"dynamicFields\" name=\"dynamicFields\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script> document.addEventListener('DOMContentLoaded', function() {<!-- [et_pb_line_break_holder] -->    setTimeout(function() {<!-- [et_pb_line_break_holder] -->        var addRowButton = document.getElementById('addRowButton');<!-- [et_pb_line_break_holder] -->        var ersatzteilForm = document.getElementById('ersatzteilForm');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        console.log(addRowButton);<!-- [et_pb_line_break_holder] -->        console.log(ersatzteilForm);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (addRowButton && ersatzteilForm) {<!-- [et_pb_line_break_holder] -->            addRowButton.addEventListener('click', addRow);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            ersatzteilForm.addEventListener('submit', function(event) {<!-- [et_pb_line_break_holder] -->                event.preventDefault(); \/\/ Verhindert die Standard\u00fcbermittlung des Formulars<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ \u00dcberpr\u00fcfen, ob alle erforderlichen Felder ausgef\u00fcllt sind<!-- [et_pb_line_break_holder] -->                var requiredFields = ersatzteilForm.querySelectorAll('[required]');<!-- [et_pb_line_break_holder] -->                var allFieldsValid = true;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                requiredFields.forEach(function(field) {<!-- [et_pb_line_break_holder] -->                    if (!field.value.trim()) {<!-- [et_pb_line_break_holder] -->                        allFieldsValid = false;<!-- [et_pb_line_break_holder] -->                        field.classList.add('field-error');<!-- [et_pb_line_break_holder] -->                    } else {<!-- [et_pb_line_break_holder] -->                        field.classList.remove('field-error');<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                if (!allFieldsValid) {<!-- [et_pb_line_break_holder] -->                    alert('Stellen Sie sicher, dass Sie alle erforderlichen Felder ausf\u00fcllen.');<!-- [et_pb_line_break_holder] -->                    return;<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ Dynamische Felder f\u00fcr die Artikelnummern und Mengen<!-- [et_pb_line_break_holder] -->                var artikelnummern = document.getElementsByName('artikelnummer[]');<!-- [et_pb_line_break_holder] -->                var bezeichnungen = document.getElementsByName('bezeichnung[]');<!-- [et_pb_line_break_holder] -->                var mengen = document.getElementsByName('menge[]');<!-- [et_pb_line_break_holder] -->                var dynamicFields = \"Artikelnummer | Bezeichnung | Menge\\n-------------------------------------------------\\n\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                for (var i = 0; i <artikelnummern.length; i++) {<!-- [et_pb_line_break_holder] -->                    dynamicFields += artikelnummern[i].value + ' | ' + bezeichnungen[i].value + ' | ' + mengen[i].value + '\\n';<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                document.getElementById('dynamicFields').value = dynamicFields;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ Formular per AJAX senden<!-- [et_pb_line_break_holder] -->                var formData = new FormData(ersatzteilForm);<!-- [et_pb_line_break_holder] -->                fetch('https:\/\/ksg-gmbh.de\/process_form.php', {<!-- [et_pb_line_break_holder] -->                    method: 'POST',<!-- [et_pb_line_break_holder] -->                    body: formData<!-- [et_pb_line_break_holder] -->                })<!-- [et_pb_line_break_holder] -->                .then(response => response.text())<!-- [et_pb_line_break_holder] -->                .then(data => {<!-- [et_pb_line_break_holder] -->                    console.log('Form successfully submitted:', data);<!-- [et_pb_line_break_holder] -->                    alert('Formular erfolgreich \u00fcbermittelt!'); \/\/ Erfolgreiche \u00dcbermittlung anzeigen<!-- [et_pb_line_break_holder] -->                })<!-- [et_pb_line_break_holder] -->                .catch(error => {<!-- [et_pb_line_break_holder] -->                    console.error('Fehler beim \u00dcbermitteln des Formulars:', error);<!-- [et_pb_line_break_holder] -->                    alert('Fehler beim \u00dcbermitteln des Formulars.');<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->            console.error('Elemente wurden nicht gefunden:', { addRowButton, ersatzteilForm });<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Funktion zum Hinzuf\u00fcgen neuer Zeilen in die Tabelle<!-- [et_pb_line_break_holder] -->        function addRow() {<!-- [et_pb_line_break_holder] -->            var table = document.getElementById(\"artikelBody\");<!-- [et_pb_line_break_holder] -->            var row = table.insertRow();<!-- [et_pb_line_break_holder] -->            var cell1 = row.insertCell(0);<!-- [et_pb_line_break_holder] -->            var cell2 = row.insertCell(1);<!-- [et_pb_line_break_holder] -->            var cell3 = row.insertCell(2);<!-- [et_pb_line_break_holder] -->            cell1.innerHTML = '<input type=\"text\" name=\"artikelnummer[]\" placeholder=\"Artikelnummer\" \/>';<!-- [et_pb_line_break_holder] -->            cell2.innerHTML = '<input type=\"text\" name=\"bezeichnung[]\" placeholder=\"Bezeichnung\" \/>';<!-- [et_pb_line_break_holder] -->            cell3.innerHTML = '<input type=\"number\" name=\"menge[]\" placeholder=\"Menge\" min=\"1\" \/>';<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }, 1000); \/\/ Sicherstellen, dass das DOM vollst\u00e4ndig geladen ist<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><strong>Note:<\/strong><\/h3>\n<p><strong>We reserve the right to deliver certain sub-assemblies only in their entirety, even if only one spare part is ordered.<\/strong><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>SPARE PARTS REQUESTNote: We reserve the right to deliver certain sub-assemblies only in their entirety, even if only one spare part is ordered.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"difl_page_category":[],"class_list":["post-280059","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ksg-gmbh.de\/en\/wp-json\/wp\/v2\/pages\/280059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ksg-gmbh.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ksg-gmbh.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ksg-gmbh.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ksg-gmbh.de\/en\/wp-json\/wp\/v2\/comments?post=280059"}],"version-history":[{"count":17,"href":"https:\/\/ksg-gmbh.de\/en\/wp-json\/wp\/v2\/pages\/280059\/revisions"}],"predecessor-version":[{"id":281880,"href":"https:\/\/ksg-gmbh.de\/en\/wp-json\/wp\/v2\/pages\/280059\/revisions\/281880"}],"wp:attachment":[{"href":"https:\/\/ksg-gmbh.de\/en\/wp-json\/wp\/v2\/media?parent=280059"}],"wp:term":[{"taxonomy":"difl_page_category","embeddable":true,"href":"https:\/\/ksg-gmbh.de\/en\/wp-json\/wp\/v2\/difl_page_category?post=280059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}