WebFont.load({  google: {    families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Mulish:regular,700","Mulish:300,regular"]  }});

!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KB6H82F');


  (function clickMe() {
    const button = document.getElementById("button");
    const buttonText = document.getElementById("button-text");
    const arrow = document.getElementById("arrow");
    button.addEventListener("click", event => {
      const element = document.getElementById("brands");
     	element.classList.toggle("show")
      if (buttonText.textContent === "WENIGER ANZEIGEN") {
        buttonText.textContent = "MEHR ANZEIGEN";
        arrow.style.transform = "rotate(0deg)";
      } else {
        buttonText.textContent = "WENIGER ANZEIGEN";
        arrow.style.transform = "rotate(180deg)";
      }
    });
  })();
  (function validateForm () {
    let submitted = false

    const fields = [
      {
        fieldId: 'select',
        errorWrapperId: 'select-error',
        validate: function (value) {
          if (!value || value === 'disabled') {
            return false
          }
          return true
        }
      },
      {
        fieldId: 'firstname',
        errorWrapperId: 'firstname-error',
        validate: function (value) {
          if (!value || !value.length) {
            return 'Bitte Vorname eingeben'
          }
          return true
        }
      },
      {
        fieldId: 'lastname',
        errorWrapperId: 'lastname-error',
        validate: function (value) {
          if (!value || !value.length) {
            return 'Bitte Name eingeben'
          }
          return true
        }
      },
      {
        fieldId: 'companyname',
        errorWrapperId: 'companyname-error',
        validate: function (value) {
          if (!value || !value.length) {
            return 'Bitte Garage eingeben'
          }
          return true
        }
      },
      {
        fieldId: 'email',
        errorWrapperId: 'email-error',
        validate: function (value) {
          if (!value || !value.length) {
            return 'Bitte Email eingeben'
          } else if (!validateEmail(value)) {
            return 'E-Mail-Adresse ungültig'
          }
          return true
        }
      },
      {
        fieldId: 'tel',
        errorWrapperId: 'tel-error',
        validate: function (value) {
          if (!value || !value.length) {
            return 'Bitte Telefon Nummer eingeben'
          }
          return true
        }
      },
      {
        fieldId: 'streetname',
        errorWrapperId: 'streetname-error',
        validate: function (value) {
          if (!value || !value.length) {
            return 'Bitte Strasse / Nr eingeben'
          }
          return true
        }
      },
      {
        fieldId: 'plz',
        errorWrapperId: 'plz-error',
        validate: function (value) {
          if (!value || !value.length) {
            return 'Bitte PLZ / Ort eingeben'
          }
          return true
        }
      },
      {
        fieldId: 'city',
        errorWrapperId: 'city-error',
        validate: function (value) {
          if (!value || !value.length) {
            return 'Bitte Stadt eingeben'
          }
          return true
        }
      }
    ]

    window.addEventListener('load', function () {
      const form = document.getElementById('contact')
      form.addEventListener('submit', (e) => {
        const isValid = validateFormOnSubmit()
        if (!isValid) {
          e.preventDefault()
        }
        return isValid
      })

      fields.forEach((definition) => {
        const fieldEl = document.getElementById(definition.fieldId)
        if (!fieldEl) return

        fieldEl.addEventListener('input', function () {
          if (!submitted) return

          validateFormOnSubmit()
        })
      })
    })

    function validateFormOnSubmit() {
      submitted = true
      return doValidation()
    }

    function doValidation() {
      let isFormValid = true

      fields.forEach((definition) => {
        const fieldEl = document.getElementById(definition.fieldId)
        const errorWrapperEl = document.getElementById(definition.errorWrapperId)
        if (!fieldEl) return

        const validation = definition.validate(fieldEl.value)
        const hasMessage = typeof validation === 'string' && validation.length
        const isInvalid = validation === false || hasMessage
        if (isInvalid) {
          isFormValid = false
          fieldEl.style.borderBottomColor = '#f73d48'
          if (hasMessage && errorWrapperEl) {
            errorWrapperEl.innerHTML = validation
          } else {
            errorWrapperEl.innerHTML = ''
          }
        } else {
          fieldEl.style.borderBottomColor = '#edeff3'
          if (errorWrapperEl) {
            errorWrapperEl.innerHTML = ''
          }
        }
      })

      return isFormValid
    }

    // validate email as required field and format

    function trim(s) {
      return s.replace(/^\s+|\s+$/, '')
    }

    function validateEmail(value) {
      var temail = trim(value) // value of field with whitespace trimmed off
      var emailFilter = /^[^@]+@[^@.]+\.[^@]*\w\w$/
      var illegalChars = /[\<\>\,\;\:\\\'\[\]]/

      if (!emailFilter.test(temail) || value.match(illegalChars)) {
        return false
      }

      return true
    }
  })()
  
  window.addEventListener("load", function () {
    const urlParams = new URLSearchParams(window.location.href);
    const myParam = urlParams.get("myParam");
    const qs = (function (a) {
      if (a == "") return {};
      const b = {};
      for (let i = 0; i < a.length; ++i) {
        let p = a[i].split("=", 2);
        if (p.length == 1) b[p[0]] = "";
        else b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
      }
      return b;
    })(window.location.search.substr(1).split("&"));
    const modal = document.getElementById("successModal");
    if (qs["sf-return"] === '1') {
      modal.style.display = "block";
    }
  })

  $(document).mouseup(function(e){
      const modal = $("#successModal");
      // If the target of the click isn't the container
      if(!modal.is(e.target) && modal.has(e.target).length === 0) {
      	modal.hide();
      }
  });



  window.intercomSettings = {
    app_id: "p8uynd0r"
  };


KAUM INSERIERT,

SCHON VERKAUFT.

Werden Sie jetzt Händler bei CAR FOR YOU.

LEISTUNGEN

STARKE
REICHWEITE

ECHTES 360°-
TOOL

NEUSTE TECHNOLOGIE
UND INTUITIVES DESIGN

PERSÖNLICHE
BETREUUNG

Verkaufen Sie Ihre
Autos online

ÜBER UNS

Nachricht wurde gesendet

KAUM INSERIERT,

SCHON VERKAUFT.

Werden Sie jetzt Händler bei CAR FOR YOU.

LEISTUNGEN

STARKEREICHWEITE

ECHTES 360°-TOOL

NEUSTE TECHNOLOGIEUND INTUITIVES DESIGN