.proftabbed figure {
    display: block;
    margin: 0;
    border-bottom: 1px solid var(--hintergrund1);
    clear: both;
}

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

.proftabbed figure>div {
  padding: 5px;
  width: 1186px;
  height: 733px;
  border: 1px solid var(--hintergrund2);
  background: var(--hintergrund2);
  color: var(--font-color);
}

profnav label {
   float: left;
   padding: 3px;
   background: var(--akzent2);
   color: var(--hintergrund3);
   width: 232px;
   height: 30px;
   font-size: 18px;
   text-align: center;
   font-family: var(--font-main);
   text-transform: uppercase;
   margin: 0px 1px;
}

profnav label:nth-child(1) {
}

profnav label:hover {
 
 background: var(--hintergrund2); 
 color:var(--akzent3);
}

profnav label:active {
 background: var(--link2);
}

#proftab1:checked ~ profnav label[for="proftab1"],
#proftab2:checked ~ profnav label[for="proftab2"],
#proftab3:checked ~ profnav label[for="proftab3"],
#proftab4:checked ~ profnav label[for="proftab4"],
#proftab5:checked ~ profnav label[for="proftab5"],
#proftab6:checked ~ profnav label[for="proftab6"],
#proftab7:checked ~ profnav label[for="proftab7"]{
  background: var(--hintergrund2);
  color: var(--akzent3);
  position: relative;
  border-bottom: none;
}

#proftab1:checked ~ profnav label[for="proftab1"]:after,
#proftab2:checked ~ profnav label[for="proftab2"]:after,
#proftab3:checked ~ profnav label[for="proftab3"]:after,
#proftab4:checked ~ profnav label[for="proftab4"]:after,
#proftab5:checked ~ profnav label[for="proftab5"]:after,
#proftab6:checked ~ profnav label[for="proftab6"]:after,
#proftab7:checked ~ profnav label[for="proftab7"]:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
}

#proftab1:checked ~ figure .proftab1,
#proftab2:checked ~ figure .proftab2,
#proftab3:checked ~ figure .proftab3,
#proftab4:checked ~ figure .proftab4,
#proftab5:checked ~ figure .proftab5,
#proftab6:checked ~ figure .proftab6,
#proftab7:checked ~ figure .proftab7 {
	display: block;
}


.profbox1{
	width: 1200px;
	height: 228px;
	margin-top: 30px;
	}
	
.profbox1 .ava{
	width: 250px;
	height: 250px;
	border:1px solid var(--akzent2);
	padding:2px;
	float:left;
	margin: -30px 0px 0px 0px;
	}

.profbox1 .infobox1{
	width: 943px;
	height: 226px;
	float:left;
	}
	
.profbox1 .infobox1 .username{
	/* background-color: var(--akzent1); */
	/* color: var(--hintergrund2); */
	padding: 3px 263px 3px 3px;
	font-family:var(--font-headline1);
	font-size: 30px;
	line-height: 38px;
	text-align:center;
	/* text-shadow: 1px 1px 1px var(--hintergrund2); */
	}

.profbox1 .infobox1 .usertitle{
	background-color:var(--akzent3);
	color: var(--hintergrund2);
	padding: 3px 263px 3px 3px;
	font-family: var(
	--font-main);
	font-size:13px;
	line-height:13px;
	text-align:center;
	text-transform:uppercase;
	}

.profbox1 .infobox1 .userbox1{
	width: 943px;
	height: 164px;
	}

.profbox1 .infobox1 .userbox1 .userbox2{
	width: 722px;
	height: 164px;
	float:left;
	}
	
.profbox1 .infobox1 .userbox1 .userbox2 .userbox1{
	width: 288px;
	height: 154px;
	text-align:justify;
	font-family:var(--font-main);
	font-size:12pt;
	padding:5px;
	overflow:auto;
	float:left;
	}

.profbox1 .infobox1 .userbox1 .userbox2 .userbox2{
	width: 423px;
	height: 164px;
	float:left;
	}

.profbox1 .infobox1 .userbox1 .userbox2 .userfactbox .facts1{
	width: 200px;
	height: 18px;
	line-height: 14px;
	font-family:var(--font-main);
	font-size: 12pt;
	text-align:left;
	border:1px solid var(--akzent2);
	padding:2px 2px 2px 5px;
	margin:1px;
	float:left;
	}

.profbox1 .infobox1 .userbox1 .userbox2 .userfactbox .facts2{
	width: 200px;
	height: 62px;
	line-height: 14px;
	font-family:var(--font-main);
	font-size: 12pt;
	text-align:left;
	border:1px solid var(--akzent2);
	padding:2px 2px 2px 5px;
	margin:1px;
	float:left;
	overflow: auto;
	scrollbar-width: none;
	}

.profbox1 .infobox1 .userbox1 .userbox2 .userfactbox .facts3{
	width: 411px;
	height: 25px;
	line-height:13px;
	font-family:var(--font-main);
	font-size:13px;
	text-align:left;
	border:1px solid var(--akzent2);
	padding:2px 2px 2px 5px;
	margin:1px;
	float:left;
	overflow: auto;
	scrollbar-width: none;
	}
	
.profbox1 .infobox1 .userbox1 .userbox3{
	width: 218px;
	height: 217px;
	float:left;
	margin: -85px 1px 1px 1px;
	}
	
.profbox1 .infobox1 .userbox1 .userbox3	.usericon{
	width: 209px;
	height: 131px;
	border:1px solid var(--akzent2);
	background-color: var(--hintergrund1);
	padding:2px;
	float:left;
	margin:1px;
	}

.profbox1 .infobox1 .userbox1 .userbox3	.userminiicon{
	width: 100px;
	height: 100px;
	border:1px solid var(--akzent2);
	padding:2px;
	float:left;
	margin:1px;
	}

.profbox2{
	width: 1200px;
	height: 790px;
	}

.profbox3{
	width: 1200px;
	height:260px;
	}

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

.profbox3 .signatur{
	width:510px;
	height:250px;
	float:left;}
	
.profbox3 .signatur img{
	width:auto;
	height:auto;
	border:1px solid var(--akzent2);
	padding:2px;}	
	
/*Steckiboxen*/	
	
.probox4{
	height: 731px;
	overflow:auto;
}

.probox4 input.textbox{
    background: var(--hintergrund1);
	color:var(--font-color);
}

.probox4 textarea{
    background: var(--hintergrund1);
	color:var(--font-color);}


.probox5{
	width: 1189px;
	height: 420px;
	overflow:auto;
	}

/*Zweitchara*/

.probox6{
	width: 1189px;
	height: 350px;
	/* border: 1px solid; */
	}

.zweitcharabox{
	width: 918px;
	height: 349px;
	overflow:auto;
	float:left;
	scrollbar-width: none;
	}
	
/*IPquote*/

.profipquotebox{
	width: 260px;
	height: 340px;
	float:left;
	overflow:auto;
	padding: 5px;
	text-align:justify;
	font-family:var(--font-main);
	font-size:12pt;
	}

/*Timeline*/

.proftimebox1{
	width:auto;
	height:auto;
	border-left:1px solid var(--akzent2);
	padding:7px;
	float:right;
	margin: 11px;
	}

.proftimebox2{
	width: 500px;
	min-height: 25px;
	line-height: 25px;
	font-size: 25px;
	font-family:var(--font-headline1);
	text-align:center;
}

.proftimebox3{
	width: 500px;
	height: 23px;
	margin: -10px 0px 0px 0px;
	z-index: 2;
	/* position: absolute; */
	display: flex;
	align-content: center;
	justify-content: center;
}

.proftimebox3 .year{
    width: auto;
    height: 15px;
    /* float: left; */
    background: var(--akzent3);
    color: var(--hintergrund2);
    margin: 2px;
    padding: 2px 5px;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
}

.proftimebox4{
	width:auto;
	height:auto;
	text-align:justify;
	font-size:12.5pt;
	padding:10px;
	}


/*Stecki*/	
	
.probox7{
	width: 1190px;
	height: 165px;
	overflow:auto;
	scrollbar-width: none;
	}
	
.probox7 .shortfacts{
	width: 385px;
	height: 20px;
	line-height: 16px;
	font-family:var(--font-main);
	font-size: 16px;
	text-align:left;
	border:1px solid var(--akzent2);
	padding:2px 2px 2px 5px;
	margin:1px;
	float:left;
	}

.probox7 .shortfacts2{
	width: 1177px;
	height: 19px;
	line-height: 16px;
	font-family:var(--font-main);
	font-size: 16px;
	text-align:left;
	border:1px solid var(--akzent2);
	padding:2px 2px 2px 5px;
	margin:1px;
	float:left;
	}

.probox7 .shortfacts3{
	width: 583px;
	height: 20px;
	line-height: 16px;
	font-family:var(--font-main);
	font-size: 16px;
	text-align:left;
	border:1px solid var(--akzent2);
	padding:2px 2px 2px 5px;
	margin:1px;
	float:left;
	}

.probox7 .shortfacts4{
	width: 385px;
	height: 20px;
	line-height: 16px;
	font-family:var(--font-main);
	font-size: 16px;
	text-align:left;
	border:1px solid var(--akzent2);
	padding:2px 2px 2px 5px;
	margin:1px;
	float:left;
	}

.probox8{
	width: 1190px;
	height: 207px;
	/* border: 1px solid; */
	}

.probox8 .charabox1{
	width:auto;
	height:auto;
	float:left;
	margin:1px;}
	
.probox8 .charabox1 .charahead{
	font-family:var(--font-headline2);
	font-size:15pt;
	text-align:center;
	border-bottom:1px solid var(--akzent2);}

.probox8 .charabox1 .charatext{
	width: 384px;
	height: 160px;
	text-align:justify;
	padding:5px;
	font-size:12pt;
	white-space:pre-line;
	overflow: auto;
	}





.probox9{
	width: 1190px;
	height: auto;
	/* border: 1px solid; */
	}

.probox9 .skillbox{
	width: 1188px;
	height: 190px;
	overflow:auto;
	float:left;
	}
	
.probox9 .schoolbox{
	width:auto;
	height:auto;
	float:left;}

.probox10{
	width: 1190px;
	height: 172px;
	}

.probox10 .schoolbox1{
	width: 1020px;
	height: 168px;
	float:left;
	}

.probox10 .schoolbox1 .fact1{
	width: 496px;
	height: 20px;
	line-height:15px;
	font-size: 15px;
	font-family:var(--font-main);
	text-align:left;
	border:1px solid var(--akzent2);
	padding:2px 2px 2px 5px;
	margin: 2px;
	float:left;
	}

.probox10 .schoolbox1 .fact2{
	width: 1005px;
	height: 125px;
	line-height:15px;
	font-size:15px;
	font-family:var(--font-main);
	text-align:left;
	border:1px solid var(--akzent2);
	padding:2px 2px 2px 5px;
	margin:1px;
	float:left;
	white-space:pre-line;
	overflow:auto;
	}

.probox10 .schoolbox1 .schoolfactbox{
	width:auto;
	height:auto;
	float:left;
	margin:1px;
}

.probox10 .schoolbox1 .schoolfactbox .head{
	font-size:13pt;
	text-align:center;
}

.probox10 .schoolbox1 .schoolfactbox .fact2{
	width: 260px;
	height: 130px;
	line-height:15px;
	font-size:15px;
	font-family:var(--font-main);
	text-align:left;
	border:1px solid var(--akzent2);
	padding:2px 2px 2px 5px;

	white-space:pre-line;
	overflow:auto;
	}


.probox10 .schoolbox2{
	width: 168px;
	height: 168px;
	float:left;
	/* border: 1px solid; */
	}

.probox10 .schoolbox2 img{
	height: 170px;
}




/*Relations*/

.relabox1{
    width: auto;
    height: auto;
    margin: 1px;
    float: left;
}

.relabox2{
    width: 585px;
    height: 300px;
    overflow: auto;
    scrollbar-width: none;
}

.relabox3{
    width: auto;
    height: 153px;
    /* border: 1px solid; */
}

.relabox4{
    width: auto;
    height: 101px;
    /* border: 1px solid magenta; */
}

.relabox5{
    width: 95px;
    height: 95px;
    float: left;
    border: 1px solid var(--akzent1);
    padding: 2px;
}

.relabox6{
	width: 470px;
	height: 92px;
	float: left;
	font-size: 11.5pt;
	text-align: justify;
	padding: 5px;
	overflow: auto;}

.relahead1{
    font-family: var(--font-headline1);
    background-color: var(--akzent1);
    color: var(--hintergrund2);
    text-align: center;
    padding: 2px;
}

.relahead2{
    font-family: var(--font-headline1);
    font-size: 15px;
    text-align: center;
    height: 15px;
    line-height: 15px;
    padding: 2px;
}

.relasub{
    font-family: var(--font-main);
    font-size: 10pt;
    text-align: center;
    text-transform: uppercase;
    height: 16px;
    background-color: var(--akzent1);
    color: var(--hintergrund2);
}

.relaoption{
    width: auto;
    height: 15px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    text-transform: uppercase;
}