/* SECTION: CIRCLE */
.staerkensieb-main-bubble {
  border-color: var(--accent-color);
  width: 430px;
  height: 430px;
  border-radius: 50%;
  background-color: var(--ss-blue-verylight);
  border: 1px solid var(--ss-slate-200);
  margin: 0 auto 1rem auto;
  position: relative;
  overflow: visible;
}

.staerkensieb-main-bubble{

  box-shadow:
    inset 0 2px 10px rgba(0,0,0,0.06),
    0 18px 40px rgba(0,0,0,0.08);

  border: 1px solid rgba(0,0,0,0.06);

  border-radius: 50%;

  padding: 2.5rem;

  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* REVIEW: Kontext pr?fen, nicht blind ?ndern */
.staerkensieb-main-bubble .tag-weight-1 {
  font-size: 1.3rem;
}

.staerkensieb-main-bubble .tag-weight-2 {
  font-size: 1.5rem;
}

.staerkensieb-main-bubble .tag-weight-3 {
  font-size: 1.7rem;
}

.staerkensieb-main-bubble .tag-weight-4 {
  font-size: 1.9rem;
}

.staerkensieb-main-bubble .tag-weight-5 {
  font-size: 2.1rem;
}

.staerkensieb-main-bubble.dense-15 .tag-weight-1 {
  font-size: 1.1rem;
}

.staerkensieb-main-bubble.dense-15 .tag-weight-2 {
  font-size: 1.3rem;
}

.staerkensieb-main-bubble.dense-15 .tag-weight-3 {
  font-size: 1.5rem;
}

.staerkensieb-main-bubble.dense-15 .tag-weight-4 {
  font-size: 1.7rem;
}

.staerkensieb-main-bubble.dense-15 .tag-weight-5 {
  font-size: 1.9rem;
}

.staerkensieb-main-bubble.dense-25 .tag-weight-1 {
  font-size: 0.9rem;
}

.staerkensieb-main-bubble.dense-25 .tag-weight-2 {
  font-size: 1.1rem;
}

.staerkensieb-main-bubble.dense-25 .tag-weight-3 {
  font-size: 1.3rem;
}

.staerkensieb-main-bubble.dense-25 .tag-weight-4 {
  font-size: 1.5rem;
}

.staerkensieb-main-bubble.dense-25 .tag-weight-5 {
  font-size: 1.7rem;
}

.staerkensieb-main-bubble.dense-30 .tag-weight-1 {
  font-size: 0.7rem;
}

.staerkensieb-main-bubble.dense-30 .tag-weight-2 {
  font-size: 0.9rem;
}

.staerkensieb-main-bubble.dense-30 .tag-weight-3 {
  font-size: 1.1rem;
}

.staerkensieb-main-bubble.dense-30 .tag-weight-4 {
  font-size: 1.3rem;
}

.staerkensieb-main-bubble.dense-30 .tag-weight-5 {
  font-size: 1.5rem;
}

.staerkensieb-main-bubble .staerkensieb-tag {
  position: absolute;
  white-space: nowrap;
  color: var(--accent-color) !important;
  font-weight: bold !important;
}

@media (min-width: 769px) {
  .staerkensieb-main-bubble {
    width: 420px !important;
    height: 420px !important;
  }
}