.proftabbed{
	width: 1100px;
	height: 866px;
	margin: 0px 0px 0px 0px;
	}

.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: 1086px;
  height: 816px;
  border: 1px solid var(--hintergrund2);
  background: var(--hintergrund2);
  color: var(--font-color1);
}

profnav label {
   float: left;
   padding: 3px;
   background: var(--akzent2);
   color: var(--hintergrund3);
   width: 149px;
   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: 1100px;
	height: 227px;
	}
	
.profbox1 .ava{
	width:250px;
	height:220px;
	border:1px solid var(--akzent2);
	padding:2px;
	float:left;}

.profbox1 .infobox1{
	width: 844px;
	height:226px;
	float:left;
	}
	
.profbox1 .infobox1 .username{
	background-color:var(--akzent2);
	color:var(--font-color);
	padding: 3px 263px 3px 3px;
	font-family:var(--font-headline1);
	font-size: 30px;
	line-height: 38px;
	text-align:center;
	}

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

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

.profbox1 .infobox1 .userbox1 .userbox2{
	width: 622px;
	height: 161px;
	float:left;
	}
	
.profbox1 .infobox1 .userbox1 .userbox2 .userbox1{
	width:250px;
	height: 153px;
	text-align:justify;
	font-family:var(--font-main);
	font-size:12pt;
	padding:5px;
	overflow:auto;
	float:left;
	}

.profbox1 .infobox1 .userbox1 .userbox2 .userbox2{
	width: 361px;
	height: 161px;
	float:left;
	}

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

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

.profbox1 .infobox1 .userbox1 .userbox2 .userfactbox .facts3{
	width: 349px;
	height: 50px;
	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;
	}
	
.profbox1 .infobox1 .userbox1 .userbox3{
	width: 217px;
	height: 217px;
	float:left;
	margin: -55px 1px 1px 1px;
	}
	
.profbox1 .infobox1 .userbox1 .userbox3	.usericon{
	width: 208px;
	height: 100px;
	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:1100px;
	height: 868px;
	}

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

.profbox3 .awardbox{
	width: 587px;
	height:250px;
	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: 754px;
	overflow:auto;
}

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

/*Zweitchara*/

.probox6{
	width: 1089px;
	height: 331px;
	/* border: 1px solid; */
	}

.zweitcharabox{
	width: 918px;
	height: 330px;
	overflow:auto;
	float:left;
	}
	
/*IPquote*/

.profipquotebox{
	width: 150px;
	height: 310px;
	float:left;
	overflow:auto;
	padding:10px;
	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: 30px;
	line-height:30px;
	font-size:30px;
	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: 1092px;
	height: 165px;
	overflow:auto;
	scrollbar-width: none;
	}
	
.probox7 .shortfacts{
	width: 350px;
	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 .shortfacts2{
	width: 530px;
	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: 1072px;
	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 .shortfacts4{
	width: 530px;
	height: 30px;
	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:1100px;
	height: 384px;
	/* 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: 532px;
	height:150px;
	text-align:justify;
	padding:5px;
	font-size:12pt;
	white-space:pre-line;
	overflow: auto;
	}





.probox9{
	width:1100px;
	height: 262px;
	/* border: 1px solid; */
	}

.probox9 .skillbox{
	width: 330px;
	height: 262px;
	overflow:auto;
	float:left;
	}
	
.probox9 .magicbox{
	width:auto;
	height:auto;
	float:left;}

.probox10{
	width: 760px;
	height: 263px;
	}

.probox10 .schoolbox1{
	width: 557px;
	height: 262px;
	float:left;
	}

.probox10 .schoolbox1 .fact1{
	width: 265px;
	height:15px;
	line-height:15px;
	font-size: 14px;
	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: 544px;
	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;
	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: 200px;
	height: 260px;
	float:left;
	/* border: 1px solid; */
	}

/*Erwachsene*/

.probox11{
	width: 758px;
	height: 270px;
	}

.probox11 .adultbox1{
	width:550px;
	height: 268px;
	float:left;
	}

.probox11 .adultbox1 .fact1{
	width: 527px;
	height:15px;
	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;
	}

.probox11 .adultbox1 .fact2{
	width:528px;
	height: 50px;
	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;
	}

.probox11 .adultbox2{
	width:200px;
	height: 268px;
	float:left;
	}


/*Lehrer*/

.probox12{
	width:800px;
	height:300px;}

.probox12 .teacherbox1{
	width:550px;
	height:300px;
	float:left;}

.probox12 .teacherbox1 .fact1{
	width:264px;
	height:15px;
	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;}

.probox12 .teacherbox1 .fact2{
	width:528px;
	height:30px;
	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;}

.probox12 .teacherbox2{
	width:200px;
	height:300px;
	float:left;}