/* =========================================================
   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.
   ========================================================= */

.modul-profilbild,
.modul-bikebild,
.modul-galeriebild {
    display: block;
}

.modul-profilbild__link,
.modul-bikebild__link,
.modul-galeriebild__link {
    display: flex;
    align-items: center;
    gap: 0.95rem;
}

.modul-bikebild__link,
.modul-galeriebild__link {
    align-items: flex-start;
}

.modul-profilbild__bild-wrap,
.modul-bikebild__bild-wrap,
.modul-galeriebild__bild-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    flex: 0 0 auto;
}.modul-profilbild__bild,
.modul-bikebild__bild,
.modul-galeriebild__bild {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modul-profilbild__bild {
    object-position: center top;
}

.modul-bikebild__bild,
.modul-galeriebild__bild {
    object-position: center center;
}

.modul-profilbild__text,
.modul-bikebild__text,
.modul-galeriebild__text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modul-profilbild__name-text,
.modul-bikebild__titel,
.modul-galeriebild__titel {
    display: block;
    font-weight: 800;
    line-height: 1.12;
letter-spacing: 0.01em;
    word-break: break-word;
}

.modul-profilbild__group,
.modul-profilbild__subtitle,
.modul-bikebild__subtitle,
.modul-galeriebild__subtitle {
    display: block;
    margin-top: 0.18rem;
    font-size: var(--vn-font-xs);
    line-height: 1.18;
word-break: break-word;
}

.modul-profilbild__group {
font-weight: 700;
}

.modul-profilbild__onlinepunkt {
    position: absolute;
    right: 0.22rem;
    bottom: 0.22rem;
    width: 0.88rem;
    height: 0.88rem;
}

.modul-profilbild--klein .modul-profilbild__bild-wrap {
    width: 54px;
    height: 54px;
}

.modul-profilbild--mittel .modul-profilbild__bild-wrap {
    width: 72px;
    height: 72px;
}

.modul-profilbild--gross .modul-profilbild__bild-wrap {
    width: 92px;
    height: 92px;
}

.modul-profilbild--topbar .modul-profilbild__bild-wrap {
    width: 56px;
    height: 56px;
}

.modul-profilbild--klein .modul-profilbild__name-text {
    font-size: var(--vn-font-sm);
}

.modul-profilbild--mittel .modul-profilbild__name-text {
    font-size: var(--vn-font-md);
}

.modul-profilbild--gross .modul-profilbild__name-text {
    font-size: var(--vn-font-lg);
}

.modul-profilbild--topbar .modul-profilbild__name-text {
    font-size: var(--vn-font-md);
}

.modul-profilbild--klein .modul-profilbild__group,
.modul-profilbild--klein .modul-profilbild__subtitle,
.modul-profilbild--topbar .modul-profilbild__group,
.modul-profilbild--topbar .modul-profilbild__subtitle {
    font-size: var(--vn-font-xs);
}

.modul-bikebild--klein .modul-bikebild__bild-wrap {
    width: 86px;
    height: 58px;
}

.modul-bikebild--mittel .modul-bikebild__bild-wrap {
    width: 116px;
    height: 78px;
}

.modul-bikebild--gross .modul-bikebild__bild-wrap {
    width: 154px;
    height: 102px;
}

.modul-bikebild--klein .modul-bikebild__titel {
    font-size: var(--vn-font-sm);
}

.modul-bikebild--mittel .modul-bikebild__titel {
    font-size: var(--vn-font-md);
}

.modul-bikebild--gross .modul-bikebild__titel {
    font-size: var(--vn-font-lg);
}

.modul-galeriebild--klein .modul-galeriebild__bild-wrap {
    width: 86px;
    height: 58px;
}

.modul-galeriebild--mittel .modul-galeriebild__bild-wrap {
    width: 116px;
    height: 78px;
}

.modul-galeriebild--gross .modul-galeriebild__bild-wrap {
    width: 154px;
    height: 102px;
}

.modul-galeriebild--klein .modul-galeriebild__titel {
    font-size: var(--vn-font-sm);
}

.modul-galeriebild--mittel .modul-galeriebild__titel {
    font-size: var(--vn-font-md);
}

.modul-galeriebild--gross .modul-galeriebild__titel {
    font-size: var(--vn-font-lg);
}

.wio-card .modul-profilbild__link,
.wwd-item .modul-profilbild__link,
.footer-neu-user .modul-profilbild__link,
.suche-ergebnis .modul-profilbild__link {
    align-items: center;
}

.wio-card .modul-profilbild__text,
.wwd-item .modul-profilbild__text {
    justify-content: center;
}

.wio-card .modul-profilbild__link,
.wwd-item .modul-profilbild__link {
    gap: 1rem;
}

.wio-card .modul-profilbild--gross .modul-profilbild__name-text {
    font-size: var(--vn-font-md);
}

.wwd-item .modul-profilbild--mittel .modul-profilbild__name-text,
.footer-neu-user .modul-profilbild--mittel .modul-profilbild__name-text {
    font-size: var(--vn-font-md);
}

@media (max-width: 768px) {
    .modul-profilbild__link,
    .modul-bikebild__link,
    .modul-galeriebild__link {
        gap: 0.82rem;
    }

    .modul-profilbild--gross .modul-profilbild__bild-wrap {
        width: 84px;
        height: 84px;
    }

    .modul-profilbild--gross .modul-profilbild__name-text {
        font-size: var(--vn-font-md);
    }

    .modul-profilbild--mittel .modul-profilbild__bild-wrap {
        width: 66px;
        height: 66px;
    }

    .modul-profilbild--mittel .modul-profilbild__name-text {
        font-size: var(--vn-font-md);
    }

    .modul-profilbild--topbar .modul-profilbild__bild-wrap {
        width: 52px;
        height: 52px;
    }

    .modul-profilbild__group,
    .modul-profilbild__subtitle,
    .modul-bikebild__subtitle,
    .modul-galeriebild__subtitle {
        font-size: var(--vn-font-xs);
    }

    .modul-bikebild--mittel .modul-bikebild__bild-wrap,
    .modul-galeriebild--mittel .modul-galeriebild__bild-wrap {
        width: 102px;
        height: 70px;
    }

    .modul-bikebild--gross .modul-bikebild__bild-wrap,
    .modul-galeriebild--gross .modul-galeriebild__bild-wrap {
        width: 132px;
        height: 90px;
    }

    .modul-bikebild--mittel .modul-bikebild__titel,
    .modul-galeriebild--mittel .modul-galeriebild__titel {
        font-size: var(--vn-font-md);
    }
}

.modul-profilbild__name-text {
    letter-spacing: 0;
}

.modul-profilbild__group,
.modul-profilbild__subtitle,
.modul-bikebild__subtitle,
.modul-galeriebild__subtitle {
    font-weight: 700;
}

.wio-card .modul-profilbild__link,
.wwd-item .modul-profilbild__link,
.footer-stat-card--member .modul-profilbild__link {
    align-items: center;
}

.wio-card .modul-profilbild__text,
.wwd-item .modul-profilbild__text,
.footer-stat-card--member .modul-profilbild__text {
    justify-content: center;
}

.wio-card .modul-profilbild--gross .modul-profilbild__bild-wrap {
    width: 86px;
    height: 86px;
}

.wio-card .modul-profilbild--gross .modul-profilbild__name-text {
    font-size: var(--vn-font-md);
    line-height: 1.08;
}

.wwd-item .modul-profilbild--mittel .modul-profilbild__bild-wrap,
.footer-stat-card--member .modul-profilbild--mittel .modul-profilbild__bild-wrap {
    width: 64px;
    height: 64px;
}

.wwd-item .modul-profilbild--mittel .modul-profilbild__name-text,
.footer-stat-card--member .modul-profilbild--mittel .modul-profilbild__name-text {
    font-size: var(--vn-font-md);
    line-height: 1.08;
}

@media (max-width: 768px) {
    .wio-card .modul-profilbild--gross .modul-profilbild__bild-wrap {
        width: 78px;
        height: 78px;
    }

    .wwd-item .modul-profilbild--mittel .modul-profilbild__bild-wrap,
    .footer-stat-card--member .modul-profilbild--mittel .modul-profilbild__bild-wrap {
        width: 60px;
        height: 60px;
    }
}

/* =========================================================
   GLOBAL-HANDOFF bildmodule.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 */
    }
}