
.csc-mailform form {

  > ol {

    list-style: none;
    padding-left: 0;
    li {
      // margin-bottom: (floor(@line-height-computed / 2));
      // padding: 0!important;
      // overflow: visible;
    }
  }

  legend {
    margin: 0;
  }
}

// äußerstes Fieldset -> wird erzeugt, wenn in der Extension ein Fieldset ausgewählt wird
.csc-form-element-fieldset {
  > fieldset {
    background: @gray-lighter;
    padding: @grid-gutter-width;
    border-top: 4px solid @brand-primary;
    margin-bottom: @grid-gutter-width;
    position: relative;
    .make-row();
    > legend {
      .make-xs-column(12);
      .h3();
      color: @brand-primary;
      margin-top: 0;
      padding-left: 0;
      padding-right: 0;
      border-bottom: 0 none;
    }
    > ol {
      list-style: none;
      .make-row();
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;

      > li {
        .make-xs-column(12);
      }
    }
  }
}

// Fieldset für eine Gruppe von Checkboxen
.csc-form-element-checkboxgroup {

  border-top: 2px solid @gray;
  margin-top: @line-height-computed * 2;

  &:first-child {
    margin-top: 0;
  }

  > fieldset {
    position: relative;
    .make-row();
    > legend {
      .make-sm-column(3);
      .h4();
      padding-left: 0;
      border-bottom: 0 none;
    }
    > ol {
      list-style: none;
      .make-sm-column(9);

      li {
        .make-row();
        border-bottom: 1px solid @gray-light;
        &:hover, &:focus {
          color: @brand-primary;
          background: #fff;
        }

        label {
          .make-xs-column(11);
          margin: 5px 0;
          font-weight: normal;
        }
        input {
          margin: 10px 0;
          .make-xs-column(1);

        }
      }
    }
  }
}


.csc-form-element-textline, .csc-form-element-textarea {
  &:extend(.form-group all);

  > label {
    &:extend(.control-label all);
    .make-sm-column(3);
  }
  > input, > textarea, .form-control {
    &:extend(.form-control all);
    .make-sm-column(9);
  }
}


.csc-form-element-textarea textarea {
  &:extend(.form-control all);
  &:extend(textarea.form-control all);
}
