.gcs_formular .form-group {
  display: flex;
  flex-wrap: wrap;
}

.gcs_formular .form-group > div {
  position: relative;
}

.gcs_formular .form-group > div + div {
  padding-left: 1.5em;
}

.gcs_formular .form-group .col-form-label {
  flex-grow: 0 !important;
}

.gcs_formular .form-group .col-sm-3 {
  flex-basis: 25%;
  flex-grow: 1;
}

.gcs_formular .form-group .col-sm-4 {
  flex-basis: 33%;
  flex-grow: 1;
}

.gcs_formular .form-group .col-sm-6 {
  flex-basis: 50%;
  flex-grow: 1;
}

.gcs_formular .form-group .col-sm-9 {
  flex-basis: 75%;
  flex-grow: 1;
}


.gcs_formular .form-group .offset-sm-3 {
  margin-left: 25%;
}


.gcs_formular .form-check {
  position: relative;
}


.gcs_formular .fancy-select-wrap {
  padding-top: 0 !important;
  line-height: 2em;
}

.gcs_formular select.is-valid + .select2 .select2-selection {
  border-color: #036d13 !important;
  border-width: 2px;
}

.gcs_formular select.is-invalid + .select2 .select2-selection {
  border-color: #d90000 !important;
  border-width: 2px;
}


.gcs_formular input[type="checkbox"].is-invalid + label {
  text-decoration: underline;
  text-decoration-color: #d90000;
  text-decoration-thickness: 2px;
}

.gcs_formular .form-check:has(input[type="checkbox"].is-invalid):before {
  font-family: dashicons;
  content: "\f335";
  position: absolute;
  left: -0.9em;
  color: #d90000;
  font-size: 2em;
}


.gcs_formular .showbutton {
  display: inline-block;
  padding: 0.25em 1.5em;
  background-color: #0061ca;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  min-width: 150px;
  text-align: center;
}

.gcs_formular .showbutton.showbuttonsel {
  background-color: #036d13;
}

.gcs_formular .showbutton.selecterror {
  background-color: #d90000;
}


.gcs_formular div:has(input.is-valid):after {
  font-family: dashicons;
  content: "\f147";
  position: absolute;
  right: 0.5em;
  line-height: 2.5em;
  color: #036d13;
}

.gcs_formular .is-valid {
  border-color: #036d13 !important;
}

.gcs_formular .is-invalid {
  border-color: #d90000 !important;
}



@media (max-width: 1200px) {
  .gcs_formular .form-group > div + div {
    padding-left: 0.5em;
  }

  .gcs_formular .form-group .col-form-label {
    flex-basis: 100%;
  }

  .gcs_formular .form-group .offset-sm-3 {
    margin-left: 0;
  }

  .gcs_formular .showbutton {
    min-width: 130px;
    padding: 0.25em 1em;
  }
}



@media (max-width: 420px) {
  .gcs_formular .showbutton {
    min-width: 100px;
  }
}