.aml_mem_box {
 display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
	width: 100%;
	}

.aml_mem_textbox {
  background-color: var(--fuenf);
  color: #555;
  padding: 40px 25px 25px;
  margin-top: 100px;
      display: flex;
	width: 100%;
    flex-direction: row;
align-items: flex-end;
}

.aml_mem_left, .aml_mem_right {
	display: flex; 
	flex-direction: column;
	flex:1;
  font-family: var(--calibri);
  color: var(--neun);
  text-align: center;
  line-height: 1.4em;
  font-size: 10px;
letter-spacing: 0.2em;
  box-shadow: none !important;
	width: 40%;
		align-items: center;
    justify-content: space-between;
}

 .aml_mem_center {
	 	display: flex; 
	flex-direction: column;
	flex:1;
  font-family: var(--calibri);
  position: relative;
  width: 20%;
  color: var(--neun);
  text-align: center;
  line-height: 1.4em;
  font-size: 10px;
letter-spacing: 0.2em;
  box-shadow: none !important;
	 align-items: center;
	  justify-content: space-between;
}


.aml_mem_center .mem_avatar {
  display: inline-block;
  	width: 180px;
	height: 300px;
  z-index: 1;
  /*position: relative;*/
  padding: 10px;
	margin-top: -160px;
  border: 2px solid var(--picked);
}

.aml_mem_center .mem_avatar img {
  max-width: 100%;
  vertical-align: top;
}

.memlist_charaktername {
	font-family: var(--beba);
    font-size: 30px;
	  line-height: 0.9em;
}

.memlist_charaktername a {
	border-bottom: 0px !important;
}

.memlist_username {
  font-family: 'Playfair Display', serif;
    font-size: 38px;
    color: var(--neun);
    text-transform: lowercase;
    letter-spacing: 0px;
	line-height: 0.9em;
}


.mem_posten {
    font-size: 10px;
    color: var(--neun);
    text-transform: uppercase;
    letter-spacing: 3 px;
    padding: 8px;
	margin-bottom: 15px;
	line-height: 1em;
}


.aml_mem_box p {
display: none;
}

.aml_membutton_row {
display: flex;
    flex-direction: row;
    font-family: var(--calibri);
    flex: 1;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
    justify-content: space-evenly;
    align-content: flex-end;
    margin: 40px 0 0 0;
    width: 95%;
    flex-wrap: wrap;
    /* white-space: nowrap; */
    align-items: center;
}

.aml_membutton_row i {
	height: 10px;
	white-space: nowrap;
	  line-height: 0.1em;
}

.aml_membutton_left {
	display:flex; 
	box-sizing:border-box;
	margin: 2px;
	justify-content: center;
    align-content: center;
	white-space: nowrap;
	
}

.aml_membutton_right {
	display:flex;
	box-sizing:border-box;
	width:90%; 
 	line-height: 0.1em;
	margin: 2px;
	font-weight:500;
	letter-spacing: 1px;
    align-content: center;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
}

.aml_membutton_right span {
	display:flex;
	box-sizing:border-box;

	white-space: nowrap;
	align-items: center;
	justify-content: center;
	line-height: 0.9em;
}

.memlist_charfacts {
	display:flex;
	flex-direction: column;
	box-sizing:border-box;
	width:80%; 
	font-weight:500;
	letter-spacing: 1px;
    align-content: center;
	height: 160px;
    overflow-y: auto;
	text-overflow: ellipsis;
	scrollbar-width: thin;
	scrollbar-color: var(--picked2) var(--picked); /* Two valid colors.
The first applies to the thumb of the scrollbar, the second to the track. */
}

.mem_charfact_row {
	display:flex;
	flex-direction: row;
	line-height: 10px; 
	box-sizing:border-box;
	margin: 2px;
	font-weight:300;
	letter-spacing: 1px;
	justify-content: center;
    align-content: center;
	background: var(--acht);
	color: var(--neun);
	opacity: 0.8;
	text-transform: uppercase;
}

.mem_charfact_icon {
	line-height: 10px; 
	padding: 2px;
	flex:1;
	box-sizing:border-box;
	max-width:5%; 
	margin: 2px;
	font-weight:500;
	letter-spacing: 1px;
	justify-content: center;
    align-content: center;
}
.mem_charfact_fact {
	line-height: 10px; 
	padding: 2px;
	flex:1;
	box-sizing:border-box;
	width:95%; 
	margin: 2px;
	font-weight:500;
	letter-spacing: 1px;
	text-align: left;
		justify-content: center;
    align-content: center;
}

.memlist_factsnfaces  {
	display:flex;
	flex-direction: column-reverse;
	box-sizing:border-box;
	width:80%; 
	font-weight: 500;
    letter-spacing: 1px;
    justify-content: flex-end;
    align-content: center;
    height: 133px;
    overflow-y: auto;
    align-items: center;
	scrollbar-width: thin;
	scrollbar-color: var(--picked2) var(--picked); /* Two valid colors.
The first applies to the thumb of the scrollbar, the second to the track. */
}

.mem_userfact_row {
	display:flex;
	flex-direction: row;
	line-height: 10px; 
	flex:1;
	box-sizing:border-box;
	margin: 2px;
	font-weight:600;
	letter-spacing: 2px;
	justify-content: center;
    align-content: center;
	color: var(--neun);
	opacity: 0.8;
	text-transform: uppercase;
	text-align: left;
}

.mem_userfact_icon {
	line-height: 10px; 
	padding: 2px;
	flex:1;
	box-sizing:border-box;
	max-width:40%; 
	margin: 2px;
	font-weight:900;
	letter-spacing: 1px;
	justify-content: center;
    align-content: center;
}

.mem_userfact_fact {
	line-height: 10px; 
	padding: 2px;
	flex:1;
	box-sizing:border-box;
	width:60%; 
	margin: 2px;
	font-weight:500;
	letter-spacing: 1px;
	text-align: left;
		justify-content: center;
    align-content: center;
}


.memlist_zweitchar {
text-align: center;
    padding: 3px;
    margin: 2px 2px 5px 2px;
    height: 90px;
    overflow-y: auto;
    width: 80%;
    box-sizing: border-box;
}

.memlist_zweitchar img {
    opacity: 0.2;
    width: 22px;
    height: 36px;
    overflow: hidden;
	object-fit: cover;
}

.memlist_zweitchar img:hover{
    opacity: 0.8;
}