/* WSForm styling aligned with the contact form on /kontakt/. */

form[id*="ws-form-"].wsf-form {
  color: #333333;
}

form[id*="ws-form-"].wsf-form .wsf-field-wrapper {
  margin-bottom: 20px;
}

form[id*="ws-form-"].wsf-form .wsf-sections .wsf-section {
  margin-bottom: 40px;
}

form[id*="ws-form-"].wsf-form .wsf-label {
  display: block;
  margin-bottom: 10px;
  color: #333333;
  font-size: 15px;
  text-align: left;
}

form[id*="ws-form-"].wsf-form .wsf-field:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
form[id*="ws-form-"].wsf-form textarea,
form[id*="ws-form-"].wsf-form select {
  width: 100%;
  min-height: 0;
  box-sizing: border-box;
  padding: 12px;
  border: 1px solid #BDBDBD !important;
  border-radius: 3px;
  background-color: #ffffff;
  color: #333333;
  text-align: left;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

form[id*="ws-form-"].wsf-form .wsf-field:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
form[id*="ws-form-"].wsf-form textarea:focus,
form[id*="ws-form-"].wsf-form select:focus {
  outline: none !important;
  border-color: #BDBDBD !important;
  box-shadow: none !important;
}

form[id*="ws-form-"].wsf-form .wsf-field::placeholder,
form[id*="ws-form-"].wsf-form textarea::placeholder {
  color: inherit;
  opacity: 1;
}

form[id*="ws-form-"].wsf-form .wsf-required-wrapper,
form[id*="ws-form-"].wsf-form .wsf-text-danger,
form[id*="ws-form-"].wsf-form .wsf-invalid-feedback {
  color: #C80000 !important;
}

form[id*="ws-form-"].wsf-form .wsf-sections .wsf-section .wsf-help {
  color: #666666 !important;
}

form[id*="ws-form-"].wsf-form .wsf-button {
  border-radius: 3px;
  font-size: 15px;
}

form[id*="ws-form-"].wsf-form .wsf-button[type="submit"],
form[id*="ws-form-"].wsf-form .wsf-button[type="reset"] {
  padding: 12px 24px;
  border: 1px solid #333333;
  border-radius: 3px;
  background-color: #333333;
  color: #ffffff;
  font-size: 15px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

form[id*="ws-form-"].wsf-form .wsf-button[type="submit"]:hover,
form[id*="ws-form-"].wsf-form .wsf-button[type="reset"]:hover {
  border-color: #C80000;
  background-color: #C80000;
  color: #ffffff;
}

form[id*="ws-form-"].wsf-form .wsf-button:focus {
  outline: none;
  border-color: #D1DAE5;
  box-shadow: 0 0 0 2px #D1DAE5;
}

form[id*="ws-form-"].wsf-form .wsf-alert {
  border-inline-start: 6px solid #C80000;
  background-color: #4D4D4D;
  color: #ffffff;
}

form[id*="ws-form-"].wsf-form .wsf-alert p {
  color: #ffffff;
}

form[id*="ws-form-"].wsf-form .wsf-sections .wsf-section legend {
  color: #333333 !important;
  font-weight: 700;
}