/*####################################################################*/
/*##################### Formular Stuff ###############################*/
/*####################################################################*/

.th3_kontaktform{
  width: 100%;
  min-width: 200px;
  max-width: 800px;  
  margin: 0 auto;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}


.form-field{ width: 100%; flex: 0 0 100%; }

.form-field.form-s{ flex: 0 0 calc(30% - 10px); }
.form-field.form-m{ flex: 0 0 calc(70% - 10px); }
.form-field.form-50, .form-field.form-50-2{ flex: 0 0 calc(50% - 10px); }


.form-field input, .form-field textarea, .form-field select{
  border: 1px solid rgba(0,0,0,0.2);
  background-color: #fff;
  height: 50px;
  width: 100%;
  padding:10px 10px 6px 10px;
  display: block;
  position: relative; 
  font-size: 1.2em;
  z-index: 2;
}



.form-field input[type="checkbox"]{
  border: 1px solid rgba(0,0,0,0.2);
  background-color: #fff;
  height: 25px;
  width: 25px;
  margin-right:20px;
  padding:10px 10px 6px 10px;
  display: block;
  position: relative; 
  font-size: 1.2em;
  z-index: 2;
}

.main .form-field input[type="submit"]{
  background-color: #FEC600;
  border:0;
  max-width: 350px;
  text-transform: uppercase;
  font-family: 'barb';
  cursor: pointer;
  transition: .7s;
}


.main .form-field input[type="submit"]:hover{
  background-color: #000;
  color: #FEC600;
  border:0;
  max-width: 350px;
  text-transform: uppercase;
  font-family: 'barb';
  cursor: pointer;
}




.form-field select {
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right 2px center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  }

.form-field textarea{
  min-height: 150px;

}

.form-field input:focus, .form-field textarea:focus, .form-field select:focus{
  border: 1px solid rgba(0,0,0,1);
}