#diagramm{
  padding-bottom: 100px;
}
.diagramm-block {
  position: relative;
  padding-top: 120px;
}
.diagramm-center {
  background-image: url(/wp-content/themes/flashformat/images/diagramm_center.png);
  background-repeat: no-repeat;
  background-position: 179px 175px;
  background-size: 290px;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 0;
}
.diagramm-section-holder {
  position: absolute;
  z-index: 1;
  transition: 0.5s;
  width: 0;
  height: 0;
}
.diagramm {
  position: relative;
  width: 650px;
  height: 650px;
  left: -17px;
  top: 208px;
}
.diagramm p {
  position: absolute;
  font-family: "Garet Heavy";
  font-size: 19px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 20px;
}
.diagramm .diagramm-center-text {
  font-family: 'Myriad Pro';
  position: absolute;
  top: 275px;
  left: 250px;
  z-index: 1;
}
/* #diagramm-section-one {
  top: 2px;
  left: 2px;
}
#diagramm-section-one:hover {
  top: -10px;
  left: -10px;
}
#diagramm-section-one img {
  width: 322px;
  height: auto;
  filter: brightness(2);
} */
#diagramm-section-one {
  top: 2px;
  left: 41px;
}
#diagramm-section-one img{
  width: 285px;
}
#diagramm-section-one:hover {
  top: -30px;
  left: 15px;
}
/* #diagramm-section-two {
  top: 369px;
  left: 17px;
}
#diagramm-section-two img {
  width: 488px;
  height: auto;
}
#diagramm-section-two:hover {
  top: 390px;
  left: 13px;
} */
#diagramm-section-two {
  top: 173px;
  left: 6px;
}
#diagramm-section-two img {
  width: 208px;
  height: auto;
}
#diagramm-section-two:hover {
  top: 175px;
  left: -20px;
}
#diagramm-section-seven {
  top: 409px;
  left: 109px;
}
#diagramm-section-seven img {
  width: 397px;
  rotate: 1deg;
}
#diagramm-section-seven:hover {
  top: 440px;
  left: 106px;
}
#diagramm-section-three {
  top: 371px;
  right: 247px;
}
#diagramm-section-three img {
  width: 221px;
  height: auto;
}
#diagramm-section-three:hover {
  top: 390px;
  right: 220px;
}

#diagramm-section-four {
  top: 236px;
  right: 194px;
}
#diagramm-section-four:hover {
  top: 236px;
  right: 164px;
}
#diagramm-section-four img {
  width: 187px;
  height: auto;
}

#diagramm-section-five {
  top: 67px;
  right: 243px;
}
#diagramm-section-five:hover {
  top: 50px;
  right: 220px;
}
#diagramm-section-five img {
  width: 226px;
  height: auto;
}

#diagramm-section-six {
  top: 2px;
  right: 328px;
}
#diagramm-section-six:hover {
  top: -16px;
  right: 322px;
}
#diagramm-section-six img {
  width: 195px;
  height: auto;
}
.feature{
  position: relative;
  opacity: 0;
  transition: 0.5s;
}
#video-installation {
  top: -200px;
}
#video-installation img {
  position: absolute;
  top: -140px;
  width: 120px !important;
}
#video-installation p {
  top: -140px;
  left: 100px;
}

#LAN-installation {
  top: -332px;
  left: 154px;
}

#LAN-installation img{
  width: 90px !important;
}
#LAN-installation p{
  top: 0px;
  left: 80px;
}

#IP-telephony {
  top: -165px;
  left: 165px;
}
#IP-telephony img{
  width: 90px !important;
}
#IP-telephony p {
  left: 30px;
  bottom: -54px;
  text-wrap: nowrap;
}

#IT-service {
  top: -125px;
  left: 110px;
}
#IT-service img {
  width: 100px !important;
}
#IT-service p {
  left: 30px;
  bottom: -54px;
  text-wrap: nowrap;
}

#b24 {
  top: -180px;
  left: -260px;
}
#b24 img {
  width: 410px !important;
}
#b24 p {
  left: 0px;
  bottom: -25px;
  text-wrap: nowrap;
}
#one-c {
  top: -80px;
  right: 240px;
}
#one-c img {
  width: 410px;
}
#web-dev {
  top: -225px;
  left: -330px;
}
#web-dev img {
  width: 410px !important;
}
#web-dev p {
  left: 0px;
  bottom: -60px;
  text-wrap: nowrap;
}