.ml-card{
    width:260px;

    background:linear-gradient(
        180deg,
        #16120e 0%,
        #110d0b 100%
    );

    border:1px solid rgba(190,154,98,.18);
    border-radius:8px;

    padding:18px;

    color:var(--tbf-text);

    font-family:var(--tbf-font-body);

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.02),
        0 10px 25px rgba(0,0,0,.35);

    transition:.25s ease;
}

.ml-card:hover{
    transform:translateY(-3px);
    border-color:rgba(190,154,98,.35);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.02),
        0 18px 35px rgba(0,0,0,.45);
}

/* Name */
.ml-name{
    margin-bottom:18px;

    text-align:center;

    font-family:var(--tbf-font-display);
    font-size:2rem;
    font-weight:400;
    line-height:1;

    color:var(--tbf-gold);

    text-transform:uppercase;
    letter-spacing:.05em;
}

/* Avatar */
.ml-avatar{
    height:260px;

    margin-bottom:18px;

    overflow:hidden;

    border:1px solid rgba(190,154,98,.18);
    border-radius:6px;
}

.ml-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}


/* kleine Kästchen */
.ml-box.small{
    display:flex;
    justify-content:center;
    align-items:center;

    height:30px;

    margin-bottom:8px;

    background:transparent;

    border:1px solid rgba(190,154,98,.30);
    border-radius:4px;

    color:var(--tbf-gold);

    font-size:.75rem;
    text-transform:uppercase;
    letter-spacing:.08em;
}

/* Beschreibung */
.ml-text{

    max-height:150px;

    padding:14px;

    overflow:auto;
    scrollbar-width:none;

    background:rgba(255,255,255,.015);

    border:1px solid rgba(190,154,98,.12);

    color:var(--tbf-text);

    line-height:1.8;

    text-align:justify;

    font-size:.9rem;
}

/* Tags unten */
.ml-tags{
    margin-top:15px;

    display:flex;
    flex-wrap:wrap;
    gap:8px;

    justify-content:center;
}

.ml-tags span{

    padding:5px 12px;

    border:1px solid rgba(190,154,98,.30);
    border-radius:4px;

    background:transparent;

    color:var(--tbf-gold);

    font-size:.72rem;
    text-transform:uppercase;
}
.memberlist-wrapper{

    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(260px,1fr));

    gap:30px;

    max-width:1400px;

    margin:50px auto;
}