@font-face {
  font-family: 'tat';
  src: url('../font/tat.eot?1');
  src: url('../font/tat.eot?#iefix&1') format('embedded-opentype'),
       url('../font/tat.woff2?1') format('woff2'),
       url('../font/tat.woff?1') format('woff'),
       url('../font/tat.ttf?1') format('truetype'),
       url('../font/tat.svg?1#tat') format('svg');
  font-weight: normal; font-style: normal;
}
[class^="tat-"]:before, [class*=" tat-"]:before {
  font-family: "tat"; 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;
}

.tat-erstmassnahmen:before { content: '\e800'; }
.tat-desinfektion:before { content: '\e801'; }
.tat-diskret:before { content: '\e802'; }
.tat-schaedling:before { content: '\e803'; }
.tat-geruch:before { content: '\e804'; }
.tat-biogefahr:before { content: '\e805'; }