/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-Vorsorgeflaeche {
  background-image: url(legend.png);
  background-position: -200px -160px;
  width: 40px;
  height: 40px;
}
.icon-c1 {
  background-image: url(legend.png);
  background-position: -160px -160px;
  width: 40px;
  height: 40px;
}
.icon-c2 {
  background-image: url(legend.png);
  background-position: -120px -160px;
  width: 40px;
  height: 40px;
}
.icon-d {
  background-image: url(legend.png);
  background-position: -160px -40px;
  width: 40px;
  height: 40px;
}
.icon-e1 {
  background-image: url(legend.png);
  background-position: -160px -80px;
  width: 40px;
  height: 40px;
}
.icon-e2 {
  background-image: url(legend.png);
  background-position: -160px -120px;
  width: 40px;
  height: 40px;
}
.icon-e3 {
  background-image: url(legend.png);
  background-position: 0px -160px;
  width: 40px;
  height: 40px;
}
.icon-e4 {
  background-image: url(legend.png);
  background-position: -40px -160px;
  width: 40px;
  height: 40px;
}
.icon-gewerbegebiet {
  background-image: url(legend.png);
  background-position: -80px -160px;
  width: 40px;
  height: 40px;
}
.icon-green {
  background-image: url(legend.png);
  background-position: -160px 0px;
  width: 40px;
  height: 40px;
}
.icon-legend {
  background-image: url(legend.png);
  background-position: 0px 0px;
  width: 160px;
  height: 160px;
}
.icon-livingspace {
  background-image: url(legend.png);
  background-position: -200px 0px;
  width: 40px;
  height: 40px;
}
.icon-other {
  background-image: url(legend.png);
  background-position: -200px -40px;
  width: 40px;
  height: 40px;
}
.icon-rail {
  background-image: url(legend.png);
  background-position: -200px -80px;
  width: 40px;
  height: 40px;
}
.icon-street {
  background-image: url(legend.png);
  background-position: -200px -120px;
  width: 40px;
  height: 40px;
}
.icon-water {
  background-image: url(legend.png);
  background-position: 0px -200px;
  width: 40px;
  height: 40px;
}