/*
 * VN-Biker System-Layer
 * Scope: ausschliesslich [data-vn-system-layer].
 */

.vn-system-layer[hidden],
.vn-system-layer[data-vn-state="closed"] {
    display: none;
}

.vn-system-layer {
    position: fixed;
    inset: 0;
    z-index: 2200;
    display: grid;
    place-items: center;
    padding: clamp(12px, 2.8vw, 32px);
    overflow-x: hidden;
    overflow-y: hidden;
    color: var(--vn-text, rgba(255, 255, 255, .94));
    --vn-system-gold: var(--vn-gold, #ffd45a);
    --vn-system-metal: rgba(216, 216, 216, .72);
    --vn-system-glass: rgba(0, 0, 0, .34);
    --vn-system-glass-strong: rgba(0, 0, 0, .48);
    --vn-system-border: rgba(255, 255, 255, .14);
    --vn-footer-card-h: 88px;
    --vn-footer-avatar: 70px;
    --vn-footer-gap: clamp(.72rem, 1.2vw, .95rem);
}

.vn-system-layer *,
.vn-system-layer *::before,
.vn-system-layer *::after {
    box-sizing: border-box;
}

.vn-system-layer__backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 48% 10%, rgba(255, 212, 90, .07), transparent 34%),
        rgba(0, 0, 0, .68);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

.vn-system-layer__panel {
    position: relative;
    z-index: 1;
    width: min(1140px, calc(100vw - 24px));
    max-height: min(820px, calc(100vh - 28px));
    max-height: min(820px, calc(100dvh - 28px));
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    overflow: visible;
}

.vn-system-layer__body {
    min-height: 0;
    max-height: min(820px, calc(100vh - 28px));
    max-height: min(820px, calc(100dvh - 28px));
    overflow-x: hidden;
    overflow-y: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(.72rem, 1.1vw, 1rem);
    padding: 2px 0 4px;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, .26) transparent;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.vn-system-layer__body::-webkit-scrollbar {
    width: 8px;
}

.vn-system-layer__body::-webkit-scrollbar-track {
    background: transparent;
}

.vn-system-layer__body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .24);
    border-radius: 999px;
}

.vn-system-layer__kopfleiste,
.vn-system-layer__newsbox {
    border: 1px solid var(--vn-system-border);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)),
        var(--vn-system-glass);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .055),
        0 18px 44px rgba(0, 0, 0, .24);
}

.vn-system-layer__kopfleiste {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: clamp(1rem, 2.4vw, 2.3rem);
    min-height: clamp(86px, 10vw, 112px);
    padding: clamp(.72rem, 1.4vw, 1rem) clamp(.9rem, 1.8vw, 1.3rem);
    border-radius: 20px;
}

.vn-system-layer .forum-topbar-left,
.vn-system-layer .forum-topbar-logo-link,
.vn-system-layer .forum-topbar-logo,
.vn-system-layer .forum-icon-link,
.vn-system-layer .forum-profile-mini {
    display: inline-flex;
}

.vn-system-layer .forum-topbar-left {
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
}

.vn-system-layer .forum-topbar-logo-link {
    width: clamp(92px, 10.5vw, 126px);
    height: clamp(68px, 7.8vw, 92px);
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.vn-system-layer .forum-topbar-logo {
    width: auto;
    max-width: 126px;
    height: clamp(68px, 7.8vw, 92px);
    object-fit: contain;
    filter: drop-shadow(0 12px 28px rgba(0, 0, 0, .46));
}

.vn-system-layer__kopfleiste-spacer {
    display: none;
}

.vn-system-layer .forum-topbar-right {
    justify-self: end;
    min-width: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(.84rem, 1.7vw, 1.45rem);
}

.vn-system-layer .forum-icon-link {
    position: relative;
    align-items: center;
    justify-content: center;
    width: clamp(2.25rem, 3vw, 2.72rem);
    min-width: clamp(2.25rem, 3vw, 2.72rem);
    height: clamp(2.25rem, 3vw, 2.72rem);
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, .95);
    font-size: clamp(1.38rem, 1.1rem + .62vw, 1.74rem);
    line-height: 1;
    text-decoration: none;
    transform: none;
}

.vn-system-layer .forum-icon-link:hover,
.vn-system-layer .forum-icon-link:focus-visible,
.vn-system-layer .vn-icon-action:hover,
.vn-system-layer .vn-icon-action:focus-visible,
.vn-system-layer .forum-profile-module:hover,
.vn-system-layer .forum-profile-module:focus-visible {
    color: var(--vn-system-gold);
    outline: none;
    transform: none;
}

.vn-system-layer .vn-system-layer__message-link {
    width: auto;
    min-width: 0;
    gap: .34rem;
}

.vn-system-layer .vn-system-layer__message-link > i {
    order: 2;
}

.vn-system-layer .vn-system-layer__message-count,
.vn-system-layer [data-vn-system-message-count] {
    position: static;
    order: 1;
    display: none;
    width: auto;
    min-width: 0;
    height: auto;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--vn-system-gold);
    font-size: clamp(.78rem, .72rem + .18vw, .92rem);
    font-weight: 950;
    line-height: 1;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .64);
    transform: none;
}

.vn-system-layer .vn-system-layer__message-count.is-visible:not([hidden]),
.vn-system-layer [data-vn-system-message-count].is-visible:not([hidden]) {
    display: inline-flex;
}

.vn-system-layer .vn-system-layer__message-count::before,
.vn-system-layer [data-vn-system-message-count]::before {
    content: none;
}

.vn-system-layer .forum-profile-module {
    width: clamp(132px, 12.5vw, 176px);
    min-width: 132px;
    max-width: 176px;
    display: grid;
    align-content: start;
    justify-items: center;
    gap: .24rem;
    color: rgba(255, 255, 255, .94);
    font-weight: 900;
    text-decoration: none;
    transform: none;
}

.vn-system-layer .forum-profile-mini {
    position: relative;
    width: clamp(50px, 4.8vw, 62px);
    aspect-ratio: 3 / 4;
    height: auto;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 13px;
    background: rgba(255, 255, 255, .06);
}

.vn-system-layer .forum-profile-mini img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vn-system-layer .forum-profile-module__name {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .22rem;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: normal;
    color: rgba(255, 255, 255, .96);
    font-size: clamp(.78rem, .72rem + .18vw, .92rem);
    line-height: 1.1;
    text-align: center;
    white-space: normal;
}

.vn-system-layer .forum-profile-module__name-text {
    min-width: 0;
    max-width: 12ch;
    overflow: visible;
    overflow-wrap: anywhere;
    text-align: center;
}

.vn-system-layer .forum-profile-module__stern {
    flex: 0 0 auto;
    font-size: .72rem;
    line-height: 1;
}

.vn-system-layer .forum-profile-module__stern::before {
    content: none;
}

.vn-system-layer .forum-topbar-neues.vn-neues-fuer-dich,
.vn-system-layer__newsbox {
    width: 100%;
    max-width: none;
}

.vn-system-layer__newsbox {
    border-radius: 16px;
    padding: clamp(.66rem, 1.2vw, .9rem);
}

.vn-system-layer__newsbox.is-empty {
    display: none;
}

.vn-neues-fuer-dich__list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .16rem;
}

.vn-system-layer [data-vn-system-news-item][hidden] {
    display: none;
}

.vn-neues-fuer-dich__item {
    min-height: 46px;
    display: grid;
    grid-template-columns: 1.26rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .56rem;
    padding: .32rem .36rem;
    border-radius: 10px;
    color: rgba(255, 255, 255, .95);
    text-decoration: none;
}

.vn-neues-fuer-dich__item:hover,
.vn-neues-fuer-dich__item:focus-visible {
    background: rgba(255, 255, 255, .055);
    color: var(--vn-system-gold);
    outline: none;
}

.vn-neues-fuer-dich__icon {
    color: rgba(255, 255, 255, .94);
    font-size: .9rem;
    text-align: center;
}

.vn-neues-fuer-dich__body {
    min-width: 0;
    display: grid;
    gap: .08rem;
}

.vn-neues-fuer-dich__body strong {
    overflow: hidden;
    font-size: clamp(.88rem, .82rem + .18vw, 1rem);
    font-weight: 950;
    line-height: 1.16;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vn-neues-fuer-dich__body small {
    overflow: hidden;
    color: var(--vn-system-metal);
    font-size: clamp(.68rem, .64rem + .12vw, .76rem);
    font-weight: 800;
    line-height: 1.16;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vn-neues-fuer-dich__count {
    color: var(--vn-system-gold);
    font-size: .78rem;
    font-weight: 950;
}

.vn-neues-fuer-dich__more {
    flex: 0 0 auto;
    padding: 0 .3rem;
    border: 0;
    background: transparent;
    color: var(--vn-system-gold);
    cursor: pointer;
    font: inherit;
    font-size: .86rem;
    font-weight: 950;
}

.vn-neues-fuer-dich__more:hover,
.vn-neues-fuer-dich__more:focus-visible {
    color: rgba(255, 255, 255, .96);
    outline: none;
}

.vn-system-layer__actions-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(1rem, 2vw, 1.5rem);
    min-height: 1.5rem;
    padding: 0 .1rem;
}

.vn-system-layer__actions-spacer {
    flex: 1 1 auto;
    min-width: .5rem;
}

.vn-system-layer__actions-row button {
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, .96);
    cursor: pointer;
    font: inherit;
    font-size: clamp(.88rem, .82rem + .16vw, 1rem);
    font-weight: 950;
    line-height: 1.2;
}

.vn-system-layer__actions-row button:hover,
.vn-system-layer__actions-row button:focus-visible {
    color: var(--vn-system-gold);
    outline: none;
}

.vn-system-layer__section--stats {
    min-width: 0;
    width: 100%;
}

.vn-system-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--vn-footer-gap);
}

.vn-system-stats-signature {
    margin: .64rem 0 0;
    color: rgba(244, 241, 232, .72);
    font-size: clamp(.82rem, .76rem + .14vw, .96rem);
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .5);
}

.vn-system-stats-signature span {
    white-space: nowrap;
}

.vn-system-layer .vn-system-stats-grid .footer-stat-card {
    display: grid;
    grid-template-columns: minmax(92px, .74fr) minmax(112px, .92fr) minmax(98px, .74fr);
    align-items: center;
    gap: .72rem;
    height: var(--vn-footer-card-h);
    min-height: var(--vn-footer-card-h);
    padding: .74rem 1rem;
    border: 1px solid var(--vn-system-border);
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)),
        var(--vn-system-glass);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    color: rgba(255, 255, 255, .95);
    text-decoration: none;
    overflow: visible;
}

.vn-system-layer .vn-system-stats-grid .footer-stat-card--split {
    grid-template-columns: minmax(92px, .74fr) minmax(112px, .92fr) minmax(98px, .74fr);
    align-items: center;
}

.vn-system-layer .vn-system-stats-grid .footer-stat-card--newest,
.vn-system-layer .vn-system-stats-grid .footer-stat-card--neu,
.vn-system-layer .vn-system-stats-grid .footer-card--neu {
    grid-template-columns: minmax(92px, .74fr) var(--vn-footer-avatar) minmax(98px, .74fr);
    align-items: center;
    padding: .58rem 1rem;
    isolation: isolate;
}

.vn-system-layer .footer-stat-side,
.vn-system-layer .footer-neu-links,
.vn-system-layer .footer-neu-rechts {
    min-width: 0;
}

.vn-system-layer .footer-stat-side--label,
.vn-system-layer .footer-neu-links .footer-stat-side--label {
    color: rgba(255, 255, 255, .94);
    justify-self: start;
    text-align: left;
    font-size: clamp(.72rem, .66rem + .18vw, .84rem);
    font-weight: 950;
    letter-spacing: .06em;
    line-height: 1.08;
    text-transform: uppercase;
    white-space: nowrap;
}

.vn-system-layer .footer-stat-side--value {
    justify-self: center;
    text-align: center;
    color: rgba(255, 255, 255, .94);
    font-size: clamp(1.2rem, .98rem + .64vw, 1.68rem);
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
}

.vn-system-layer .footer-stat-side--date {
    overflow: visible;
    text-overflow: clip;
    font-size: clamp(1.02rem, .88rem + .42vw, 1.28rem);
    line-height: 1.08;
    letter-spacing: .015em;
}

.vn-system-layer .footer-stat-side--badge,
.vn-system-layer .footer-stat-delta,
.vn-system-layer .footer-neu-name,
.vn-system-layer .footer-neu-heute {
    justify-self: end;
    min-width: 2.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--vn-system-metal);
    font-size: clamp(.92rem, .82rem + .26vw, 1.08rem);
    font-weight: 900;
    line-height: 1.12;
    text-align: right;
    white-space: nowrap;
}

.vn-system-layer .footer-stat-side--badge,
.vn-system-layer .footer-stat-delta {
    min-width: 3rem;
    overflow: visible;
    text-overflow: clip;
}

.vn-system-layer .footer-stat-delta.has-delta,
.vn-system-layer .footer-stat-delta:not(:empty) {
    color: var(--vn-system-gold);
    text-shadow: 0 1px 8px rgba(0, 0, 0, .68);
}

.vn-system-layer .footer-neu-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 561px) {
    .vn-system-layer .footer-neu-name {
        font-size: clamp(.78rem, .72rem + .12vw, .9rem);
        font-weight: 850;
        line-height: 1.08;
    }
}

.vn-system-layer .footer-stat-side--badge.is-empty,
.vn-system-layer .footer-stat-side--badge:empty,
.vn-system-layer [data-footer-live-field][hidden] {
    display: none;
}

.vn-system-layer .footer-card--beitraege .footer-stat-side--label {
    grid-column: auto;
    grid-row: auto;
}

.vn-system-layer .footer-card--beitraege .footer-stat-side--value {
    grid-column: auto;
    grid-row: auto;
}

.vn-system-layer .footer-card--beitraege {
    grid-template-rows: repeat(3, minmax(0, 1fr));
    row-gap: .04rem;
    align-content: center;
    padding-block: .5rem;
}

.vn-system-layer .footer-card--beitraege .footer-stat-activity-row {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(66px, .78fr) minmax(86px, .9fr) minmax(58px, .62fr);
    align-items: center;
    gap: .38rem;
    min-width: 0;
}

.vn-system-layer .footer-card--beitraege .footer-stat-activity-row:not(.footer-stat-activity-row--main) .footer-stat-side {
    color: rgba(255, 255, 255, .9);
    font-size: clamp(.62rem, .57rem + .12vw, .72rem);
    font-weight: 850;
    line-height: 1;
}

.vn-system-layer .footer-card--beitraege .footer-stat-activity-row:not(.footer-stat-activity-row--main) .footer-stat-side--label {
    color: rgba(255, 255, 255, .94);
}

.vn-system-layer .footer-card--beitraege .footer-stat-activity-row:not(.footer-stat-activity-row--main) .footer-stat-side--value {
    color: rgba(255, 255, 255, .96);
    font-size: clamp(.9rem, .84rem + .18vw, 1.08rem);
    font-weight: 950;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .58);
}

.vn-system-layer .footer-card--beitraege .footer-stat-activity-row--main .footer-stat-side--label {
    color: rgba(255, 255, 255, .96);
    font-size: clamp(.66rem, .6rem + .12vw, .78rem);
    letter-spacing: .04em;
}

.vn-system-layer .footer-card--beitraege .footer-stat-activity-row--main .footer-stat-side--value {
    color: rgba(255, 255, 255, .96);
    font-size: clamp(.96rem, .88rem + .24vw, 1.12rem);
}

.vn-system-layer .footer-card--beitraege .footer-stat-delta {
    justify-self: end;
    min-width: 3.4rem;
    overflow: visible;
    font-size: clamp(1rem, .92rem + .24vw, 1.18rem);
    font-weight: 950;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

.vn-system-layer .footer-card--beitraege .footer-stat-activity-row--main .footer-stat-delta {
    font-size: clamp(1.08rem, .98rem + .28vw, 1.24rem);
    font-weight: 950;
}

.vn-system-layer .footer-stat-card--active .footer-stat-side--badge,
.vn-system-layer .footer-card--aktiv .footer-stat-side--badge {
    color: var(--vn-system-metal);
}

.vn-system-layer .footer-aktiv-liste {
    display: flex;
    flex-direction: column;
    justify-self: end;
    align-items: flex-end;
    justify-content: center;
    gap: .12rem;
    min-width: 6rem;
    text-align: right;
    color: var(--vn-system-metal);
}

.vn-system-layer .footer-aktiv-zeile,
.vn-system-layer .footer-card--active .footer-aktiv-zeile {
    display: block;
    white-space: nowrap;
}

.vn-system-layer .footer-stat-card--newest img,
.vn-system-layer .footer-newest-avatar,
.vn-system-layer .footer-neu-bild,
.vn-system-layer .footer-neu-bild--fallback {
    width: var(--vn-footer-avatar);
    height: var(--vn-footer-avatar);
    max-width: var(--vn-footer-avatar);
    max-height: var(--vn-footer-avatar);
    border-radius: 16px;
    object-fit: cover;
    object-position: center center;
    background: rgba(255, 255, 255, .06);
}

.vn-system-layer .footer-stat-card--start,
.vn-system-layer .footer-card--start {
    grid-template-columns: minmax(58px, .58fr) minmax(108px, max-content) minmax(78px, max-content);
    gap: .55rem;
    padding-inline: .82rem;
}

.vn-system-layer .footer-start-date,
.vn-system-layer .footer-start-days {
    justify-content: center;
    white-space: nowrap;
}

.vn-system-layer .footer-start-days {
    color: var(--vn-system-metal);
    justify-self: end;
    min-width: max-content;
    font-size: clamp(.72rem, .66rem + .16vw, .84rem);
}

.vn-system-layer .footer-start-date {
    justify-self: center;
    font-size: clamp(.98rem, .84rem + .36vw, 1.18rem);
    letter-spacing: 0;
    color: rgba(255, 255, 255, .86);
}

.vn-system-layer .footer-neu-links,
.vn-system-layer .footer-neu-mitte,
.vn-system-layer .footer-neu-rechts {
    min-width: 0;
    display: grid;
    gap: .16rem;
    align-content: center;
}

.vn-system-layer .footer-neu-rechts {
    text-align: center;
}

.vn-system-layer .footer-neu-mitte,
.vn-system-layer .footer-neu-bildbox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 760px) {
    .vn-system-layer__panel {
        width: min(680px, calc(100vw - 18px));
    }

    .vn-system-layer__kopfleiste {
        min-height: 78px;
        padding: .68rem .78rem;
    }

    .vn-system-layer .forum-topbar-logo-link {
        width: 82px;
        height: 60px;
    }

    .vn-system-layer .forum-topbar-logo {
        height: 60px;
    }

    .vn-system-layer .forum-topbar-right {
        gap: .62rem;
    }

    .vn-system-layer .forum-profile-module {
        width: 112px;
        min-width: 112px;
    }
}

@media (max-width: 920px) {
    .vn-system-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .vn-system-layer {
        place-items: start center;
        padding-top: max(10px, env(safe-area-inset-top));
        --vn-footer-avatar: 56px;
    }

    .vn-system-layer__panel {
        max-height: calc(100vh - 18px);
        max-height: calc(100dvh - 18px);
    }

    .vn-system-layer__body {
        max-height: calc(100vh - 18px);
        max-height: calc(100dvh - 18px);
    }

    .vn-system-layer__kopfleiste {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .vn-system-layer .forum-profile-module {
        width: 96px;
        min-width: 96px;
    }

    .vn-system-layer .forum-profile-mini {
        width: 48px;
        aspect-ratio: 3 / 4;
        height: auto;
    }

    .vn-neues-fuer-dich__item {
        min-height: 48px;
    }

    .vn-system-stats-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: .44rem;
    }

    .vn-system-layer .vn-system-stats-grid .footer-stat-card,
    .vn-system-layer .vn-system-stats-grid .footer-stat-card--split,
    .vn-system-layer .vn-system-stats-grid .footer-stat-card--start,
    .vn-system-layer .vn-system-stats-grid .footer-card--start {
        grid-template-columns: minmax(72px, .74fr) minmax(88px, .92fr) minmax(76px, .68fr);
        min-height: 64px;
        height: auto;
        padding: .42rem .68rem;
        gap: .36rem;
    }

    .vn-system-layer .footer-card--aktiv {
        min-height: 68px;
    }

    .vn-system-layer .footer-card--beitraege {
        min-height: 74px;
        padding-block: .38rem;
    }

    .vn-system-layer .footer-card--beitraege .footer-stat-activity-row {
        grid-template-columns: minmax(72px, .74fr) minmax(88px, .92fr) minmax(76px, .68fr);
        gap: .36rem;
    }

    .vn-system-layer .vn-system-stats-grid .footer-stat-card--newest,
    .vn-system-layer .vn-system-stats-grid .footer-stat-card--neu,
    .vn-system-layer .vn-system-stats-grid .footer-card--neu {
        grid-template-columns: minmax(72px, .74fr) var(--vn-footer-avatar) minmax(76px, .68fr);
        min-height: 66px;
    }

    .vn-system-layer .footer-stat-side--label,
    .vn-system-layer .footer-neu-links .footer-stat-side--label {
        font-size: .68rem;
        letter-spacing: .045em;
    }

    .vn-system-layer .footer-stat-side--value,
    .vn-system-layer .footer-stat-side--date,
    .vn-system-layer .footer-start-date {
        font-size: clamp(1.1rem, 5vw, 1.42rem);
    }

    .vn-system-layer .footer-stat-side--badge,
    .vn-system-layer .footer-stat-delta,
    .vn-system-layer .footer-neu-name,
    .vn-system-layer .footer-neu-heute {
        font-size: .9rem;
        line-height: 1.1;
    }

    .vn-system-layer .footer-stat-delta {
        min-width: 0;
        justify-self: end;
        overflow: visible;
        font-size: 1rem;
        font-weight: 950;
        line-height: 1;
        text-align: right;
    }

    .vn-system-layer .footer-card--beitraege .footer-stat-delta {
        min-width: 3.2rem;
        overflow: visible;
        font-size: 1.12rem;
        font-weight: 950;
        text-align: right;
        white-space: nowrap;
    }

    .vn-system-layer .footer-card--beitraege .footer-stat-activity-row--main .footer-stat-delta {
        font-size: 1.2rem;
        font-weight: 950;
    }

    .vn-system-layer .footer-card--beitraege .footer-stat-activity-row:not(.footer-stat-activity-row--main) .footer-stat-side--label {
        color: rgba(255, 255, 255, .94);
        font-size: .72rem;
        font-weight: 900;
    }

    .vn-system-layer .footer-card--beitraege .footer-stat-activity-row:not(.footer-stat-activity-row--main) .footer-stat-side--value {
        color: rgba(255, 255, 255, .98);
        font-size: 1.08rem;
        font-weight: 950;
    }

    .vn-system-stats-signature {
        margin-top: .7rem;
        font-size: .96rem;
        font-weight: 900;
    }
}