@font-face {
    font-family: 'A Pompadour Display';
    src: url(/fonts/01_APompadourSample.woff) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.fid7-scrollbox {
    min-height: 100px;
    max-height: 100px;
	max-width: 220px;
    overflow: auto;
    border: 2px solid #ba7a70;
    padding: 2px;
	text-align: justify;
    margin: 0 auto; /* Horizontale Zentrierung */
	font-family: calibri;
	font-size: 13px;
	text-transform: uppercase;
	color:#363735;
}

/* Scrollbar anpassen */
.fid7-scrollbox::-webkit-scrollbar {
    width: 8px; /* Breite des Scrollbalkens */
    height: 8px; /* Höhe des horizontalen Scrollbalkens */
}

/* Scrollbalken "Daumen" anpassen (das, was du ziehst) */
.fid7-scrollbox::-webkit-scrollbar-thumb {
    background-color: #ba7a70; /* Farbe des Daumens */
    border-radius: 0px; /* Abgerundete Ecken */
	min-height: 30px; /* Mindesthöhe des Daumens (vertikal) */
}

/* Hintergrund des Scrollbalken */
.fid7-scrollbox::-webkit-scrollbar-track {
    background: #d1c7b9; /* Hintergrund des Tracks */
    border-radius: 0px; /* Abgerundete Ecken */
}

.mitglied {
float: left;
margin-left: 5px;
margin-bottom: 10px;
width: 234px;
height: 450px;
}

.m1 {
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 2px #84645b solid;
    text-align: center;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 3px;
    font-family: 'Fjalla One', sans-serif;
	min-height: 20px; /* Passe die Höhe nach Bedarf an */

}

.m2 {
background-color: #ba7a70; /* Balkenfarbe */
    color: white; /* Schriftfarbe */
    font-family: 'Fjalla One', sans-serif; /* Schriftart */
    display: inline-block;
    font-size: 12px;
    width: 100%; /* Passt sich der Breite der Zelle an */
    text-align: center; /* Text horizontal mittig */
    text-transform: uppercase; /* Text in Großbuchstaben */
    line-height: 1.5; /* Vertikale Ausrichtung des Texts */
	min-height: 20px; /* Passe die Höhe nach Bedarf an */
}

.m3 {
    font-family: 'A Pompadour Display', sans-serif;
    font-size: 20px; /* Schriftgröße anpassen, falls gewünscht */
    text-transform: lowercase; /* Alles klein geschrieben */
    text-align: center; /* Zentriert den Text */
	color: #84645b;
	min-height: 28px; /* Passe die Höhe nach Bedarf an */
}

.m4 {
background-color: #84645b; /* Balkenfarbe */
    color: #e4e4e4; /* Schriftfarbe */
    font-family: 'Fjalla One', sans-serif; /* Schriftart */
    display: inline-block;
    font-size: 12px;
    width: 100%; /* Passt sich der Breite der Zelle an */
    text-align: center; /* Text horizontal mittig */
    text-transform: uppercase; /* Text in Großbuchstaben */
    line-height: 1.5; /* Vertikale Ausrichtung des Texts */
	min-height: 20px; /* Passe die Höhe nach Bedarf an */
}

.avatar-container {
    display: flex;
    justify-content: center; /* Horizontale Zentrierung */
    align-items: center; /* Vertikale Zentrierung */
    border: 2px solid #ba7a70; /* Korrekte Farbnotation */
    width: fit-content;
    margin: auto;
}

.avatar-container img {
    max-width: 220px; /* Maximale Breite des Avatars */
    width: auto; /* Erhält das Seitenverhältnis */
    height: auto;
}