// Einzelner Downloadlink
a.download:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .5em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  content: '\e818';
}

a.download[href$='.pdf']:before {
  content: '\e800';
}

// Liste mit Download Links
.ce-uploads {
  padding-left: 0;
  list-style: none;
}

.ce-uploads-fileName {
  line-height: 1.2;
  display: block;
  a {
    color: @gray-darker;
    &:hover, &:focus {
      text-decoration: none;
      color: @brand-primary;
    }
  }
}

.ce-uploads-description {
  .small();
  color: @gray;
  display: block;
}

.frame-type-uploads.frame-layout-1 {
  .ce-uploads {
    > li {
      margin-top: @line-height-computed / 2;
      margin-left: 20px;
    }
    a[href*="pdf"] {
      &:before {
        font-family: "icon";
        font-style: normal;
        font-weight: normal;
        color: @brand-primary;
        display: inline-block;
        text-decoration: inherit;
        width: 20px;
        margin-left: -20px;
        /* For safety - reset parent styles, that can break glyph codes*/

        font-variant: normal;
        text-transform: none;
        /* fix buttons height, for twitter bootstrap */

        // line-height: 1em;
        content: '\e800';
      }
    }

  }
}

.frame-type-uploads.frame-layout-0 {
  .ce-uploads {
    .make-row();
    li {

      &:before {
        content: '';
      }

      margin-bottom: @grid-gutter-width;

      .make-xs-column(6);
      .make-sm-column(3);
      .make-lg-column(2.4);

      @media (max-width: @screen-xs-max) {
        &:nth-child(2n+3) {
          clear: left;
        }
      }
      @media (max-width: @screen-sm-min) {
        &:nth-child(4n+5) {
          clear: left;
        }
      }

      @media (min-width: @screen-sm) {
        &:nth-child(5n+6) {
          clear: left;
        }
      }

      > a {
        display: inline-block;
        margin-bottom: @line-height-computed / 4;
        height: 160px;
        position: relative;
        img {
          padding-right: 0;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          max-height: 100%;
          width: auto;
          bottom: 0px;
          position: relative;
        }
      }
      &:focus, &:hover {
        img {
          top: 1px;
          box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
        }
        a {
          color: @brand-primary;
        }
      }
      span.ce-uploads-fileName {
        margin-top: @line-height-computed / 2;
        margin-bottom: @line-height-computed / 4;
        a {
          font-weight: bold;
        }
      }
    }
  }
}
