.charaborder {
  background: none;
  width: 100%;
  margin: auto auto;
  border: 1px solid var(--border);
}

.chararow {
  background: var(--akzent2);
  border: 1px solid var(--border);
}

.charabild {
	background: url(../../../images/chronicles/charabild.png);
	height: 350px;
	border: 1px solid var(--border);
	z-index: 2;
	position: relative;	
	width: 695px;
}

.charabildimg {
position: absolute;
  margin-left: 83px;
  margin-top: -303px;
}

.charabild2 img {
border: 1px solid var(--border);
  padding: 8px;
  background: var(--akzent2); 
width: 230px;
}

.charabild3 img {
border: 1px solid var(--border);
  padding: 8px;
  background: var(--akzent2); 
width: 242px;
  height: 222px;
}

.herkunftbild {
  width: 260px;
  height: 286px;
}

.herkunftfeld {
 padding: 0px 10px 0 10px;
 text-align: center;
 font-variant: small-caps;
}

.charatop {
 text-align: center;
 padding: 8px;
}

.charatop2 {
 text-align: left;
 padding: 8px;
}

.charafeld {
 text-align: center;
 padding: 8px;
 font-variant: small-caps;
}

.charafeld1 {
height: 155px;
  overflow: auto;
  text-align: justify;
  padding: 10px;
  font-variant: small-caps;
  margin-bottom: 10px;
}

.charafeld2 {
padding: 8px;
font-variant: small-caps;
}

.charafeld3 {
height: 186px;
overflow: auto;
text-align: justify;
padding: 10px;
font-variant: small-caps;
}

.charafeld4 {
text-align: justify;
padding: 5px;
font-variant: small-caps;
	height: 85px;
	overflow: auto;
line-height: 1.2em;
}

.charafeldname {
 text-transform: uppercase;
 display: block;
 border-bottom: 1px solid var(--border);
	font-weight: bold;
font-family: 'Quintessential';
  font-size: 16px;
}

.charafeldname2 {
 text-transform: uppercase;
 display: block;
 border-bottom: 1px solid var(--border);
  text-align: center;
	font-weight: bold;
	font-family: 'Quintessential';
	 font-size: 16px;
}

.charauber {
font-size: 50px;
display: block;
font-family: 'Quintessential';	
text-transform: uppercase;
}

.charamotto {
font-style: italic;
font-family: 'Rubik';
}

.profilforum {
  width: 1004px;
  margin-right: 17px;
  margin-left: 17px;
  background: var(--akzent1);
  border-left: 1px solid var(--border);
  border-right: 1px solid var(--border);
  padding: 0 5px 0 5px;
}

.memsig {
  background: url(../../../images/chronicles/default_sig.jpg);
  height: 220px;
width: 400px;	
}

.memsig img {
  height: 220px;
}

#fact {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}

#fact .event {
  padding: 5px 20px 20px 20px;
  position: relative;
  background-color: inherit;
}

#fact .event::before {
  content: '';
  height: 0;
  position: absolute;
  top: 15px;
  width: 0;
  z-index: 1;
  left: 10px;
  border: 1px solid var(--akzent3);
  border-width: 10px 10px 10px 0;
  border-color: transparent var(--akzent3) transparent transparent;
}

#fact .event .content {
  padding: 20px;
  background-color: var(--akzent2);
  border: 5px solid var(--akzent3);
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

#fact .event .content .description {
  font-size: 13px;
  text-align: justify;
}

.shortfacttitel {
  text-transform: uppercase;
  border-bottom: 1px solid var(--border);
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}

.charablock {
  padding: 25px;
}

.charafeldchara {
 text-align: center;
 padding: 10px;
 font-variant: small-caps;
 font-weight:bold;
	font-size: 16px;
}

.stats {
	width: 300px;
}