.icon {
  position: relative;
  padding-left: 1.2em;
  display: inline-block;
}
icon:before {
  content: "";
  display: inline-block;
  background-image: url(../icons/icons.png);
  width: 2em;
  height: 2em;
  background-repeat: no-repeat;
  background-size: 400% auto;

  position: absolute;
  top: 0.1em;
  left: 0;
}

.icon.weiss:before {
  background-image: url(../icons/icons_weiss.png);
}
.icon.plus:before {
  background-position: 0px 0px;
}
.icon.sprechblase:before {
  background-position: 33% 0px;
}
.icon.kreuz:before {
  background-position: 0px 25%;
}
.icon.zeitung:before {
  background-position: 33% 25%;
}
.icon.pfeil-links:before {
  background-position: 0px 50%;
}
.icon.pfeil-rechts:before {
  background-position: 33% 50%;
}
.icon.gesicht:before {
  background-position: 0px 75%;
}
.icon.gesichter:before {
  background-position: 33% 75%;
}
.icon.siegerpodest:before {
  background-position: 0px 100%;
  top: 0.2em;
}
.icon.siegerpodest-ohne-zahlen:before {
  background-position: 33% 100%;
}
.icon.fussball:before {
  background-position: 66% 0%;
}
.icon.ausrufezeichen:before {
  background-position: 100% 0%;
}
.icon.gelbe-karte:before {
  background-position: 66% 50%;
}
.icon.rote-karte:before {
  background-position: 100% 25%;
}
.icon.gelbrote-karte:before {
  background-position: 100% 50%;
}
.icon.wechsel:before {
  background-position: 66% 25%;
}
.icon.tor:before {
  background-position: 66% 75%;
}