/* ===========================================================
   custom.css  –  HANDGEPFLEGTE Styles / Overrides
   -----------------------------------------------------------
   Wird im Template NACH theme.css geladen und gewinnt daher.
   ALLE eigenen CSS-Anpassungen hier rein – die minifizierte
   theme.css nicht mehr von Hand bearbeiten.
   =========================================================== */


/* --- Grössere Radio-Buttons & Checkboxen in Formularen ------ */
.rex-yform input[type="radio"],
.rex-yform input[type="checkbox"],
.form-check-group input[type="radio"],
.form-check-group input[type="checkbox"],
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    width: 1.3em;
    height: 1.3em;
    margin-right: .5em;
    vertical-align: -.2em;
    accent-color: #3E6E90;
    cursor: pointer;
}


/* --- Countdown-Modul (099 Counter) -------------------------- */
.counter-container {
    text-align: center;
}

.counter-grid {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 4%;
    flex-wrap: nowrap;
}

.counter-grid .cd-seg {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.counter-grid .cd-num {
    font-weight: bold;
    line-height: 1.05;
    font-variant-numeric: tabular-nums; /* Ziffern springen beim Ticken nicht */
    font-size: clamp(30px, 9vw, 66px);  /* skaliert mit Viewport: Mobile bis Screen */
}

.counter-grid .cd-lbl {
    text-transform: uppercase;
    letter-spacing: .06em;
    opacity: .85;
    margin-top: 4px;
    font-size: clamp(11px, 2.4vw, 15px);
}

.counter-text {
    margin-top: 14px;
}

.counter-done {
    text-align: center;
}