.powermail_form {
  .form-inline();
}

.powermail_fieldwrap {
  .form-group();
  position: relative;
}

/*==============================================
=            die Fieldset aufteilen            =
==============================================*/
.powermail_fieldset {

}

.powermail_legend {
  .h3();
  color: @brand-primary;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 0 none;

}

/*==========  Aufteilung Radio/Checkboxen  ==========*/

.powermail_check_legend, .powermail_radio_legend {
  .make-sm-column(3);
  .h4();
  padding-left: 0;
  border-bottom: 0 none;

}

.powermail_check_outer, .powermail_radio_outer {
  .make-sm-column(9);
}

/*==========  Aufteilung Textarea und Textinputs  ==========*/

.powermail_fieldwrap_textarea, .powermail_fieldwrap_input, .powermail_fieldwrap_select {
  .clearfix();

  .powermail_label {
    .make-sm-column(3);
    margin-bottom: 0;
    vertical-align: middle;
  }
  .powermail_textarea, .powermail_input, .powermail_select {
    .make-sm-column(9);
    .form-control();
  }
}

@media (min-width: @screen-sm-min) {
  .powermail_label {
    text-align: right;
    margin-bottom: 0;
    padding-top: (@padding-base-vertical + 1); // Default padding plus a border
  }
}

/*================================================
=            Styling der Input Fields            =
================================================*/

.powermail_input {
  .form-control();
}

.powermail_check_inner {
  .checkbox();
}

.powermail_radio_inner {
  .radio();
}

.powermail_select {
  .form-control();
}

.powermail_textarea {
  .form-control();
  height: inherit !important;
}

.powermail_submit {
  .btn();
  .btn-primary();
}

.powermail_reset {
  .btn();
  .btn-inverse();
}

/*=========================================================
=            Schnellkontakt auf der Startseite            =
=========================================================*/

.powermail_form_4 {
  h3 {
    display: none;
  }
  .powermail_fieldset {
    border-top: 0 none;
  }
  .powermail_legend {
    display: none;
  }
  label {
    .sr-only();
  }
  .powermail_field {
    width: 100%;
    height: auto;
  }
}

/*=========================================================
=            Parsley Form Validation Styles               =
=========================================================*/

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  &.powermail_field {
    color: @alert-success-text;
    background-color: @alert-success-bg;
    border-color: @alert-success-border;
  }
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  &.powermail_field {
    color: @alert-danger-text;
    background-color: @alert-danger-bg;
    border-color: @alert-danger-border;
  }
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  position: absolute;
  transition: all .3s ease-in;
  top: 100%;
}

.parsley-errors-list.filled {
  opacity: 1;
}

