[class^=hexicon-] {
  position: relative;
  width: 85px;
  height: 95px;
}

[class^=hexicon] .icon {
  position: absolute;
  z-index: 3;
  fill: white;
}

[class^=hexicon] .hexagon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.hexicon-jura .hexagon {
  fill: rgb(0,58,120)
}

.hexicon-psychologie .hexagon {
  fill: #b9d33e;
}

.hexicon-pflege .hexagon {
  fill: #02cac3;
}

.hexicon-naturwissenschaft .hexagon {
  fill: #1b9d30;
}

.hexicon-maudrich .hexagon {
  fill: #a672af;
}

.hexicon-medizin .hexagon {
  fill: #00a79b;
}

.hexicon-kultur .hexagon {
  fill: #f8aa00;
}

.hexicon-lehre .hexagon {
  fill: #d20a10;
}

.hexicon-jura .icon {
  width: 62px;
  height: 62px;
  left: 10px;
  top: 17px;
}

.hexicon-psychologie .icon {
  width: 39px;
  height: 50px;
  left: 24px;
  top: 21px;
}

.hexicon-pflege .icon {
  width: 49px;
  height: 45px;
  left: 18px;
  top: 23px;
}

.hexicon-naturwissenschaft .icon {
  width: 37px;
  height: 47px;
  left: 23px;
  top: 22px;
}

.hexicon-maudrich .icon {
  width: 83.931px;
  height: 96.868px;
  left: 0;
  top: 0;
}

.hexicon-medizin .icon {
  width: 50px;
  height: 58px;
  left: 19px;
  top: 18px;
}

.hexicon-kultur .icon {
  width: 45px;
  height: 45px;
  left: 20px;
  top: 22px;
}

.hexicon-lehre .icon {
  width: 45px;
  height: 45px;
  left: 20px;
  top: 22px;
}