@font-face {
  font-family: 'mes';
  src: url('../font/mes.eot?1');
  src: url('../font/mes.eot?#iefix&1') format('embedded-opentype'),
       url('../font/mes.woff2?1') format('woff2'),
       url('../font/mes.woff?1') format('woff'),
       url('../font/mes.ttf?1') format('truetype'),
       url('../font/mes.svg?1#mes') format('svg');
  font-weight: normal; font-style: normal;
}
[class^="mes-"]:before, [class*=" mes-"]:before {
  font-family: "mes"; font-style: normal; font-weight: normal; speak: never;
  display: inline-block; text-decoration: inherit; width: 1em; 
  text-align: center; font-variant: normal; text-transform: none; line-height: 1em;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

.mes-erstmassnahmen:before { content: '\e800'; }
.mes-entruempelung:before { content: '\e801'; }
.mes-desinfektion:before { content: '\e802'; }
.mes-geruch:before { content: '\e803'; }