/*Navigation wird geerbt von Startseite*/

/*Kontaktformular design*/
.kontakt {
  background: #171717;
  padding: 80px 0;
  text-align: center;
}

.kontakt h2 {
  font-size: 17px;
  color: orange;
  margin-bottom: 40px;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 400;
}

.kontaktleiste {
  max-width: 600px;
  margin: auto;
  transition: 0.3s linear;
  padding: 0 20px;
}

.vorname,
.nachname,
.email_address,
.betreff,
.str_,
.plz_,
.ort_,
.gebd_,
.gebort_,
.tel_,
.message,
.captcha {
  border: none;
  outline: none;
  border-bottom: 2px solid orange;
  background: #262626;
  padding: 10px 6px;
  font-size: 14px;
  margin-bottom: 40px;
}

.vorname {
  width: 98%;
  color: white;
}

.nachname {
  width: 98%;
  color: white;
}

.email_address {
  width: 98%;
  color: white;
}

.betreff {
  width: 98%;
  color: white;
}

.str_ {
  width: 98%;
  color: white;
}

.plz_ {
  margin-left: 5px;
  float: left;
  width: 43%;
  color: white;
}

.ort_ {
  margin-right: 5px;
  float: right;
  width: 40%;
  color: white;
}

.gebd_ {
  float: left;
  margin-left: 5px;
  width: 43%;
  color: white;
}

.gebort_ {
  margin-right: 5px;
  float: right;
  width: 40%;
  color: white;
}
.tel_ {
  width: 98%;
  color: white;
}

.message {
  max-width: 98%;
  min-width: 98%;
  font-size: 16px;
  color: white;
}

.kontakt button {
  background: none;
  color: #70a1ff;
  border: 1px solid #70a1ff;
  padding: 12px 40px;
  border-radius: 20px;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 20px;
  cursor: pointer;
  transition: 0.3s linear;
}

.kontakt button:hover {
  background: #70a1ff;
  color: #fff;
  transform: scale(1.2);
}

.check {
  transform: scale(2);
  float: left;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
}

.check:hover {
  transform: scale(2.5);
  transition: 0.3s linear;
}

.checked {
  font-size: 20px;
  font-style: italic;
  font-family: sans-serif;
  text-decoration: none;
  color: white;
}

.checked a {
  display: flex;
}

.checkbereich .checked a {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.checked:hover {
  transition: 0.3s linear;
  transform: scale(1.1);
}

.captcha {
  margin-top: 20px;
  width: 98%;
  color: white;
}

.hid {
  display: none;
}

/*Bilder Fahrzeuge*/
.fsklassen {
  cursor: pointer;
  text-align: center;
  align-items: center;
  justify-content: center;
  background: #171717;
}

.fsklassen_img {
  list-style: none;
  transition: 0.3s linear;
  font-size: 20px;
  letter-spacing: 2px;
  background: #171717;
  color: orange;
  font-family: sans-serif;
  text-transform: uppercase;
}

.fsklassen_img img {
  text-decoration: none;
  transition: 0.3s linear;
  padding: 5px 0px;
  background: #171717;
}

.fsklassen_img img:hover {
  transition: 0.3s linear;
  transform: scale(1.2);
}

.fsklassen_img li {
  display: flex;
  transition: 0.3s linear;
  flex-direction: column;
}

/*Unterer Bereich wird geerbt von Startseite*/
/* Mobile optimierung */
@media (max-width: 1500px) {
  /*Navigation wird geerbt von Startseite*/

  /*Kontaktformular design*/
  .kontakt {
    background: #171717;
    padding: 80px 0;
    text-align: center;
  }

  .kontakt h2 {
    font-size: 17px;
    color: orange;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 400;
  }

  .kontaktleiste {
    max-width: 600px;
    margin: auto;
    transition: 0.3s linear;
    padding: 0 20px;
  }

  .vorname,
  .nachname,
  .email_address,
  .betreff,
  .str_,
  .plz_,
  .ort_,
  .gebd_,
  .gebort_,
  .tel_,
  .message,
  .captcha {
    border: none;
    outline: none;
    border-bottom: 2px solid orange;
    background: #262626;
    padding: 10px 6px;
    font-size: 14px;
    margin-bottom: 40px;
  }

  .vorname {
    width: 98%;
    color: white;
  }

  .nachname {
    width: 98%;
    color: white;
  }

  .email_address {
    width: 98%;
    color: white;
  }

  .betreff {
    width: 98%;
    color: white;
  }

  .str_ {
    width: 98%;
    color: white;
  }

  .plz_ {
    margin-left: 5px;
    float: left;
    width: 43%;
    color: white;
  }

  .ort_ {
    margin-right: 5px;
    float: right;
    width: 40%;
    color: white;
  }

  .gebd_ {
    float: left;
    margin-left: 5px;
    width: 43%;
    color: white;
  }

  .gebort_ {
    margin-right: 5px;
    float: right;
    width: 40%;
    color: white;
  }
  .tel_ {
    width: 98%;
    color: white;
  }

  .message {
    max-width: 98%;
    min-width: 98%;
    font-size: 16px;
    color: white;
  }

  .kontakt button {
    background: none;
    color: #70a1ff;
    border: 1px solid #70a1ff;
    padding: 12px 40px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s linear;
  }

  .kontakt button:hover {
    background: #70a1ff;
    color: #fff;
    transform: scale(1.2);
  }

  .check {
    transform: scale(2);

    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
  }

  .checked {
    text-align: center;
    padding: 0 30px;
    color: white;
    text-decoration: none;
  }

  .checked a {
    display: flex;
    margin: 0 auto;
    text-align: center;
  }

  .captcha {
    margin-top: 20px;
    width: 98%;
    color: white;
  }

  .hid {
    display: none;
  }

  .kontakt button {
    margin-top: 20px;
  }

  /*Bilder Fahrzeuge*/
  .fsklassen {
    cursor: pointer;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #171717;
  }

  .fsklassen_img {
    list-style: none;
    transition: 0.3s linear;
    font-size: 20px;
    letter-spacing: 2px;
    background: #171717;
    color: orange;
    font-family: sans-serif;
    text-transform: uppercase;
  }

  .fsklassen_img img {
    text-decoration: none;
    transition: 0.3s linear;
    padding: 5px 0px;
    background: #171717;
  }

  .fsklassen_img img:hover {
    transition: 0.3s linear;
    transform: scale(1.2);
  }

  .fsklassen_img li {
    display: flex;
    transition: 0.3s linear;
    flex-direction: column;
  }
}

@media (max-width: 700px) {
  /*Navigation wird geerbt von Startseite*/

  /*Kontaktformular design*/
  .kontakt {
    background: #171717;
    padding: 80px 0;

    text-align: center;
  }

  .kontakt h2 {
    font-size: 17px;
    color: orange;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 400;
  }

  .kontaktleiste {
    max-width: 600px;
    margin: auto;
    transition: 0.3s linear;
    padding: 0 20px;
  }

  .vorname,
  .nachname,
  .email_address,
  .betreff,
  .str_,
  .plz_,
  .ort_,
  .gebd_,
  .gebort_,
  .tel_,
  .message,
  .captcha {
    border: none;
    outline: none;
    border-bottom: 2px solid orange;
    background: #262626;
    padding: 10px 6px;
    font-size: 14px;
    margin-bottom: 40px;
  }

  .vorname,
  .nachname,
  .email_address,
  .betreff,
  .str_,
  .tel_,
  .captcha {
    width: 90%;
    color: white;
  }

  .plz_ {
    margin-left: 30px;

    width: 43%;
    float: left;

    color: white;
  }

  .ort_ {
    margin-right: 30px;
    float: right;

    width: 40%;
    color: white;
  }

  .gebd_ {
    margin-left: 30px;

    width: 43%;
    float: left;

    color: white;
  }

  .gebort_ {
    margin-right: 30px;
    float: right;

    width: 40%;
    color: white;
  }

  .message {
    max-width: 90%;
    min-width: 90%;
    font-size: 16px;
    color: white;
  }

  .kontakt button {
    background: none;
    color: #70a1ff;
    border: 1px solid #70a1ff;
    padding: 12px 40px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s linear;
    margin-top: 20px;
  }

  .kontakt button:hover {
    background: #70a1ff;
    color: #fff;
    transform: scale(1.2);
  }

  .check {
    transform: scale(2);
    float: left;
    margin-left: 30px;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
  }

  .check:hover {
    transform: scale(2.5);
    transition: 0.3s linear;
  }

  .checked {
    font-size: 20px;
    font-style: italic;
    font-family: sans-serif;
    text-decoration: none;
    color: white;
  }

  .checked a {
    display: flex;
  }

  .checkbereich .checked a {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
  }

  .checked:hover {
    transition: 0.3s linear;
    transform: scale(1.1);
  }

  .captcha {
    margin-top: 10px;
    width: 90%;
    display: block;
    margin-left: 30px;

    color: white;
  }

  .hid {
    display: none;
  }

  /*Bilder Fahrzeuge*/
  .fsklassen {
    cursor: pointer;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #171717;
  }

  .fsklassen_img {
    list-style: none;
    transition: 0.3s linear;
    font-size: 20px;
    letter-spacing: 2px;
    background: #171717;
    color: orange;
    font-family: sans-serif;
    text-transform: uppercase;
  }

  .fsklassen_img img {
    text-decoration: none;
    transition: 0.3s linear;
    padding: 5px 0px;
    background: #171717;
  }

  .fsklassen_img img:hover {
    transition: 0.3s linear;
    transform: scale(1.2);
  }

  .fsklassen_img li {
    display: flex;
    transition: 0.3s linear;
    flex-direction: column;
  }
}

@media (max-width: 400px) {
  /*Navigation wird geerbt von Startseite*/

  /*Kontaktformular design*/
  .kontakt {
    background: #171717;
    padding: 80px 0;

    text-align: center;
  }

  .kontakt h2 {
    font-size: 14px;
    color: orange;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 400;
  }

  .kontaktleiste {
    max-width: 600px;
    margin: auto;
    transition: 0.3s linear;
    padding: 0 20px;
  }

  .vorname,
  .nachname,
  .email_address,
  .betreff,
  .str_,
  .plz_,
  .ort_,
  .gebd_,
  .gebort_,
  .tel_,
  .message,
  .captcha {
    border: none;
    outline: none;
    border-bottom: 2px solid orange;
    background: #262626;
    padding: 10px 6px;
    font-size: 14px;
    margin-bottom: 40px;
  }

  .vorname,
  .nachname,
  .email_address,
  .betreff,
  .str_,
  .tel_,
  .captcha {
    width: 70%;
    color: white;
  }

  .plz_ {
    margin-left: 50px;

    width: 33%;
    float: left;

    color: white;
  }

  .ort_ {
    margin-right: 55px;
    float: right;

    width: 33%;
    color: white;
  }

  .gebd_ {
    margin-left: 50px;

    width: 33%;
    float: left;

    color: white;
  }

  .gebort_ {
    margin-right: 55px;
    float: right;

    width: 33%;
    color: white;
  }

  .message {
    max-width: 70%;
    min-width: 70%;
    font-size: 14px;
    color: white;
  }

  .kontakt button {
    background: none;
    color: #70a1ff;
    border: 1px solid #70a1ff;
    padding: 12px 40px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s linear;
    margin-top: 20px;
  }

  .kontakt button:hover {
    background: #70a1ff;
    color: #fff;
    transform: scale(1.2);
  }

  .check {
    transform: scale(2);
    float: left;

    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
  }

  .check:hover {
    transform: scale(2.5);
    transition: 0.3s linear;
  }

  .checked {
    font-size: 15px;
    font-style: arial;
    font-family: sans-serif;
    text-decoration: none;
    justify-content: center;
    align-items: center;

    color: white;
  }

  .checked a {
    display: flex;
  }

  .checkbereich .checked a {
    display: flex;
    text-align: center;

    align-items: center;
    justify-content: center;
  }

  .checked:hover {
    transition: 0.3s linear;
    transform: scale(1.1);
  }

  .captcha {
    margin-top: 10px;
    width: 70%;
    display: block;
    margin-left: 50px;

    color: white;
  }

  .hid {
    display: none;
  }

  /*Bilder Fahrzeuge*/
  .fsklassen {
    cursor: pointer;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #171717;
  }

  .fsklassen_img {
    list-style: none;
    transition: 0.3s linear;
    font-size: 15px;
    letter-spacing: 2px;
    background: #171717;
    color: orange;
    font-family: sans-serif;
    text-transform: uppercase;
  }

  .fsklassen_img img {
    text-decoration: none;
    transition: 0.3s linear;
    padding: 10px 0px;
    background: #171717;
  }

  .fsklassen_img img:hover {
    transition: 0.3s linear;
    transform: scale(1.2);
  }

  .fsklassen_img li {
    display: flex;
    transition: 0.3s linear;
    flex-direction: column;
  }
}