/* Container für die Mitgliederliste */
.custom-members-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important; /* Standardmäßig linksbündig */
    gap: 20px !important;
}

/* Mitgliederkarte */
.custom-member-card {
    border: 0px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    text-align: center !important;
    background-color: #ffffff !important;
    width: 290px !important;
    margin: 10px 0 !important; /* Standardmäßig linksbündig */
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Rundes Profilbild */
.custom-member-avatar {
    width: 180px !important;
    height: 180px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-bottom: 15px !important;
    border: none !important;
}

/* Name des Mitglieds */
.custom-member-name {
    font-size: 25px !important;
    font-weight: bold !important;
    margin: 15px 0 5px 0 !important;
		padding-bottom: 30px !important;
}

/* Neues Feld unter dem Namen */
.custom-member-profile-type {
    font-size: 20px !important;
    color: #333 !important;
    margin-top: -70px !important;
    padding-top: 0px !important; /* Fügt 15px Abstand nach oben hinzu */
	padding-top: 40px !important; /* Fügt 15px Abstand nach oben hinzu */
	font-weight: 400 !important;
}

/* Telefonnummer */
.custom-member-phone {
    font-size: 16px !important;
    color: #555 !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
	    margin-top: -15px !important;
}

/* Handy */
.custom-member-mobile {
    font-size: 16px !important;
    color: #555 !important;
    margin-top: -15px !important;
    padding-top: 0px !important; 
}

/* E-Mail */
.custom-member-email {
    font-size: 16px !important;
    color: #555 !important;
    margin-top: -15px !important;
    padding-top: 0px !important;
		margin-bottom: 0px !important; 
}


/* Button zum Profil */
.custom-view-profile-btn {
    display: inline-block !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    padding: 10px 20px !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 16px !important;
    transition: all 0.3s !important;
}

.custom-view-profile-btn:hover {
    background-color: #333333 !important;
    color: #fff !important;
}

/* Media Query für Mobile Ansicht */
@media (max-width: 768px) {
    .custom-members-list {
        justify-content: center !important; /* Mittige Ausrichtung auf Mobilgeräten */
    }

    .custom-member-card {
        margin: 10px auto !important; /* Zentrale Ausrichtung auf Mobilgeräten */
    }
}

/* Media Query für Tablet Ansicht */
@media (min-width: 769px) and (max-width: 1024px) {
    .custom-members-list {
        justify-content: flex-start !important; /* Linksbündige Ausrichtung auf Tablets */
    }

	.custom-member-card {
        margin: 10px 0 !important; /* Linksbündige Karten auf Tablets */
    }
}

/* Media Query für Desktop Ansicht */
@media (min-width: 1025px) {
    .custom-members-list {
        justify-content: flex-start !important; /* Linksbündig auf Desktop */
    }

    .custom-member-card {
        margin: 10px 0 !important; /* Linksbündig auf Desktop */
    }
}