.form-label {
  font-weight: $font-weight-bold;
  margin-bottom: 0.75rem;
}

.form-control {
  @include media-breakpoint-down(xxl) {
    // font-size: $font-size-sm;
  }

  @include focus-visible();

  &:hover {
    border-color: $primary;
  }
}

.form-select {
  @include focus-visible();

  &:hover {
    border-color: $primary;
  }
}

.form-check-input {
  @include focus-visible();

  &:hover {
    border-color: $primary;
  }
}

.form-element-check {
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
  margin-top: 1rem;
}
.form-check-wrapping-label {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  .form-check-label {
    // margin-left: 0.5rem;
    font-weight: $font-weight-bold;
  }
}

textarea.form-control {
  min-height: calc(1.5em + 10rem + calc(1px * 2));
}
.form-navigation {
  display: flex;
  justify-content: flex-end;
}

form label .required {
  color: $secondary-rosenrot;
  margin-left: 0.25rem;
}