@media only screen and (max-width: 995px){ div.dp-container{ width: 100%; } .dp-row .dp-column.dp-column-mobile-fullwidth { width: 100% !important; padding: 0 !important; } } .dp-clearfix:after { content: ''; display: block; clear: both; } .dp-row { width: 100%; } .dp-row::after { content: ''; display: table; clear: both; } .dp-row .dp-column { float: left; width: 100%; padding: 0 10px; } .dp-row .dp-column-no-spaces:first-child { padding-left: 0; } .dp-row .dp-column-no-spaces:last-child { padding-right: 0; } div.dp-container { position: relative; width: 100%; max-width: 1100px; margin: 40px auto 60px; z-index: 0; } div.dp-container * { box-sizing: border-box; } div.dp-container .dp-vehicle-overview-container { margin-bottom: 40px; } div.dp-container .dp-accordion-container { margin-bottom: 10px; } div.dp-container input, div.dp-container button, div.dp-container select, div.dp-container optgroup, div.dp-container textarea { margin: 0; padding: 0; } div.dp-container .dp-back-to-search-row { margin-bottom: 20px; } div.dp-container .dp-back-to-search-row .back-to-search { font-size: 16px; padding: 10px 20px; border: none; color: #fff; background: #F3B70F; cursor: pointer; } div.dp-container .dp-back-to-search-row .back-to-search:hover { background: #575e63; } div.dp-container .dp-title-h1 { padding: 0; margin: 0; font-size: 26px; font-weight: 600; } div.dp-container .dp-title-h2 { padding: 0; margin: 0; font-size: 24px; font-weight: 600; color: #2A3C4D; } div.dp-container .dp-title-h3 { padding: 0; margin: 0; font-size: 16px; line-height: 2em; color: #2A3C4D; font-weight: 600; } div.dp-container .dp-content-head { margin-bottom: 20px; } div.dp-container .dp-content-head .dp-shortcut-menu ul.dp-shortcut-list { display: table; padding: 0; margin: 0; list-style-type: none; } div.dp-container .dp-content-head .dp-shortcut-menu ul.dp-shortcut-list li.dp-shortcut-item { display: block; padding: 0; display: inline-block; } div.dp-container .dp-content-head .dp-shortcut-menu ul.dp-shortcut-list li.dp-shortcut-item span { display: block; line-height: 30px; font-size: 22px; color: #454545; cursor: pointer; } @media only screen and (min-width: 995px) { div.dp-container .dp-content-head .dp-shortcut-menu ul.dp-shortcut-list { float: right; } div.dp-container .dp-content-head .dp-shortcut-menu ul.dp-shortcut-list li.dp-shortcut-item { margin: 0 0 0 20px; } } @media only screen and (max-width: 995px) { div.dp-container .dp-content-head .dp-shortcut-menu ul.dp-shortcut-list { float: left; } div.dp-container .dp-content-head .dp-shortcut-menu ul.dp-shortcut-list li.dp-shortcut-item { margin: 10px 20px 0 0; } } /* Advertising container */ .dp-container .vs-detailpage-advertising-space-container { } /* Advertising container end */ /* Accordion menu */ .dp-accordion-container { display: block; } .dp-accordion-container .dp-accordion-trigger { display: block; position: relative; width: 100%; color: #fff; padding: 8px; border: none; border-radius: 5px 5px 0 0; background-color: #F3B70F; color: #2A3C4D; text-transform: uppercase; cursor: pointer; z-index: 1; } .dp-accordion-container .dp-accordion-content-container { display: block; position: relative; padding: 0; border: none; transition: height ease-out .3s; z-index: 0; overflow: hidden; } .dp-accordion-container .dp-accordion-content-container .dp-accordion-content { display: block; position: relative; bottom: 0; padding: 20px 12px; width: 100%; } .dp-accordion-container .dp-accordion-trigger::after { content: ''; display: block; position: absolute; top: 50%; right: 10px; width: 16px; height: 2px; background: #2A3C4D; transform: translateY(-50%); } .dp-accordion-container:not(.open) .dp-accordion-trigger::before { content: ''; display: block; position: absolute; top: 50%; right: 18px; height: 16px; width: 2px; background: #2A3C4D; transform: translate(50%, -50%); } /* Accordion menu end */

Nissan Leaf N-Connecta 150PS

.dp-otd-body-text { display: block; font-size: 16px; line-height: 1.4em; color: inherit; } .dp-overview-technical-data-container { display: block; width: 100%; } .dp-overview-technical-data-container .dp-otd-section { display: block; position: relative; } .dp-overview-technical-data-container .dp-otd-section:not(:last-child) { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #989898; } .dp-overview-technical-data-container .dp-otd-price-and-rating-container { display: block; } .dp-overview-technical-data-container .dp-otd-price-and-rating-container .dp-otd-price-container { display: block; width: 250px; } .dp-overview-technical-data-container .dp-otd-price-and-rating-container .dp-otd-price-container > span.dp-otd-price-value { display: block; font-size: 35px; line-height: 1.2em; font-weight: 600; color: #2A3C4D; } .dp-overview-technical-data-container .dp-otd-price-and-rating-container .dp-otd-price-container > span.dp-otd-vatable { display: block; font-size: 16px; line-height: 1.2em; } .dp-overview-technical-data-container .dp-otd-price-and-rating-container .dp-otd-rating-container { display: block; width: calc(100% - 250px); } .dp-overview-technical-data-container .financing-example-shortcode { display: table; position: relative; margin: 10px 0; font-size: 16px; line-height: 1.4em; color: #2A3C4D; font-weight: 600; cursor: pointer; } .dp-overview-technical-data-container .dp-otd-section.dp-otd-information-container { border-bottom: none; padding-bottom: 0; margin-bottom: 10px; } .dp-overview-technical-data-container .dp-otd-section.dp-otd-information-container p.dp-otd-information { margin: 0; padding: 0; line-height: 1em; } .dp-overview-technical-data-container .dp-otd-section.dp-otd-information-container p.dp-otd-information > * { display: inline; } .dp-overview-technical-data-container .dp-otd-technical-data-container ul.dp-otd-technical-data-column { display: block; position: relative; width: 50%; padding: 0; margin: 0; list-style-type: none; } .dp-overview-technical-data-container .dp-otd-technical-data-container ul.dp-otd-technical-data-column li { display: table; } .dp-overview-technical-data-container .dp-otd-technical-data-container ul.dp-otd-technical-data-column li:not(:last-child) { margin-bottom: 10px; } .dp-overview-technical-data-container .dp-otd-technical-data-container ul.dp-otd-technical-data-column li span.dp-attribute-icon { display: table-cell; width: 40px; color: #2A3C4D; font-size: 20px; } .dp-overview-technical-data-container .dp-otd-technical-data-container ul.dp-otd-technical-data-column li span.dp-attribute-value { display: table-cell; width: calc(100% - 40px); font-size: 16px; line-height: 25px; color: #454545; } .dp-overview-technical-data-container .dp-otd-contact-container { display: block; } .dp-overview-technical-data-container .dp-otd-contact-container .dp-row:not(:last-child) { margin-bottom: 10px; } .dp-overview-technical-data-container .dp-otd-contact-container p, .dp-overview-technical-data-container .dp-otd-trade-in-container p { display: block; padding: 0; margin: 0; font-size: 16px; line-height: 1.5em; color: #454545; } .dp-overview-technical-data-container .dp-otd-contact-container .dp-otd-request-cta-container, .dp-overview-technical-data-container .dp-otd-contact-container .dp-otd-request-contact-container { display: block; width: 50%; } .dp-overview-technical-data-container .dp-otd-contact-container .dp-otd-request-cta-container .dp-request-cta { display: block; padding: 15px 20px; font-size: 16px; line-height: 1em; color: #fff; text-align: center; cursor: pointer; } .dp-overview-technical-data-container .dp-otd-contact-container .dp-otd-request-cta-container .dp-request-cta:not(:last-child) { margin-bottom: 10px; } .dp-overview-technical-data-container .dp-otd-contact-container .dp-otd-request-cta-container .dp-request-tel { background: #2A3C4D; } .dp-overview-technical-data-container .dp-otd-contact-container .dp-otd-request-cta-container .dp-request-vehicle { background: #F3B70F; } .dp-overview-technical-data-container .dp-otd-contact-container .dp-otd-request-cta-container .dp-request-tel:hover { background: #5D7183; } .dp-overview-technical-data-container .dp-otd-contact-container .dp-otd-request-cta-container .dp-request-vehicle:hover { background: #F3B70F; } .dp-overview-technical-data-container .dp-otd-contact-container .dp-otd-request-contact-container span { display: block; font-size: 16px; line-height: 1.4em; } .dp-overview-technical-data-container .dp-otd-contact-container .dp-otd-request-contact-container .dp-otd-request-contact-heading { font-weight: 600; } .dp-overview-technical-data-container .dp-otd-trade-in-container .dp-otd-trade-in-title-container { margin-bottom: 10px; } .dp-overview-technical-data-container .dp-otd-trade-in-container .dp-otd-trade-in-cta-container .dp-otd-trade-in-cta { display: block; width: 100%; max-width: 300px; padding: 15px 20px; font-size: 16px; line-height: 1em; color: #fff; background: #2A3C4D; text-align: center; cursor: pointer; } .dp-overview-technical-data-container .dp-otd-trade-in-container .dp-otd-trade-in-cta-container .dp-otd-trade-in-cta:hover { background: #5D7183; }
27.990 EUR MwSt. ausweisbar

Gebrauchtfahrzeug

  • 02/2024
  • 100 km
  • 110 kW (150 PS)
  • Automatik
  • Elektro

Fragen? Probefahrt?

Rufen Sie uns an oder schicken Sie uns eine Anfrage!

04473 / 92688-0 Fahrzeuganfrage
Standort: Autohaus Kläne Justus von Liebig Str. 1 49685 Emstek-West
(function($) { $(document).ready(function() {}); })(jQuery);
Technische Daten
div.dp-technical-data-container div.dp-technical-data-title { width: 25%; } div.dp-technical-data-container div.dp-technical-data-content { width: 75%; } div.dp-technical-data-container .dp-technical-data-list{ display: inline-block; margin-right: 20px; } div.dp-technical-data-container .dp-technical-data-list > ul, div.dp-technical-data-container .dp-technical-data-list > ul > li { margin: 0; padding: 0 !important; list-style: none !important; } div.dp-technical-data-container .dp-technical-data-price{ font-size: 30px; font-weight: bolder; }

Technische Daten

  • Lackierung: WHITE (S)
  • Getriebe: Automatik
  • Vorbesitzer: 1
  • Modelljahr: 2024
  • Anzahl Türen: 4/5
  • Anzahl Sitze: 5
  • HSN / TSN: 1329 / ALE
Kraftstoffverbrauch & CO2-Emission
@media only screen and (max-width: 995px){ div.dp-fuel-consumption-container table.dp-fuel-consumption-table { width: 100% !important; } } div.dp-fuel-consumption-container .dp-row { margin-bottom: 20px; } div.dp-fuel-consumption-container .dp-fuel-consumption-title { width: 25%; } div.dp-fuel-consumption-container .dp-fuel-consumption-content { width: 75%; } div.dp-fuel-consumption-container td{ width: 50%; border: none; vertical-align: bottom; } /*div.dp-fuel-consumption-container td.dp-fuel-consumption-index{ font-weight: bolder; }*/

Kraftstoffverbrauch & CO2-Emission*

Umweltplakette: 4 (Grün)

* Die angegebenen Werte wurden nach dem vorgeschriebenen Messverfahren (§ 2 Nr. 5, 6, 6a Pkw-EnVKV in der gegenwärtig geltenden Fassung) ermittelt. CO₂-Emissionen, die durch die Produktion und Bereitstellung des Kraftstoffs bzw. anderer Energieträger entstehen, werden bei der Ermittlung der CO₂-Emissionen gemäß der Richtlinie 1999/94/EG nicht berücksichtigt. Die Angaben beziehen sich nicht auf ein einzelnes Fahrzeug und sind nicht Bestandteil des Angebots, sondern dienen allein Vergleichszwecken zwischen den verschiedenen Fahrzeugtypen.

Hinweis nach Richtlinie 1999/94/EG:
Der Kraftstoffverbrauch und die CO₂-Emissionen eines Fahrzeugs hängen nicht nur von der effizienten Ausnutzung des Kraftstoffs durch das Fahrzeug ab, sondern werden auch vom Fahrverhalten und anderen nicht technischen Faktoren beeinflusst. CO₂ ist das für die Erderwärmung hauptsächlich verantwortliche Treibhausgas. Ein Leitfaden für den Kraftstoffverbrauch und die CO₂-Emissionen aller in Deutschland angebotenen Personenkraftfahrzeugmodelle ist unentgeltlich an jedem Verkaufsort in Deutschland erhältlich, an dem neue Personenkraftfahrzeugmodelle ausgestellt oder angeboten werden.

Ausstattung
div.dp-features-container .dp-features-title { width: 25%; } div.dp-features-container .dp-features-content { width: 75%; } div.dp-features-container ul { list-style: none; margin: 0; padding: 0; } div.dp-features-container li { padding: 0 !important; text-align: left; }

Ausstattung

  • Leichtmetallfelgen
  • Zentralverriegelung
  • Elektr. Fensterheber
  • Elektr. Wegfahrsperre
  • Servolenkung
  • ABS
  • Navigationssystem
  • Sitzheizung
  • Garantie
  • Regensensor
  • Elektr. Seitenspiegel
  • Bluetooth
  • Bordcomputer
  • Freisprecheinrichtung
  • Multifunktionslenkrad
  • Isofix
  • Lichtsensor
  • Nebelscheinwerfer
  • Spurhalteassistent
  • Notbremsassistent
  • Schlüssellose Zentralverriegelung
  • Totwinkel-Assistent
  • Beheizbares Lenkrad
  • Berganfahrassistent
  • Lederlenkrad
  • Müdigkeitswarner
  • Reifendruckkontrolle
  • Touchscreen
  • USB
  • Verkehrszeichenerkennung
  • Winterpaket
  • Abstandswarner
  • Ambiente-Beleuchtung
  • Apple CarPlay
  • Android Auto
  • Innenspiegel autom. abblendend
  • Geschwindigkeitsbegrenzer
  • HU neu
  • Fernlichtassistent
Beschreibung
div.dp-description-container .dp-description-title { width: 25%; } div.dp-description-container .dp-description-content { width: 75%; } div.dp-description-container span.dp-description-index{ font-weight: bolder; }

Beschreibung

Interne Fahrzeugnr.: 16800

Navigationssystem
Klimaautomatik
Einparkhilfe hinten
Rücksitz geteilt/klappbar
Around View Monitor (360° Umgebungsansicht)
Kamerasystem Around View
Audiobedienung am Lenkrad
Isofix-Aufnahmen für Kindersitz
Winter-Paket
Heckleuchten LED
LM-Felgen 6,5x17
Airbag Beifahrerseite
Anti-Blockier-System (ABS)
Außenspiegel elektr. anklappbar
Außenspiegel elektr. verstellbar
Außenspiegel heizbar
Blinkleuchte in Außenspiegel integriert
Bremsassistent (Nissan Brake-Assist)
Fahrassistenz-System: Berganfahr-Assistent
Fahrassistenz-System: Fernlichtassistent
Fahrassistenz-System: Müdigkeitserkennungs-Sensor
Fahrassistenz-System: Spurwechselassistent
Fahrassistenz-System: Verkehrszeichenerkennung
Fensterheber elektrisch vorn + hinten
Kopf-Airbag-System
Lenkrad (Leder)
Scheibenwischer mit Regensensor
Nebelscheinwerfer
Reifendruck-Kontrollsystem
Seitenairbag
Start-Stop-Knopf
Touchscreen-Farbdisplay (7,0 Zoll) in Mittelkonsole
Schließ-/Startsystem intelligent key
Fahrassistenz-System: Autom. Distanzregelung mit vorausschauender Geschw.-Regelung
Fahrassistenz-System: Park-Assistent mit 360° Bewegungssensoren
Fahrassistenz-System: Fußgängererkennung
Fahrassistenz-System: Moving Object Detection (MOD
Fußgängererkennung und bewegliche Objekterkennung)
Fahrassistenz-System: Querverkehrs-Assistent Heck (Rear Cross Traffic Alert
RCTA)
Fahrassistenz-System: aktiver Spurhalteassistent
mit korrigierendem Bremseingriff
Fahrassistenz-System: Spurhalteassistent
Fahrassistenz-System: Totwinkel-Assistent
Airbag Fahrerseite
Fahrer-Informations-System (FIS) mit Farbdisplay
Freisprechanlage Bluetooth
Servolenkung elektronisch gesteuert
Tagfahrlicht LED
Wärmeschutzverglasung mit UV-Schutz
Wegfahrsperre (elektronisch)
Zentralverriegelung mit Fernbedienung
Getriebe für Elektrofahrzeug
AUX-IN-Anschluss (AUX-IN)
Bluetooth-Schnittstelle
Smartphone Schnittstelle (Apple CarPlay & Android Auto)
USB-Schnittstelle
Automatische Fahrlichtschaltung
Verglasung hinten abgedunkelt
Autom. Begleitfunktion der Beleuchtung (Follow me home)
Gurtstraffer
3. Bremsleuchte
6 Lautsprecher
Ambiente-Beleuchtung
Außenspiegel Wagenfarbe
Außentemperaturanzeige
Einparkhilfe vorn
Elektr. Bremskraftverteilung (EBD)
Fahrassistenz-System: Autonomer Notbrems-Assistent
Frontscheibe Verbundglas
Getränkehalter hinten
Getränkehalter in Mittelkonsole
Handschuhfach beleuchtet
Heckscheibe heizbar
Innenraumfilter: Pollenfilter
Innenspiegel mit Abblendautomatik
Karosserie: 5-türig
Kopfstützen vorn und hinten verstellbar
Nebelschlussleuchte
Parkbremse elektrisch
Pro Pilot-Paket
Radioempfang digital (DAB)
Scheibenwischer mit Intervallschaltung
Sitz vorn links höhenverstellbar
Sonnenblenden mit Spiegel (beleuchtet)
Steckdose (12V-Anschluß) in Mittelkonsole
Fahrassistenz-System: Autonomer Lenk-Assistent für selbstständiges Spurhalten
Fahrassistenz-System: Stauassistent inkl. Stop&Go-Funktion
Lenkrad heizbar
Sitzbezug / Polsterung: Stoff
Türgriffe außen verchromt
Sitzheizung vorn + hinten
Dachantenne
Getränkehalter vorn
Dachantenne im Haifischflossen-Design
Lenksäule (Lenkrad) höhenverstellbar
Ladekabel mit Typ 2-Stecker (Mode 3)
Akustischer Umfeldschutz (Außensound)
Audiosystem: Radio mit MP3-Wiedergabefunktion
Ausstattungs-Paket: Nissan Connect EV
B-Säulen schwarz
Elektromotor 110 kW (cont. 90 kW)
HV-Batterie 40 kWh
Kofferraumabdeckung
Ladekabel mit Schukostecker (Mode 2)
Ladevorrichtung Wechselstrom (bis 6,6 kW)
Pedalerie elektr. einstellbar
Schnellladevorrichtung
Uni-Lackierung
Wärmepumpe zur Reichweitenoptimierung
Frontkamera

Kontakt
div.dp-contact-container .dp-contact-title { width: 25%; } div.dp-contact-container .dp-contact-content { width: 75%; } div.dp-contact-container .dp-contact-content span.dp-contact-cta { display: table; padding: 10px 20px; text-align: center; color: #fff; background: #2A3C4D; cursor: pointer; }

Kontakt / Fahrzeugstandort

Autohaus Kläne
Justus von Liebig Str. 1
DE-49685 Emstek-West

Tel: 04473 / 92688-0
Fax: 04473 / 92688-190

Anfrage senden
Interessiert? / Senden Sie eine Anfrage
div#vs-request-container .dp-column-title { width: 25%; } div#vs-request-container .dp-column-content { width: 75%; } div#vs-request-container #dp-request-form .dp-row { margin-bottom: 20px; } div#vs-request-container #dp-request-form select, div#vs-request-container #dp-request-form input, div#vs-request-container #dp-request-form textarea{ width: 100%; margin: 5px 0; padding-left: 10px; border: 1px solid #ccc; } div#vs-request-container #dp-request-form select, div#vs-request-container #dp-request-form input{ height: 30px; } div#vs-request-container #dp-request-form textarea{ height: 150px; } div#vs-request-container #dp-request-form span.dp-available-stroke { display: block; text-align: center; line-height: 1em; padding: 10px 0; } div#vs-request-container #dp-request-form .checkbox-label{ font-weight: 500; } div#vs-request-container #dp-request-form input[type="checkbox"]{ width: 20px; height: 20px; margin: 0; vertical-align: -5px; margin-right: 10px; } div#vs-request-container #dp-request-form .checkbox-label{ line-height: 20px; } div#vs-request-container #vs-request-success-container{ margin-top: 10px; }

Interessiert? / Senden Sie eine Anfrage

Für Ihre Anfrage benötigen wir einige persönliche Angaben. Bitte senden Sie dieses Formular für Ihre Fahrzeuganfrage ausgefüllt an uns an, damit wir Kontakt aufnehmen können.

Anrede Herr Frau Keine Angabe
Bitte die Zeitspanne wählen, in der Sie am ehesten erreichbar sind.
Beliebig Morgens Mittags Abends 07:30 08:00 08:30 09:00 09:30 10:00 10:30 11:00 11:30 12:00 12:30 13:00 13:30 14:00 14:30 15:00 15:30 16:00 16:30 17:00 17:30 18:00
>>
Beliebig Morgens Mittags Abends 07:30 08:00 08:30 09:00 09:30 10:00 10:30 11:00 11:30 12:00 12:30 13:00 13:30 14:00 14:30 15:00 15:30 16:00 16:30 17:00 17:30 18:00
(function($){ $(document).ready(function(){ $('.privacy-terms-link').attr({href: "#"}); var submitSlider = $('#request_submit_container').submit_slide($('#dp-request-form')); var vs_search = new Vs_search($); var request_form = $('#dp-request-form'); var available_from = request_form.find('select[name="available-from"]'); var available_to = request_form.find('select[name="available-to"]'); var show_success_message = function(msg){ $('#vs-request-success-container').show().html(msg).css({ backgroundColor: '#DDFFDD', color: '#009900' }); $('#dp-request-form')[0].reset(); submitSlider.reset(); } var show_error_message = function(msg){ $('#vs-request-success-container').show().html(msg).css({ backgroundColor: '#FFDDDD', color: '#990000' }); submitSlider.reset(); } var hide_success_message = function(){ $('#vs-request-success-container').hide(); } var result_handler = function(data){ if(data.success){ show_success_message(data.msg); let ev = $.webc_custom_event('vs-form-success', {detail: {form: 'vs_detailpage_request'}}); return document.dispatchEvent(ev); } show_error_message(data.msg); } request_form //vvvvvvvv// .on('submit', function(e){ e.preventDefault(); let error = false; $(this).find('select, textarea, input').each(function(){ if(this.hasAttribute('required') && this.value === ''){ $(this).css({borderColor: 'red'}); error = true; }else{ if(this.hasAttribute('required') && this.name === 'email' && this.value.indexOf('@') === -1){ $(this).css({borderColor: 'red'}); error = true; }else{ $(this).css({borderColor: '#ccc'}); } } if(this.type === 'checkbox' && this.checked === false){ $(this).parent().css({color: 'red'}); error = true; } }); if(!error){ hide_success_message(); let formData = new FormData(this); let appendObj = { 'action' : 'vs_send_vehicle_email_request', 'receiverEmailAddress' : 'info@autohaus-klaene.de', 'vehicle' : 'Nissan Leaf N-Connecta 150PS', 'internalNumber' : '', 'link' : 'https://autohaus-klaene.de/fahrzeug/?id=392520340' } $.each(appendObj, function(i, v) { formData.append(i,v); }); vs_search.send_ajax_to_server(formData, false, result_handler); }else{ show_error_message("Bitte überarbeiten Sie die markierten Felder."); submitSlider.reset(); } }); available_from //vvvvvvvvvv// .on('change', function() { let value = this.value; let do_not_filter = $(); switch(value) { case 'Mittags': do_not_filter = do_not_filter.add(available_to.find('option[value="Mittags"]')); do_not_filter = do_not_filter.add(available_to.find('option[value="Abends"]')); value = "12:00"; break; case 'Abends': do_not_filter = do_not_filter.add(available_to.find('option[value="Abends"]')); value = "15:00"; break; } let disable_available_to_values = available_to .find('option') .show() .filter('option[value="'+value+'"]') .attr({'selected': 'selected'}); disable_available_to_values = disable_available_to_values.prevAll('option').not(do_not_filter); return disable_available_to_values.hide(); }); }); })(jQuery);
var dp_pictures_obj = []; dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/68/68c98571-6961-4390-9a29-6f41218b7433?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/68/68c98571-6961-4390-9a29-6f41218b7433?rule=mo-200.jpg" }); dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/49/490ad502-1fad-40c8-8977-0741daa74b21?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/49/490ad502-1fad-40c8-8977-0741daa74b21?rule=mo-200.jpg" }); dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/47/474074fc-0821-463d-b76f-146caec47f54?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/47/474074fc-0821-463d-b76f-146caec47f54?rule=mo-200.jpg" }); dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/3f/3f46a448-fdf1-4d76-9822-1be04f164a41?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/3f/3f46a448-fdf1-4d76-9822-1be04f164a41?rule=mo-200.jpg" }); dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/f7/f715567c-d3c2-4c4c-b805-a4a47e163234?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/f7/f715567c-d3c2-4c4c-b805-a4a47e163234?rule=mo-200.jpg" }); dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/50/50f5b50f-a929-4004-b742-9064991ac624?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/50/50f5b50f-a929-4004-b742-9064991ac624?rule=mo-200.jpg" }); dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/ed/ed977140-332e-42a1-bc4e-e43ca636f07c?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/ed/ed977140-332e-42a1-bc4e-e43ca636f07c?rule=mo-200.jpg" }); dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/29/2953649e-7b87-4f73-aac7-a94a49011f54?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/29/2953649e-7b87-4f73-aac7-a94a49011f54?rule=mo-200.jpg" }); dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/ef/efde0a9e-a60a-428f-ac94-ade7272a7277?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/ef/efde0a9e-a60a-428f-ac94-ade7272a7277?rule=mo-200.jpg" }); dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/15/1581861e-3ab8-4241-a4d1-6f9e9cf93522?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/15/1581861e-3ab8-4241-a4d1-6f9e9cf93522?rule=mo-200.jpg" }); dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/90/90d050f3-bb72-43e9-8159-ae9a67c074b4?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/90/90d050f3-bb72-43e9-8159-ae9a67c074b4?rule=mo-200.jpg" }); dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/16/16bf210f-6866-475f-953c-3d3334b89cfa?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/16/16bf210f-6866-475f-953c-3d3334b89cfa?rule=mo-200.jpg" }); dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/57/57241763-1139-4bfb-b274-0d67f79fdd43?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/57/57241763-1139-4bfb-b274-0d67f79fdd43?rule=mo-200.jpg" }); dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/25/252103b4-56da-4a14-a918-9bc4eecdbbb7?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/25/252103b4-56da-4a14-a918-9bc4eecdbbb7?rule=mo-200.jpg" }); dp_pictures_obj.push({ pic: "https://img.classistatic.de/api/v1/mo-prod/images/d4/d4c6712f-ea17-4803-8cdc-e2d2c3ad0239?rule=mo-1600.jpg", thump: "https://img.classistatic.de/api/v1/mo-prod/images/d4/d4c6712f-ea17-4803-8cdc-e2d2c3ad0239?rule=mo-200.jpg" }); (function($) { $(document).ready(function(){ //############## //## Constructor //############## var PopUp = function(popup_content, callback, close_callback) { // Initialisierung this.popup_content = $.type(popup_content) !== "undefined" ? popup_content : ''; this.callback = $.type(callback) === "function" ? callback : function() {}; this.close_callback = $.type(close_callback) === "function" ? close_callback : function() {}; // Style this.css = this.style(); // Init this.popup_elements = this.init(); // Bind Event-Listener this.bind_event_listener(); } //####################### //## Get style properties //####################### PopUp.prototype.style = function() { return { dp_popup_wrapper : { display: 'block', position: 'fixed', top: '0', left: '0', width: '100vw', height: $(document).height(), backgroundImage: 'url("https://autohaus-klaene.de/wp-content/plugins/vehiclesearch/assets/dp_popup_background.png")', backgroundSize: 'cover', backgroundRepeat: 'reapeat', zIndex: '999999' }, dp_popup_container_wrapper: { display: 'block', position: 'fixed', width: '100%', height: '100vh', overflowX: 'hidden', overflowY: 'auto', }, dp_popup_container: { display: 'table', position: 'relative', maxWidth: '90%', top: '50%', padding: '20px', margin: '200px auto 0', background: '#fff', transform: 'translateY(-50%)' }, dp_popup_close: { display: 'block', position: 'absolute', fontSize: '20px', right: '10px', top: '10px', cursor: 'pointer' }, //Mobile dp_popup_container_mobile: { display: 'block', position: 'absolute', width: '500px', maxWidth: '90%', top: '100px', left: '50%', padding: '20px', margin: '50px 0', background: '#fff', transform: 'translateX(-50%)' } } }; //################## //## Build base html //################## PopUp.prototype.init = function() { let isMobile = $(window).width() < 995; $('.dp_popup_wrapper').remove(); let popup_elements = {} popup_elements['dp_popup_wrapper'] = $('
').addClass('dp_popup_wrapper').css(this.css.dp_popup_wrapper); $('body').prepend(popup_elements['dp_popup_wrapper']); // popup_elements['dp_popup_container_wrapper'] = $('
').addClass('dp_popup_container_wrapper').css(this.css.dp_popup_container_wrapper); popup_elements['dp_popup_wrapper'].append(popup_elements['dp_popup_container_wrapper']); // popup_elements['dp_popup_container'] = $('
').addClass('dp_popup_container').css(isMobile ? this.css.dp_popup_container_mobile : this.css.dp_popup_container); popup_elements['dp_popup_container_wrapper'].append(popup_elements['dp_popup_container']); popup_elements['dp_popup_container'][0].focus(); popup_elements['dp_popup_container'].append(this.popup_content); this.callback.call(popup_elements['dp_popup_container'], popup_elements['dp_popup_container']); // popup_elements['dp_popup_close'] = $('').addClass('fas fa-times').css(this.css.dp_popup_close); popup_elements['dp_popup_container'].append(popup_elements['dp_popup_close']); return popup_elements; }; //################# //## Eventlistener //################# PopUp.prototype.bind_event_listener = function() { let This = this; // Close events let hoverContent = false; this.popup_elements.dp_popup_close.off('.popup') .on('click.popup', function() { This.close_callback.call(This.popup_content, This.popup_content); This.popup_elements.dp_popup_wrapper.remove(); $('*').off('.popup'); }); this.popup_elements.dp_popup_container.off('.popup') .on('click.popup', function() { e.stopPropagation(); }); this.popup_elements.dp_popup_wrapper.off('.popup') .on('click.popup', function() { This.popup_elements.dp_popup_close.trigger('click'); }); }; //################# //## Bind on jQuery //################# $.fn.extend({ DP_PopUp: function(callback, close_callback) { let popup = new PopUp(this, callback, close_callback); return this; } }); }); })(jQuery); (function($){ $(document).ready(function(){ // Variables var ajax_caller = new Vs_search($); var accordion_initialiser = []; // Gallary slider $('.dp-gallary-slider').dp_gallary(dp_pictures_obj); // Popup trigger $('.dp-trigger-popup').on('click', function() { if($.type(this.dataset.dp_popup) === "undefined") return false; let popup_container = $('.dp-popup-container'); let elem = popup_container.find(this.dataset.dp_popup); if(elem.length === 0) return false switch(this.dataset.dp_popup) { case "#dp-test-drive-container" : elem.DP_PopUp(function() {}, function() {popup_container.append(this)}); break; } }); // Shortcut $('.dp-request-vehicle').on('click', function(e) { new Promise(function(res, rej) { let elemPos = $('#dp-request-container').offset().top - (($(window).height()/6)); $(window).scrollTop(elemPos); }); }); // Accordion handler let timeouts = []; const openCloseAccordion = function() { timeouts.forEach(function(aTimeout) { clearTimeout(aTimeout); }); timeouts = []; $('.dp-accordion-container').each(function() { // Variables const _mainContainer = $(this); const _trigger = _mainContainer.find('.dp-accordion-trigger'); const _content_container = _mainContainer.find('.dp-accordion-content-container'); const _content = _mainContainer.find('.dp-accordion-content-container .dp-accordion-content'); const contentHeight = _content.outerHeight(); if( true === _mainContainer.hasClass('open') ) { _content.css({position: 'absolute'}); _content_container.css({height: `${contentHeight}px`}); timeouts.push(setTimeout(function() { _content.css({position: 'relative', overflow: 'visible'}); _content_container.css({height: ''}); }, 300)); } else { _content_container.css({height: `${contentHeight}px`}); setTimeout(function() { _content.css({position: 'absolute'}); _content_container.css({height: `0px`}); }, 0); } }); } $('.dp-accordion-container').each(function() { // Variables const _mainContainer = $(this); const _trigger = _mainContainer.find('.dp-accordion-trigger'); const _content_container = _mainContainer.find('.dp-accordion-content-container'); const _content = _mainContainer.find('.dp-accordion-content-container .dp-accordion-content'); _trigger.on('click', function() { // Open this _mainContainer.toggleClass('open'); // OpenClose Accordion openCloseAccordion(); }); }); openCloseAccordion.call(null); // init $.extend({ vehiclesearch_detailpage_refresh_accordion_sizes: function() { accordion_initialiser.forEach(function(anAccordionInitialiser) { anAccordionInitialiser(); }); } }); switch("") { case 'financing_example': setTimeout(function() { let financing_example_container = document.querySelector('.dp-financing-example-accordion-container'); let rect = financing_example_container.getBoundingClientRect(); window.scrollTo({ top : rect.top, behavior : 'smooth' }); }, 1); break; } }); })(jQuery)