/* =========================================================
   VN-BIKER – Seiten-CSS bereinigt
   Nur Layout, Abstände, Grids, Größen und echte Seitensonderfälle.
   Grunddesign, Farben, Hintergrund, Hover, Karten, Chips, Buttons und Inputs: globale.css.
   ========================================================= */

.forum-page-statistik .statistik-container {
    max-width: 1240px;
}

.forum-page-statistik .statistik-main {
    padding-top: 1rem;
    padding-bottom: 3.25rem;
}

.forum-page-statistik .statistik-hero-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.55rem 1.5rem 1.2rem;
    margin-bottom: 1rem;
    min-height: 154px;
}

.forum-page-statistik .statistik-hero-card--locked {
    min-height: 182px;
}

.forum-page-statistik .statistik-hero-icon {
    width: 62px;
    height: 62px;
    flex: 0 0 auto;
}

.forum-page-statistik .statistik-hero-copy,
.forum-page-statistik .statistik-panel-head,
.forum-page-statistik .statistik-mini-list,
.forum-page-statistik .statistik-ranking-list,
.forum-page-statistik .statistik-event-list,
.forum-page-statistik .statistik-hinweis-list,
.forum-page-statistik .statistik-chip-row {
    position: relative;
    z-index: 1;
}

.forum-page-statistik .forum-kicker,
.forum-page-statistik .vn-kicker {
    margin-bottom: .8rem;
}

.forum-page-statistik .forum-page-title {
    margin: 0 0 .36rem;
    line-height: 1.02;
    letter-spacing: -.02em;
}

.forum-page-statistik .forum-page-subtitle {
    margin: 0;
    line-height: 1.32;
}

.forum-page-statistik .statistik-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .9rem;
}

.forum-page-statistik .statistik-chip {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 32px;
    padding: .28rem .76rem;
}

.forum-page-statistik .statistik-kpi-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.forum-page-statistik .statistik-kpi-card {
    grid-column: span 2;
    padding: 1rem 1rem 1.05rem;
    display: flex;
    flex-direction: column;
    gap: .34rem;
    min-height: 140px;
}

.forum-page-statistik .statistik-kpi-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
}

.forum-page-statistik .statistik-kpi-label {
    margin-top: .02rem;
}

.forum-page-statistik .statistik-kpi-value {
    line-height: .98;
}

.forum-page-statistik .statistik-panel-grid,
.forum-page-statistik .statistik-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.forum-page-statistik .statistik-panel-grid--triple,
.forum-page-statistik .statistik-detail-grid--triple {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.forum-page-statistik .statistik-panel-card,
.forum-page-statistik .statistik-block-card,
.forum-page-statistik .statistik-hinweis-card {
    padding: 1.05rem 1.05rem 1.1rem;
}

.forum-page-statistik .statistik-hinweis-card:last-child,
.forum-page-statistik .statistik-detail-grid:last-child,
.forum-page-statistik .statistik-panel-grid:last-child {
    margin-bottom: 1.4rem;
}

.forum-page-statistik .statistik-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: 1rem;
}

.forum-page-statistik .statistik-panel-head h2 {
    margin: 0;
}

.forum-page-statistik .statistik-panel-head i {
    margin-right: .45rem;
}

.forum-page-statistik .statistik-mini-list,
.forum-page-statistik .statistik-ranking-list,
.forum-page-statistik .statistik-event-list,
.forum-page-statistik .statistik-hinweis-list {
    display: flex;
    flex-direction: column;
    gap: .62rem;
}

.forum-page-statistik .statistik-mini-row,
.forum-page-statistik .statistik-ranking-row,
.forum-page-statistik .statistik-event-row,
.forum-page-statistik .statistik-hinweis-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .82rem;
    min-height: 54px;
    padding: .86rem .98rem;
}

.forum-page-statistik .statistik-ranking-row,
.forum-page-statistik .statistik-event-row {
    justify-content: flex-start;
}

.forum-page-statistik .statistik-ranking-rank {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
}

.forum-page-statistik .statistik-ranking-copy,
.forum-page-statistik .statistik-event-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.forum-page-statistik .statistik-ranking-copy strong,
.forum-page-statistik .statistik-event-copy strong {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.forum-page-statistik .statistik-event-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
}

.forum-page-statistik .statistik-empty {
    min-height: 136px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.forum-page-statistik .statistik-kpi-scrollbox {
    margin-bottom: 1rem;
}

.forum-page-statistik .statistik-kpi-scrollbox-viewport {
    padding-bottom: 8px;
}

.forum-page-statistik .statistik-kpi-scrollbox-track {
    gap: 1rem;
}

.forum-page-statistik .statistik-kpi-scrollbox-item {
    scroll-snap-align: start;
}

.forum-page-statistik .statistik-kpi-scrollbox-item .statistik-kpi-card {
    min-width: 170px;
    max-width: 190px;
}

@media (max-width: 1180px) {
    .forum-page-statistik .statistik-kpi-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .forum-page-statistik .statistik-kpi-card {
        grid-column: span 2;
    }

    .forum-page-statistik .statistik-panel-grid--triple,
    .forum-page-statistik .statistik-detail-grid--triple {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .forum-page-statistik .statistik-hero-card {
        padding: 1.16rem 1rem 1rem;
        align-items: flex-start;
        min-height: 134px;
    }

    .forum-page-statistik .statistik-kpi-grid,
    .forum-page-statistik .statistik-panel-grid,
    .forum-page-statistik .statistik-panel-grid--triple,
    .forum-page-statistik .statistik-detail-grid,
    .forum-page-statistik .statistik-detail-grid--triple {
        grid-template-columns: 1fr;
    }

    .forum-page-statistik .statistik-kpi-card {
        grid-column: auto;
        min-height: 124px;
    }

    .forum-page-statistik .statistik-kpi-scrollbox-item .statistik-kpi-card {
        min-width: 210px;
        max-width: 230px;
    }
}

@media (max-width: 560px) {
    .forum-page-statistik .statistik-main {
        padding-top: .75rem;
        padding-bottom: 2.75rem;
    }

    .forum-page-statistik .statistik-container {
        padding-left: .35rem;
        padding-right: .35rem;
    }

    .forum-page-statistik .statistik-hero-card {
        padding: 1rem .95rem .92rem;
        min-height: 126px;
    }

    .forum-page-statistik .statistik-hero-icon {
        width: 56px;
        height: 56px;
    }

    .forum-page-statistik .forum-kicker,
    .forum-page-statistik .vn-kicker {
        margin-bottom: .62rem;
    }

    .forum-page-statistik .forum-page-title {
        margin-bottom: .28rem;
        line-height: 1.02;
    }

    .forum-page-statistik .forum-page-subtitle {
        font-size: var(--vn-font-md);
    }

    .forum-page-statistik .statistik-chip-row {
        gap: .45rem;
        margin-top: .76rem;
    }

    .forum-page-statistik .statistik-chip {
        min-height: 30px;
        padding: .24rem .68rem;
    }

    .forum-page-statistik .statistik-mini-row,
    .forum-page-statistik .statistik-ranking-row,
    .forum-page-statistik .statistik-event-row,
    .forum-page-statistik .statistik-hinweis-row {
        min-height: 48px;
        padding: .76rem .84rem;
    }

    .forum-page-statistik .statistik-kpi-scrollbox-track {
        gap: .75rem;
    }

    .forum-page-statistik .statistik-kpi-scrollbox-item .statistik-kpi-card {
        min-width: 188px;
        max-width: 208px;
    }
}

.forum-page-statistik .statistik-hero-card {
    max-width: 1120px;
    padding: 1.45rem 1.55rem 1.18rem;
}

.forum-page-statistik .statistik-hero-copy {
    min-width: 0;
}

.forum-page-statistik .forum-page-title {
    font-size: clamp(2.2rem, 4.2vw, 3.15rem);
    margin-bottom: .22rem;
    line-height: .98;
    letter-spacing: -.03em;
}

.forum-page-statistik .forum-page-subtitle {
    font-size: var(--vn-font-md);
}

.forum-page-statistik .statistik-chip-row {
    margin-top: .78rem;
}

.forum-page-statistik .statistik-chip {
    min-height: 32px;
    padding: .24rem .78rem;
}

.forum-page-statistik .statistik-ranking-row,
.forum-page-statistik .statistik-event-row {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: .9rem;
    min-height: 56px;
}

.forum-page-statistik .statistik-ranking-rank,
.forum-page-statistik .statistik-event-icon {
    justify-self: start;
}

.forum-page-statistik .statistik-ranking-copy,
.forum-page-statistik .statistik-event-copy {
    min-width: 0;
}

.forum-page-statistik .statistik-ranking-copy strong,
.forum-page-statistik .statistik-event-copy strong {
    display: block;
    font-size: var(--vn-font-md);
    line-height: 1.18;
}

.forum-page-statistik .statistik-ranking-copy span,
.forum-page-statistik .statistik-event-copy span {
    display: block;
    margin-top: .08rem;
    font-size: var(--vn-font-sm);
    line-height: 1.2;
}

.forum-page-statistik .statistik-ranking-meta,
.forum-page-statistik .statistik-event-meta {
    justify-self: end;
    text-align: right;
font-size: var(--vn-font-sm);
    white-space: nowrap;
}

.forum-page-statistik .statistik-ranking-row > .meta,
.forum-page-statistik .statistik-event-row > .meta {
    justify-self: end;
    text-align: right;
font-size: var(--vn-font-sm);
    white-space: nowrap;
}

.forum-page-statistik .statistik-mini-row strong {
    min-width: 2rem;
    text-align: right;
}@media (max-width: 820px) {
    .forum-page-statistik .statistik-hero-card {
        max-width: none;
        padding: 1.12rem 1rem .98rem;
    }

    .forum-page-statistik .forum-page-title {
        font-size: clamp(1.95rem, 6vw, 2.4rem);
    }

    .forum-page-statistik .statistik-ranking-row,
    .forum-page-statistik .statistik-event-row {
        grid-template-columns: 34px minmax(0, 1fr);
        row-gap: .15rem;
    }

    .forum-page-statistik .statistik-ranking-meta,
    .forum-page-statistik .statistik-event-meta,
    .forum-page-statistik .statistik-ranking-row > .meta,
    .forum-page-statistik .statistik-event-row > .meta {
        grid-column: 2;
        justify-self: start;
        text-align: left;
        white-space: normal;
    }
}

@media (max-width: 560px) {
    .forum-page-statistik .forum-page-subtitle {
        font-size: var(--vn-font-md);
    }

    .forum-page-statistik .statistik-ranking-copy strong,
    .forum-page-statistik .statistik-event-copy strong {
        font-size: var(--vn-font-md);
    }

    .forum-page-statistik .statistik-ranking-copy span,
    .forum-page-statistik .statistik-event-copy span {
        font-size: var(--vn-font-sm);
    }
}

.forum-page-statistik .statistik-kpi-grid,
.forum-page-statistik .statistik-kpi-scrollbox {
    margin-bottom: 1.15rem;
}

.forum-page-statistik .statistik-panel-grid--triple,
.forum-page-statistik .statistik-detail-grid--triple {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 1rem;
}

.forum-page-statistik .statistik-panel-card,
.forum-page-statistik .statistik-block-card,
.forum-page-statistik .statistik-hinweis-card {
    min-width: 0;
}

.forum-page-statistik .statistik-panel-head {
    margin-bottom: .92rem;
}

.forum-page-statistik .statistik-panel-head h2 {
    line-height: 1.2;
}

.forum-page-statistik .statistik-mini-row,
.forum-page-statistik .statistik-ranking-row,
.forum-page-statistik .statistik-event-row,
.forum-page-statistik .statistik-hinweis-row {
    min-width: 0;
}

.forum-page-statistik .statistik-mini-row strong {
    min-width: 2rem;
    text-align: right;
}

@media (max-width: 1180px) {
    .forum-page-statistik .statistik-panel-grid--triple,
    .forum-page-statistik .statistik-detail-grid--triple {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .forum-page-statistik .statistik-panel-grid,
    .forum-page-statistik .statistik-panel-grid--triple,
    .forum-page-statistik .statistik-detail-grid,
    .forum-page-statistik .statistik-detail-grid--triple {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   GLOBAL-HANDOFF statistik.css
   Typo, Farben, Buttons, Badges und Hover kommen aus globale.css.
   Diese Datei liefert nur Seitenlayout, Abstände, Grids und Sondergrößen.
   ========================================================= */

/* Interaktion nicht lokal animieren: globale.css setzt Hover/Focus. */
@media (hover: hover) and (pointer: fine) {
    .vn-card:hover,
    .vn-row:hover,
    .vn-action:hover,
    .vn-button:hover,
    .vn-btn:hover,
    .vn-icon-action:hover {
        /* absichtlich leer: globale.css ist führend */
    }
}