@font-face {
  font-family: Aktiv grotesk geberit;
  src: url(fonts/AKTIVGROTESKGEBERIT_CORP.TTF);
}

html,
*,
div,
p {
  font-family: Aktiv grotesk geberit;
}
.ggmedia {
  z-index: 1 !important;
}
.ggskin.ggskin_hotspot .ggskin.ggskin_image {
  pointer-events: none !important;
  -webkit-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -moz-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -ms-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -o-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
}
.ggskin.ggskin_hotspot.open .ggskin.ggskin_image {
  pointer-events: visible !important;
  -webkit-transition: 0.5s ease-in-out transform !important;
  -moz-transition: 0.5s ease-in-out transform !important;
  -ms-transition: 0.5s ease-in-out transform !important;
  -o-transition: 0.5s ease-in-out transform !important;
  transition: 0.5s ease-in-out transform !important;
}
.ggskin.ggskin_hotspot.open .ggskin.ggskin_image.active .ggskin.ggskin_image {
  transform: scale(1.35);
  -webkit-transition: 0.5s ease-in-out transform !important;
  -moz-transition: 0.5s ease-in-out transform !important;
  -ms-transition: 0.5s ease-in-out transform !important;
  -o-transition: 0.5s ease-in-out transform !important;
  transition: 0.5s ease-in-out transform !important;
}
.ggskin.ggskin_hotspot .ggskin.ggskin_button {
  background-color: #0171ba;
  border-radius: 100%;
  -webkit-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
  -moz-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
  -ms-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
  -o-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
  transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
}
.ggskin.ggskin_hotspot .ggskin.ggskin_button:hover {
  -webkit-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
  -moz-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
  -ms-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
  -o-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
  transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
}
.ggskin.ggskin_hotspot.open .ggskin.ggskin_button {
  -webkit-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
  -moz-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
  -ms-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
  -o-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
  transition: 0.5s ease-in-out opacity, 0.5s ease-in-out transform !important;
}
.ggskin.ggskin_hotspot .ggskin.ggskin_image .ggskin.ggskin_text {
  font-size: 18px;
  line-height: 22px;
  opacity: 0;
  pointer-events: none !important;
  -webkit-transition: 0.5s ease-in-out opacity !important;
  -moz-transition: 0.5s ease-in-out opacity !important;
  -ms-transition: 0.5s ease-in-out opacity !important;
  -o-transition: 0.5s ease-in-out opacity !important;
  transition: 0.5s ease-in-out opacity !important;
}
.ggskin.ggskin_hotspot .ggskin.ggskin_image .ggskin.ggskin_text div {
  padding: 10px !important;
}
.ggskin.ggskin_hotspot
  .ggskin.ggskin_image:not(.active):hover
  .ggskin.ggskin_image {
  transform: scale(1.15);
  -webkit-transition: 0.5s ease-in-out transform !important;
  -moz-transition: 0.5s ease-in-out transform !important;
  -ms-transition: 0.5s ease-in-out transform !important;
  -o-transition: 0.5s ease-in-out transform !important;
  transition: 0.5s ease-in-out transform !important;
}
.ggskin.ggskin_hotspot .ggskin.ggskin_image:hover .ggskin.ggskin_text {
  opacity: 1;
  -webkit-transition: 0.5s ease-in-out opacity !important;
  -moz-transition: 0.5s ease-in-out opacity !important;
  -ms-transition: 0.5s ease-in-out opacity !important;
  -o-transition: 0.5s ease-in-out opacity !important;
  transition: 0.5s ease-in-out opacity !important;
}
.ggskin.ggskin_hotspot .ggskin.ggskin_image .ggskin.ggskin_image {
  position: revert !important;
  opacity: 0;
  -webkit-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -moz-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -ms-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -o-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
}
.ggskin.ggskin_hotspot.open .ggskin.ggskin_image:nth-child(1) {
  opacity: 1;
  left: -75px !important;
  top: -65px !important;
  -webkit-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -moz-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -ms-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -o-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
}
.ggskin.ggskin_hotspot.open .ggskin.ggskin_image:nth-child(2) {
  opacity: 1;
  left: -88px !important;
  top: -5px !important;
  -webkit-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -moz-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -ms-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -o-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
}
.ggskin.ggskin_hotspot.open .ggskin.ggskin_image:nth-child(3) {
  opacity: 1;
  left: -50px !important;
  top: 43px !important;
  -webkit-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -moz-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -ms-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -o-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
}
.ggskin.ggskin_hotspot.open .ggskin.ggskin_image:nth-child(4) {
  opacity: 1;
  left: 50px !important;
  top: -5px !important;
  -webkit-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -moz-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -ms-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -o-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
}
.ggskin.ggskin_hotspot.open .ggskin.ggskin_image:nth-child(5) {
  opacity: 1;
  left: 12px !important;
  top: 44px !important;
  -webkit-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -moz-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -ms-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -o-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
}
.ggskin.ggskin_hotspot.open .ggskin.ggskin_image:nth-child(6) {
  opacity: 1;
  left: 38px !important;
  top: -66px !important;
  -webkit-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -moz-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -ms-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -o-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
}
.ggskin.ggskin_hotspot.open .ggskin.ggskin_image:nth-child(7) {
  opacity: 1;
  left: -19px !important;
  top: -90px !important;
  -webkit-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -moz-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -ms-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  -o-transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
  transition: 0.5s ease-in-out transform, 0.5s ease-in-out opacity,
    0.5s ease-in-out left, 0.5s ease-in-out top !important;
}

.ggskin.ggskin_hotspot.open
  .ggskin.ggskin_image:nth-child(1)
  .ggskin.ggskin_text {
  right: 50px !important;
  top: -20px !important;
}
.ggskin.ggskin_hotspot.open
  .ggskin.ggskin_image:nth-child(2)
  .ggskin.ggskin_text {
  right: 50px !important;
}
.ggskin.ggskin_hotspot.open
  .ggskin.ggskin_image:nth-child(3)
  .ggskin.ggskin_text {
  right: 50px !important;
}
.ggskin.ggskin_hotspot.open
  .ggskin.ggskin_image:nth-child(4)
  .ggskin.ggskin_text {
  left: 50px !important;
}
.ggskin.ggskin_hotspot.open
  .ggskin.ggskin_image:nth-child(5)
  .ggskin.ggskin_text {
  left: 50px !important;
}
.ggskin.ggskin_hotspot.open
  .ggskin.ggskin_image:nth-child(6)
  .ggskin.ggskin_text {
  left: 50px !important;
  top: -20px !important;
}
.ggskin.ggskin_hotspot.open
  .ggskin.ggskin_image:nth-child(7)
  .ggskin.ggskin_text {
  bottom: 50px !important;
}