/*Box 1, Ava, Facts, Icons*/
.profbox1{
	width:1200px;
	height: 263px;
	}

.profava{
	width:250px;
	height:250px;
	border:1px solid var(--akzent2);
	padding:2px;
	float:left;
}

.profuserfactbox{
	width: 943px;
	height: 256px;
	float:left;
	}

.profuserfactbox .pbox1{
	width:944px;
	height: 55px;
	}

.profuserfactbox .pbox1 .username{
	font-family:var(--font-headline1);
	text-align:center;
	font-size:26px;
	line-height:26px;
	height: 26px;
	padding:3px;
	background-color:var(--akzent1);
	color:var(--font-color1);
	}

.profuserfactbox .pbox1 .usertitel{
	font-family:var(--font-main);
	font-size: 14px;
	line-height: 14px;
	text-align:center;
	padding:2px;
	text-transform:uppercase;
	background-color:var(--akzent3);
	color:var(--font-color);
	}

.profuserfactbox .pbox1 .miniicon{
	width: 100px;
	height: 100px;
	border:1px solid var(--akzent3);
	padding:2px;
	background-color:var(--hintergrund1);
	border-radius:100px;
	margin: -78px 1px 1px 771px;
	}

.profuserfactbox .pbox2{
	width:944px;
	height: 157px;
	}

.profuserfactbox .pbox2 .pfactbox{
	width: 686px;
	height: 156px;
	float:left;
	}

.profuserfactbox .pbox2 .pfactbox .userfacts{
	width: 328px;
	line-height: 15px;
	font-size: 14px;
	font-family:var(--font-main);
	text-align:left;
	border:1px solid var(--akzent4);
	padding:2px 2px 2px 5px;
	float:left;
	margin: 2px;
	}
	
.profuserfactbox .pbox2 .pfactbox .userfacts2{
	width: 328px;
	height: 40px;
	line-height: 15px;
	font-size: 14px;
	font-family:var(--font-main);
	text-align:left;
	border:1px solid var(--akzent4);
	padding:2px 2px 2px 5px;
	float:left;
	margin: 2px;
	}	

.profuserfactbox .pbox2 .usericon{
	width:250px;
	height:150px;
	border:1px solid var(--akzent4);
	padding:2px;
	float:left;}

/*Steckis*/
.profbox2{
	width:1200px;
	height: 737px;
	}

/* tabprofs mit radio-Buttons */
.tabprofbed figure {display: block;margin: 0;float: left;width: 980px;}

.tabprofbed > input,
.tabprofbed figure > div {
 display: none;
}

.tabprofbed figure>div {background: var(--hintergrund2);width: 977px;height: 734px;}

#tabprof1:checked ~ figure .tabprof1,
#tabprof2:checked ~ figure .tabprof2,
#tabprof3:checked ~ figure .tabprof3,
#tabprof4:checked ~ figure .tabprof4,
#tabprof5:checked ~ figure .tabprof5,
#tabprof6:checked ~ figure .tabprof6,
#tabprof7:checked ~ figure .tabprof7 {
display: block;
}

navprof {
    width: 217px;
    height: 600px;
    display: block;
    float: left;
}

navprof label {
	width: 187px;
	text-align: left;
	padding: 57px 15px;
	font-size: 16pt;
	text-transform: uppercase;
	float: left;
	border-top: 1px solid var(--hintergrund1);
	background: var(--akzent1);
	color: var(--font-color);
	margin: 1px;
	}

navprof label:nth-child(1) {
}

navprof label:hover {
background: var(--hintergrund2);
}

navprof label:active {
background: var(--hintergrund2);
}

#tabprof1:checked ~ navprof label[for="tabprof1"],
#tabprof2:checked ~ navprof label[for="tabprof2"],
#tabprof3:checked ~ navprof label[for="tabprof3"],
#tabprof4:checked ~ navprof label[for="tabprof4"],
#tabprof5:checked ~ navprof label[for="tabprof5"],
#tabprof6:checked ~ navprof label[for="tabprof6"],
#tabprof7:checked ~ navprof label[for="tabprof7"] {
background: var(--hintergrund2);
color: var(--font-color);
position: relative;
border-bottom: none;
}

#tabprof1:checked ~ navprof label[for="tabprof1"]:after,
#tabprof2:checked ~ navprof label[for="tabprof2"]:after,
#tabprof3:checked ~ navprof label[for="tabprof3"]:after,
#tabprof4:checked ~ navprof label[for="tabprof4"]:after,
#tabprof5:checked ~ navprof label[for="tabprof5"]:after,
#tabprof6:checked ~ navprof label[for="tabprof6"]:after,
#tabprof7:checked ~ navprof label[for="tabprof7"]:after {
content: "";
display: block;
position: absolute;
left: 0;
}

.steckihead1{
	font-family:var(--font-headline1);
	font-size:20px;
	border-bottom:1px solid var(--akzent1);
	text-align:right;
	padding:3px 20px 3px 3px;}

.steckihead2{
	font-family:var(--font-headline1);
	font-size:20px;
	border-bottom:1px solid var(--akzent1);
	text-align:center;
	padding:3px;}
	
.steckibox1{
	width:auto;
	height:auto;
	float:left;
	margin:1px;}
	
.steckibox1 .steckifactbox{
	width: 972px;
	height: 127px;
	/* overflow: auto; */
	}
	
.steckibox1 .steckifactbox .steckifacts{
	width: 472px;
	line-height: 15px;
	height: 15px;
	font-size: 15px;
	font-family:var(--font-main);
	text-align:left;
	border:1px solid var(--akzent4);
	padding:2px 2px 2px 5px;
	float:left;
	margin: 2px;
}

.steckibox1 .steckifactbox .steckifacts2{
	width: 957px;
	line-height: 15px;
	height: 15px;
	font-size: 15px;
	font-family:var(--font-main);
	text-align:left;
	border:1px solid var(--akzent4);
	padding:2px 2px 2px 5px;
	float:left;
	margin: 2px;
}
	
.steckibox1 .steckieigenschaften{
	width: 475px;
	height: 130px;
	overflow: auto;
	scrollbar-width: none;
	font-size: 11pt;
	font-family: var(--font-main);
	text-align: justify;
	padding: 5px;
	white-space: pre-line;
	}

.steckibox1 .steckiskills{
    width: 970px;
    height: 171px;
    overflow: auto;
    scrollbar-width: none;
}


.steckitimehead{
	font-family:var(--font-headline1);
	text-align:right;
	padding:3px 20px 3px 3px;
	border-bottom:1px solid var(--akzent4);
} 

.steckitimesub{
	font-family: var(--font-main);
	font-size:13pt;
	text-align:right;
	padding:3px 20px 3px 3px;
}

.steckitimedescr{
	font-family: var(--font-main);
	font-size:12pt;
	text-align:justify;
	padding: 10px 20px;
}


.profbox4{
	height: 732px;
	overflow:auto;
	}
	
.profbox4 .zweitcharabox{
	height:200px;
	overflow:auto;
	/* border: 1px solid; */
	}

.profbox4 .zweitcharabox .chara{
	width: auto;
	height: auto;
	float:left;
	margin:1px;
	text-align: center;
	font-size: 12pt;
}
	
.profbox4 .ipquotebox{}

/*Awards & Signatur*/
.profbox3{
	width:1200px;
	height:250px;}

.profbox3 .awardbox1{
	width:auto;
	height:auto;
	float:left;
}

.profbox3 .awardbox2{
	width: 687px;
	height: 213px;
	overflow:auto;
}

.profbox3 .awardbox1 .awardhead{
	font-family:var(--font-headline1);
	text-align:center;
	padding:3px;
	border-bottom:1px solid var(--akzent4);
	color:var(--akzent4);
	font-size: 23px;
}


.profbox3 .signatur{
	width:500px;
	height:250px;
	float:left;
}

.profbox3 .signatur img{
	border:1px solid var(--akzent2);
	width:auto;
	height:auto;
	padding:2px;
}