@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?u9xvf5');
  src:  url('fonts/icomoon.eot?u9xvf5#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?u9xvf5') format('truetype'),
    url('fonts/icomoon.woff?u9xvf5') format('woff'),
    url('fonts/icomoon.svg?u9xvf5#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon_"], [class*=" icon_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon_facebook:before {
  content: "\f001";
}
.icon_instagram:before {
  content: "\f002";
}
.icon_access:before {
  content: "\f003";
}
.icon_contact:before {
  content: "\f004";
}
.icon_search:before {
  content: "\f005";
}
.icon_triangle:before {
  content: "\f006";
}
.icon_puls:before {
  content: "\f007";
}
.icon_close:before {
  content: "\f008";
}
.icon_arrow_left:before {
  content: "\f009";
}
.icon_arrow_right:before {
  content: "\f010";
}
.icon_arrow-up:before {
  content: "\f011";
}
.icon_mail:before {
  content: "\f012";
}
.icon_error:before {
  content: "\f013";
}
.icon_twitter:before {
  content: "\f014";
}
.icon_youtube:before {
  content: "\f018";
}

.icon_pdf:before {
  content: "\f015";
  color: #d31313;
}
.icon_external:before {
  content: "\f016";
  color: #4d4d4d;
  font-size: 87.5%;
  display: inline-block;
  padding: 0 0.2em;
}