.factionbox {
 margin-bottom: 25px;
background-color: var(--color-background-opac);
  background-blend-mode: overlay;
  background-attachment: fixed;
  background-image: var(--accent-bg);
  color: var(--color-main);
box-sizing: border-box;

}



.factionbox_header {
position: relative;
background-color: var(--color-accent1);
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
overflow: hidden;
height: 80px;
z-index: 1;
}

.factionbox_name {
  position: absolute;
  z-index: 1;
  font-family: var(--display-font);
  color: var(--color-main3);
  text-transform: uppercase;
  font-size: 25px;
  padding: 20px 30px;
}

.factionbox_infos {
position: relative;
  z-index: 1;
  font-family: var(--main-font);
  color: var(--color-accent1);
  font-size: 9px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight:700;
 padding: 45px 33px;
color: var(--color-main3);
}

.factionbox_infos span {

  color: var(--color-main);
}

.factionbox_body {
position: relative;

}

.factionbox_footer {
position: relative;
background: var(--bg-image);
  background-size: cover;
  background-attachment: fixed;
overflow: hidden;
height: 50px;
z-index: 1;
display: grid;
	grid-template-columns: repeat(2, 1fr);	
padding: 15px 27px;
  column-gap: 35px;	
}

.factionbox_footer_beitreten {
position: relative;
  z-index: 1;
  font-family: var(--main-font2);
  color: var(--light);
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight:900;
}


  .factionbox_footer_beitreten a {color: var(--color-accent1); }
 .factionbox_footer_beitreten a:hover { color: var(--color-main); }
 
.factionbox_footer_modoptions {
position: relative;
  z-index: 1;
  font-family: var(--main-font2);
  color: var(--color-main);
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight:900;
text-align: right;
}

.factionbox_footer_modoptions a {color: var(--color-accent1); }
.factionbox_footer_modoptions a:hover { color: var(--color-main); }

.factionbox_desc {
display: grid;
	grid-template-columns:1fr 100px;
  margin: 30px 30px 20px;
  column-gap: 35px;	
}

.factionbox_desc2 {

  margin: 30px 30px 20px;
  column-gap: 35px;	
}

.factionbox_desc_text {
  min-height: 155px;
  position: relative;	
}

.factionbox_desc_text div {
height: 100%;
  overflow: auto;
  scrollbar-width: thin;
  position: absolute;
font-size: 11px;
  line-height: calc(1em + 8px);
  letter-spacing: 0.03em;
  text-align: justify;
  color: var(--color-main);
  font-family: var(--main-font2);
	padding-right:8px;
}	



.factionbox_desc_crest img {
object-position: center;
	object-fit:contain;
	width:100%;
	height:100%
}

.factionbox_user {
    display: grid;
	grid-template-columns: repeat(3, 1fr);	
	 margin: 30px 30px 20px;
  column-gap: 20px;	
	  margin-top: 10px;	
	font-family: var(--main-font2);
  font-size: 10px;
	font-weight: 700;
	color: var(--color-main);
	  text-transform: uppercase;
}

.factionbox_user_title {
  font-family: var(--main-font2);
  font-size: 8px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
	margin-bottom:10px;
  
}

.factionbox_user_title::after {
content: "";
  height: 1px;
  background: var(--color-main);
display:block;
}