{"id":335,"date":"2025-07-29T17:11:46","date_gmt":"2025-07-29T17:11:46","guid":{"rendered":"https:\/\/sv-performance.de\/?page_id=335"},"modified":"2026-08-30T18:52:43","modified_gmt":"2026-08-30T18:52:43","slug":"achsversatzplatten-bestellen","status":"publish","type":"page","link":"https:\/\/sv-performance.de\/?page_id=335","title":{"rendered":"Achsversatzplatten bestellen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"335\" class=\"elementor elementor-335\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aef8187 e-flex e-con-boxed e-con e-parent\" data-id=\"aef8187\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2cb99f elementor-widget elementor-widget-page-title\" data-id=\"e2cb99f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;align&quot;:&quot;center&quot;}\" data-widget_type=\"page-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\n\t\t<div class=\"hfe-page-title hfe-page-title-wrapper elementor-widget-heading\">\n\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/sv-performance.de\">\n\t\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\n\t\t\t\t\t\t\t\t\n\t\t\t\tAchsversatzplatten bestellen  \n\t\t\t<\/h2 > \n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\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-3394334 e-flex e-con-boxed e-con e-parent\" data-id=\"3394334\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1f4b298 e-con-full e-flex e-con e-child\" data-id=\"1f4b298\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9643bb0 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"9643bb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">  <div id=\"form-spinner-2\" class=\"overlay-spinner\">\r\n  <div class=\"spinner-content\">\r\n    <div class=\"spinner\"><\/div>\r\n    <div class=\"spinner-text\">Bearbeitung Ihrer Anfrage...<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<form id=\"custom-order-form-2\" method=\"post\">\r\n    <div class=\"form-section\">\r\n        <div class=\"form-section-grid\">\r\n            <h3>Kundendaten<\/h3>\r\n            <label>Vorname<input type=\"text\" name=\"first_name\" required><\/label>\r\n            <label>Nachname<input type=\"text\" name=\"last_name\" required><\/label>\r\n            <label>Adresse<input type=\"text\" name=\"address\" required><\/label>\r\n            <label>PLZ<input type=\"text\" name=\"zip\" required><\/label>\r\n            <label>Stadt<input type=\"text\" name=\"city\" required><\/label>\r\n            <label>Email<input type=\"email\" name=\"email\" required><\/label>\r\n            <label>Telefon<input type=\"text\" name=\"phone\" required><\/label>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2705 Custom Fahrzeugdaten Section -->\r\n    <div class=\"form-section\">\r\n        <div class=\"form-section-grid\">\r\n            <h3>Fahrzeugdaten<\/h3>\r\n\r\n            <label>Hersteller\r\n    <select name=\"manufacturer\" id=\"manufacturer2\" required>\r\n        <option value=\"\" disabled selected hidden>Hersteller w\u00e4hlen<\/option>\r\n        <option value=\"VW\">VW<\/option>\r\n        <option value=\"Audi\">Audi<\/option>\r\n        <option value=\"Seat\">Seat<\/option>\r\n        <option value=\"Skoda\">Skoda<\/option>\r\n    <\/select>\r\n<\/label>\r\n\r\n\r\n            <label>Modell\r\n                <select name=\"model\" id=\"model2\" required>\r\n                    <option value=\"\">Bitte zuerst Hersteller w\u00e4hlen<\/option>\r\n                <\/select>\r\n            <\/label>\r\n\r\n            <label>Leistung (PS)\r\n                <input type=\"number\" name=\"power\" required>\r\n            <\/label>\r\n\r\n           <label>Antrieb\r\n    <select name=\"drive_type\" required>\r\n        <option value=\"\" disabled selected hidden>Antrieb w\u00e4hlen<\/option>\r\n       <option value=\"Frontantrieb\">Frontantrieb<\/option>\r\n<option value=\"Allrad\">Allrad<\/option>\r\n\r\n    <\/select>\r\n<\/label>\r\n\r\n\r\n            <!-- Hidden fields to retain PDF compatibility -->\r\n           \r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2705 Driveshaft Section -->\r\n  <!--\r\n<div class=\"form-section\">\r\n    <h3>Antriebswelle(n)<\/h3>\r\n    <div id=\"driveshaft-section-2\">\r\n        <div class=\"driveshaft-group\">\r\n            <label><input type=\"checkbox\" name=\"shaft[0][modifications][]\" value=\"Verl\u00e4ngern +80\u20ac\"> Verl\u00e4ngern +80\u20ac<\/label>\r\n            <label><input type=\"checkbox\" name=\"shaft[0][modifications][]\" value=\"K\u00fcrzen\"> K\u00fcrzen<\/label>\r\n            <label><input type=\"checkbox\" name=\"shaft[0][modifications][]\" value=\"Gemischt +100\u20ac\"> Gemischt +100\u20ac<\/label>\r\n            <label>L\u00e4nge \u00e4ndern (mm)<input type=\"number\" name=\"shaft[0][length]\" required><\/label>\r\n            <label>Nachricht (optional)<textarea name=\"shaft[0][message]\" rows=\"3\" placeholder=\"Zus\u00e4tzliche Informationen...\"><\/textarea><\/label>\r\n        <\/div>\r\n    <\/div>\r\n    <button type=\"button\" id=\"add-shaft-2\">+ Weitere Antriebswelle<\/button>\r\n<\/div>\r\n-->\r\n\r\n\r\n    <div class=\"form-section\">\r\n        <label>Ort<input type=\"text\" name=\"ort\" required><\/label>\r\n        <label>Datum<input type=\"date\" name=\"datum\" value=\"2026-09-14\" required><\/label>\r\n    <\/div>\r\n\r\n    <div class=\"form-section\">\r\n        <h3>Unterschrift<\/h3>\r\n        <canvas id=\"signature-pad-2\" width=\"300\" height=\"150\" style=\"border:1px solid #ccc;\"><\/canvas><br>\r\n        <button type=\"button\" class=\"delete-signature-button\" onclick=\"clearSignature2()\">\r\n    <span class=\"delete-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M9 3h6a1 1 0 0 1 1 1v2h4v2h-1v12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V8H4V6h4V4a1 1 0 0 1 1-1zm2 2v1h2V5h-2zm-4 3v12h10V8H7zm2 2h2v8H9v-8zm4 0h2v8h-2v-8z\"\/>\r\n        <\/svg>\r\n    <\/span>\r\n    L\u00f6schen\r\n<\/button>\r\n        <input type=\"hidden\" name=\"signature_data\" id=\"signature_data_2\">\r\n    <\/div>\r\n\r\n    <button type=\"submit\" class=\"submit-button\">Bestellen<\/button>\r\n    <div id=\"form-response-2\"><\/div>\r\n<\/form>\r\n\r\n<style>\r\n\t\/* ===== Custom Order Form 2 \u2014 Black Theme ===== *\/\r\n\r\n\/* ===== Custom Order Form 2 \u2014 Black Theme ===== *\/\r\n\r\n#custom-order-form-2 {\r\n  margin: 40px auto;\r\n  background: #0a0a0a;\r\n  background: linear-gradient(180deg, #111111 0%, #000000 100%);\r\n  border-radius: 12px;\r\n  padding: 40px;\r\n  color: #ffffff;\r\n  animation: fadeIn 0.5s ease-in;\r\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from { opacity: 0; transform: translateY(20px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Full-screen overlay spinner *\/\r\n.overlay-spinner {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.75);\r\n  z-index: 9999;\r\n  display: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.spinner-content {\r\n  text-align: center;\r\n  color: white;\r\n}\r\n\r\n.spinner {\r\n  border: 6px solid #2a2a2a;\r\n  border-top: 6px solid #ffffff;\r\n  border-radius: 50%;\r\n  width: 50px;\r\n  height: 50px;\r\n  margin: 0 auto 10px auto;\r\n  animation: spin 1.2s linear infinite;\r\n}\r\n\r\n.spinner-text {\r\n  font-weight: bold;\r\n  font-size: 16px;\r\n  color: #ffffff;\r\n}\r\n\r\n@keyframes spin {\r\n  0% { transform: rotate(0deg); }\r\n  100% { transform: rotate(360deg); }\r\n}\r\n\r\n.form-section-grid h3,\r\n.form-section h3 {\r\n  border-left: 3px solid #ffffff;\r\n  padding-left: 10px;\r\n  font-size: 35px;\r\n  margin-top: 20px;\r\n  color: #ffffff;\r\n}\r\n\r\n.form-section-grid h3 {\r\n  margin-left: -370px;\r\n}\r\n\r\n.form-section-grid {\r\n  display: grid;\r\n  gap: 1rem;\r\n  grid-template-columns: repeat(2, 1fr);\r\n}\r\n\r\nlabel {\r\n  display: block;\r\n  margin-bottom: 15px;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n}\r\n\r\n.driveshaft-group {\r\n  animation: fadeIn 0.3s ease-in;\r\n  border: 1px solid #2a2a2a;\r\n  border-radius: 8px;\r\n  padding: 16px;\r\n  background: rgba(255, 255, 255, 0.02);\r\n}\r\n\r\n.form-section button {\r\n  background: #ffffff;\r\n  color: #000000;\r\n  border: none;\r\n  margin-bottom: 20px;\r\n  padding: 10px 20px;\r\n  border-radius: 6px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  transition: background-color 0.3s ease, transform 0.15s ease;\r\n}\r\n\r\n.form-section button:hover {\r\n  background: #e0e0e0;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.submit-button {\r\n  background: #FC0000;\r\n  color: #ffffff;\r\n  border: 2px solid #FC0000;\r\n  margin-bottom: 20px;\r\n  padding: 12px;\r\n  width: 100%;\r\n  border-radius: 8px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n  letter-spacing: 0.02em;\r\n  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.submit-button:hover {\r\n  background-color: #000000;\r\n  color: #FC0000;\r\n  box-shadow: 0 0 0 2px #FC0000 inset;\r\n}\r\n\r\ninput[type=\"text\"],\r\ninput[type=\"number\"],\r\ninput[type=\"email\"],\r\ninput[type=\"date\"],\r\nselect {\r\n  width: 100%;\r\n  padding: 10px 12px;\r\n  background: #ffffff;\r\n  color: #000000;\r\n  border: 1px solid #cccccc;\r\n  border-radius: 8px;\r\n  transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n  box-sizing: border-box;\r\n}\r\n\r\ninput[type=\"text\"]::placeholder,\r\ninput[type=\"number\"]::placeholder,\r\ninput[type=\"email\"]::placeholder,\r\ninput[type=\"date\"]::placeholder {\r\n  color: #888888;\r\n}\r\n\r\ninput[type=\"text\"]:focus,\r\ninput[type=\"number\"]:focus,\r\ninput[type=\"email\"]:focus,\r\ninput[type=\"date\"]:focus,\r\nselect:focus {\r\n  outline: none;\r\n  border-color: #FC0000;\r\n  box-shadow: 0 0 0 2px rgba(252, 0, 0, 0.2);\r\n}\r\n\r\nselect option {\r\n  background: #ffffff;\r\n  color: #000000;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .form-section-grid {\r\n    display: block;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .form-section-grid h3 {\r\n    margin-left: 0px;\r\n    border-left: 3px solid #ffffff;\r\n    padding-left: 10px;\r\n    font-size: 25px;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .form-section h3 {\r\n    border-left: 3px solid #ffffff;\r\n    padding-left: 10px;\r\n    font-size: 25px;\r\n    margin-top: 20px;\r\n  }\r\n}\r\n\r\n.driveshaft-group input[type=\"checkbox\"] {\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  background-color: #141414;\r\n  border: 2px solid #ffffff;\r\n  width: 20px;\r\n  height: 20px;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  position: relative;\r\n  vertical-align: middle;\r\n  margin-right: 8px;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s ease, border-color 0.2s ease;\r\n  outline: none;\r\n}\r\n\r\n.driveshaft-group input[type=\"checkbox\"]:focus {\r\n  outline: none;\r\n  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n.driveshaft-group input[type=\"checkbox\"]:checked {\r\n  background-color: #ffffff;\r\n  border-color: #ffffff;\r\n}\r\n\r\n.driveshaft-group input[type=\"checkbox\"]::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 3px;\r\n  left: 6px;\r\n  width: 5px;\r\n  height: 10px;\r\n  border: solid #000000;\r\n  border-width: 0 2px 2px 0;\r\n  transform: rotate(45deg);\r\n  display: none;\r\n}\r\n\r\n.driveshaft-group input[type=\"checkbox\"]:checked::after {\r\n  display: block;\r\n}\r\n\r\n#signature-pad-2 {\r\n  width: 100%;\r\n  height: 150px;\r\n  border: 1px solid #cccccc;\r\n  border-radius: 6px;\r\n  background: #ffffff;\r\n  touch-action: none;\r\n}\r\n\r\n.shaft-header {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.remove-shaft {\r\n  background-color: #cc1f1f !important;\r\n  color: white;\r\n  border: none;\r\n  padding: 0px !important;\r\n  border-radius: 50%;\r\n  width: 30px;\r\n  height: 30px;\r\n  font-size: 18px;\r\n  line-height: 13px;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.remove-shaft:hover {\r\n  background-color: #ff3b3b !important;\r\n}\r\n<\/style>\r\n\r\n\r\n\n<\/div>\n\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-a1b757f e-flex e-con-boxed e-con e-parent\" data-id=\"a1b757f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Achsversatzplatten bestellen<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-335","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sv-performance.de\/index.php?rest_route=\/wp\/v2\/pages\/335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sv-performance.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sv-performance.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sv-performance.de\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/sv-performance.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=335"}],"version-history":[{"count":11,"href":"https:\/\/sv-performance.de\/index.php?rest_route=\/wp\/v2\/pages\/335\/revisions"}],"predecessor-version":[{"id":1409,"href":"https:\/\/sv-performance.de\/index.php?rest_route=\/wp\/v2\/pages\/335\/revisions\/1409"}],"wp:attachment":[{"href":"https:\/\/sv-performance.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}