/* Spar Bubble */
.spar-bubble {
  width: 115px;
  height: 115px;
  border-radius: 50%;
  background-color: var(--wp--preset--color--blau);
  color: #fff;
  text-align: center;
  transform: rotate(-9deg);
  position: absolute;
  right: 10%;
  top: 30vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 4px;
  line-height: 1;
}
.spar-bubble.is-style-links_oben {
  transform: rotate(9deg);
  right: 63%;
  top: 6vw;
}
.spar-bubble-value {
  font-size: 2.5rem;
  padding-top: 2px;
}

.editor-styles-wrapper .spar-bubble {
  bottom: auto;
  top: 290px;
  left: -250px;
}


@media only screen and (min-width: 650px) {
  .spar-bubble {
    width: 140px;
    height: 140px;
    font-size: 1.1em;
  }
  .spar-bubble-value {
    font-size: 3rem;
  }
}

@media only screen and (min-width: 990px) {
  .spar-bubble {
    top: auto;
    bottom: 120px;
    left: -28%;
  }
  .spar-bubble.is-style-links_oben {
    transform: rotate(9deg);
    left: -85%;
    top: 2rem;
    bottom: auto;
  }
}