.member-panel {
    display: grid;
    grid-template-columns: 360px 1fr;
    height: 350px;
    background: var(--hell);
    border: 1px solid var(--dunkel);
    border-radius: 4px;
    box-shadow: inset 0 0 80px rgba(122, 111, 100,.08);
    font-family: Georgia, serif;
    color: #454545;
}

/* LEFT */
.member-left {
    padding: 20px;
    border-right: 1px solid rgba(200,170,90,.2);
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.member-badge {
    border: 1px solid var(--dunkel);
    padding: 6px 10px;
    font-size: 11px;
    letter-spacing: 1px;
    width: fit-content;
}

.member-avatar {
    width: 200px;
    height: 200px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--dunkel);
	margin: 0 20%;
}

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

.member-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: auto;
}

.stat {
   
    border: 1px solid var(--dunkel);
    padding: 10px;
    text-align: center;
}

.stat strong {
    display: block;
    font-size: 14px;
}

.stat span {
    font-size: 10px;
    letter-spacing: 1px;
    opacity: .8;
}

/* RIGHT */
.member-right {
    padding: 30px 40px;
    position: relative;
}

.member-name {
    font-size: 30px;
    color: #e2c46d;
    margin-bottom: 16px;
}

.member-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.member-tags span {
    border: 1px solid var(--dunkel);
    padding: 6px 12px;
    font-size: 11px;
    letter-spacing: .5px;
}

.member-profile {
    position: absolute;
    right: 30px;
    bottom: 30px;
    border: 1px solid var(--dunkel);
    padding: 8px 14px;
    font-size: 11px;
    color: #e2c46d;
    text-decoration: none;
}

.member-profile:hover {
    background: var(--dunkel);
}
.member-text {
    margin-top: 22px;
    max-width: 450px;
    height: 120px;
    padding: 14px 16px;
    background: var(--hell);
    border-left: 2px solid var(--dunkel);
    font-size: 13px;
    line-height: 1.6;
    color: #454545;
	text-align: left;
    overflow-y: auto;
	-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;
	margin-left: -50px;
}
/**********GRUPPENFARBEN*****************************************************************************/

g1{ color:#b07a4a; }  /* Public Service – gedecktes Ocker */
g2{ color:#b07fa6; }  /* Health Care – staubiges Mauve */
g3{ color:#7f8ec4; }  /* Arts – entsättigtes Blau */
g4{ color:#9daa4f; }  /* Hospitality – gedämpftes Grün */
g5{ color:#4ea07c; }  /* Commerce – gedecktes Mint */
g6{ color:#c26b67; }  /* Private – weiches Ziegelrot */
g7{ color:#a93a4e; }  /* Education – dunkles Himbeerrot */
g8{ color:#3f7fa6; }  /* Underbelly – rauchiges Blau */