.mod-mitglieder__gruppe { margin-bottom: 2rem; }
.mod-mitglieder__titel {
    margin: 0 0 1rem;
    padding-bottom: .4rem;
    border-bottom: 2px solid currentColor;
}
.mod-mitglieder__liste {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(var(--spalten, 4), minmax(0, 1fr));
    gap: 1rem;
}
.mod-mitglieder__karte {
    display: flex;
    flex-direction: column;
    background: rgba(127, 127, 127, .08);
    border: 1px solid rgba(127, 127, 127, .3);
    border-radius: .5rem;
    overflow: hidden;
}
.mod-mitglieder__foto {
    aspect-ratio: 3 / 4;
    background: rgba(127, 127, 127, .2);
}
.mod-mitglieder__foto img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mod-mitglieder__platzhalter { display: block; width: 100%; height: 100%; }
.mod-mitglieder__info {
    display: flex;
    flex-direction: row;
	align-items: center;
    padding: .75rem .5rem;
}
.mod-mitglieder__rang {
    display: block;
    background-repeat: no-repeat;
    flex: none;
}
.mod-mitglieder__text span {
    display: block;
	padding-left: 15px;
}
.mod-mitglieder__name { font-weight: 600; }
.mod-mitglieder__rangtext { font-size: .9em; opacity: .85; }

@media (max-width: 900px) {
    .mod-mitglieder__liste { grid-template-columns: repeat(min(var(--spalten, 4), 3), minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .mod-mitglieder__liste { grid-template-columns: repeat(min(var(--spalten, 4), 2), minmax(0, 1fr)); }
}