.listbox1{width: 1300px;height:auto;}

.listbox1 .listlink1{
    display: inline-block;
    color: var(--font-color1);
    background-color: var(--akzent1);
    width: 1267px;
    height: 43px;
    text-align: center;
    margin: 1px;
    padding: 10px 10px 10px 10px;
    font-size: 24pt;
}

.listbox1 .listlink{
    display: inline-block;
    color: var(--font-color1);
    background-color: var(--akzent1);
    width: 297px;
    height: 61px;
    text-align: center;
    margin: 1px;
    padding: 20px 10px 20px 10px;
    font-size: 14pt;
}

.listbox1 .listlink:hover{
    display: inline-block;
    color: var(--hintergrund1);
    background-color: var(--akzent2);
  -webkit-transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}

.listbox1 .listlink a{ color: var(--font-color1);}

.listbox1 .listlink a:hover{ color: var(--hintergrund1);}

.listbox1 .listlink i{
    font-size:35px;
    display:block;}

.listhead1{
	font-family: var(--font-headline1);
	font-size:26pt;
	text-align:center;
	border-bottom:1px solid var(--akzent2);
	width: auto;
	display: block;
	}

.listhead3{font-family: var(--font-headline1);
background-color: var(--akzent2);
font-size:20pt;
text-align:center;}

/*Charapostliste*/
.listipcharabox1{
width:auto;
height:auto;
}

.listipcharabox2{
	font-family: var(--font-main);
	font-size:12pt;
	text-align:left;
	width: 500px;
	padding:2px 5px;
	}

.listipcharabox3{
	font-family: var(--font-main);
	font-size:12pt;
	text-align:center;
	width: 200px;
	padding:2px 5px;
	}
.listipcharabox4{
	font-family: var(--font-main);
	font-size:12pt;
	text-align:center;
	width: 200px;
	padding:2px 5px;	
	}


.listipcharabox3 .ipc2{
}

.listipcharabox4 .ipc2{
color:#79ff6d;}

.listipcharabox4 .ipc1{
color:#ff6d6d;}


.wllisthead1{background-color:var(--akzent1);
	color: var(--font-color1);
	font-family: var(--font-headline1);
	font-size:16pt;
	text-align:center;
}

.listipcharahead{background-color:var(--akzent1);
	color: var(--font-color1);
	font-family: var(--font-headline1);
	font-size:14pt;
	text-align:center;
}


/*Stammbaum*/

.stammbaumbox{
	width: 285px;
	height:250px;
	overflow: auto;
	font-family: var(--font-main);
	}

.stammbaumhead2{
	font-family: var(--font-headline1);
	text-align: center;
	border-bottom: 1px solid;}

/*Ava*/

.avabox1{
	width:100%;
	height:auto;
}

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

.avahead{background-color:var(--akzent1);
	color: var(--font-color1);
	font-family: var(--font-headline1);
	font-size:14pt;
	text-align:center;}

.avatext{
	font-family: var(--font-main);
	font-size:12pt;
	text-align:left;
	/* height:250px; */
	padding:10px;
	/* overflow:auto; */
	}


/*Klassenuebersicht*/

.classbox1{
	width: 1180px;
    height: 596px;
	}

.classbox2{
	width: 294px;
	height: 186px;
	float:left;
	margin: 1px 1px 1px 0px;}

.classbox3{
	height: 127px;
	overflow:auto;
	padding:5px;
	font-family: var(--font-main);
	font-size:12pt;
	text-align:justify;}	
	
.classhead1{background-color:var(--akzent2);
color: var(--font-color1);
font-family: var(--font-headline1);
font-size:16pt;
text-align:center;}

.classhead2{
	background-color:var(--akzent2);
	color: var(--font-color1);
	font-family: var(--font-main);
	font-size:13.5pt;
	text-align:center;}

.classsub{
	background-color:var(--akzent1);
	color: var(--font-color1);
	font-family: var(--font-main);
	font-size:12pt;
	text-align:center;}

/*Haus&Klassen*/

.housebox1{width:1180px;
height:auto;
}

.housebox2{
	width: 588px;
	height: 1940px;
	float:left;
	margin:1px;}

.housebox3{}

.housebox4{}

.housebox5{height:100px;width: 588px;}

.housebox5 .sch{
	height: 89px;
	width: 282px;
	overflow:auto;
	padding:5px;
	float:left;
	margin:1px;
	font-family: var(--font-main);
	font-size:13pt;}


.housespbox{width: 588px;height: 27px;}

.housespbox .sprecher{
	height:20px;
	width: 273px;
	margin: 1px 1px 0px 0px;
	font-family: var(--font-main);
	font-size:13pt;
	padding: 2px 10px;
	background-color:var(--akzent1);
	float: left;}
	
.househead1{background-color:var(--akzent2);
color: var(--font-color1);
font-family: var(--font-headline1);
font-size:16pt;
text-align:center;}

.househead2{
	background-color:var(--akzent2);
	color: var(--font-color1);
	font-family: var(--font-main);
	font-size:13.5pt;
	text-align:center;}

.housesub{
	background-color:var(--akzent1);
	color: var(--font-color1);
	font-family: var(--font-main);
	font-size:12pt;
	text-align: justify;
	padding: 2px 10px;
	}

/*Schlafsaal*/

.schlafsaalbox0{
	width: 1180px;
	height: 1411px;
	float:left;
	margin:1px 1px 1px 0px;
	}

.schlafsaalbox1{
    height: 195px;
    width: 1182px;
    margin: 1px 1px 1px 0px;
    /* float: left; */
}

.schlafsaalbox2{
    width: 195px;
    height: 136px;
    /* overflow: auto; */
    /* padding: 5px; */
    float: left;
    margin: 1px 1px 1px 0px;
}

.schlafsaalbox3{
    width: 589px;
    height: 163px;
    /* overflow: auto; */
    float: left;
    margin: 1px 1px 1px 0px;
    }

.schlafsaaltext1{
	height: 100px;
	width: 185px;
	margin: 1px 1px 0px 0px;
	font-family: var(--font-main);
	font-size:13pt;
	padding: 5px;
	background-color:var(--hintergrund2);
	overflow: auto;
	}

.schlafsaalhead{
	border-bottom: 1px solid var(--akzent2);
	color: var(--akzent2);
	font-family: var(--font-headline1);
	font-size: 20pt;
	text-align:center;}

.schlafsaalhead1{
	background-color: var(--akzent1);
	color: var(--font-color1);
	font-family: var(--font-headline1);
	font-size:14pt;
	text-align:center;
	width: 1180px;}

.schlafsaalhead2{
	background-color: var(--akzent1);
	color: var(--font-color1);
	font-family: var(--font-main);
	font-size:13.5pt;
	text-align:center;
	}

.schlafsaalhead3{
	background-color: var(--akzent1);
	color: var(--font-color1);
	font-family: var(--font-main);
	font-size:13.5pt;
	text-align:center;
	}

/*Quidditch*/

.quiddbox1{
	width: 587px;
	height: 410px;
	float:left;
	margin:1px 1px 1px 0px;
	/* border: 1px solid; */
	}

.quiddbox2{
	width: 293px;
	height: 125px;
	float:left;
	margin:1px 1px 1px 0px;
	}

.listquiddhead{
background-color:var(--akzent1);
color:var(--font-color1);
font-family: var(--font-headline1);
font-size:16pt;
text-align:center;}

.listquiddh{border-bottom:1px solid var(--akzent2);
color:var(--akzent2);
font-family: var(--font-headline1);
font-size:14pt;
text-align:center;}

.listquiddbox{
    /* border: 1px solid; */
    width: auto;
    height: 85px;
    padding: 5px;
    overflow: auto;
    text-align: left;
}

.listquidd{
    width: 589px;
    height: 378px;
    /* border: 1px solid; */
}

/*AGs*/

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

.liagbox2{
width: 283px;
height: 210px;
padding: 5px;
overflow: auto;
background-color:var(--hintergrund2);
color:var(--font-color1);
font-family: var(--font-main);
font-size:13pt;
text-align:left;}

.liaghead{
background-color:var(--akzent1);
color:var(--font-color1);
font-family: var(--font-headline1);
font-size:14pt;
text-align:center;}

/*Zeitung*/

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

.lizeibox2{width: 225px;
height: 210px;
padding: 5px;
overflow: auto;
background-color:var(--hintergrund2);
color:var(--font-color1);
font-family: var(--font-main);
font-size:13pt;
text-align:left;}

.lizeihead1{background-color:var(--akzent1);
color:var(--font-color1);
font-family: var(--font-headline1);
font-size:14pt;
text-align:center;}

/*Band*/

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

.libandbox2{
width: 185px;
height: 120px;
padding: 5px;
overflow: auto;
background-color:var(--hintergrund2);
color:var(--font-color1);
font-family: var(--font-main);
font-size:13pt;
text-align:left;}

.libandhead1{background-color:var(--akzent1);
color:var(--font-color1);
font-family: var(--font-headline1);
font-size:14pt;
text-align:center;}


/*Schulpositionen*/

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

.liposbox2{}


/*Purebloodfamilies*/

.lipurebox{
float:left;
margin:1px;}

.lipurehead{background-color:var(--akzent1);
color:var(--font-color1);
font-family: var(--font-headline1);
font-size:14pt;
text-align:center;}

.lipuretext{
	width: 421px;
	height: 150px;
	padding: 5px;
	overflow: auto;
	background-color:var(--hintergrund2);
	color:var(--font-color1);
	font-family: var(--font-main);
	font-size:13pt;
	text-align:left;}

/*Besonderheiten*/

.lispecbox1{
    width: 647px;
    height: 1010px;
    float:left;
    margin:1px;
    }

.lispecbox2{
float:left;
margin:1px;}

.lispechead{background-color:var(--akzent1);
color:var(--font-color1);
font-family: var(--font-headline1);
font-size:14pt;
	text-align:center;}

.lispectext{
    width: 311px;
    height: 150px;
    padding: 5px;
    overflow: auto;
    background-color: var(--hintergrund2);
    color: var(--font-color1);
    font-family: var(--font-main);
    font-size: 13pt;
    text-align: left;
    }

/*Zauberstab*/

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

.wandhead{
background-color:var(--akzent1);
color:var(--font-color1);
font-family: var(--font-headline1);
font-size:14pt;
text-align:center;}

.wandtext{
	width: 649px;
	height: auto;
	/* padding: 5px; */
	overflow: auto;
	color: var(--font-color1);
	font-family: var(--font-main);
	font-size: 13pt;
	text-align: left;
	min-height: 400px;
	}

.wanduserbox{
 width: 324px;
 height: 83px;
 margin: 1px 0px 1px 0px;
 float: left;
 }

.wanduserhead{
 border-bottom:1px solid var(--akzent2);
 color:var(--font-color1);
 font-family: var(--font-headline1);
 font-size: 11.5pt;
 text-align:center;}

.wanduser{
 background-color: var(--hintergrund2);
 color: var(--font-color1);
 font-family: var(--font-main);
 font-size: 12pt;
 text-align: left;
 width: 154px;
 height: 23px;
 float:left;
 margin:1px 1px 0px 0px;
 padding: 2px 2px 2px 5px;
 overflow: auto;
 }


/*Schulpositionen*/

.schulposbox1{
    width: 1180px;
    /* height: 60px; */
    }

.schulposbox2{
	width: 584px;
	float:left;}


.listschulhead{border-bottom:1px solid var(--akzent2);
color:var(--font-color1);
font-family: var(--font-headline1);
font-size:14pt;
text-align:center;}

.listschulhead2{border-bottom: 1px solid var(--akzent2);
    color: var(--font-color1);
    font-family: var(--font-headline1);
    font-size: 12pt;
    text-align: center;
    float: left;
	width: 590px;}

.listschul{
font-family: var(--font-main);
font-size: 13pt;
text-align: center;
width: 578px;
height: 40px;
margin:1px 1px 0px 0px;
padding:2px;}

/*Seriencharas*/

.listcanhead1{font-family: var(--font-headline1);
    font-size: 26pt;
    text-align: center;
    border-bottom: 1px solid var(--akzent2);
    width: auto;
	display: block;}

.listcanhead2{
    background-color: var(--akzent1);
    color: var(--font-color1);
    font-family: var(--font-headline1);
    font-size: 14pt;
    text-align: center;}

.listcanbox1{
width: 1177px;
height: 230px;
}

.listcanbox2{width: 649px;height: 220px;float:left;margin: 1px 1px 0px 0px;}

.listcantext{
    width: 639px;
    height: 184px;
    padding: 5px;
    overflow: auto;
    background-color: var(--hintergrund2);
    color: var(--font-color1);
    font-family: var(--font-main);
    font-size: 13pt;
    text-align: left;
    }


/*Beziehungen*/

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

.listpairhead{background-color: var(--akzent1);
    color: var(--font-color1);
    font-family: var(--font-headline1);
    font-size: 14pt;
    text-align: center;}

.listpairtext{
    width: 422px;
    height: 350px;
    padding: 5px;
    overflow: auto;
    background-color: var(--hintergrund2);
    color: var(--font-color1);
    font-family: var(--font-main);
    font-size: 13pt;
    text-align: left;
    }

/*Blutstatus*/

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

.listbloodhead{background-color: var(--akzent1);
    color: var(--font-color1);
    font-family: var(--font-headline1);
    font-size: 14pt;
    text-align: center;}

.listbloodtext{
    width: 422px;
    height: 350px;
    padding: 5px;
    overflow: auto;
    background-color: var(--hintergrund2);
    color: var(--font-color1);
    font-family: var(--font-main);
    font-size: 13pt;
    text-align: left;
    }

/*Patronus*/

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

.listpatrhead{background-color: var(--akzent1);
    color: var(--font-color1);
    font-family: var(--font-headline1);
    font-size: 14pt;
    text-align: center;}

.listpatrtext{   width: 579px;
    height: 350px;
    padding: 5px;
    overflow: auto;
    background-color: var(--hintergrund2);
    color: var(--font-color1);
    font-family: var(--font-main);
    font-size: 13pt;
    text-align: left;}

/*Sexuality*/

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

.listsexhead{background-color: var(--akzent1);
    color: var(--font-color1);
    font-family: var(--font-headline1);
    font-size: 14pt;
    text-align: center;}

.listsextext{
    width: 422px;
    height: 350px;
    padding: 5px;
    overflow: auto;
    background-color: var(--hintergrund2);
    color: var(--font-color1);
    font-family: var(--font-main);
    font-size: 13pt;
    text-align: left;
    }

/*Namensliste*/

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

.listheadnames2{background-color: var(--akzent1);
    color: var(--font-color1);
    font-family: var(--font-headline1);
    font-size: 14pt;
    text-align: center;}

.listnametext{
    width: 421px;
    height: 350px;
    padding: 5px;
    overflow: auto;
    background-color: var(--hintergrund2);
    color: var(--font-color1);
    font-family: var(--font-main);
    font-size: 13pt;
    text-align: left;
    }

/*Gesinnung*/

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

.listgeshead{background-color: var(--akzent1);
    color: var(--font-color1);
    font-family: var(--font-headline1);
    font-size: 14pt;
    text-align: center;}

.listgestext{
    width: 422px;
    height: 350px;
    padding: 5px;
    overflow: auto;
    background-color: var(--hintergrund2);
    color: var(--font-color1);
    font-family: var(--font-main);
    font-size: 13pt;
    text-align: left;
    }

/*Lehrer*/

.listprofbox1{
width:1180px;
height:auto;}

.listprofbox2{
width:1180px;
height: 69px;}

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

.listprofhead1{font-family: var(--font-headline1);
background-color: var(--akzent2);
font-size:20pt;
text-align:center;}

.listprofhead2{
    background-color: var(--akzent1);
    color: var(--font-color1);
    font-family: var(--font-headline1);
    font-size: 13pt;
    text-align: center;
    }

.listproftext{
    width: 284px;
    height: 35px;
    padding: 2px 5px;
    overflow: auto;
    background-color: var(--hintergrund2);
    color: var(--font-color1);
    font-family: var(--font-main);
    font-size: 13pt;
    text-align: left;
    }


.listproftext2{
    width: 382px;
    height: 35px;
    padding: 2px 5px;
    overflow: auto;
    background-color: var(--hintergrund2);
    color: var(--font-color1);
    font-family: var(--font-main);
    font-size: 13pt;
    text-align: left;
    }

/*Jobliste*/

.joblisthead0{font-family: var(--font-headline1);
font-size:26px;
padding:15px;
text-align:center;
background-color:var(--akzent2);
color: var(--hintergrund1);
}

.joblistbox1{
 width: 647px;
 height: 290px;
 background-color: var(--hintergrund2);
 float:left;
 margin:1px 1px 0px 0px;
 }

.joblistbox2{width:auto;
height:auto;}

.joblistbox4{width:390px;
height:auto;
float:left;
margin-left:1px;}


.joblisthead1{
 font-family: var(--font-headline1);
 font-size: 20px;
 padding:20px;
 text-align:center;
 background-color:var(--akzent1);
 color: var(--font-color1);}

.joblistsub{
 background-color: var(--akzent2);
 font-family: var(--font-headline2);
 font-size: 13px;
 height: 14px;
 text-align:center;
 /* color: var(--hintergrund1); */
 padding: 5px;
 text-transform: uppercase;
 }

.jobliststat{background-color: var(--akzent2);font-family: var(--font-headline1);font-size:13pt;height: 17px;text-align:center;color: var(--hintergrund1);padding:2px;/* float: left; */}

.joblistpic1{
 width: 170px;
 height: 172px;
 border: 15px solid var(--akzent2);
 background-color: var(--hintergrund2);
 float:left;
 padding: 5px;
 margin: 55px 10px 38px 10px;
 }


.joblistbox3{
 height: 187px;
 width: 422px;
 margin: 0px 0px 0px 219px;
 }

.joblisttext1{
 font-family: var(--font-main);
 font-size: 12pt;
 text-align:justify;
 background-color:var(--hintergrund2);
 height: 50px;
 width: auto;
 padding: 5px;
 overflow:auto;
 margin-right: 10px;
 /* float: left; */
 }

.joblistuser{
  background-color:var(--hintergrund2);
  width:auto;
  height: 58px;
  padding: 7px;
  font-family:var(--font-main);
  font-size:13.5pt;
  overflow:auto;
  text-align: justify;
  margin: 5px 10px 5px 5px;
  }


/*Birthday*/

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

.birthhead{background-color: var(--akzent1);
    color: var(--font-color1);
    font-family: var(--font-headline1);
    font-size: 14pt;
    text-align: center;}

.birthtext{
    width: 283px;
    height: 350px;
    padding: 5px;
    overflow: auto;
    background-color: var(--hintergrund2);
    color: var(--font-color1);
    font-family: var(--font-main);
    font-size: 13pt;
    text-align: left;
    }

/*Drachenbund*/

.draghead1{
 background-color: var(--akzent1);
 color: var(--font-color1);
 font-family: var(--font-headline1);
 font-size: 14pt;
 text-align: center;}

.draghead2{
 background-color: var(--akzent1);
 color: var(--font-color1);
 font-family: var(--font-headline1);
 font-size: 14pt;
 text-align: center;
 /* width: 585px; */}

.draghaeuser{
    width: 589px;
    height: 140px;
    float: left;
    margin: 1px 1px 0px 0px;
}

.draghaeuser li{
 
 list-style:none;
 padding:2px 10px;
font-size:14pt;
}

.dragschild_schwert{
    width: 1180px;
    height: 70px;
}

.dragschild{
    width: 589px;
    height: 60px;
    float: left;
    margin: 1px 1px 0px 0px;
}

.dragvize{
height:30px;
overflow:auto;
padding:5px;}

.dragschild li{
 list-style:none;
 padding:2px 10px;
font-size:14pt;}

.dragschwert{
     width: 589px;
     height: 60px;
     float: left;
     margin: 1px 1px 0px 0px;
}

.dragschwert li{
list-style:none;
 padding:2px 10px;
font-size:14pt;}

.dragsonstige{
    width: 1170px;
    height: 590px;
    float: left;
}

.dragsonstige_subbox{
    height: 100px;
    overflow: auto;
    padding: 5px 10px;
}

.dragsonstige_subbox li{
    list-style: none;
    padding: 2px 10px;
}