/*
 * Bewusst zurückhaltend gestaltet: Schriftgröße/-art/Textfarbe erben komplett
 * vom Template (font-size/font-family/color: inherit) - keine eigene Größe,
 * Zahl und Text sind exakt gleich groß. Feinschliff pro Website über den
 * Feld "Zusätzliche Modul-Klassen (CSS)".
 */
.jc-counter {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: 1.3;
}
.jc-counter.jc-align-center {
    text-align: center;
}
.jc-counter.jc-align-right {
    text-align: right;
}
.jc-counter-main {
    display: flex;
    align-items: baseline;
    gap: .4em;
    flex-wrap: wrap;
}
.jc-counter.jc-align-center .jc-counter-main {
    justify-content: center;
}
.jc-counter.jc-align-right .jc-counter-main {
    justify-content: flex-end;
}
.jc-counter-icon {
    font-size: inherit;
    line-height: 1;
}
.jc-counter-number {
    font-size: inherit;
    font-weight: 700;
}
.jc-counter-text {
    font-size: inherit;
    opacity: .85;
}
.jc-counter-breakdown {
    margin-top: .25em;
    font-size: inherit;
    opacity: .75;
    display: flex;
    gap: .5em;
    flex-wrap: wrap;
}
.jc-counter.jc-align-center .jc-counter-breakdown {
    justify-content: center;
}
.jc-counter.jc-align-right .jc-counter-breakdown {
    justify-content: flex-end;
}
.jc-counter-sep {
    opacity: .6;
}