@font-face {
  font-family: 'Pero-Regular';
  src: url('Pero/pero-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('Pero/pero-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Pero/pero-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('Pero/pero-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('Pero/pero-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('Pero/pero-regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'Pero-Bold';
  src: url('Pero/pero-bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('Pero/pero-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('Pero/pero-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
  url('Pero/pero-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
  url('Pero/pero-bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('Pero/pero-bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
  }

@font-face {
  font-family: 'Pero-Light';
  src: url('Pero/pero-light-webfont.eot'); /* IE9 Compat Modes */
  src: url('Pero/pero-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('Pero/pero-light-webfont.woff2') format('woff2'), /* Super Modern Browsers */
  url('Pero/pero-light-webfont.woff') format('woff'), /* Pretty Modern Browsers */
  url('Pero/pero-light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('Pero/pero-light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'Pero-SemiBold';
    src: url('Pero/pero-semibold-webfont.eot'); /* IE9 Compat Modes */
    src: url('Pero/pero-semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Pero/pero-semibold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
    url('Pero/pero-semibold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
    url('Pero/pero-semibold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('Pero/pero-semibold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    }

.pero-regular-schriftart {
      font-family: Pero-Regular, Helvetica, Arial, Verdana, sans-serif;
    }
.pero-semibold-schriftart {
      font-family: Pero-SemiBold, Helvetica, Arial, Verdana, sans-serif;
    }

.pero-bold-schriftart {
      font-family: 'Pero-Bold';
    }

.pero-light-schriftart {
    font-family: 'Pero-Light';
  }