/* Seitenlayout für eigene Postingtpls und das Profil */ 

.userinfoimg { /* Bildpfad im tpl gelassen, da dynamischer Inhalt */
	height:600px; 
	overflow:hidden; 
} 

/* Tab-CSS in den jeweiligen TPLs, um sie mit gleichem Namen, aber verschiedener Formatierung nutzen zu können */

/* Profil */
/* Charaktertab */
.proftab1box1 { width: 422px; box-sizing: border-box; padding: 0px 10px 0px 0px; }
.proftab1box2 { width: 280px; height: 230px; }
.proftab1box3 { padding: 10px 30px 0px 0px; width: 100%; box-sizing: border-box; height: 105px; overflow: hidden; }
.proftab1box4 { height: 250px; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; width: 100%; box-sizing: border-box; }
.proftab1text { box-sizing: border-box; margin: 10px 0px 0px 0px; font-size: 11px; line-height: 19px; text-align: justify; height: 176px; overflow: auto; padding: 0px 10px 0px 5px; }

.profiletab2box1 { height: 150px; overflow: hidden; }
.profiletab2box2 { max-height: 280px; overflow: hidden; }
.profiletab2box3 { max-height: 110px; overflow: hidden; }
.profiletab2fact {     background: #2c2d35;
    margin: 2px 0px;
    border-left: solid 1px var(--hgnormal);
    border-right: solid 1px var(--hgnormal);	
    width: 50%;
    box-sizing: border-box;
    font-family: 'Merriweather Sans', serif;
    letter-spacing: 1px;
    font-size: 9px;
    text-align: center;
    padding: 3px; }
.profiletab2pn {     background: #2c2d35;
    margin: 2px 0px;
    border-left: solid 1px var(--hgnormal);
    border-right: solid 1px var(--hgnormal);	
    width: 100%;
    box-sizing: border-box;
    font-family: 'Merriweather Sans', serif;
    letter-spacing: 1px;
    font-size: 9px;
    text-align: center;
    padding: 3px; }
.profiletab2drittel { background: var(--hgdarker);
    margin: 2px 0px;
    border-left: solid 1px var(--hgnormal);
    border-right: solid 1px var(--hgnormal);	
    width: calc(100%/3); min-height: 15px;
    box-sizing: border-box;
    font-family: 'Merriweather Sans', serif;
    letter-spacing: 1px;
    font-size: 9px;
    text-align: center;
    padding: 3px; }

.profilcharabox {     
	width: 30%;
    max-height: 270px;
    border: solid 1px var(--hggreyer);
    padding: 5px 9px 7px 9px;
    margin: 2px 0px;
    box-sizing: border-box;
	overflow: hidden; 
	text-align: center;
}
.profilcharabox img {
    width: 170px;
}
.profilcharabox a, .profilchange {
    text-transform: uppercase !important;
    display: block;
    width: 170px;
font-size: 11px;
    margin: 5px auto;
    font-weight: normal !important;
    font-family: 'Merriweather Sans', sans-serif !important;
}
.profilcharafact { background: var(--hgdarker); margin: 2px auto; width: 170px; box-sizing: border-box; font-family: 'Merriweather Sans', serif; letter-spacing: 1px; font-size: 9px; color: var(--h3font); text-align: center; padding: 3px; }

.profiletab3box1 { max-height: 150px; overflow: hidden; }
.profilscene { padding: 10px 0px 0px 0px; }
.profilsceneborder {     border: solid 1px var(--hggreyer);
    padding: 10px;
    margin: 0px 10px;
}


/* Plotter */
.plotusertitle {
    text-align: center;
    color: var(--link1);
    font-family: 'Merriweather Sans', serif;
    letter-spacing: 1px;
    font-size: 19px;
}

.plotuserfact {
    background: #2c2d35;
    margin: 2px 0px;
    border-left: solid 1px var(--hgnormal);
    border-right: solid 1px var(--hgnormal);	
    width: 25%;
    box-sizing: border-box;
    font-family: 'Merriweather Sans', serif;
    letter-spacing: 1px;
    font-size: 9px;
    text-align: center;
    padding: 3px;
}

.plotuserfact h4, .profiletab2drittel h4 {
	    font-family: 'Merriweather Sans', serif  !important;
    letter-spacing: 1px !important;
    font-size: 9px !important;
    text-align: center !important;
    padding: 3px !important;
	margin: 0px !important;
	color: var(--fontnormal) !important;
	text-transform: none !important;
	width: 100%; }
.plotuserfact h4 {
	display: block;
}
.profiletab2drittel h4 { display: inline; }

.plotuserp {
    box-sizing: border-box;
    margin: 5px 0px 0px 0px;
    font-size: 11px;
    line-height: 28px;
    text-align: justify;
	padding: 0px 5px;
}



/* Steckbrief */
.steckiuserp {
    box-sizing: border-box;
    margin: 5px 0px 0px 0px;
	padding: 0px 5px;
    font-size: 11px;
    line-height: 28px;
    text-align: justify;
}


.name {
	font-family: 'Great Vibes', cursive; 
	font-size:70px; 
	margin-top:-67px; 
	margin-bottom:-31px; 
	color:#c7c7c6; 
	text-shadow: 2px 2px #000000; 
	text-align:center;
}

.box1 {
	width: 200px;
	padding: 5px;
	float: left;
}

.boxrund {
width: 500px; 
	padding-top:20px; 
	padding-bottom:20px;
background: #a9aa7a url(https://i.postimg.cc/9MTfT4Yb/bg3.png) no-repeat;
}

.boxxi {
	width:450px; 
	margin:auto auto;
	background: #e0dede; 
	border-bottom: 8px solid #818733; 
	border-top: 8px solid #818733; 
	margin-left:13px; 
	text-align:justify; 
	font-size:12px; 
	color:#1c1c1c;
}

.titel {
	text-align:center; 
	color:#818733; 
	font-size:18px; 
	font-weight:bold;
	background:#e0dede; 
	font-family: 'Merriwether sans';
}

.text {
	padding:10px; 
	color:#1c1c1c;
}

.kapi {
	margin-right:4px; 
	width: 50px; 
	text-align:center; 
	color:#f1f1f1; 
	text-shadow: 1px 1px #505050; 
	font-size:40px; 
	text-transform:uppercase; 
	background:#bcc3c3; 
	font-weight:bold; 
	font-family: 'Oswald', sans-serif; 
	float:left;
}

.sub {
	margin-top: -10px;
	color: #181818;
	border-top: 2px solid #d0d0d0;
	line-height:110%;
	text-align: justify;
}

.subohne {
text-transform:uppercase; 
line-height:6px;
font-size:11px;
	color: #181818;
	line-height:110%;
	text-align: justify;
}

.subohne1 {
font-size:11px;
color: #181818;
text-align: justify;
padding:5px;
}