input[type=text], input[type=password] {
  width:100%;
  border:none;
  background-color:rgb(255, 255, 255);
  color:rgb(167, 198, 95);
  margin:5px 0px;
}

input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder {
  color:rgb(101, 138, 99);
}

input[type=text]::-moz-placeholder, input[type=password]::-webkit-input-placeholder {
  color:rgb(101, 138, 99);
}

input[type=text]:-ms-input-placeholder, input[type=password]::-webkit-input-placeholder {
  color:rgb(101, 138, 99);
}

input[type=text]:-moz-placeholder, input[type=password]::-webkit-input-placeholder {
  color:rgb(101, 138, 99);
}

input[type=button], input[type=submit], input[type=reset] {
  background-color:rgb(167, 198, 95);
  border:none;
  color:white;
  text-decoration:none;
  text-transform:uppercase;
  text-align:left;
  cursor:pointer;
  width:100%;
  margin:5px 0px;
}

/* ---------------------------------------------------------------
   Grav-Formulare (Form-Plugin, z.B. "Allgemeine Anfrage")
   ------------------------------------------------------------- */
.form-field{
  margin-bottom:18px;
}

.form-label label{
  display:block;
  font-weight:700;
  font-size:14px;
  color:rgb(95, 126, 155);
  margin-bottom:6px;
}

.form-label .required{
  color:#c0392b;
  font-weight:400;
  margin-left:2px;
}

.form-input-wrapper input,
.form-textarea-wrapper textarea{
  box-sizing:border-box;
  width:100%;
  padding:10px 12px;
  border:1px solid rgba(95, 126, 155, .35);
  border-radius:6px;
  background-color:#fff;
  color:rgb(88, 88, 90);
  font-family:inherit;
  font-size:14px;
  margin:0;
  transition:border-color .2s ease, box-shadow .2s ease;
}

.form-input-wrapper input:focus,
.form-textarea-wrapper textarea:focus{
  outline:none;
  border-color:rgb(95, 126, 155);
  box-shadow:0 0 0 3px rgba(95, 126, 155, .15);
}

.form-input-wrapper input::placeholder,
.form-textarea-wrapper textarea::placeholder{
  color:rgb(150, 160, 170);
}

.form-textarea-wrapper textarea{
  min-height:140px;
  resize:vertical;
}

.buttons{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:8px;
}

.buttons .button{
  border:none;
  border-radius:6px;
  padding:10px 26px;
  font-weight:700;
  font-size:14px;
  text-transform:uppercase;
  cursor:pointer;
  transition:background-color .2s ease, transform .2s ease;
}

.buttons .button[type="submit"]{
  background-color:rgb(167, 198, 95);
  color:#fff;
}
.buttons .button[type="submit"]:hover{
  background-color:rgb(147, 178, 75);
  transform:translateY(-1px);
}

.buttons .button[type="reset"]{
  background-color:transparent;
  color:rgb(95, 126, 155);
  border:1px solid rgba(95, 126, 155, .4);
}
.buttons .button[type="reset"]:hover{
  background-color:rgb(226, 235, 243);
}