.page_wrapper {
  padding-bottom: 130px;
}
@media (min-width: 768px) {
  .page_wrapper {
    padding-bottom: 250px;
  }
}
@media (min-width: 1200px) {
  .page_wrapper {
    padding-bottom: 350px;
  }
}
.page_wrapper .backgroundShape.header_3 {
  top: 10vh;
  left: 0;
  height: auto;
  width: 322px;
}
.page_wrapper .backgroundShape.header_4 {
  top: 155vh;
  left: calc(100vw - 550px);
  height: auto;
  width: 562px;
}
@media (min-width: 768px) {
  .page_wrapper .backgroundShape.header_4 {
    left: calc(100vw - 490px);
    width: 490px;
  }
}
@media (min-width: 1200px) {
  .page_wrapper .backgroundShape.header_4 {
    top: 70vh;
  }
}
.page_wrapper .backgroundShape.header_5 {
  left: -5vw;
  height: auto;
  width: 415px;
  top: 300vh;
  opacity: 0.5;
}

#sideBar {
  height: 100vh;
}

.h-40px {
  height: 40px;
}

.grid-item {
  height: 280px;
}
@media (min-width: 768px) {
  .grid-item {
    height: 360px;
  }
}

.grid {
  transform: translateX(50%);
  left: -30%;
}
@media (min-width: 768px) {
  .grid {
    transform: translateX(50px);
    left: 0;
  }
}
@media (min-width: 991px) {
  .grid {
    transform: translateX(160px);
  }
}
@media (min-width: 1200px) {
  .grid {
    transform: translateX(50px);
  }
}

.grid-sizer,
.grid-item {
  width: 280px;
}
@media (min-width: 768px) {
  .grid-sizer,
  .grid-item {
    width: 360px;
  }
}
.grid-sizer,
.grid-item {
  opacity: 0;
}
@media (min-width: 768px) {
  .grid-sizer,
  .grid-item {
    transform: translateX(0);
  }
}
.grid-sizer.activeRight,
.grid-item.activeRight {
  width: 360px;
  height: 450px;
  filter: grayscale(0);
  z-index: 2;
}
@media (min-width: 768px) {
  .grid-sizer.activeRight,
  .grid-item.activeRight {
    width: 450px;
    height: 360px;
  }
}
@media (min-width: 1200px) {
  .grid-sizer.activeRight,
  .grid-item.activeRight {
    width: 450px;
    height: 450px;
  }
}
.grid-sizer.activeRight .clientCircle.bubbleActiveRight .member_bubble,
.grid-item.activeRight .clientCircle.bubbleActiveRight .member_bubble {
  animation: openBubbleRightMobile 0.25s linear 1;
  animation-fill-mode: forwards;
  transform: translate(5%, 8%);
  z-index: 2;
}
@media (min-width: 768px) {
  .grid-sizer.activeRight .clientCircle.bubbleActiveRight .member_bubble,
  .grid-item.activeRight .clientCircle.bubbleActiveRight .member_bubble {
    animation: openBubbleRight 0.25s linear 1;
    animation-fill-mode: forwards;
    transform: translate(8%, 5%);
  }
}
.grid-sizer.activeLeft,
.grid-item.activeLeft {
  width: 950px;
  height: 360px;
  z-index: 2;
}
.grid-sizer.activeLeftLast,
.grid-item.activeLeftLast {
  width: 360px;
  z-index: 2;
}
.grid-sizer .clientCircle.bubbleActiveLeft .member_bubble,
.grid-item .clientCircle.bubbleActiveLeft .member_bubble {
  animation: openBubbleLeft 0.25s linear 1;
  animation-fill-mode: forwards;
  transform: translate(-75%, 11%);
}
.grid-sizer .clientCircle.bubbleClosedRight .member_bubble,
.grid-item .clientCircle.bubbleClosedRight .member_bubble {
  animation: closeBubbleRightMobile 0.25s linear 1;
  animation-fill-mode: forwards;
  transform: translate(0, 10%);
}
@media (min-width: 768px) {
  .grid-sizer .clientCircle.bubbleClosedRight .member_bubble,
  .grid-item .clientCircle.bubbleClosedRight .member_bubble {
    animation: closeBubbleRight 0.25s linear 1;
    animation-fill-mode: forwards;
    transform: translate(0%, 0);
  }
}
.grid-sizer .clientCircle.bubbleClosedLeft .member_bubble,
.grid-item .clientCircle.bubbleClosedLeft .member_bubble {
  animation: closeBubbleLeft 0.25s linear 1;
  animation-fill-mode: forwards;
  transform: translate(0%, 0);
}
.grid-sizer .clientCircle.bubbleActiveLeft .member_bubble, .grid-sizer .clientCircle.bubbleActiveRight .member_bubble,
.grid-item .clientCircle.bubbleActiveLeft .member_bubble,
.grid-item .clientCircle.bubbleActiveRight .member_bubble {
  box-shadow: 4px 9px 18px 6px rgba(0, 0, 0, 0.53);
}
.grid-sizer .clientCircle.bubbleActiveLeft .member_bubble .member_content, .grid-sizer .clientCircle.bubbleActiveRight .member_bubble .member_content,
.grid-item .clientCircle.bubbleActiveLeft .member_bubble .member_content,
.grid-item .clientCircle.bubbleActiveRight .member_bubble .member_content {
  opacity: 1;
  transition: opacity 0.1s 0.25s ease-in;
  display: flex;
  flex-direction: column;
  height: 230px;
}
@media (min-width: 768px) {
  .grid-sizer .clientCircle.bubbleActiveLeft .member_bubble .member_content, .grid-sizer .clientCircle.bubbleActiveRight .member_bubble .member_content,
  .grid-item .clientCircle.bubbleActiveLeft .member_bubble .member_content,
  .grid-item .clientCircle.bubbleActiveRight .member_bubble .member_content {
    height: 350px;
  }
}
.grid-sizer .clientCircle.bubbleActiveLeft .member_bubble .member_content h2, .grid-sizer .clientCircle.bubbleActiveLeft .member_bubble .member_content p, .grid-sizer .clientCircle.bubbleActiveLeft .member_bubble .member_content a, .grid-sizer .clientCircle.bubbleActiveRight .member_bubble .member_content h2, .grid-sizer .clientCircle.bubbleActiveRight .member_bubble .member_content p, .grid-sizer .clientCircle.bubbleActiveRight .member_bubble .member_content a,
.grid-item .clientCircle.bubbleActiveLeft .member_bubble .member_content h2,
.grid-item .clientCircle.bubbleActiveLeft .member_bubble .member_content p,
.grid-item .clientCircle.bubbleActiveLeft .member_bubble .member_content a,
.grid-item .clientCircle.bubbleActiveRight .member_bubble .member_content h2,
.grid-item .clientCircle.bubbleActiveRight .member_bubble .member_content p,
.grid-item .clientCircle.bubbleActiveRight .member_bubble .member_content a {
  color: #ffffff;
}
.grid-sizer .clientCircle.bubbleActiveLeft .member_bubble .member_content .referenceLink p, .grid-sizer .clientCircle.bubbleActiveRight .member_bubble .member_content .referenceLink p,
.grid-item .clientCircle.bubbleActiveLeft .member_bubble .member_content .referenceLink p,
.grid-item .clientCircle.bubbleActiveRight .member_bubble .member_content .referenceLink p {
  margin-bottom: 0;
}
.grid-sizer .clientCircle.bubbleActiveLeft .member_bubble .member_content .referenceLink .borderLine, .grid-sizer .clientCircle.bubbleActiveRight .member_bubble .member_content .referenceLink .borderLine,
.grid-item .clientCircle.bubbleActiveLeft .member_bubble .member_content .referenceLink .borderLine,
.grid-item .clientCircle.bubbleActiveRight .member_bubble .member_content .referenceLink .borderLine {
  position: absolute;
  transition: width 0.2s ease;
  width: 0;
  height: 2px;
}
.grid-sizer .clientCircle.bubbleActiveLeft .member_bubble .member_content .referenceLink a, .grid-sizer .clientCircle.bubbleActiveRight .member_bubble .member_content .referenceLink a,
.grid-item .clientCircle.bubbleActiveLeft .member_bubble .member_content .referenceLink a,
.grid-item .clientCircle.bubbleActiveRight .member_bubble .member_content .referenceLink a {
  font-weight: 600;
  font-size: 24px;
  text-decoration: none;
}
.grid-sizer .clientCircle.bubbleActiveLeft .member_bubble .member_content .referenceLink:hover .borderLine, .grid-sizer .clientCircle.bubbleActiveRight .member_bubble .member_content .referenceLink:hover .borderLine,
.grid-item .clientCircle.bubbleActiveLeft .member_bubble .member_content .referenceLink:hover .borderLine,
.grid-item .clientCircle.bubbleActiveRight .member_bubble .member_content .referenceLink:hover .borderLine {
  transition: width 0.2s ease;
  width: 10vw;
}
.grid-sizer .clientCircle.bubbleActiveLeft .member_bubble .member_content .closeBubbleButton, .grid-sizer .clientCircle.bubbleActiveRight .member_bubble .member_content .closeBubbleButton,
.grid-item .clientCircle.bubbleActiveLeft .member_bubble .member_content .closeBubbleButton,
.grid-item .clientCircle.bubbleActiveRight .member_bubble .member_content .closeBubbleButton {
  height: 65%;
}
.grid-sizer .clientCircle.bubbleActiveLeft .member_bubble .member_content .closeBubbleButton button, .grid-sizer .clientCircle.bubbleActiveRight .member_bubble .member_content .closeBubbleButton button,
.grid-item .clientCircle.bubbleActiveLeft .member_bubble .member_content .closeBubbleButton button,
.grid-item .clientCircle.bubbleActiveRight .member_bubble .member_content .closeBubbleButton button {
  justify-content: end;
  display: flex;
  flex-flow: column;
  height: 100%;
}
.grid-sizer .clientCircle.bubbleActiveLeft .member_image, .grid-sizer .clientCircle.bubbleActiveRight .member_image,
.grid-item .clientCircle.bubbleActiveLeft .member_image,
.grid-item .clientCircle.bubbleActiveRight .member_image {
  height: 150px;
  width: 150px;
  transition: all 0.1s linear;
}
.grid-sizer .clientCircle.bubbleActiveLeft .member_image:hover div[class^=hoverImage_], .grid-sizer .clientCircle.bubbleActiveRight .member_image:hover div[class^=hoverImage_],
.grid-item .clientCircle.bubbleActiveLeft .member_image:hover div[class^=hoverImage_],
.grid-item .clientCircle.bubbleActiveRight .member_image:hover div[class^=hoverImage_] {
  animation: none;
}
.grid-sizer .clientCircle.bubbleActiveLeft .pin, .grid-sizer .clientCircle.bubbleActiveRight .pin,
.grid-item .clientCircle.bubbleActiveLeft .pin,
.grid-item .clientCircle.bubbleActiveRight .pin {
  opacity: 0;
}

/*.clientCircle {
  width: $bubbleWidth;
  height: $bubbleHeight;
  border-radius: 350px;

  .member_bubble {
    width: inherit;
    height: inherit;
    border-radius: inherit;
    transform: translate(0, 10%);
    position: absolute;
    padding: 40px 0 0 0;
    z-index: -1;
    box-shadow: 2px 2px 18px 1px rgb(0 0 0 / 53%);

    @media (min-width: 768px) {
      transform: translate(10%, 0);
    }

    .member_content {
      opacity: 0;
      transition: opacity 0.1s linear; //transition for when bubble is CLOSING
      margin: 10px 80px 0 95px;
      @media (min-width: 768px) {
        margin: 45px 70px 0 100px;
      }
    }

    .member_header {
      display: flex;
      flex-direction: column;
      margin-bottom: 16px;
    }

    .member_title {
      font-size: 1.6rem;
      font-weight: 600;
    }

    .member_divider {
      width: 100%;
      height: 1px;
      background: currentColor;
      opacity: 0.2;
    }

    .member_description {
      margin: 0;
      font-size: 1.05rem;
      line-height: 1.5;
    }

    .referenceLink {
      font-size: 0.95rem;
    }

    .referenceLink .borderLine {
      width: 40%;
      height: 1px;
      margin-top: 0.5rem;
      background: currentColor;
      opacity: 0.5;
    }

    !* Close arrow *!
    .closeBubbleButton button {
      background: transparent;
      border: 0;
      padding: 0;
      width: 28px;
      height: 28px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .closeBubbleButton button svg {
      width: 100%;
      height: 100%;
      fill: currentColor;
      transition: transform 0.2s ease, opacity 0.2s ease;
    }

    .closeBubbleButton button:hover svg {
      transform: translateX(-4px);
      opacity: 0.8;
    }
  }

  .member_image {
    max-width: 100%;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    transform: translate(0, 0);
    background: #fff top center no-repeat;
    background-size: contain;
    transition: all $bubbleImageOpenTime $bubbleImageOpenDelay linear;
    box-shadow: 6px 1px 11px -1px rgb(0 0 0 / 53%);
    cursor: pointer;



    img {
      opacity: 1;
      max-width: 90%;
      height: auto;
      object-fit: contain;
      transition: transform 0.75s 0.1s;
    }

    div:first-of-type {
      padding: 30px 10px 35px 10px;
      height: 100%;
    }

    .pin {
      bottom: 10%;
      right: 9%;
      height: 30px;
      width: 30px;
      border-radius: 10px 20px 23px 20px;
      background: linear-gradient(135deg, white 0%, white 44%, #727272 100%);
    }
  }
}*/
.clientCircle {
  width: 235px;
  height: 235px;
  border-radius: 350px;
}
.clientCircle .member_bubble {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  position: absolute;
  z-index: -1;
  padding: 40px 0 0 0;
  transform: translate(0, 0%);
  box-shadow: 2px 2px 18px 1px rgba(0, 0, 0, 0.53);
}
@media (min-width: 768px) {
  .clientCircle .member_bubble {
    transform: translate(0%, 0);
  }
}
.clientCircle .member_bubble .member_content {
  margin: 10px 67px 0 95px;
  opacity: 0;
  transition: opacity 0.1s linear;
}
@media (min-width: 768px) {
  .clientCircle .member_bubble .member_content {
    margin: 45px 70px 0 100px;
  }
}
.clientCircle .member_bubble .member_header {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.clientCircle .member_bubble .member_title {
  font-size: 1.6rem;
  font-weight: 600;
}
.clientCircle .member_bubble .member_divider {
  width: 100%;
  height: 1px;
  background: currentColor;
  opacity: 0.2;
}
.clientCircle .member_bubble .member_description {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.5;
}
.clientCircle .member_bubble .referenceLink {
  font-size: 0.95rem;
}
.clientCircle .member_bubble .referenceLink .borderLine {
  width: 40%;
  height: 1px;
  margin-top: 0.5rem;
  background: currentColor;
  opacity: 0.5;
}
.clientCircle .member_bubble {
  /* Close arrow */
}
.clientCircle .member_bubble .closeBubbleButton button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.clientCircle .member_bubble .closeBubbleButton button svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.clientCircle .member_bubble .closeBubbleButton button:hover svg {
  transform: translateX(-4px);
  opacity: 0.8;
}
.clientCircle .member_image {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  max-width: 100%;
  transform: translate(0, 0);
  background: rgba(255, 255, 255, 0.2117647059) top center no-repeat;
  background-size: contain;
  box-shadow: 6px 1px 11px -1px rgba(0, 0, 0, 0.53);
  cursor: pointer;
  transition: all 0.1s 0.25s linear;
}
.clientCircle .member_image img {
  max-width: 90%;
  height: auto;
  opacity: 1;
  object-fit: contain;
  transition: transform 0.75s 0.1s;
}
.clientCircle .member_image div:first-of-type {
  height: 100%;
  padding: 30px 10px 35px 10px;
}
.clientCircle .member_image .pin {
  bottom: 10%;
  right: 9%;
  width: 30px;
  height: 30px;
  border-radius: 10px 20px 23px 20px;
  background: linear-gradient(135deg, white 0%, white 44%, #727272 100%);
}

h2.section_title {
  left: 10px;
  margin: 5px 0 50px 0;
}

@media (min-width: 768px) {
  .wobble_0 {
    animation: wobble 5s 0s ease infinite;
  }
}
.show_0 {
  animation: showBubbles 0.75s 0s linear 1;
  animation-fill-mode: forwards;
}

@media (min-width: 768px) {
  .wobble_1 {
    animation: wobble 5s 0.1s ease infinite;
  }
}
.show_1 {
  animation: showBubbles 0.75s 0.15s linear 1;
  animation-fill-mode: forwards;
}

@media (min-width: 768px) {
  .wobble_2 {
    animation: wobble 5s 0.2s ease infinite;
  }
}
.show_2 {
  animation: showBubbles 0.75s 0.3s linear 1;
  animation-fill-mode: forwards;
}

@media (min-width: 768px) {
  .wobble_3 {
    animation: wobble 5s 0.3s ease infinite;
  }
}
.show_3 {
  animation: showBubbles 0.75s 0.45s linear 1;
  animation-fill-mode: forwards;
}

@media (min-width: 768px) {
  .wobble_4 {
    animation: wobble 5s 0.4s ease infinite;
  }
}
.show_4 {
  animation: showBubbles 0.75s 0.6s linear 1;
  animation-fill-mode: forwards;
}

@media (min-width: 768px) {
  .wobble_5 {
    animation: wobble 5s 0.5s ease infinite;
  }
}
.show_5 {
  animation: showBubbles 0.75s 0.75s linear 1;
  animation-fill-mode: forwards;
}

@media (min-width: 768px) {
  .wobble_6 {
    animation: wobble 5s 0.6s ease infinite;
  }
}
.show_6 {
  animation: showBubbles 0.75s 0.9s linear 1;
  animation-fill-mode: forwards;
}

@media (min-width: 768px) {
  .wobble_7 {
    animation: wobble 5s 0.7s ease infinite;
  }
}
.show_7 {
  animation: showBubbles 0.75s 1.05s linear 1;
  animation-fill-mode: forwards;
}

@media (min-width: 768px) {
  .wobble_8 {
    animation: wobble 5s 0.8s ease infinite;
  }
}
.show_8 {
  animation: showBubbles 0.75s 1.2s linear 1;
  animation-fill-mode: forwards;
}

@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(0%);
  }
  60% {
    transform: translateX(0%);
  }
  96% {
    transform: translateX(0%);
  }
  97% {
    transform: translateX(5%);
  }
  98% {
    transform: translateX(0%);
  }
  99% {
    transform: translateX(5%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes openBubbleRight {
  0% {
    width: 235px;
    height: 235px;
    transform: translate(0%, 0);
    z-index: 0;
  }
  25% {
    height: 385px;
    width: 385px;
    transform: translate(15%, 7%);
  }
  50% {
    height: 490px;
    width: 490px;
    transform: translate(15%, 9%);
  }
  75% {
    height: 500px;
    width: 500px;
    transform: translate(15%, 7%);
    z-index: 0;
  }
  100% {
    height: 485px;
    width: 485px;
    transform: translate(8%, 5%);
    z-index: 2;
  }
}
@keyframes openBubbleRightMobile {
  0% {
    width: 235px;
    height: 235px;
    transform: translate(0%, 0%);
    z-index: 0;
  }
  25% {
    height: 285px;
    width: 285px;
    transform: translate(-8%, 12%);
  }
  50% {
    height: 315px;
    width: 315px;
    transform: translate(-10%, 24%);
  }
  75% {
    height: 335px;
    width: 335px;
    transform: translate(-15%, 30%);
    z-index: 0;
  }
  100% {
    height: 355px;
    width: 355px;
    transform: translate(-21%, 20%);
    z-index: 2;
  }
}
@keyframes openBubbleLeft {
  0% {
    width: 235px;
    height: 235px;
    transform: translate(0%, 0);
    z-index: 0;
  }
  25% {
    height: 385px;
    width: 385px;
    transform: translate(-80%, 15%);
  }
  50% {
    height: 490px;
    width: 490px;
    transform: translate(-80%, 17%);
  }
  75% {
    height: 500px;
    width: 500px;
    transform: translate(-80%, 15%);
    z-index: 0;
  }
  100% {
    height: 485px;
    width: 485px;
    transform: translate(-75%, 11%);
    z-index: 2;
  }
}
@keyframes closeBubbleLeft {
  0% {
    height: 485px;
    width: 485px;
    transform: translate(-75%, 11%);
    z-index: 2;
  }
  10% {
    height: 485px;
    width: 485px;
    transform: translate(-75%, 11%);
    z-index: 2;
  }
  25% {
    height: 500px;
    width: 500px;
    transform: translate(-80%, 15%);
    z-index: 2;
  }
  50% {
    height: 490px;
    width: 490px;
    transform: translate(-80%, 15%);
  }
  75% {
    height: 385px;
    width: 385px;
    transform: translate(-80%, 15%);
    z-index: 0;
  }
  100% {
    width: 235px;
    height: 235px;
    transform: translate(0%, 0);
    z-index: 0;
  }
}
@keyframes closeBubbleRight {
  0% {
    height: 485px;
    width: 485px;
    transform: translate(8%, 5%);
    z-index: 2;
  }
  0% {
    height: 485px;
    width: 485px;
    transform: translate(8%, 5%);
    z-index: 2;
  }
  25% {
    height: 500px;
    width: 500px;
    transform: translate(15%, 7%);
    z-index: 2;
  }
  50% {
    height: 490px;
    width: 490px;
    transform: translate(17%, 9%);
  }
  75% {
    height: 385px;
    width: 385px;
    transform: translate(15%, 7%);
    z-index: 0;
  }
  100% {
    width: 235px;
    height: 235px;
    transform: translate(0%, 0);
    z-index: 0;
  }
}
@keyframes closeBubbleRightMobile {
  0% {
    height: 355px;
    width: 355px;
    transform: translate(-21%, 20%);
    z-index: 2;
  }
  25% {
    height: 335px;
    width: 335px;
    transform: translate(-15%, 30%);
    z-index: 0;
  }
  50% {
    height: 315px;
    width: 315px;
    transform: translate(-10%, 24%);
  }
  75% {
    height: 285px;
    width: 285px;
    transform: translate(-8%, 12%);
  }
  100% {
    width: 235px;
    height: 235px;
    transform: translate(0%, 0%);
    z-index: 0;
  }
}
@keyframes showBubbles {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*@keyframes hoverBubbleImage_0 {
  0% {
    background: url("../../assets/images/clients/zuger_kb/zuger_kb_pres.gif") no-repeat #ffffff 55% 65%;
    filter: grayscale(1);
    background-position: 0;
    background-size: 140%;
    opacity: 0;
  }
  5% {
    opacity: 0.8;
  }
  19% {
    background-position: 50% 5%;
    background-size: 165%;
  }
  38% {
    background-position: 35% 35%;
    background-size: 145%;
  }
  69% {
    background-position: 45% 50%;
    background-size: 155%;
  }
  95% {
    background: url("../../assets/images/clients/zuger_kb/zuger_kb_pres.gif") no-repeat #ffffff 55% 65%;
    opacity: 0.8;
    background-position: 25% 50%;
    background-size: 140%;
  }
  100% {
    background: #ffffff no-repeat 55% 65%;
    opacity: 0;
    filter: grayscale(1);
    background-size: 140%;
    background-position: 25% 50%;
  }
}*/
/*    div[class^="hoverImage_"] {
      opacity: 0;
      border-radius: inherit;
      max-width: 100%;
      width: inherit;
      height: inherit;
      position: absolute;
    }

    &:hover {

      !*ZUGI*!
      .hoverImage_0 {
        animation: hoverBubbleImage_0 26s 1s infinite ease-out;
      }

      !*SPITEX*!
      .hoverImage_1 {
        animation: hoverBubbleImage_1 20s 1s infinite ease-out;
      }

      img {
        transform: scale(0.8) translate(0%, 60px) !important;
        transition: transform 0.75s 1s;

      }
    }*/
/*@keyframes hoverBubbleImage_1 {
  0% {
    background: url("../../assets/images/clients/spitexow/spitex_presi.gif") no-repeat #ffffff 55% 65%;
    filter: grayscale(1);
    background-position: 0;
    background-size: 140%;
    opacity: 0;
  }
  5% {
    opacity: 0.8;
  }
  25% {
    background-position: 50% 15%;
    background-size: 160%;
  }
  50% {
    background-position: -20% -25%;
    background-size: 115%;
  }
  75% {
    background-position: 0% 150%;
    background-size: 120%;
  }
  95% {
    background: url("../../assets/images/clients/spitexow/spitex_presi.gif") no-repeat #ffffff 55% 65%;
    opacity: 0.8;
    background-position: 25% 50%;
    background-size: 140%;
  }
  100% {
    background: #ffffff no-repeat 55% 65%;
    opacity: 0;
    filter: grayscale(1);
    background-size: 140%;
    background-position: 25% 50%;
  }
}*/
@media (prefers-color-scheme: dark) {
  .grid-sizer .clientCircle.bubbleActiveLeft .member_bubble, .grid-sizer .clientCircle.bubbleActiveRight .member_bubble,
  .grid-item .clientCircle.bubbleActiveLeft .member_bubble,
  .grid-item .clientCircle.bubbleActiveRight .member_bubble {
    box-shadow: 9px 8px 13px 8px rgba(255, 232, 232, 0.18);
  }
  .clientCircle .member_bubble {
    box-shadow: 3px 3px 15px 5px rgba(224, 224, 224, 0.16);
  }
}

/*# sourceMappingURL=reference.css.map */