{"id":6317,"date":"2023-07-06T20:51:50","date_gmt":"2023-07-06T20:51:50","guid":{"rendered":"http:\/\/trust-vehicle-69.de\/?page_id=6317"},"modified":"2025-11-04T11:19:47","modified_gmt":"2025-11-04T11:19:47","slug":"startseite","status":"publish","type":"page","link":"https:\/\/dynasty-motors.de\/en\/","title":{"rendered":"Home page"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"6317\" class=\"elementor elementor-6317\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7d1d5a9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7d1d5a9\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/www.pexels.com\\\/download\\\/video\\\/7154208\\\/&quot;,&quot;background_video_start&quot;:0,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-ee71e95\" data-id=\"ee71e95\" 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-c320e22 elementor-widget elementor-widget-spacer\" data-id=\"c320e22\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\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<\/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-801987c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"801987c\" data-element_type=\"section\" id=\"form\" 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-5fd2f0a\" data-id=\"5fd2f0a\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-f8fdd0d animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"f8fdd0d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">DYNASTY MOTORS GmbH<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0f8a63 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c0f8a63\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Free of charge and without obligation - Have your car valued!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d432fa8 elementor-icon-list--layout-inline elementor-mobile-align-center elementor-align-center animated-slow elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"d432fa8\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Simple<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Reliable<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Fast<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c55a132 elementor-widget elementor-widget-html\" data-id=\"c55a132\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Fahrzeug Verkauf Formular<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .form-container {\n            max-width: 100%;\n            margin: 0 auto;\n            background: #fff;\n            overflow: hidden;\n        }\n\n\n        .form-progress {\n            padding: 20px;\n            border-bottom: 1px solid #e9ecef;\n        }\n\n        .progress-bar {\n            background: #e9ecef;\n            height: 8px;\n            border-radius: 4px;\n            overflow: hidden;\n        }\n\n        .progress-fill {\n            background: linear-gradient(90deg, #9B1E2B 0%, #C41E3A 100%);\n            height: 100%;\n            width: 0%;\n            transition: width 0.3s ease;\n        }\n\n        .progress-steps {\n            display: flex;\n            justify-content: space-between;\n            margin-top: 15px;\n        }\n\n        .step {\n            display: flex;\n            align-items: center;\n            font-size: 0.9rem;\n            color: #6c757d;\n            transition: color 0.3s ease;\n        }\n\n        .step.active {\n            color: #9B1E2B;\n            font-weight: 600;\n        }\n\n        .step.completed {\n            color: #28a745;\n        }\n\n        .step-number {\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            background: #e9ecef;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 10px;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n\n        .step.active .step-number {\n            background: #9B1E2B;\n            color: white;\n        }\n\n        .step.completed .step-number {\n            background: #28a745;\n            color: white;\n        }\n\n        .form-content {\n            padding: 40px;\n        }\n\n        .form-step {\n            display: none;\n        }\n\n        .form-step.active {\n            display: block;\n        }\n\n        .step-title {\n            font-size: 1.8rem;\n            color: #2c3e50;\n            margin-bottom: 30px;\n            text-align: center;\n            font-weight: 600;\n        }\n\n        .form-group {\n            margin-bottom: 25px;\n        }\n\n        .form-label {\n            display: block;\n            font-weight: 600;\n            color: #2c3e50;\n            margin-bottom: 8px;\n            font-size: 1rem;\n        }\n\n        .form-input,\n        .form-select,\n        .form-textarea {\n            width: 100%;\n            padding: 15px;\n            border: 2px solid #e9ecef;\n            border-radius: 10px;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            background: #fff;\n        }\n\n        .form-input:focus,\n        .form-select:focus,\n        .form-textarea:focus {\n            outline: none;\n            border-color: #9B1E2B;\n            box-shadow: 0 0 0 3px rgba(155, 30, 43, 0.1);\n        }\n\n        .form-select {\n            cursor: pointer;\n            background-image: url('data:image\/svg+xml;charset=utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\"><path fill=\"%239B1E2B\" d=\"M6 8L0 0h12z\"\/><\/svg>');\n            background-repeat: no-repeat;\n            background-position: right 15px center;\n            background-size: 12px 8px;\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            appearance: none;\n        }\n\n        .form-textarea {\n            min-height: 120px;\n            resize: vertical;\n        }\n\n        .file-upload {\n            position: relative;\n            display: inline-block;\n            cursor: pointer;\n            width: 100%;\n        }\n\n        .file-upload-input {\n            position: absolute;\n            opacity: 0;\n            width: 100%;\n            height: 100%;\n            cursor: pointer;\n        }\n\n        .file-upload-label {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 15px;\n            border: 2px dashed #9B1E2B;\n            border-radius: 10px;\n            background: #f8f9fa;\n            color: #9B1E2B;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .file-upload-label:hover {\n            background: #9B1E2B;\n            color: white;\n        }\n\n        .file-upload-icon {\n            margin-right: 10px;\n            font-size: 1.2rem;\n        }\n\n        .file-preview {\n            margin-top: 15px;\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n            gap: 15px;\n        }\n\n        .file-preview-item {\n            position: relative;\n            border: 2px solid #e9ecef;\n            border-radius: 10px;\n            overflow: hidden;\n            background: #f8f9fa;\n        }\n\n        .file-preview-image {\n            width: 100%;\n            height: 120px;\n            object-fit: cover;\n            display: block;\n        }\n\n        .file-preview-info {\n            padding: 10px;\n            text-align: center;\n            font-size: 0.9rem;\n            color: #6c757d;\n        }\n\n        .file-preview-remove {\n            position: absolute;\n            top: 5px;\n            right: 5px;\n            background: #dc3545;\n            color: white;\n            border: none;\n            border-radius: 50%;\n            width: 25px;\n            height: 25px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.8rem;\n        }\n\n        .file-preview-remove:hover {\n            background: #c82333;\n        }\n\n        .form-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n        }\n\n        .form-buttons {\n            display: flex;\n            justify-content: flex-end;\n            align-items: center;\n            margin-top: 40px;\n        }\n\n        .right-buttons {\n            display: flex;\n            gap: 15px;\n        }\n\n        .btn {\n            padding: 15px 30px;\n            border: none;\n            border-radius: 10px;\n            font-size: 1rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-decoration: none;\n            display: inline-block;\n            text-align: center;\n        }\n\n        .btn-primary {\n            background: linear-gradient(135deg, #9B1E2B 0%, #C41E3A 100%);\n            color: white;\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 20px rgba(155, 30, 43, 0.3);\n        }\n\n        .btn-secondary {\n            background: #6c757d;\n            color: white;\n        }\n\n        .btn-secondary:hover {\n            background: #5a6268;\n        }\n\n        .btn:disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n        }\n\n        .required {\n            color: #9B1E2B;\n        }\n\n        @media (max-width: 768px) {\n            .form-row {\n                grid-template-columns: 1fr;\n            }\n            \n            .form-buttons {\n                flex-direction: column;\n                gap: 15px;\n            }\n            \n            .btn {\n                width: 100%;\n            }\n            \n            .form-content {\n                padding: 20px;\n            }\n            \n            .step-title {\n                font-size: 1.4rem;\n            }\n            \n            \n            \/* Mobilde sadece aktif ad\u0131m\u0131 g\u00f6ster *\/\n            .progress-steps .step {\n                display: none;\n            }\n            \n            .progress-steps .step.active {\n                display: flex;\n                justify-content: center;\n                margin: 15px 0 0 0;\n            }\n        }\n        \n        \/* Summary page mobile fix *\/\n        @media (max-width: 768px) {\n            .summary-section div[style*=\"grid-template-columns\"] {\n                display: block !important;\n            }\n            \n            .summary-section div[style*=\"grid-template-columns\"] > div {\n                margin-bottom: 15px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"form-container\">\n\n        <div class=\"form-progress\">\n            <div class=\"progress-bar\">\n                <div class=\"progress-fill\" id=\"progressFill\"><\/div>\n            <\/div>\n            <div class=\"progress-steps\">\n                <div class=\"step active\" data-step=\"1\">\n                    <div class=\"step-number\">1<\/div>\n                    <span>Vehicle data<\/span>\n                <\/div>\n                <div class=\"step\" data-step=\"2\">\n                    <div class=\"step-number\">2<\/div>\n                    <span>Contact details<\/span>\n                <\/div>\n                <div class=\"step\" data-step=\"3\">\n                    <div class=\"step-number\">3<\/div>\n                    <span>Review<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"form-content\">\n            <form id=\"vehicleForm\" action=\"\">\n                <!-- Step 1: Fahrzeugdaten -->\n                <div class=\"form-step active\" data-step=\"1\">\n                    <h2 class=\"step-title\">Vehicle data<\/h2>\n                    \n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label class=\"form-label\" for=\"fahrzeugmarke\">Vehicle make <span class=\"required\">*<\/span><\/label>\n                            <select class=\"form-select\" id=\"fahrzeugmarke\" name=\"fahrzeugmarke\" required>\n                                <option value=\"\">Please select<\/option>\n                                <option value=\"abarth\">Abarth<\/option>\n                                <option value=\"acura\">Acura<\/option>\n                                <option value=\"aiways\">Aiways<\/option>\n                                <option value=\"alfa-romeo\">Alfa Romeo<\/option>\n                                <option value=\"alpine\">Alpine<\/option>\n                                <option value=\"aston-martin\">Aston Martin<\/option>\n                                <option value=\"audi\">Audi<\/option>\n                                <option value=\"baic-motor\">BAIC Motor<\/option>\n                                <option value=\"baojun\">Baojun<\/option>\n                                <option value=\"bentley\">Bentley<\/option>\n                                <option value=\"bmw\">BMW<\/option>\n                                <option value=\"borgward\">Borgward<\/option>\n                                <option value=\"brilliance-auto\">Brilliance Auto<\/option>\n                                <option value=\"bugatti\">Bugatti<\/option>\n                                <option value=\"buick\">Buick<\/option>\n                                <option value=\"byd\">BYD<\/option>\n                                <option value=\"cadillac\">Cadillac<\/option>\n                                <option value=\"changan-automobile\">Changan Automobile<\/option>\n                                <option value=\"chery\">Chery<\/option>\n                                <option value=\"chevrolet\">Chevrolet<\/option>\n                                <option value=\"chrysler\">Chrysler<\/option>\n                                <option value=\"citroen\">Citro\u00ebn<\/option>\n                                <option value=\"cowin-auto\">Cowin car<\/option>\n                                <option value=\"cupra\">Cupra<\/option>\n                                <option value=\"dacia\">Dacia<\/option>\n                                <option value=\"daewoo\">Daewoo<\/option>\n                                <option value=\"daihatsu\">Daihatsu<\/option>\n                                <option value=\"datsun\">Datsun<\/option>\n                                <option value=\"dfsk\">DFSK<\/option>\n                                <option value=\"dodge\">Dodge<\/option>\n                                <option value=\"dongfeng-motor\">Dongfeng Motor<\/option>\n                                <option value=\"ds-automobiles\">DS Automobiles<\/option>\n                                <option value=\"eicher-motors\">Eicher Motors<\/option>\n                                <option value=\"faw-group\">FAW Group<\/option>\n                                <option value=\"ferrari\">Ferrari<\/option>\n                                <option value=\"fiat\">Fiat<\/option>\n                                <option value=\"fisker-inc\">Fisker Inc<\/option>\n                                <option value=\"ford\">Ford<\/option>\n                                <option value=\"foton-motor\">Foton Motor<\/option>\n                                <option value=\"gac-group\">GAC Group<\/option>\n                                <option value=\"geely\">Geely<\/option>\n                                <option value=\"genesis\">Genesis<\/option>\n                                <option value=\"gmc\">GMC<\/option>\n                                <option value=\"great-wall-motors\">Great Wall Motors<\/option>\n                                <option value=\"haval\">Haval<\/option>\n                                <option value=\"hino-motors\">Hino Motors<\/option>\n                                <option value=\"holden\">Holden<\/option>\n                                <option value=\"honda\">Honda<\/option>\n                                <option value=\"hongqi\">Hongqi<\/option>\n                                <option value=\"huanghai-automobile\">Huanghai Automobile<\/option>\n                                <option value=\"hummer\">Lobster<\/option>\n                                <option value=\"hyundai\">Hyundai<\/option>\n                                <option value=\"infiniti\">Infiniti<\/option>\n                                <option value=\"isuzu\">Isuzu<\/option>\n                                <option value=\"iveco\">Iveco<\/option>\n                                <option value=\"jac-motors\">JAC Motors<\/option>\n                                <option value=\"jaguar\">Jaguar<\/option>\n                                <option value=\"jeep\">Jeep<\/option>\n                                <option value=\"jmc-motor\">JMC Motor<\/option>\n                                <option value=\"kia\">Kia<\/option>\n                                <option value=\"king-long\">King Long<\/option>\n                                <option value=\"lada\">Lada<\/option>\n                                <option value=\"lamborghini\">Lamborghini<\/option>\n                                <option value=\"lancia\">Lancia<\/option>\n                                <option value=\"land-rover\">Land Rover<\/option>\n                                <option value=\"leapmotor\">Leap motor<\/option>\n                                <option value=\"lexus\">Lexus<\/option>\n                                <option value=\"lincoln\">Lincoln<\/option>\n                                <option value=\"lotus\">Lotus<\/option>\n                                <option value=\"lucid-motors\">Lucid Motors<\/option>\n                                <option value=\"mahindra\">Mahindra<\/option>\n                                <option value=\"maruti-suzuki\">Maruti Suzuki<\/option>\n                                <option value=\"maserati\">Maserati<\/option>\n                                <option value=\"maxus\">Maxus<\/option>\n                                <option value=\"mazda\">Mazda<\/option>\n                                <option value=\"mclaren\">McLaren<\/option>\n                                <option value=\"mercedes-benz\">Mercedes-Benz<\/option>\n                                <option value=\"mg-motor\">MG Motor<\/option>\n                                <option value=\"mini\">Mini<\/option>\n                                <option value=\"mitsubishi\">Mitsubishi<\/option>\n                                <option value=\"morgan\">Morgan<\/option>\n                                <option value=\"nio\">Nio<\/option>\n                                <option value=\"nissan\">Nissan<\/option>\n                                <option value=\"opel\">Opel<\/option>\n                                <option value=\"pagani\">Pagani<\/option>\n                                <option value=\"peugeot\">Peugeot<\/option>\n                                <option value=\"polestar\">Polestar<\/option>\n                                <option value=\"porsche\">Porsche<\/option>\n                                <option value=\"proton\">Proton<\/option>\n                                <option value=\"renault\">Renault<\/option>\n                                <option value=\"rimac\">Rimac<\/option>\n                                <option value=\"roewe\">Roewe<\/option>\n                                <option value=\"rolls-royce\">Rolls-Royce<\/option>\n                                <option value=\"saab\">Saab<\/option>\n                                <option value=\"scania\">Scania<\/option>\n                                <option value=\"seat\">SEAT<\/option>\n                                <option value=\"skoda\">\u0160koda<\/option>\n                                <option value=\"smart\">Smart<\/option>\n                                <option value=\"ssangyong\">SsangYong<\/option>\n                                <option value=\"subaru\">Subaru<\/option>\n                                <option value=\"suzuki\">Suzuki<\/option>\n                                <option value=\"tata-motors\">Tata Motors<\/option>\n                                <option value=\"tesla\">Tesla<\/option>\n                                <option value=\"toyota\">Toyota<\/option>\n                                <option value=\"vinfast\">VinFast<\/option>\n                                <option value=\"volkswagen\">Volkswagen<\/option>\n                                <option value=\"volvo\">Volvo<\/option>\n                                <option value=\"xpeng\">XPeng<\/option>\n                                <option value=\"zeekr\">Zeekr<\/option>\n                                <option value=\"sonstige\">Other<\/option>\n                            <\/select>\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label class=\"form-label\" for=\"fahrzeugmodel\">Vehicle model <span class=\"required\">*<\/span><\/label>\n                            <input type=\"text\" class=\"form-input\" id=\"fahrzeugmodel\" name=\"fahrzeugmodel\" placeholder=\"e.g. Golf, A3, C-Class\" required>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label class=\"form-label\" for=\"anzahlFahrzeughalter\">Number of vehicle owners (incl. current owner \/ end user)<span class=\"required\">*<\/span><\/label>\n                            <select class=\"form-select\" id=\"anzahlFahrzeughalter\" name=\"anzahlFahrzeughalter\" required>\n                                <option value=\"\">Please select<\/option>\n                                <option value=\"1\">1st holder<\/option>\n                                <option value=\"2\">2nd holder<\/option>\n                                <option value=\"3\">3rd holder<\/option>\n                                <option value=\"4\">4th holder<\/option>\n                                <option value=\"5+\">5+ holder<\/option>\n                            <\/select>\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label class=\"form-label\" for=\"kilometerstand\">Current mileage <span class=\"required\">*<\/span><\/label>\n                            <input type=\"number\" class=\"form-input\" id=\"kilometerstand\" name=\"kilometerstand\" placeholder=\"e.g. 50000\" required>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label class=\"form-label\" for=\"erstzulassung\">Date of first registration <span class=\"required\">*<\/span><\/label>\n                            <input type=\"date\" class=\"form-input\" id=\"erstzulassung\" name=\"erstzulassung\" required>\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label class=\"form-label\" for=\"fahrzeugart\">Vehicle type <span class=\"required\">*<\/span><\/label>\n                            <select class=\"form-select\" id=\"fahrzeugart\" name=\"fahrzeugart\" required>\n                                <option value=\"\">Please select<\/option>\n                                <option value=\"limousine\">Saloon<\/option>\n                                <option value=\"kombi\">Combi<\/option>\n                                <option value=\"hatchback\">Hatchback<\/option>\n                                <option value=\"coupe\">Coup\u00e9<\/option>\n                                <option value=\"cabrio\">Convertible<\/option>\n                                <option value=\"suv\">SUV<\/option>\n                                <option value=\"van\">Van<\/option>\n                                <option value=\"pickup\">Pickup<\/option>\n                                <option value=\"motorrad\">Motorbike<\/option>\n                                <option value=\"sonstige\">Other<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label class=\"form-label\" for=\"preisvorstellung\">Your asking price (in \u20ac) <span class=\"required\">*<\/span><\/label>\n                        <input type=\"number\" class=\"form-input\" id=\"preisvorstellung\" name=\"preisvorstellung\" placeholder=\"e.g. 15000\" required>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label class=\"form-label\">File upload (jpg, png, jpeg)<\/label>\n                        <div class=\"file-upload\">\n                            <input type=\"file\" class=\"file-upload-input\" id=\"fileUpload\" name=\"fileUpload\" multiple accept=\"image\/*\">\n                            <label for=\"fileUpload\" class=\"file-upload-label\">\n                                <i class=\"fas fa-cloud-upload-alt file-upload-icon\"><\/i>\n                                Select file\n                            <\/label>\n                        <\/div>\n                        <div class=\"file-preview\" id=\"filePreview\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Step 2: Kontaktdaten -->\n                <div class=\"form-step\" data-step=\"2\">\n                    <h2 class=\"step-title\">Contact details<\/h2>\n                    \n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label class=\"form-label\" for=\"vorname\">First name <span class=\"required\">*<\/span><\/label>\n                            <input type=\"text\" class=\"form-input\" id=\"vorname\" name=\"vorname\" required>\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label class=\"form-label\" for=\"nachname\">Surname <span class=\"required\">*<\/span><\/label>\n                            <input type=\"text\" class=\"form-input\" id=\"nachname\" name=\"nachname\" required>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label class=\"form-label\" for=\"telefon\">Telephone number <span class=\"required\">*<\/span><\/label>\n                            <input type=\"tel\" class=\"form-input\" id=\"telefon\" name=\"telefon\" placeholder=\"e.g. 01784046381\" pattern=\"[0-9]+\" title=\"Only numbers allowed\" required>\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label class=\"form-label\" for=\"email\">Email address <span class=\"required\">*<\/span><\/label>\n                            <input type=\"email\" class=\"form-input\" id=\"email\" name=\"email\" placeholder=\"e.g. max.mustermann@email.de\" required>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label class=\"form-label\" for=\"plz\">Postcode <span class=\"required\">*<\/span><\/label>\n                            <input type=\"text\" class=\"form-input\" id=\"plz\" name=\"plz\" placeholder=\"e.g. 86167\" pattern=\"[0-9]+\" title=\"Only numbers allowed\" required>\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label class=\"form-label\" for=\"ort\">Town\/city <span class=\"required\">*<\/span><\/label>\n                            <input type=\"text\" class=\"form-input\" id=\"ort\" name=\"ort\" placeholder=\"e.g. Augsburg\" required>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label class=\"form-label\" for=\"anmerkung\">Your comment<\/label>\n                        <textarea class=\"form-textarea\" id=\"anmerkung\" name=\"anmerkung\" placeholder=\"Additional information about your vehicle...\"><\/textarea>\n                    <\/div>\n\n                    <div style=\"margin-top: 30px; display: flex; align-items: flex-start; gap: 12px; background: #f8f9fa; padding: 20px; border-radius: 10px; border: 2px solid #9B1E2B;\">\n                        <input type=\"checkbox\" id=\"datenschutz\" name=\"datenschutz\" required style=\"width: 20px; height: 20px; margin-top: 2px; cursor: pointer; flex-shrink: 0;\">\n                        <label for=\"datenschutz\" style=\"font-size: 14px; line-height: 1.5; color: #333; cursor: pointer; margin: 0;\">\n                            I have the <a href=\"https:\/\/dynasty-motors.de\/en\/datenschutz\/\" target=\"_blank\" style=\"color: #9B1E2B; text-decoration: none; font-weight: 600;\">Privacy policy<\/a> and authorise the processing of my data. <span class=\"required\">*<\/span>\n                        <\/label>\n                    <\/div>\n                <\/div>\n\n                <!-- Step 3: \u00dcberpr\u00fcfung -->\n                <div class=\"form-step\" data-step=\"3\">\n                    <h2 class=\"step-title\">Review<\/h2>\n                    <div id=\"formSummary\"><\/div>\n                <\/div>\n\n                <!-- Step 4: Best\u00e4tigung -->\n                <div class=\"form-step\" data-step=\"4\">\n                    <div style=\"text-align: center; padding: 40px 20px;\">\n                        <div style=\"margin-bottom: 30px;\">\n                            <i class=\"fas fa-check-circle\" style=\"font-size: 80px; color: #28a745;\"><\/i>\n                        <\/div>\n                        <h2 class=\"step-title\" style=\"color: #28a745; margin-bottom: 20px;\">Thank you very much!<\/h2>\n                        <p style=\"font-size: 1.2rem; color: #2c3e50; margin-bottom: 15px; line-height: 1.6;\">\n                            We have received your information.\n                        <\/p>\n                        <p style=\"font-size: 1.1rem; color: #6c757d; margin-bottom: 30px; line-height: 1.6;\">\n                            We will get in touch with you shortly.\n                        <\/p>\n                        <div style=\"background: linear-gradient(135deg, #9B1E2B 0%, #C41E3A 100%); color: white; padding: 25px; border-radius: 10px; margin-top: 30px;\">\n                            <h3 style=\"margin-bottom: 15px; font-size: 1.3rem;\">\n                                <i class=\"fas fa-phone\" style=\"margin-right: 10px;\"><\/i>Dynasty Motors GMBH\n                            <\/h3>\n                            <p style=\"font-size: 1rem; opacity: 0.9; margin-bottom: 10px;\">\n                                <i class=\"fas fa-envelope\" style=\"margin-right: 8px;\"><\/i>info@dynasty-motors.de\n                            <\/p>\n                            <p style=\"font-size: 1rem; opacity: 0.9;\">\n                                <i class=\"fas fa-phone-alt\" style=\"margin-right: 8px;\"><\/i>0178 - 40 46 381\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-buttons\">\n                    <button type=\"button\" class=\"btn btn-secondary\" id=\"prevBtn\" style=\"display: none; margin-right: 15px;\">Back<\/button>\n                    <div class=\"right-buttons\">\n                        <button type=\"button\" class=\"btn btn-primary\" id=\"nextBtn\">Further<\/button>\n                        <button type=\"submit\" class=\"btn btn-primary\" id=\"submitBtn\" style=\"display: none;\">Sending<\/button>\n                    <\/div>\n                <\/div>\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const form = document.getElementById('vehicleForm');\n            const steps = document.querySelectorAll('.form-step');\n            const progressFill = document.getElementById('progressFill');\n            const progressSteps = document.querySelectorAll('.step');\n            const nextBtn = document.getElementById('nextBtn');\n            const prevBtn = document.getElementById('prevBtn');\n            const submitBtn = document.getElementById('submitBtn');\n            const formSummary = document.getElementById('formSummary');\n            const fileUpload = document.getElementById('fileUpload');\n            const filePreview = document.getElementById('filePreview');\n\n            let currentStep = 1;\n            const totalSteps = 4;\n            let uploadedFiles = [];\n\n            \/\/ Update progress bar\n            function updateProgress() {\n                \/\/ 4. ad\u0131m ba\u015far\u0131 sayfas\u0131 oldu\u011fu i\u00e7in progress bar'da 3. ad\u0131mda kalmal\u0131\n                const displayStep = currentStep > 3 ? 3 : currentStep;\n                const progress = (displayStep \/ 3) * 100;\n                progressFill.style.width = progress + '%';\n                \n                progressSteps.forEach((step, index) => {\n                    step.classList.remove('active', 'completed');\n                    if (index + 1 < displayStep) {\n                        step.classList.add('completed');\n                    } else if (index + 1 === displayStep) {\n                        step.classList.add('active');\n                    }\n                });\n                \n                \/\/ 4. ad\u0131mda (ba\u015far\u0131 sayfas\u0131) t\u00fcm ad\u0131mlar\u0131 completed yap\n                if (currentStep === 4) {\n                    progressSteps.forEach(step => {\n                        step.classList.remove('active');\n                        step.classList.add('completed');\n                    });\n                    progressFill.style.width = '100%';\n                }\n            }\n\n            \/\/ Show current step\n            function showStep(step) {\n                steps.forEach(s => s.classList.remove('active'));\n                const currentStepElement = document.querySelector(`.form-step[data-step=\"${step}\"]`);\n                if (currentStepElement) {\n                    currentStepElement.classList.add('active');\n                }\n                updateProgress();\n            }\n\n            \/\/ Next button click\n            nextBtn.addEventListener('click', function() {\n                if (validateCurrentStep()) {\n                    if (currentStep < 3) { \/\/ Maksimum 3. ad\u0131ma kadar\n                        currentStep++;\n                        showStep(currentStep);\n                        \n                        if (currentStep === 3) {\n                            nextBtn.style.display = 'none';\n                            submitBtn.style.display = 'inline-block';\n                            generateSummary();\n                        } else {\n                            nextBtn.style.display = 'inline-block';\n                            submitBtn.style.display = 'none';\n                        }\n                        \n                        prevBtn.style.display = 'inline-block';\n                    }\n                }\n            });\n\n            \/\/ Previous button click\n            prevBtn.addEventListener('click', function() {\n                if (currentStep > 1) {\n                    currentStep--;\n                    showStep(currentStep);\n                    \n                    if (currentStep === 1) {\n                        prevBtn.style.display = 'none';\n                    }\n                    \n                    nextBtn.style.display = 'inline-block';\n                    submitBtn.style.display = 'none';\n                }\n            });\n\n            \/\/ Validate current step\n            function validateCurrentStep() {\n                const currentStepElement = document.querySelector(`.form-step[data-step=\"${currentStep}\"]`);\n                if (!currentStepElement) return false;\n                \n                const requiredFields = currentStepElement.querySelectorAll('[required]');\n                let isValid = true;\n\n                requiredFields.forEach(field => {\n                    \/\/ Checkbox i\u00e7in \u00f6zel kontrol\n                    if (field.type === 'checkbox') {\n                        if (!field.checked) {\n                            alert('Bitte stimmen Sie der Datenschutzerkl\u00e4rung zu.');\n                            isValid = false;\n                        }\n                        return;\n                    }\n                    \n                    if (!field.value.trim()) {\n                        field.style.borderColor = '#9B1E2B';\n                        isValid = false;\n                    } else {\n                        \/\/ \u00d6zel validasyonlar\n                        if (field.type === 'tel') {\n                            \/\/ Telefon numaras\u0131 sadece rakamlar olmal\u0131\n                            if (!\/^[0-9]+$\/.test(field.value)) {\n                                field.style.borderColor = '#dc3545';\n                                field.title = 'Nur Zahlen erlaubt';\n                                isValid = false;\n                            } else {\n                                field.style.borderColor = '#e9ecef';\n                                field.title = '';\n                            }\n                        } else if (field.type === 'email') {\n                            \/\/ Email format\u0131 kontrol\u00fc\n                            const emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n                            if (!emailPattern.test(field.value)) {\n                                field.style.borderColor = '#dc3545';\n                                field.title = 'Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein';\n                                isValid = false;\n                            } else {\n                                field.style.borderColor = '#e9ecef';\n                                field.title = '';\n                            }\n                        } else if (field.name === 'plz') {\n                            \/\/ PLZ kontrol\u00fc - sadece rakamlar\n                            if (!\/^[0-9]+$\/.test(field.value)) {\n                                field.style.borderColor = '#dc3545';\n                                field.title = 'Nur Zahlen erlaubt';\n                                isValid = false;\n                            } else {\n                                field.style.borderColor = '#e9ecef';\n                                field.title = '';\n                            }\n                        } else {\n                            field.style.borderColor = '#e9ecef';\n                        }\n                    }\n                });\n\n                return isValid;\n            }\n\n            \/\/ Generate form summary\n            function generateSummary() {\n                const formData = new FormData(form);\n                let summaryHTML = '<div class=\"summary-container\">';\n                \n                summaryHTML += '<h3 style=\"color: #2c3e50; margin-bottom: 30px; text-align: center; font-size: 1.5rem;\"><i class=\"fas fa-clipboard-check\" style=\"margin-right: 10px;\"><\/i>Ihre Angaben zur \u00dcberpr\u00fcfung<\/h3>';\n                \n                \/\/ Select elementlerinin g\u00f6r\u00fcnen metinlerini al\n                const fahrzeugmarkeSelect = document.getElementById('fahrzeugmarke');\n                const fahrzeugmarkeText = fahrzeugmarkeSelect.options[fahrzeugmarkeSelect.selectedIndex].text;\n                \n                const fahrzeugartSelect = document.getElementById('fahrzeugart');\n                const fahrzeugartText = fahrzeugartSelect.options[fahrzeugartSelect.selectedIndex].text;\n                \n                \/\/ Fahrzeugdaten - Detayl\u0131\n                summaryHTML += '<div class=\"summary-section\" style=\"background: #f8f9fa; padding: 25px; border-radius: 10px; margin-bottom: 25px; border-left: 5px solid #9B1E2B;\">';\n                summaryHTML += '<h4 style=\"color: #9B1E2B; margin-bottom: 20px; font-size: 1.2rem; display: flex; align-items: center;\"><i class=\"fas fa-car\" style=\"margin-right: 10px;\"><\/i> Fahrzeugdaten<\/h4>';\n                summaryHTML += '<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px;\">';\n                summaryHTML += `<div><strong><i class=\"fas fa-tag\" style=\"margin-right: 8px; color: #9B1E2B;\"><\/i>Marke:<\/strong><br><span style=\"color: #495057; font-size: 1.1rem;\">${fahrzeugmarkeText || 'Nicht angegeben'}<\/span><\/div>`;\n                summaryHTML += `<div><strong><i class=\"fas fa-car-side\" style=\"margin-right: 8px; color: #9B1E2B;\"><\/i>Model:<\/strong><br><span style=\"color: #495057; font-size: 1.1rem;\">${formData.get('fahrzeugmodel') || 'Nicht angegeben'}<\/span><\/div>`;\n                summaryHTML += `<div><strong><i class=\"fas fa-users\" style=\"margin-right: 8px; color: #9B1E2B;\"><\/i>Anzahl Halter:<\/strong><br><span style=\"color: #495057; font-size: 1.1rem;\">${formData.get('anzahlFahrzeughalter') || 'Nicht angegeben'}<\/span><\/div>`;\n                summaryHTML += `<div><strong><i class=\"fas fa-tachometer-alt\" style=\"margin-right: 8px; color: #9B1E2B;\"><\/i>Kilometerstand:<\/strong><br><span style=\"color: #495057; font-size: 1.1rem;\">${formData.get('kilometerstand') || 'Nicht angegeben'} km<\/span><\/div>`;\n                summaryHTML += `<div><strong><i class=\"fas fa-calendar-alt\" style=\"margin-right: 8px; color: #9B1E2B;\"><\/i>Erstzulassung:<\/strong><br><span style=\"color: #495057; font-size: 1.1rem;\">${formData.get('erstzulassung') || 'Nicht angegeben'}<\/span><\/div>`;\n                summaryHTML += `<div><strong><i class=\"fas fa-car\" style=\"margin-right: 8px; color: #9B1E2B;\"><\/i>Fahrzeugart:<\/strong><br><span style=\"color: #495057; font-size: 1.1rem;\">${fahrzeugartText || 'Nicht angegeben'}<\/span><\/div>`;\n                summaryHTML += '<\/div>';\n                summaryHTML += `<div style=\"margin-top: 20px; padding: 15px; background: #fff3cd; border-radius: 8px; border-left: 4px solid #ffc107;\">`;\n                summaryHTML += `<strong><i class=\"fas fa-euro-sign\" style=\"margin-right: 8px; color: #ffc107;\"><\/i>Ihre Preisvorstellung:<\/strong><br><span style=\"color: #9B1E2B; font-size: 1.3rem; font-weight: bold;\">${formData.get('preisvorstellung') || 'Nicht angegeben'} \u20ac<\/span>`;\n                summaryHTML += '<\/div>';\n                summaryHTML += '<\/div>';\n                \n                \/\/ Kontaktdaten - Detayl\u0131\n                summaryHTML += '<div class=\"summary-section\" style=\"background: #f8f9fa; padding: 25px; border-radius: 10px; margin-bottom: 25px; border-left: 5px solid #28a745;\">';\n                summaryHTML += '<h4 style=\"color: #28a745; margin-bottom: 20px; font-size: 1.2rem; display: flex; align-items: center;\"><i class=\"fas fa-user\" style=\"margin-right: 10px;\"><\/i> Kontaktdaten<\/h4>';\n                summaryHTML += '<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px;\">';\n                summaryHTML += `<div><strong><i class=\"fas fa-user\" style=\"margin-right: 8px; color: #28a745;\"><\/i>Vorname:<\/strong><br><span style=\"color: #495057; font-size: 1.1rem;\">${formData.get('vorname') || 'Nicht angegeben'}<\/span><\/div>`;\n                summaryHTML += `<div><strong><i class=\"fas fa-user\" style=\"margin-right: 8px; color: #28a745;\"><\/i>Nachname:<\/strong><br><span style=\"color: #495057; font-size: 1.1rem;\">${formData.get('nachname') || 'Nicht angegeben'}<\/span><\/div>`;\n                summaryHTML += `<div><strong><i class=\"fas fa-phone\" style=\"margin-right: 8px; color: #28a745;\"><\/i>Telefon:<\/strong><br><span style=\"color: #495057; font-size: 1.1rem;\">${formData.get('telefon') || 'Nicht angegeben'}<\/span><\/div>`;\n                summaryHTML += `<div><strong><i class=\"fas fa-envelope\" style=\"margin-right: 8px; color: #28a745;\"><\/i>Email:<\/strong><br><span style=\"color: #495057; font-size: 1.1rem;\">${formData.get('email') || 'Nicht angegeben'}<\/span><\/div>`;\n                summaryHTML += `<div><strong><i class=\"fas fa-mail-bulk\" style=\"margin-right: 8px; color: #28a745;\"><\/i>PLZ:<\/strong><br><span style=\"color: #495057; font-size: 1.1rem;\">${formData.get('plz') || 'Nicht angegeben'}<\/span><\/div>`;\n                summaryHTML += `<div><strong><i class=\"fas fa-city\" style=\"margin-right: 8px; color: #28a745;\"><\/i>Ort\/Stadt:<\/strong><br><span style=\"color: #495057; font-size: 1.1rem;\">${formData.get('ort') || 'Nicht angegeben'}<\/span><\/div>`;\n                summaryHTML += '<\/div>';\n                if (formData.get('anmerkung')) {\n                    summaryHTML += `<div style=\"margin-top: 20px; padding: 15px; background: #e3f2fd; border-radius: 8px; border-left: 4px solid #2196f3;\">`;\n                    summaryHTML += `<strong><i class=\"fas fa-comment\" style=\"margin-right: 8px; color: #2196f3;\"><\/i>Ihre Anmerkung:<\/strong><br><span style=\"color: #495057; font-size: 1.1rem; font-style: italic;\">\"${formData.get('anmerkung')}\"<\/span>`;\n                    summaryHTML += '<\/div>';\n                }\n                summaryHTML += '<\/div>';\n                \n                \/\/ Hochgeladene Bilder\n                if (uploadedFiles.length > 0) {\n                    summaryHTML += '<div class=\"summary-section\" style=\"background: #f8f9fa; padding: 25px; border-radius: 10px; margin-bottom: 25px; border-left: 5px solid #6f42c1;\">';\n                    summaryHTML += '<h4 style=\"color: #6f42c1; margin-bottom: 20px; font-size: 1.2rem; display: flex; align-items: center;\"><i class=\"fas fa-images\" style=\"margin-right: 10px;\"><\/i> Hochgeladene Bilder<\/h4>';\n                    summaryHTML += `<p style=\"color: #495057; font-size: 1.1rem;\"><strong>Anzahl der Bilder:<\/strong> ${uploadedFiles.length}<\/p>`;\n                    summaryHTML += '<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; margin-top: 15px;\">';\n                    uploadedFiles.forEach((file, index) => {\n                        summaryHTML += `<div style=\"text-align: center; padding: 10px; background: white; border-radius: 8px; border: 1px solid #dee2e6;\">`;\n                        summaryHTML += `<i class=\"fas fa-image\" style=\"font-size: 2rem; color: #6f42c1; margin-bottom: 5px;\"><\/i><br>`;\n                        summaryHTML += `<small style=\"color: #6c757d; word-break: break-all;\">${file.name}<\/small>`;\n                        summaryHTML += '<\/div>';\n                    });\n                    summaryHTML += '<\/div>';\n                    summaryHTML += '<\/div>';\n                }\n                \n                \/\/ Zusammenfassung\n                summaryHTML += '<div class=\"summary-section\" style=\"background: linear-gradient(135deg, #9B1E2B 0%, #C41E3A 100%); color: white; padding: 25px; border-radius: 10px; text-align: center;\">';\n                summaryHTML += '<h4 style=\"margin-bottom: 15px; font-size: 1.3rem;\"><i class=\"fas fa-check-circle\" style=\"margin-right: 10px;\"><\/i>Zusammenfassung<\/h4>';\n                summaryHTML += '<p style=\"font-size: 1rem; opacity: 0.9;\"><i class=\"fas fa-exclamation-triangle\" style=\"margin-right: 8px;\"><\/i>Bitte \u00fcberpr\u00fcfen Sie alle Daten vor dem Absenden.<\/p>';\n                summaryHTML += '<\/div>';\n                \n                summaryHTML += '<\/div>';\n                \n                formSummary.innerHTML = summaryHTML;\n            }\n\n            \/\/ Form submit\n            form.addEventListener('submit', function(e) {\n                e.preventDefault();\n                if (validateCurrentStep()) {\n                    submitForm();\n                }\n            });\n\n            \/\/ Form g\u00f6nderme fonksiyonu\n            function submitForm() {\n                const formData = new FormData(form);\n                formData.append('action', 'submit_vehicle_form');\n                formData.append('nonce', 'vehicle_form_nonce_123'); \/\/ Ge\u00e7ici nonce\n                \n                \/\/ T\u00fcm y\u00fcklenen resimleri ekle\n                uploadedFiles.forEach((file, index) => {\n                    formData.append('fileUpload[]', file);\n                });\n\n                \/\/ Loading g\u00f6ster\n                const submitBtn = document.getElementById('submitBtn');\n                const originalText = submitBtn.textContent;\n                submitBtn.textContent = 'Wird gesendet...';\n                submitBtn.disabled = true;\n\n                \/\/ WordPress AJAX URL'i - sitenizin URL'ini buraya yaz\u0131n\n                const ajaxUrl = window.location.origin + '\/wp-admin\/admin-ajax.php';\n\n                fetch(ajaxUrl, {\n                    method: 'POST',\n                    body: formData\n                })\n                .then(response => response.json())\n           .then(data => {\n               console.log('AJAX Response:', data);\n               \n               if (data.success) {\n                   console.log('Debug Info:', data.data.debug);\n                   \/\/ 4. ad\u0131ma (ba\u015far\u0131 sayfas\u0131) ge\u00e7\n                   currentStep = 4;\n                   showStep(currentStep);\n                   updateProgress();\n                   nextBtn.style.display = 'none';\n                   prevBtn.style.display = 'none';\n                   submitBtn.style.display = 'none';\n                   \n                   \/\/ 5 saniye sonra formu s\u0131f\u0131rla\n                   setTimeout(() => {\n                       form.reset();\n                       uploadedFiles = [];\n                       filePreview.innerHTML = '';\n                       currentStep = 1;\n                       showStep(currentStep);\n                       updateProgress();\n                       nextBtn.style.display = 'inline-block';\n                       prevBtn.style.display = 'none';\n                       submitBtn.style.display = 'none';\n                   }, 5000);\n               } else {\n                   console.log('Error Debug:', data.data.debug);\n                   alert('Es ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut.');\n               }\n           })\n                .catch(error => {\n                    console.error('Error:', error);\n                    \/\/ Error alert kald\u0131r\u0131ld\u0131 - sadece console'da g\u00f6ster\n                })\n                .finally(() => {\n                    submitBtn.textContent = originalText;\n                    submitBtn.disabled = false;\n                });\n            }\n\n            \/\/ File upload handling\n            fileUpload.addEventListener('change', function(e) {\n                const files = Array.from(e.target.files);\n                \/\/ Sadece resim dosyalar\u0131n\u0131 filtrele\n                const imageFiles = files.filter(file => file.type.startsWith('image\/'));\n                \n                if (imageFiles.length !== files.length) {\n                    alert('Nur Bilddateien sind erlaubt! PDF-Dateien werden nicht akzeptiert.');\n                }\n                \n                uploadedFiles = [...uploadedFiles, ...imageFiles];\n                displayFilePreviews();\n            });\n\n            \/\/ Display file previews\n            function displayFilePreviews() {\n                filePreview.innerHTML = '';\n                \n                uploadedFiles.forEach((file, index) => {\n                    const previewItem = document.createElement('div');\n                    previewItem.className = 'file-preview-item';\n                    \n                    \/\/ Sadece resim dosyalar\u0131n\u0131 kabul et\n                    if (file.type.startsWith('image\/')) {\n                        const reader = new FileReader();\n                        reader.onload = function(e) {\n                            previewItem.innerHTML = `\n                                <img decoding=\"async\" src=\"${e.target.result}\" class=\"file-preview-image\" alt=\"${file.name}\">\n                                <div class=\"file-preview-info\">${file.name}<\/div>\n                                <button type=\"button\" class=\"file-preview-remove\" onclick=\"removeFile(${index})\">&times;<\/button>\n                            `;\n                        };\n                        reader.readAsDataURL(file);\n                    } else {\n                        \/\/ Resim olmayan dosyalar\u0131 kabul etme\n                        alert('Nur Bilddateien sind erlaubt!');\n                        return;\n                    }\n                    \n                    filePreview.appendChild(previewItem);\n                });\n            }\n\n            \/\/ Remove file function\n            window.removeFile = function(index) {\n                uploadedFiles.splice(index, 1);\n                displayFilePreviews();\n                \n                \/\/ Update file input\n                const dt = new DataTransfer();\n                uploadedFiles.forEach(file => dt.items.add(file));\n                fileUpload.files = dt.files;\n            };\n\n            \/\/ Input validation - Real-time\n            const telefonInput = document.getElementById('telefon');\n            const emailInput = document.getElementById('email');\n            const plzInput = document.getElementById('plz');\n            \n            \/\/ Telefon numaras\u0131 - sadece rakamlar\n            telefonInput.addEventListener('input', function(e) {\n                \/\/ Sadece rakamlar\u0131 kabul et\n                e.target.value = e.target.value.replace(\/[^0-9]\/g, '');\n            });\n            \n            \/\/ PLZ - sadece rakamlar (s\u0131n\u0131rs\u0131z uzunluk)\n            plzInput.addEventListener('input', function(e) {\n                \/\/ Sadece rakamlar\u0131 kabul et\n                e.target.value = e.target.value.replace(\/[^0-9]\/g, '');\n                \n                if (e.target.value.length > 0) {\n                    e.target.style.borderColor = '#28a745';\n                    e.target.title = '';\n                } else {\n                    e.target.style.borderColor = '#e9ecef';\n                    e.target.title = '';\n                }\n            });\n            \n            \/\/ Email validation - real-time\n            emailInput.addEventListener('input', function(e) {\n                const email = e.target.value;\n                const emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n                \n                if (email && !emailPattern.test(email)) {\n                    e.target.style.borderColor = '#dc3545';\n                    e.target.title = 'Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein';\n                } else {\n                    e.target.style.borderColor = '#e9ecef';\n                    e.target.title = '';\n                }\n            });\n\n            \/\/ Initialize\n            updateProgress();\n        });\n    <\/script>\n<\/body>\n<\/html>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5f296cd elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5f296cd\" 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-dd0b3fd\" data-id=\"dd0b3fd\" 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-43e3153 elementor-widget elementor-widget-html\" data-id=\"43e3153\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Fahrzeug Verkaufen<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background: #0a0a0a;\n            font-family: 'Segoe UI', Arial, sans-serif;\n            color: #fff;\n            overflow-x: hidden;\n        }\n\n        .vehicle-sell-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .vehicle-sell-header {\n            text-align: center;\n            padding: 50px 0;\n            position: relative;\n            opacity: 0;\n            transform: translateY(50px) scale(0.9);\n            transition: all 1s ease-out;\n        }\n\n        .vehicle-sell-header::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: -200px;\n            width: 450px;\n            height: 450px;\n            background-image: url('https:\/\/dynasty-motors.de\/wp-content\/uploads\/2025\/07\/hero-log-1.png');\n            background-size: contain;\n            background-repeat: no-repeat;\n            background-position: center;\n            opacity: 0.8;\n            z-index: 1;\n            transform: rotate(15deg) scale(1.2);\n            opacity: 0.2;\n            filter: drop-shadow(16px 16px 20px rgba(255, 255, 255, 0.64));\n        }\n\n        .vehicle-sell-header.animate {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n\n        .vehicle-sell-title {\n            font-size: 2.5rem;\n            font-weight: 800;\n            margin-bottom: 20px;\n            color: #9B1E2B;\n        }\n\n        .vehicle-sell-subtitle {\n            font-size: 1.3rem;\n            color: #ffffff;\n            font-weight: 400;\n        }\n\n        .vehicle-sell-features {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0;\n            margin: 50px 0;\n        }\n\n        .vehicle-sell-feature {\n            flex: 1;\n            min-width: 300px;\n            padding: 60px 40px;\n            background: #111;\n            border-right: 1px solid #333;\n            position: relative;\n            transition: all 0.5s ease;\n            opacity: 0;\n            transform: translateY(30px) scale(0.95);\n            transition: all 0.8s ease-out;\n        }\n\n        .vehicle-sell-feature.animate {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n\n        .vehicle-sell-feature:last-child {\n            border-right: none;\n        }\n\n        .vehicle-sell-feature:hover {\n            transform: scale(1.02) translateY(-5px);\n        }\n\n        .vehicle-sell-feature::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 4px;\n            height: 100%;\n            background: #9B1E2B;\n            transform: scaleY(0);\n            transition: transform 0.5s ease;\n        }\n\n        .vehicle-sell-feature:hover::before {\n            transform: scaleY(1);\n        }\n\n        .vehicle-sell-feature-title {\n            font-size: 1.8rem;\n            font-weight: 700;\n            margin-bottom: 15px;\n            color: #9B1E2B;\n        }\n\n        .vehicle-sell-feature-text {\n            color: #cecece;\n            line-height: 1.8;\n            font-size: 1rem;\n        }\n\n\n        @media (max-width: 1024px) {\n            .vehicle-sell-header::before {\n                width: 300px;\n                height: 300px;\n                right: -150px;\n                top: -50px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .vehicle-sell-container {\n                padding: 0 15px;\n            }\n            \n            .vehicle-sell-title {\n                font-size: 2.5rem;\n            }\n            \n            .vehicle-sell-subtitle {\n                font-size: 1.1rem;\n            }\n            \n            .vehicle-sell-header::before {\n                width: 200px;\n                height: 200px;\n                right: -100px;\n                top: -30px;\n            }\n            \n            .vehicle-sell-features {\n                flex-direction: column;\n                margin: 30px 0;\n            }\n            \n            .vehicle-sell-feature {\n                border-right: none;\n                border-bottom: 1px solid #333;\n                padding: 40px 25px;\n                min-width: auto;\n            }\n            \n            .vehicle-sell-feature:last-child {\n                border-bottom: none;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .vehicle-sell-title {\n                font-size: 2rem;\n            }\n            \n            .vehicle-sell-subtitle {\n                font-size: 1rem;\n            }\n            \n            .vehicle-sell-header::before {\n                display: none;\n            }\n            \n            .vehicle-sell-feature {\n                padding: 30px 20px;\n            }\n            \n            .vehicle-sell-feature-title {\n                font-size: 1.5rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"vehicle-sell-container\">\n        <div class=\"vehicle-sell-header\">\n            <h1 class=\"vehicle-sell-title\">Sell your vehicle<\/h1>\n            <p class=\"vehicle-sell-subtitle\">Reasons to sell your car with us<\/p>\n        <\/div>\n        \n        <div class=\"vehicle-sell-features\">\n            <div class=\"vehicle-sell-feature\">\n                <h3 class=\"vehicle-sell-feature-title\">Best price guarantee<\/h3>\n                <p class=\"vehicle-sell-feature-text\">The website may offer a maximum price guarantee or \"best price guarantee\" to assure customers that they are getting the best price for their vehicle.<\/p>\n            <\/div>\n            \n            <div class=\"vehicle-sell-feature\">\n                <h3 class=\"vehicle-sell-feature-title\">Quick and easy processing<\/h3>\n                <p class=\"vehicle-sell-feature-text\">Emphasise the speed and simplicity of the sales process. Customers appreciate it when the sale of their vehicle is processed quickly and easily.<\/p>\n            <\/div>\n            \n            <div class=\"vehicle-sell-feature\">\n                <h3 class=\"vehicle-sell-feature-title\">Competent advice<\/h3>\n                <p class=\"vehicle-sell-feature-text\">Emphasise that the website has a competent team of professionals who can advise the customer at every step of the sales process.<\/p>\n            <\/div>\n            \n            <div class=\"vehicle-sell-feature\">\n                <h3 class=\"vehicle-sell-feature-title\">Transparent valuation<\/h3>\n                <p class=\"vehicle-sell-feature-text\">Assure customers that the valuation of their vehicle is transparent and fair, and explain which factors are included in the valuation.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Intersection Observer for animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('animate');\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe header\n        const header = document.querySelector('.vehicle-sell-header');\n        observer.observe(header);\n\n        \/\/ Observe features with stagger effect\n        const features = document.querySelectorAll('.vehicle-sell-feature');\n        features.forEach((feature, index) => {\n            feature.style.transitionDelay = `${index * 0.2}s`;\n            observer.observe(feature);\n        });\n    <\/script>\n<\/body>\n<\/html>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-39d4ff7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"39d4ff7\" 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-6a9d80d\" data-id=\"6a9d80d\" 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-53e9b86 elementor-widget elementor-widget-html\" data-id=\"53e9b86\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Verkaufsprozess - Dynasty-Motors GmbH<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Arial, sans-serif;\n            color: #333;\n            line-height: 1.6;\n        }\n\n        .process-steps-section {\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            padding-bottom: 10px;\n        }\n\n        .process-steps-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .process-steps-header {\n            text-align: center;\n            padding: 50px 0 60px;\n            position: relative;\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease-out;\n        }\n\n        .process-steps-header.animate {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .process-steps-main-title {\n            font-size: 2.5rem;\n            font-weight: 800;\n            margin-bottom: 20px;\n            color: #9B1E2B;\n        }\n\n        .process-steps-subtitle {\n            font-size: 1.3rem;\n            color: #666;\n            font-weight: 400;\n        }\n\n        .process-steps-container-inner {\n            padding-bottom: 30px;\n        }\n\n        .process-steps-list {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .process-steps-item {\n            background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);\n            border-radius: 25px;\n            padding: 50px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\n            position: relative;\n            opacity: 0;\n            transform: translateX(-50px);\n            transition: all 0.8s ease-out;\n            border: 1px solid rgba(155, 30, 43, 0.1);\n            overflow: hidden;\n        }\n\n        .process-steps-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: linear-gradient(90deg, #9B1E2B, #7a1622);\n        }\n\n        .process-steps-item.animate {\n            opacity: 1;\n            transform: translateX(0);\n        }\n\n        .process-steps-item:hover {\n            transform: translateX(15px) translateY(-5px);\n            border-color: rgba(155, 30, 43, 0.3);\n        }\n\n        .process-steps-content {\n            display: flex;\n            align-items: center;\n            gap: 30px;\n        }\n\n        .process-steps-number {\n            background: linear-gradient(135deg, #9B1E2B, #7a1622);\n            color: #fff;\n            width: 70px;\n            height: 70px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 800;\n            font-size: 1.6rem;\n            flex-shrink: 0;\n            box-shadow: 0 8px 25px rgba(155, 30, 43, 0.4);\n            position: relative;\n            z-index: 2;\n        }\n\n        .process-steps-number::before {\n            content: '';\n            position: absolute;\n            top: -5px;\n            left: -5px;\n            right: -5px;\n            bottom: -5px;\n            background: linear-gradient(135deg, #9B1E2B, #7a1622);\n            border-radius: 50%;\n            opacity: 0.3;\n            z-index: -1;\n            animation: process-steps-pulse 2s infinite;\n        }\n\n        @keyframes process-steps-pulse {\n            0% { transform: scale(1); opacity: 0.3; }\n            50% { transform: scale(1.1); opacity: 0.1; }\n            100% { transform: scale(1); opacity: 0.3; }\n        }\n\n        .process-steps-info {\n            flex: 1;\n        }\n\n        .process-steps-title {\n            font-size: 1.8rem;\n            font-weight: 700;\n            margin-bottom: 15px;\n            color: #9B1E2B;\n        }\n\n        .process-steps-description {\n            color: #666;\n            line-height: 1.8;\n            font-size: 1rem;\n        }\n\n        .process-steps-image {\n            width: 220px;\n            height: 140px;\n            border-radius: 20px;\n            flex-shrink: 0;\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n            position: relative;\n            overflow: hidden;\n            border: 3px solid #dfdfdf;\n        }\n\n        .process-steps-image::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(45deg, rgba(155, 30, 43, 0.1), transparent);\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        .process-steps-item:hover .process-steps-image::before {\n            opacity: 1;\n        }\n\n\n        @media (max-width: 1024px) {\n            .process-steps-container {\n                max-width: 900px;\n            }\n            \n            .process-steps-image {\n                width: 180px;\n                height: 120px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .process-steps-container {\n                padding: 0 15px;\n            }\n            \n            .process-steps-main-title {\n                font-size: 2.5rem;\n            }\n            \n            .process-steps-subtitle {\n                font-size: 1.1rem;\n            }\n            \n            .process-steps-content {\n                flex-direction: column;\n                text-align: center;\n                gap: 25px;\n            }\n            \n            .process-steps-image {\n                width: 100%;\n                height: 175px;\n            }\n            \n            .process-steps-item {\n                padding: 35px 25px;\n            }\n            \n            .process-steps-number {\n                width: 60px;\n                height: 60px;\n                font-size: 1.4rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .process-steps-main-title {\n                font-size: 2rem;\n            }\n            \n            .process-steps-subtitle {\n                font-size: 1rem;\n            }\n            \n            .process-steps-item {\n                padding: 25px 20px;\n            }\n            \n            .process-steps-title {\n                font-size: 1.5rem;\n            }\n            \n            .process-steps-image {\n                height: 150px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"process-steps-section\">\n        <div class=\"process-steps-container\">\n            <div class=\"process-steps-header\">\n                <h1 class=\"process-steps-main-title\">Get the best offer for your vehicle!<\/h1>\n                <p class=\"process-steps-subtitle\">Convenient car sale in 4 easy steps!<\/p>\n            <\/div>\n            \n            <div class=\"process-steps-container-inner\">\n                <div class=\"process-steps-list\">\n                <div class=\"process-steps-item\">\n                    <div class=\"process-steps-content\">\n                        <div class=\"process-steps-number\">1<\/div>\n                        <div class=\"process-steps-info\">\n                            <h3 class=\"process-steps-title\">Online enquiry and price evaluation<\/h3>\n                            <p class=\"process-steps-description\">You make a free online enquiry via our reputable enquiry form on the Dynasty Motors GMBH platform. Enter the basic information about your vehicle, such as make, model, year of manufacture, mileage and condition.<\/p>\n                        <\/div>\n                        <div class=\"process-steps-image lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/dynasty-motors.de\/wp-content\/uploads\/2023\/09\/man-women-tablet.webp&#039;)\"><\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"process-steps-item\">\n                    <div class=\"process-steps-content\">\n                        <div class=\"process-steps-number\">2<\/div>\n                        <div class=\"process-steps-info\">\n                            <h3 class=\"process-steps-title\">Free on-site assessment<\/h3>\n                            <p class=\"process-steps-description\">If you are interested, you can make an appointment for a free on-site inspection. An expert from the car purchase company can inspect your vehicle in person.<\/p>\n                        <\/div>\n                        <div class=\"process-steps-image lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/dynasty-motors.de\/wp-content\/uploads\/2023\/09\/woman-laptop.webp&#039;)\"><\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"process-steps-item\">\n                    <div class=\"process-steps-content\">\n                        <div class=\"process-steps-number\">3<\/div>\n                        <div class=\"process-steps-info\">\n                            <h3 class=\"process-steps-title\">Acceptance of the offer<\/h3>\n                            <p class=\"process-steps-description\">Once you have received our offer, the decision is yours. You can examine it at your leisure and then decide whether you want to accept it.<\/p>\n                        <\/div>\n                        <div class=\"process-steps-image lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/dynasty-motors.de\/wp-content\/uploads\/2023\/09\/man-bycar.webp&#039;)\"><\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"process-steps-item\">\n                    <div class=\"process-steps-content\">\n                        <div class=\"process-steps-number\">4<\/div>\n                        <div class=\"process-steps-info\">\n                            <h3 class=\"process-steps-title\">Sale and cancellation<\/h3>\n                            <p class=\"process-steps-description\">It is advisable to keep all documents, vouchers and receipts relating to the sale and deregistration in order to avoid any problems later on.<\/p>\n                        <\/div>\n                        <div class=\"process-steps-image lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/dynasty-motors.de\/wp-content\/uploads\/2023\/09\/man-handing-over-keys.webp&#039;)\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Process Steps Animation - Unique namespace\n        (function() {\n            'use strict';\n            \n            \/\/ Wait for DOM to be ready\n            document.addEventListener('DOMContentLoaded', function() {\n                \/\/ Intersection Observer for animations\n                const processStepsObserverOptions = {\n                    threshold: 0.1,\n                    rootMargin: '0px 0px -50px 0px'\n                };\n\n                const processStepsObserver = new IntersectionObserver((entries) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            entry.target.classList.add('animate');\n                            console.log('Process Steps Animation triggered for:', entry.target.className);\n                        }\n                    });\n                }, processStepsObserverOptions);\n\n                \/\/ Observe header\n                const header = document.querySelector('.process-steps-header');\n                if (header) {\n                    processStepsObserver.observe(header);\n                    console.log('Process Steps Header observed');\n                }\n\n                \/\/ Observe steps with stagger effect\n                const steps = document.querySelectorAll('.process-steps-item');\n                steps.forEach((step, index) => {\n                    step.style.transitionDelay = `${index * 0.2}s`;\n                    processStepsObserver.observe(step);\n                    console.log('Process Steps Item observed:', index);\n                });\n            });\n        })();\n    <\/script>\n<\/body>\n<\/html>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8afa1f4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8afa1f4\" 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-fb849e1\" data-id=\"fb849e1\" 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-4492241 elementor-widget elementor-widget-html\" data-id=\"4492241\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Vertrauensvoller Partner - Dynasty-Motors GmbH<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Arial, sans-serif;\n            color: #333;\n            line-height: 1.6;\n        }\n\n        .trust-partner-section {\n            background: #000;\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .trust-partner-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(circle at 30% 20%, rgba(155, 30, 43, 0.1) 0%, transparent 50%),\n                        radial-gradient(circle at 70% 80%, rgba(155, 30, 43, 0.05) 0%, transparent 50%);\n            pointer-events: none;\n        }\n\n        .trust-partner-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .trust-partner-header {\n            text-align: center;\n            margin-bottom: 60px;\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease-out;\n        }\n\n        .trust-partner-header.animate {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .trust-partner-main-title {\n            font-size: 2.5rem;\n            font-weight: 800;\n            margin-bottom: 20px;\n            color: #9B1E2B;\n        }\n\n        .trust-partner-subtitle {\n            font-size: 1.3rem;\n            color: #ccc;\n            font-weight: 400;\n        }\n\n        .trust-partner-cards-container {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            margin-top: 60px;\n        }\n\n        .trust-partner-card {\n            background: rgba(255, 255, 255, 0.05);\n            backdrop-filter: blur(20px);\n            border-radius: 30px;\n            padding: 0;\n            box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4);\n            position: relative;\n            opacity: 0;\n            transform: translateY(50px);\n            transition: all 0.8s ease-out;\n            border: 2px solid rgba(255, 255, 255, 0.1);\n            overflow: hidden;\n            text-decoration: none;\n            color: inherit;\n            display: block;\n        }\n\n        .trust-partner-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 5px;\n            background: linear-gradient(90deg, #9B1E2B, #ff6b6b, #9B1E2B);\n            background-size: 200% 100%;\n            animation: trust-partner-shimmer 3s ease-in-out infinite;\n        }\n\n        @keyframes trust-partner-shimmer {\n            0% { background-position: -200% 0; }\n            100% { background-position: 200% 0; }\n        }\n\n        .trust-partner-card.animate {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .trust-partner-card:hover {\n            transform: translateY(-15px) scale(1.03);\n            box-shadow: 0 40px 100px rgba(155, 30, 43, 0.3);\n            border-color: rgba(155, 30, 43, 0.5);\n        }\n\n        .trust-partner-card-content {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            position: relative;\n        }\n\n        .trust-partner-card-image {\n            width: 100%;\n            height: 100%;\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            position: absolute;\n            top: 0;\n            left: 0;\n            z-index: 1;\n        }\n\n        .trust-partner-card-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            z-index: 2;\n        }\n\n        .trust-partner-card-text {\n            position: relative;\n            z-index: 3;\n            padding: 60px;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.5s ease;\n        }\n\n        .trust-partner-card:hover .trust-partner-card-text {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .trust-partner-card:hover .trust-partner-card-overlay {\n            background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.80) 100%);\n        }\n\n        .trust-partner-card-title {\n            font-size: 24px;\n            font-weight: 700;\n            margin-bottom: 20px;\n            color: #9B1E2B;\n            text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8);\n            -webkit-text-stroke: 1px #400000;\n            text-stroke: 1px #400000;\n        }\n\n        .trust-partner-card-description {\n            color: #fff;\n            line-height: 1.8;\n            font-size: 1.1rem;\n            flex: 1;\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);\n            -webkit-text-stroke: 1px #cecece;\n            text-stroke: 1px #cecece;\n        }\n\n\n        @media (max-width: 1024px) {\n            .trust-partner-container {\n                max-width: 900px;\n            }\n            \n            .trust-partner-cards-container {\n                gap: 30px;\n            }\n            \n            .trust-partner-card {\n                padding: 40px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .trust-partner-container {\n                padding: 0 15px;\n            }\n            \n            .trust-partner-main-title {\n                font-size: 2.5rem;\n            }\n            \n            .trust-partner-subtitle {\n                font-size: 1.1rem;\n            }\n            \n            .trust-partner-cards-container {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n            \n            .trust-partner-card {\n                padding: 35px 25px;\n            }\n            \n            .trust-partner-card-image {\n                height: 100%;\n            }\n            \n            .trust-partner-card-text {\n                opacity: 1;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .trust-partner-main-title {\n                font-size: 2rem;\n            }\n            \n            .trust-partner-subtitle {\n                font-size: 1rem;\n            }\n            \n            .trust-partner-card {\n                padding: 25px 20px;\n            }\n            \n            .trust-partner-card-title {\n                font-size: 1.5rem;\n            }\n            \n            .trust-partner-card-image {\n                height: 100%;\n            }\n            \n            .trust-partner-card-text {\n                opacity: 1;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"trust-partner-section\">\n        <div class=\"trust-partner-container\">\n            <div class=\"trust-partner-header\">\n                <h1 class=\"trust-partner-main-title\">Your trusted partner for vehicle sales<\/h1>\n                <p class=\"trust-partner-subtitle\">Many years of experience in buying cars: our expertise for your vehicle sale<\/p>\n            <\/div>\n            \n            <div class=\"trust-partner-cards-container\">\n                <a href=\"https:\/\/dynasty-motors.de\/en\/ueber-uns\/\" class=\"trust-partner-card\">\n                    <div class=\"trust-partner-card-content\">\n                        <div class=\"trust-partner-card-image lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/dynasty-motors.de\/wp-content\/uploads\/2023\/09\/New-Project-1.webp&#039;)\"><\/div>\n                        <div class=\"trust-partner-card-overlay\"><\/div>\n                        <div class=\"trust-partner-card-text\">\n                            <h3 class=\"trust-partner-card-title\">About us<\/h3>\n                            <p class=\"trust-partner-card-description\">Find out more about our company and our many years of experience in the field of professional vehicle purchasing.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/a>\n                \n                <a href=\"https:\/\/dynasty-motors.de\/en\/fragen-antworten\/\" class=\"trust-partner-card\">\n                    <div class=\"trust-partner-card-content\">\n                        <div class=\"trust-partner-card-image lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/dynasty-motors.de\/wp-content\/uploads\/2023\/09\/handshake-2.webp&#039;)\"><\/div>\n                        <div class=\"trust-partner-card-overlay\"><\/div>\n                        <div class=\"trust-partner-card-text\">\n                            <h3 class=\"trust-partner-card-title\">Frequently asked questions and answers<\/h3>\n                            <p class=\"trust-partner-card-description\">We buy your vehicle safely. Find answers to the most important questions about selling a vehicle.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Trust Section Animation - Unique namespace\n        (function() {\n            'use strict';\n            \n            \/\/ Wait for DOM to be ready\n            document.addEventListener('DOMContentLoaded', function() {\n                \/\/ Intersection Observer for animations\n                const trustSectionObserverOptions = {\n                    threshold: 0.1,\n                    rootMargin: '0px 0px -50px 0px'\n                };\n\n                const trustSectionObserver = new IntersectionObserver((entries) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            entry.target.classList.add('animate');\n                            console.log('Trust Section Animation triggered for:', entry.target.className);\n                        }\n                    });\n                }, trustSectionObserverOptions);\n\n                \/\/ Observe header\n                const header = document.querySelector('.trust-partner-header');\n                if (header) {\n                    trustSectionObserver.observe(header);\n                    console.log('Trust Partner Header observed');\n                }\n\n                \/\/ Observe cards with stagger effect\n                const cards = document.querySelectorAll('.trust-partner-card');\n                cards.forEach((card, index) => {\n                    card.style.transitionDelay = `${index * 0.3}s`;\n                    trustSectionObserver.observe(card);\n                    console.log('Trust Partner Card observed:', index);\n                });\n            });\n        })();\n    <\/script>\n<\/body>\n<\/html>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2eed474 elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2eed474\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;waves&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\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-50 elementor-top-column elementor-element elementor-element-7033110 elementor-invisible\" data-id=\"7033110\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:400}\">\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-37ae62d animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"37ae62d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Why choose us<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90e2de1 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"90e2de1\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We are here to buy your car<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc4b79a animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"cc4b79a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Would you like to sell your car effortlessly, easily, quickly and reliably?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7622bf elementor-view-stacked elementor-position-left animated-slow elementor-shape-circle elementor-mobile-position-top elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"a7622bf\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-car\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSimple\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWith our easy-to-use input mask, you can enter the characteristics of your vehicle in just a few steps - quickly, easily and effortlessly.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f9ec6a elementor-view-stacked elementor-position-left animated-slow elementor-shape-circle elementor-mobile-position-top elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"3f9ec6a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-shipping-fast\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tFast\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAfter submitting your vehicle data, you will receive a professional valuation and a fair price offer in the shortest possible time.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38dff14 elementor-view-stacked elementor-position-left animated-slow elementor-shape-circle elementor-mobile-position-top elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"38dff14\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-hand-holding-heart\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tReliable\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tIf you accept our offer, we will reliably take care of the entire sales process - transparently, securely and stress-free.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5130aaa\" data-id=\"5130aaa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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-3c64787 animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"3c64787\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&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-50 elementor-top-column elementor-element elementor-element-b52d427\" data-id=\"b52d427\" 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-3a18256 elementor-widget elementor-widget-image\" data-id=\"3a18256\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"720\" height=\"1080\" data-src=\"https:\/\/dynasty-motors.de\/wp-content\/uploads\/2023\/09\/woman-testimonials.webp\" class=\"attachment-full size-full wp-image-8396 lazyload\" alt=\"Eine l\u00e4chelnde Frau in einem Anzug h\u00e4lt ein Clipboard in einem modernen Autohaus, bereit, potenziellen Kunden zu helfen.\" data-srcset=\"https:\/\/dynasty-motors.de\/wp-content\/uploads\/2023\/09\/woman-testimonials.webp 720w, https:\/\/dynasty-motors.de\/wp-content\/uploads\/2023\/09\/woman-testimonials-200x300.webp 200w, https:\/\/dynasty-motors.de\/wp-content\/uploads\/2023\/09\/woman-testimonials-683x1024.webp 683w\" data-sizes=\"auto, (max-width: 720px) 100vw, 720px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 720px; --smush-placeholder-aspect-ratio: 720\/1080;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2838254\" data-id=\"2838254\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9c6a5f1 elementor-widget elementor-widget-heading\" data-id=\"9c6a5f1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Recessions<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a466f7 elementor-widget elementor-widget-heading\" data-id=\"0a466f7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What our customers say: <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80eb548 elementor-widget elementor-widget-html\" data-id=\"80eb548\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Yorum Carousel<\/title>\n  <style>\n    body {\n      background: #ffff;\n      font-family: 'Segoe UI', Arial, sans-serif;\n      margin: 0;\n      padding: 0;\n    }\n    .carousel-container {\n      max-width: 600px;\n      margin: 60px auto;\n      padding: 36px 32px 28px 32px;\n      position: relative;\n      min-height: 180px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n    .carousel-comment {\n      display: none;\n      text-align: center;\n      font-size: 1.08rem;\n      color: #222;\n      min-height: 60px;\n      margin-bottom: 18px;\n      transition: opacity 0.5s;\n    }\n    .carousel-comment.active {\n      display: block;\n      opacity: 1;\n    }\n    .carousel-comment-text {\n      font-size: 1.5rem;\n      background-color: #c2c2c2;\n      min-height: 200px;\n      margin-bottom: 18px;\n      transition: opacity 0.5s;\n      padding: 20px;\n      border-radius: 10px;\n      position: relative;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      text-align: center;\n    }\n\n    .stars {\n      display: flex;\n      justify-content: center;\n      gap: 3px;\n      margin-bottom: 15px;\n    }\n\n    .star {\n      color: #9B1E2B;\n      font-size: 2rem;\n      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n    }\n\n    .quote-icon {\n      position: absolute;\n      top: -10px;\n      left: 20px;\n      background: #9B1E2B;\n      color: white;\n      width: 30px;\n      height: 30px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.2rem;\n      font-weight: bold;\n    }\n    .carousel-comment-text:after {\n      content: '';\n      position: absolute;\n      left: 50%;\n      bottom: -14px;\n      transform: translateX(-50%);\n      width: 0;\n      height: 0;\n      border-left: 12px solid transparent;\n      border-right: 12px solid transparent;\n      border-top: 14px solid #c2c2c2;\n    }\n    .carousel-author {\n      font-weight: 500;\n      color: #555;\n      font-size: 1rem;\n      margin-top: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n    }\n\n    .verified-badge {\n      background: #9B1E2B;\n      color: white;\n      font-size: 0.8rem;\n      padding: 2px 6px;\n      border-radius: 10px;\n      font-weight: 600;\n    }\n\n    .rating-number {\n      background: #f0f0f0;\n      color: #333;\n      font-size: 0.9rem;\n      padding: 4px 8px;\n      border-radius: 15px;\n      font-weight: 600;\n      margin-left: 5px;\n    }\n    .carousel-dots {\n      display: flex;\n      gap: 8px;\n      justify-content: center;\n      margin-top: 18px;\n    }\n    .carousel-dot.active {\n      background: #222 !important;\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"carousel-container\">\n    <div class=\"carousel-comment active\">\n      <div class=\"carousel-comment-text\">\n        <div class=\"quote-icon\">\"<\/div>\n        <div class=\"stars\">\n          <span class=\"star\">\u2605<\/span>\n          <span class=\"star\">\u2605<\/span>\n          <span class=\"star\">\u2605<\/span>\n          <span class=\"star\">\u2605<\/span>\n          <span class=\"star\">\u2605<\/span>\n        <\/div>\n        <p>Customer satisfaction is very good. I never thought I would sell my car so easily.<\/p>\n      <\/div>\n      <div class=\"carousel-author\">\n        Henry Doctor\n        <span class=\"verified-badge\">\u2713 Verified<\/span>\n        <span class=\"rating-number\">5.0<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"carousel-comment\">\n      <div class=\"carousel-comment-text\">\n        <div class=\"quote-icon\">\"<\/div>\n        <div class=\"stars\">\n          <span class=\"star\">\u2605<\/span>\n          <span class=\"star\">\u2605<\/span>\n          <span class=\"star\">\u2605<\/span>\n          <span class=\"star\">\u2605<\/span>\n          <span class=\"star\">\u2605<\/span>\n        <\/div>\n        <p>Thanks for everything, they have very friendly staff, their interest in customers is very high<\/p>\n      <\/div>\n      <div class=\"carousel-author\">\n        Kean teacher\n        <span class=\"verified-badge\">\u2713 Verified<\/span>\n        <span class=\"rating-number\">5.0<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"carousel-comment\">\n      <div class=\"carousel-comment-text\">\n        <div class=\"quote-icon\">\"<\/div>\n        <div class=\"stars\">\n          <span class=\"star\">\u2605<\/span>\n          <span class=\"star\">\u2605<\/span>\n          <span class=\"star\">\u2605<\/span>\n          <span class=\"star\">\u2605<\/span>\n          <span class=\"star\">\u2605<\/span>\n        <\/div>\n        <p>I chose this company to sell my car and everything went very quickly and very reliably<\/p>\n      <\/div>\n      <div class=\"carousel-author\">\n        Mikail Journalist\n        <span class=\"verified-badge\">\u2713 Verified<\/span>\n        <span class=\"rating-number\">5.0<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"carousel-dots\">\n      <button class=\"carousel-dot active\" style=\"width:9px;height:9px;border-radius:50%;background:#d0d0d0;margin:0 2px;border:none;padding:0;\"><\/button>\n      <button class=\"carousel-dot\" style=\"width:9px;height:9px;border-radius:50%;background:#d0d0d0;margin:0 2px;border:none;padding:0;\"><\/button>\n      <button class=\"carousel-dot\" style=\"width:9px;height:9px;border-radius:50%;background:#d0d0d0;margin:0 2px;border:none;padding:0;\"><\/button>\n    <\/div>\n  <\/div>\n  <script>\n    const comments = document.querySelectorAll('.carousel-comment');\n    const dots = document.querySelectorAll('.carousel-dot');\n    let current = 0;\n    let interval = null;\n\n    function showComment(idx) {\n      comments.forEach((c, i) => {\n        c.classList.toggle('active', i === idx);\n        dots[i].classList.toggle('active', i === idx);\n      });\n      current = idx;\n    }\n\n    function nextComment() {\n      let next = (current + 1) % comments.length;\n      showComment(next);\n    }\n\n    function startAuto() {\n      interval = setInterval(nextComment, 3000);\n    }\n\n    function stopAuto() {\n      clearInterval(interval);\n    }\n\n    dots.forEach((dot, idx) => {\n      dot.addEventListener('click', () => {\n        showComment(idx);\n        stopAuto();\n        startAuto();\n      });\n    });\n\n    startAuto();\n  <\/script>\n<\/body>\n<\/html>\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>DYNASTY MOTORS GmbH Free of charge and without obligation - Have your car valued! Simple Reliable Fast Vehicle Sale Form 1 Vehicle Data 2 Contact Data 3 Check Vehicle Data Vehicle Brand * Please selectAbarthAcuraAiwaysAlfa RomeoAlpineAston MartinAudiBAIC MotorBaojunBentleyBMWBorgwardBrilliance AutoBugattiBuickBYDCadillacChangan AutomobileCheryChevroletChryslerCitro\u00ebnCowin AutoCupraDaciaDaewooDaihatsuDatsunDFSKDodgeDongfeng MotorDS AutomobilesEicher MotorsFAW GroupFerrariFiatFisker IncFordFoton MotorGAC GroupGeelyGenesisGMCGreat Wall MotorsHavalHino MotorsHoldenHondaHongqiHuanghai AutomobileHummerHyundaiInfinitiIsuzuIvecoJAC MotorsJaguarJeepJMC MotorKiaKing LongLadaLamborghiniLanciaLand RoverLeapmotorLexusLincolnLotusLucid MotorsMahindraMaruti SuzukiMaseratiMaxusMazdaMcLarenMercedes-BenzMG MotorMiniMitsubishiMorganNioNissanOpelPaganiPeugeotPolestarPorscheProtonRenaultRimacRoeweRolls-RoyceSaabScaniaSEAT\u0160kodaSmartSsangYongSubaruSuzukiTata MotorsTeslaToyotaVinFastVolkswagenVolvoXPengZeekrOther vehicle models [...]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6317","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dynasty-motors.de\/en\/wp-json\/wp\/v2\/pages\/6317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dynasty-motors.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dynasty-motors.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dynasty-motors.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dynasty-motors.de\/en\/wp-json\/wp\/v2\/comments?post=6317"}],"version-history":[{"count":248,"href":"https:\/\/dynasty-motors.de\/en\/wp-json\/wp\/v2\/pages\/6317\/revisions"}],"predecessor-version":[{"id":9422,"href":"https:\/\/dynasty-motors.de\/en\/wp-json\/wp\/v2\/pages\/6317\/revisions\/9422"}],"wp:attachment":[{"href":"https:\/\/dynasty-motors.de\/en\/wp-json\/wp\/v2\/media?parent=6317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}