/* Decorative category markers use the dispoboxx brand mark instead of numbers. */
.showcase-point > i,
.function-card > .category-icon,
.function-accordion summary .num {
  display: inline-block;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background-image: url("/assets/marken/bildmarke-dispoboxx.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.function-card > .category-icon {
  margin-bottom: 1rem;
}

.function-accordion summary .num {
  align-self: center;
}

@media (max-width: 620px) {
  .showcase-point > i,
  .function-card > .category-icon,
  .function-accordion summary .num {
    width: 1.8rem;
    height: 1.8rem;
    min-width: 1.8rem;
  }
}