.cLyGlHG {
  z-index: 80;
  opacity: 0.8;
  background-color: #000000;
  position: fixed;
  height: 100%;
  width: 100%;
  overflow: hidden !important;
  visibility: hidden;
}
.cLyGl {
  z-index: 85;
  position: fixed;
  overflow: hidden !important;
  visibility: hidden;
  height: 100%;
  width: 100%;
}
.cDGlImg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.cGlBild {
  max-width: 90%;
  max-height: 90%;
}
.cHvBldZr, .cHvBldVr, .cHvBldCls {
  position: fixed;
  z-index: 99;
  background-color: transparent;
  visibility: hidden;
  bottom: 0px;
}
.cBldZr, .cBldVr, .cBldCls {
  position: fixed;
  z-index: 99;
  opacity: 0.8;
  visibility: hidden;
  height: 70px;
  width: 70px;
}
.cHvBldZr:hover {
  visibility: visible;
}
.cHvBldZr:hover .cBldZr {
  visibility: visible;
}
.cHvBldVr:hover .cBldVr {
  visibility: visible;
}
.cHvBldCls:hover .cBldCls {
  visibility: visible;
}
.cBldZr, .cBldVr {
  top: 50%;
  margin-top: -20px;
}
.cBldZr {
  left: 10%;
}
.cBldVr {
  right: 10%;
}
.cHvBldZr {
  width: 25%;
  height: 100%;
  left: 0px;
}
.cHvBldCls {
  width: 25%;
  height: 25%;
  left: 37.5%;
}
.cHvBldVr {
  width: 25%;
  height: 100%;
  right: 0px;
}
.cBldCls {
  left: calc(50% - 35px);
  bottom: 10%;
}