/******************************************************************************************************
 * Standard-Einstellungen
 ******************************************************************************************************/

/*** 	Standardfarben
 *** 	Rot		#343a40
 ***	Blau		#009ee0 **/

/******************************************************************************************************
 * Kontaktformular
 ******************************************************************************************************/

input,
textarea {
  border: 1px solid var(--light-gray);
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
}

input:focus,
textarea:focus {
  box-shadow: none !important;
  border-bottom: 1px solid var(--c-dunkel-gruen);
}

input:focus-visible,
textarea:focus-visible {
  outline: none !important;
}

.form-item:not(.form-no-label) {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  overflow: hidden;
}

.form-item input {
  flex: 1;
  min-width: 350px;
}

.form-item .form-textarea-wrapper,
.form-item .description {
  flex: 1;
  min-width: 100%;
}

.form-item .description {
  color: var(--gray);
  font-size: 80%;
}

.form-item label {
  width: 200px;
  margin-bottom: 0.25rem;
}

.form-control {
  background-color: var(--white);
}
