@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 */
Renault Captur TCe 150 Version S
.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;
}
04/2018
N/A km
110 kW (150 PS)
Schaltgetriebe
Benzin
(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
Hubraum: 1.332 ccm
Getriebe: Schaltgetriebe
Vorbesitzer: 1
Modelljahr: 2018
Anzahl Sitze: 5
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*
Schadstoffklasse:
Euro6
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 ESP Navigationssystem Sitzheizung
Garantie Regensensor Elektr. Seitenspiegel Bluetooth Bordcomputer Freisprecheinrichtung Multifunktionslenkrad Isofix Lichtsensor
Nebelscheinwerfer Traktionskontrolle Start/Stopp-Automatik Schlüssellose Zentralverriegelung Armlehne Berganfahrassistent Lederlenkrad Reifendruckkontrolle Soundsystem
Touchscreen USB Isofix Beifahrersitz Innenspiegel autom. abblendend Geschwindigkeitsbegrenzer HU neu
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.: 16700 Airbag Beifahrerseite abschaltbar Airbag Fahrer-/Beifahrerseite Anti-Blockier-System (ABS) Antischlupfregelung (ASR) Anti-Submarining-Airbag im Fond Antriebsart: Frontantrieb Audio-Navigationssystem R-Link Evolution mit Touchscreen und Carminat TomTom Audio-/Radio-Fernbedienung am Lenkrad Audiosystem 3D Sound by Arkamys Außenspiegel asphärisch links Außenspiegel elektr. anklappbar Außenspiegel elektr. verstell und heizbar Außentemperaturanzeige Blinkleuchten LED in Außenspiegel integriert Bordcomputer Bremsassistent Dach Außenspiegel und A-Säule Kontrastfarbe Dachhimmel Schwarz Eco Mode (Fahrmodusschalter) Einparkhilfe vorn und hinten Einstiegsleisten mit Modell-Schriftzug Elektr. Bremskraftverteilung Elektron. Stabilitäts-Programm (ESP) Energierückgewinnung (Energy Smart Management) Fahrassistenz-System: Berganfahr-Assistent (HSA) Fensterheber elektr. mit Impulsgeber vorn Freisprecheinrichtung Bluetooth Gepäckraumabdeckung / Rollo Geschwindigkeits-Begrenzeranlage Geschwindigkeits-Regelanlage (Tempomat) Getriebe 6-Gang Gurtstraffer Handschuhfach mit LED-Beleuchtung Heckleuchten LED Heckscheibe heizbar Innenausstattung: Ziernähte farbig Innenraumfilter: Pollenfilter Innenspiegel mit Abblendautomatik Isofix-Aufnahmen für Kindersitz Isofix-Aufnahmen für Kindersitz an Beifahrersitz Karosserie: 5-türig Klimaautomatik Kopfstützen verstellbar Lenkrad (Leder) Lenksäule (Lenkrad) höhenverstellbar Lenksäule (Lenkrad) längsverstellbar Leseleuchte vorn Licht und Regensensor LM-Felgen 6,5x17 (Version S) Look-Paket Grau (außen) Mittelarmlehne vorn mit Ablagefach Modellpflege Motor 1,3 Ltr. 110 kW TCE Energy Nebelscheinwerfer Nebelscheinwerfer mit Kurvenlicht statisch Pedale Aluminium Radioempfang digital (DAB) Radstand 2606 mm Reifendruck-Kontrollsystem Reifen-Reparaturkit Rückfahrkamera Rücksitzbank geteilt/klappbar (1/3-2/3) Rücksitzbank verschiebbar Schadstoffarm nach Abgasnorm Euro 6 Schaltpunktanzeige Scheibenwischer mit Intervallschaltung Scheinwerfer Full-LED Seitenairbag vorn Seitenschutzleisten grau Servolenkung geschwindigkeitsabhängig Sicherheitsgurte vorn höhenverstellbar Sitz vorn links höhenverstellbar Sitzbezug / Polsterung: Alcantara / Stoff Sitzheizung vorn Sonderlackierung Metallic Black Pearl schwarz Sonderlackierung Metallic Iron blau Sonnenblenden mit Spiegel (beleuchtet) Start/Stop-Anlage Türgriffe außen Wagenfarbe Untersteuerungskontrolle (USC) USB-Anschluss inkl. AUX-IN-Anschluss (Plug & Music) Verglasung hinten abgedunkelt (Privacy Glass) Vision-Paket Wegfahrsperre Zentralverriegelung / Startanlage Handsfree Entry & Drive 2-Farben-Lackierung 6 Lautsprecher
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
Ich bin damit einverstanden, dass meine persönlichen Daten entsprechend der deutschen Datenschutzbestimmungen gespeichert und verarbeitet werden.
(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' : 'Renault Captur TCe 150 Version S',
'internalNumber' : '',
'link' : 'https://autohaus-klaene.de/fahrzeug/?id=391370625'
}
$.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/95/95e237fe-a522-413d-a4d0-f1d3b264b76c?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/95/95e237fe-a522-413d-a4d0-f1d3b264b76c?rule=mo-200.jpg"
});
dp_pictures_obj.push({
pic: "https://img.classistatic.de/api/v1/mo-prod/images/49/4919e08a-8471-45be-98f7-7439d4583ad0?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/49/4919e08a-8471-45be-98f7-7439d4583ad0?rule=mo-200.jpg"
});
dp_pictures_obj.push({
pic: "https://img.classistatic.de/api/v1/mo-prod/images/e4/e4d4213a-643a-4ba8-9889-ed6dd143880a?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/e4/e4d4213a-643a-4ba8-9889-ed6dd143880a?rule=mo-200.jpg"
});
dp_pictures_obj.push({
pic: "https://img.classistatic.de/api/v1/mo-prod/images/f4/f4da7e15-b946-4bea-8ef6-4d490ae9d882?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/f4/f4da7e15-b946-4bea-8ef6-4d490ae9d882?rule=mo-200.jpg"
});
dp_pictures_obj.push({
pic: "https://img.classistatic.de/api/v1/mo-prod/images/de/de2a4e0b-c15c-4a5f-8ffc-5ce7c9e316cd?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/de/de2a4e0b-c15c-4a5f-8ffc-5ce7c9e316cd?rule=mo-200.jpg"
});
dp_pictures_obj.push({
pic: "https://img.classistatic.de/api/v1/mo-prod/images/69/69e85e05-c183-4ed9-957c-ab9c41e5f562?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/69/69e85e05-c183-4ed9-957c-ab9c41e5f562?rule=mo-200.jpg"
});
dp_pictures_obj.push({
pic: "https://img.classistatic.de/api/v1/mo-prod/images/da/da00f309-9ee4-42ba-b81f-85c4f80f579c?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/da/da00f309-9ee4-42ba-b81f-85c4f80f579c?rule=mo-200.jpg"
});
dp_pictures_obj.push({
pic: "https://img.classistatic.de/api/v1/mo-prod/images/22/22619972-891b-4d2d-acf3-2569e8cf1a74?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/22/22619972-891b-4d2d-acf3-2569e8cf1a74?rule=mo-200.jpg"
});
dp_pictures_obj.push({
pic: "https://img.classistatic.de/api/v1/mo-prod/images/6e/6eee994c-b7bc-4b5a-a05d-f0a8d47ec898?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/6e/6eee994c-b7bc-4b5a-a05d-f0a8d47ec898?rule=mo-200.jpg"
});
dp_pictures_obj.push({
pic: "https://img.classistatic.de/api/v1/mo-prod/images/de/dee62e45-f83d-43ac-a471-a34030d57e66?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/de/dee62e45-f83d-43ac-a471-a34030d57e66?rule=mo-200.jpg"
});
dp_pictures_obj.push({
pic: "https://img.classistatic.de/api/v1/mo-prod/images/25/25e5ddd4-ced9-4a9b-8298-afb33b802de7?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/25/25e5ddd4-ced9-4a9b-8298-afb33b802de7?rule=mo-200.jpg"
});
dp_pictures_obj.push({
pic: "https://img.classistatic.de/api/v1/mo-prod/images/ea/eaa32dfc-9015-4010-9b49-19f2ca9fae07?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/ea/eaa32dfc-9015-4010-9b49-19f2ca9fae07?rule=mo-200.jpg"
});
dp_pictures_obj.push({
pic: "https://img.classistatic.de/api/v1/mo-prod/images/47/47f4e275-bd01-46d4-8be4-40de107428fe?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/47/47f4e275-bd01-46d4-8be4-40de107428fe?rule=mo-200.jpg"
});
dp_pictures_obj.push({
pic: "https://img.classistatic.de/api/v1/mo-prod/images/bf/bfbe01fe-bbc0-4fce-b6c5-77768c8d8e80?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/bf/bfbe01fe-bbc0-4fce-b6c5-77768c8d8e80?rule=mo-200.jpg"
});
dp_pictures_obj.push({
pic: "https://img.classistatic.de/api/v1/mo-prod/images/9e/9e7e1999-e314-4dbe-8e59-1ab3eacd22a5?rule=mo-1600.jpg",
thump: "https://img.classistatic.de/api/v1/mo-prod/images/9e/9e7e1999-e314-4dbe-8e59-1ab3eacd22a5?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)