/*
Icon classes can be used entirely standalone. They are named after their original file names.

```html
<!-- `display: block` sprite -->
<div class="icon-home"></div>

<!-- `display: inline-block` sprite -->
<img class="icon-home" />
```
*/
.icon-globe {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -16px 0px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-apple {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -48px -32px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-at {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: 0px -16px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-desktop {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -16px -16px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-download {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -32px 0px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-envelope {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -32px -16px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-file {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: 0px -32px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-info-circle {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -16px -32px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-info-i {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -32px -32px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-key {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -48px 0px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-link {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -48px -16px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-linux {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: 0px 0px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-picture {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: 0px -48px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-play-circle {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -16px -48px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-shopping-cart {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -32px -48px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-sign-in {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -48px -48px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-sign-out {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -64px 0px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-user {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -64px -16px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-video-camera {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -64px -32px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fa-windows {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -64px -48px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-fachartikel-white {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: 0px -64px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
.icon-tutorial-white {
  display: inline-block;
  vertical-align: -16%;
  background-image: url(../sprites/basic.png);
  background-position: -16px -64px;
  width: 16px;
  height: 16px;

  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url(../sprites/basic@2x.png);
      background-size: 80px 80px;
    }
}
