summary {
	background: #e2d4b7a1;
padding: 10px;
text-align: center;
letter-spacing: 2px;
font-weight: 900;
font-size: 20px;
text-transform: uppercase;
font-family: 'Open Sans';
color: #242424;
}

summary:focus {
    outline: none;
}

//Anzeige der "Überschrift", wenn Kategorie nicht ausgeklappt ist.
details > summary::marker {
 
    content:'+ ';
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

//Anzeige der "Überschrift", wenn Kategorie ausgeklappt ist.
details[open] > summary::marker {
    content:'- ';
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

#hpwant {
background: #e2d4b7a1;
width:468px;
margin:auto;
padding: 15px;
border:1px solid #9f7641;
color: #242424;
}

#hpwant-name {
	color: #242424; 
	padding-bottom: 15px;
	padding-top: 15px;
	font-size: 28px; 
	text-transform: uppercase; 
	font-weight: bold; 
	letter-spacing: 2px; 
	font-family: 'Calibri', sans-serif; 
	text-align: center; 	
}

.hpwantrow {
    border-left: 10px solid #9f7641;
    background: #e2d4b7a1;
    padding: 5px 5px 5px 10px;
    font-size: 14px;
	color: #242424;
}

.hpwantouter {
padding:5px;
}

.hpwantinner {
width:270px;
height:312px;
overflow:auto;
text-align:justify;
color: #242424;
padding: 8px 0px 8px 8px;	
}

.hpwantinner2 {
width:270px;
height:362px;
overflow:auto;
text-align:justify;
color: #242424;
	padding: 8px 0px 8px 8px;
}

.hpwantinner3 {
width:450px;
height:300px;
overflow:auto;
padding: 8px 0px 8px 8px;
text-align:justify;
color: #242424;
	line-height: 1.5;
}

.hp_want_box {
border: 4px double #9f7641; 
padding:10px;
background:#f2eddd;	
font-family: 'Quintessential', cursive;
font-size: 20px; 
font-variant: small-caps;
text-align:center;	
color: #242424;	
}

.deatheater_box {
width: 500px; 
box-sizing: border-box; 
padding: 5px; 
margin: auto; 
background-image: url(../../../images/wanted/deback.jpg);
}

.deatheater_headline {
font-family: 'Jim Nightshade', cursive; 
font-size: 60px; 
color: #4c601b; 
text-align: center; 
padding-top: 10px;
}

.deatheater_subline {
margin-top: -15px; 
font-family: 'Open Sans', sans-serif; 
font-size: 11px; 
text-align: center; 
color: #3d4d16; 
letter-spacing: 2px;
}

.deatheater_name {
font-family: 'Oswald', sans-serif; 
font-size: 28px; 
color: #4c601b; 
text-transform: uppercase; 
text-align: center; 
line-height: 25px;
}

.deatheater_shortfacts {
font-family: 'Open Sans', sans-serif; 
font-size: 10px; 
text-transform: lowercase; 
text-align: center; 
color: #3d4d16; 
letter-spacing: 2px; 
padding-bottom: 5px;
}

.deatheater_infobox_left {
width: 395px; 
height: 160px; 
border: 3px solid #3d4d16; 
padding: 5px; 
box-sizing: border-box; 
position: relative; 
margin-left: 75px; 
background: #031502;
}

.deatheater_infobox_right {
width: 395px; 
height: 160px; 
border: 3px solid #3d4d16; 
padding: 5px; 
box-sizing: border-box; 
position: relative; 
margin-left: 20px;
background: #031502;
}

.deatheater_infobox_mid {
margin:auto; 
width: 460px; 
height: 160px; 
border: 3px solid #3d4d16; 
padding: 20px; 
box-sizing: border-box; 
background: #031502;
}

.deatheater_infobox_mid_ende {
margin:auto; 
width: 460px; 
height: 250px; 
border: 3px solid #3d4d16; 
padding: 20px; 
box-sizing: border-box; 
background: #031502;
margin-bottom: 15px;
}

.deatheater_round_left {
height: 120px; 
width: 120px; 
border-radius: 50%; 
border: 3px solid #3d4d16; 
position: relative;
top: -145px; 
left: 10px; 
background: #283506;
}

.deatheater_img_left {
height: 110px; 
width: 110px; 
border-radius: 50%; 
text-align: center; 
background: #3d4d16; 
position: relative; 
top: 5px; 
left: 5px;
}

.deatheater_round_right {
height: 120px; 
width: 120px; 
border-radius: 50%; 
border: 3px solid #3d4d16; 
position: relative;
top: -145px; 
left: 355px; 
background: #283506;
}

.deatheater_img_right {
height: 110px; 
width: 110px; 
border-radius: 50%; 
text-align: center; 
background: #3d4d16; 
position: relative; 
top: 5px; 
left: 5px;
}

.deatheather_round_mid {
margin:auto; 
height: 160px; 
width: 160px; 
border-radius: 50%; 
border: 3px solid #3d4d16; 
background: #283506;
}

.deatheather_img_mid {
height: 150px; 
width: 150px; 
border-radius: 50%; 
text-align: center; 
background: #3d4d16; 
position: relative; 
top: 5px; 
left: 5px;
}

.deatheater_text {
font-family: 'Open Sans', sans-serif; 
color: #999; 
font-size: 11px; 
text-align: justify; 
width: 320px; 
height: 140px; 
box-sizing: border-box; 
overflow: auto; 
position: relative; 
padding: 4px;
}

.deatheater_text_mid {
font-family: 'Open Sans', sans-serif; 
color: #999; 
font-size: 11px; 
text-align: justify; 
width: 414px; 
height: 115px; 
box-sizing: border-box; 
overflow: auto; 
padding-right: 10px;
}

.deatheater_text_mid_ende {
font-family: 'Open Sans', sans-serif; 
color: #999; 
font-size: 11px; 
text-align: justify; 
width: 414px; 
height: 200px; 
box-sizing: border-box; 
overflow: auto; 
padding-right: 10px;
}

.phoenixorder_box {
width: 500px; 
box-sizing: border-box; 
padding: 5px; 
margin: auto; 
background-image: url(https://rise.wwdis.de/images/wanted/poback.jpg);
}

.phoenixorder_headline {
font-family: 'Mr Bedfort', cursive; 
font-size: 50px; 
color: #601b1b; 
text-align: center; 
padding-top: 10px;
text-shadow: 1px 1px #e6a50d;
}

.phoenixorder_subline {
margin-top: -15px; 
font-family: 'Open Sans', sans-serif; 
font-size: 11px; 
text-align: center; 
color: #ffdc8a; 
letter-spacing: 2px;
text-shadow: 1px 1px #601b1b;
width: 90%;
margin: -15px auto;
}

.phoenixorder_name {
font-family: 'Oswald', sans-serif; 
font-size: 28px; 
color: #601b1b; 
text-transform: uppercase; 
text-align: center; 
line-height: 25px;
text-shadow: 1px 1px #e6a50d;
}

.phoenixorder_shortfacts {
font-family: 'Open Sans', sans-serif; 
font-size: 10px; 
text-transform: uppercase; 
text-align: center; 
color: #ffdc8a; 
letter-spacing: 1px; 
padding-bottom: 5px;
}

.phoenixorder_infobox_left {
width: 395px; 
height: 160px; 
border: 3px solid #601b1b; 
padding: 5px; 
box-sizing: border-box; 
position: relative; 
margin-left: 75px; 
background: #f9f5e4;
}

.phoenixorder_infobox_right {
width: 395px; 
height: 160px; 
border: 3px solid #601b1b; 
padding: 5px; 
box-sizing: border-box; 
position: relative; 
margin-left: 20px;
background: #f9f5e4;
}

.phoenixorder_infobox_mid {
margin:auto; 
width: 460px; 
height: 160px; 
border: 3px solid #601b1b; 
padding: 20px; 
box-sizing: border-box; 
background: #f9f5e4;
}

.phoenixorder_infobox_mid_ende {
margin:auto; 
width: 460px; 
height: 250px; 
border: 3px solid #601b1b; 
padding: 20px; 
box-sizing: border-box; 
background: #f9f5e4;
margin-bottom: 15px;
}

.phoenixorder_round_left {
height: 120px; 
width: 120px; 
border-radius: 50%; 
border: 3px solid #601b1b; 
position: relative;
top: -145px; 
left: 10px; 
background: #d7731b;
}

.phoenixorder_img_left {
height: 110px; 
width: 110px; 
border-radius: 50%; 
text-align: center; 
background: #601b1b; 
position: relative; 
top: 5px; 
left: 5px;
}

.phoenixorder_round_right {
height: 120px; 
width: 120px; 
border-radius: 50%; 
border: 3px solid #601b1b; 
position: relative;
top: -145px; 
left: 355px; 
background: #d7731b;
}

.phoenixorder_img_right {
height: 110px; 
width: 110px; 
border-radius: 50%; 
text-align: center; 
background: #601b1b; 
position: relative; 
top: 5px; 
left: 5px;
}

.phoenixorder_round_mid {
margin:auto; 
height: 160px; 
width: 160px; 
border-radius: 50%; 
border: 3px solid #601b1b; 
background: #d7731b;
}

.phoenixorder_img_mid {
height: 150px; 
width: 150px; 
border-radius: 50%; 
text-align: center; 
background: #601b1b; 
position: relative; 
top: 5px; 
left: 5px;
}

.phoenixorder_text {
font-family: 'Open Sans', sans-serif; 
color: #000; 
font-size: 11px; 
text-align: justify; 
width: 320px; 
height: 140px; 
box-sizing: border-box; 
overflow: auto; 
position: relative; 
padding: 4px;
}

.phoenixorder_text_mid {
font-family: 'Open Sans', sans-serif; 
color: #000; 
font-size: 11px; 
text-align: justify; 
width: 414px; 
height: 115px; 
box-sizing: border-box; 
overflow: auto; 
padding-right: 10px;
}

.phoenixorder_text_mid_ende {
font-family: 'Open Sans', sans-serif; 
color: #000; 
font-size: 11px; 
text-align: justify; 
width: 414px; 
height: 200px; 
box-sizing: border-box; 
overflow: auto; 
padding-right: 10px;
}

#hogwarts {
width: 470px;
margin: auto;
padding: 15px;
}

.gryffindor_box {
width: 470px; 
box-sizing: border-box; 
padding: 15px; 
margin: auto; 
border: 1px solid #4f0101;
background: #680000e6;
}

.gryffindor_headline {
font-family: 'Mr Bedfort', cursive; 
font-size: 50px; 
color: #e6a50d; 
text-align: center; 
padding-top: 10px;
text-shadow: 1px 1px #8b0000;
}

.gryffindor_name {
font-family: 'Oswald', sans-serif; 
font-size: 28px; 
color: #e6a50d; 
text-transform: uppercase; 
text-align: center; 
line-height: 25px;
}

.gryffindor_shortfacts {
font-family: 'Open Sans', sans-serif; 
font-size: 10px; 
text-transform: uppercase; 
text-align: center; 
color: #e6a50d; 
letter-spacing: 1px; 
padding-bottom: 5px;
}

.gryffindor_infobox_left {
width: 350px; 
height: 180px; 
border: 3px solid #e6b00d; 
padding: 5px; 
box-sizing: border-box; 
position: relative; 
margin-left: 75px; 
background: #f9f9f9;
}

.gryffindor_infobox_right {
width: 350px; 
height: 180px; 
border: 3px solid #e6b00d; 
padding: 5px; 
box-sizing: border-box; 
position: relative; 
background: #f9f9f9;
left: 10px;
}

.gryffindor_round_left {
height: 120px; 
width: 120px; 
border-radius: 50%; 
border: 3px solid #e6b00d; 
position: relative;
top: -155px;
left: 10px; 
background: #d7731b;
}

.gryffindor_img_left {
height: 110px; 
width: 110px; 
border-radius: 50%; 
text-align: center; 
position: relative; 
top: 5px; 
left: 5px;
}

.gryffindor_round_right {
height: 120px; 
width: 120px; 
border-radius: 50%; 
border: 3px solid #e6b00d; 
position: relative;
top: -155px; 
left: 300px; 
background: #d7731b;
}

.gryffindor_img_right {
height: 110px; 
width: 110px; 
border-radius: 50%; 
text-align: center; 
position: relative; 
top: 5px; 
left: 5px;
}

.gryffindor_text {
font-family: 'Open Sans', sans-serif; 
color: #000; 
font-size: 11px; 
text-align: justify; 
width: 280px; 
height: 160px; 
box-sizing: border-box; 
overflow: auto; 
position: relative; 
padding: 4px;
}

.ravenclaw_box {
width: 470px; 
box-sizing: border-box; 
padding: 15px; 
margin: auto; 
border: 1px solid #000;
background: #002e68e6;
}

.ravenclaw_headline {
font-family: 'Mr Bedfort', cursive; 
font-size: 50px; 
color: #d08900; 
text-align: center; 
padding-top: 10px;
text-shadow: 1px 1px #0db3e6;
}

.ravenclaw_name {
font-family: 'Oswald', sans-serif; 
font-size: 28px; 
color: #d08900; 
text-transform: uppercase; 
text-align: center; 
line-height: 25px;
text-shadow: 1px 1px #0db3e6;
}

.ravenclaw_shortfacts {
font-family: 'Open Sans', sans-serif; 
font-size: 10px; 
text-transform: uppercase; 
text-align: center; 
color: #0db3e6; 
letter-spacing: 1px; 
padding-bottom: 5px;
}

.ravenclaw_infobox_left {
width: 350px; 
height: 180px; 
border: 3px solid #d08900; 
padding: 5px; 
box-sizing: border-box; 
position: relative; 
margin-left: 75px; 
background: #f9f9f9db;
}

.ravenclaw_infobox_right {
width: 350px; 
height: 180px; 
border: 3px solid #d08900; 
padding: 5px; 
box-sizing: border-box; 
position: relative; 
background: #f9f9f9db;
left: 10px;
}

.ravenclaw_round_left {
height: 120px; 
width: 120px; 
border-radius: 50%; 
border: 3px solid #d08900; 
position: relative;
top: -155px; 
left: 10px; 
background: #0db3e6;
}

.ravenclaw_img_left {
height: 110px; 
width: 110px; 
border-radius: 50%; 
text-align: center; 
position: relative; 
top: 5px; 
left: 5px;
}

.ravenclaw_round_right {
height: 120px; 
width: 120px; 
border-radius: 50%; 
border: 3px solid #d08900; 
position: relative;
top: -155px; 
left: 300px; 
background: #0db3e6;
}

.ravenclaw_img_right {
height: 110px; 
width: 110px; 
border-radius: 50%; 
text-align: center; 
position: relative; 
top: 5px; 
left: 5px;
}

.ravenclaw_text {
font-family: 'Open Sans', sans-serif; 
color: #000; 
font-size: 11px; 
text-align: justify; 
width: 280px; 
height: 160px; 
box-sizing: border-box; 
overflow: auto; 
position: relative; 
padding: 4px;
}

.hufflepuff_box {
width: 470px; 
box-sizing: border-box; 
padding: 15px; 
margin: auto; 
border: 1px solid #000;
background: #e1b402db;
}

.hufflepuff_headline {
font-family: 'Mr Bedfort', cursive; 
font-size: 48px; 
color: #512600; 
text-align: center; 
padding-top: 10px;
text-shadow: 1px 1px #e6a50d;
}

.hufflepuff_name {
font-family: 'Oswald', sans-serif; 
font-size: 28px; 
color: #512600; 
text-transform: uppercase; 
text-align: center; 
line-height: 25px;
text-shadow: 1px 1px #e6a50d;
}

.hufflepuff_shortfacts {
font-family: 'Open Sans', sans-serif; 
font-size: 10px; 
text-transform: uppercase; 
text-align: center; 
color: #7d2f00; 
letter-spacing: 1px; 
padding-bottom: 5px;
}

.hufflepuff_infobox_left {
width: 350px; 
height: 180px; 
border: 3px solid #512600; 
padding: 5px; 
box-sizing: border-box; 
position: relative; 
margin-left: 75px; 
background: #f9f9f9db;
}

.hufflepuff_infobox_right {
width: 350px; 
height: 180px; 
border: 3px solid #512600; 
padding: 5px; 
box-sizing: border-box; 
position: relative; 
background: #f9f9f9db;
left: 10px;
}

.hufflepuff_round_left {
height: 120px; 
width: 120px; 
border-radius: 50%; 
border: 3px solid #512600; 
position: relative;
top: -155px; 
left: 10px; 
background: #eca600;
}

.hufflepuff_img_left {
height: 110px; 
width: 110px; 
border-radius: 50%; 
text-align: center; 
position: relative; 
top: 5px; 
left: 5px;
}

.hufflepuff_round_right {
height: 120px; 
width: 120px; 
border-radius: 50%; 
border: 3px solid #512600; 
position: relative;
top: -155px; 
left: 300px; 
background: #eca600;
}

.hufflepuff_img_right {
height: 110px; 
width: 110px; 
border-radius: 50%; 
text-align: center; 
position: relative; 
top: 5px; 
left: 5px;
}

.hufflepuff_text {
font-family: 'Open Sans', sans-serif; 
color: #000; 
font-size: 11px; 
text-align: justify; 
width: 280px; 
height: 160px; 
box-sizing: border-box; 
overflow: auto; 
position: relative; 
padding: 4px;
}

.slytherin_box {
width: 470px; 
box-sizing: border-box; 
padding: 15px; 
margin: auto; 
border: 1px solid #000;
background: #206408db;
}

.slytherin_headline {
font-family: 'Mr Bedfort', cursive; 
font-size: 50px; 
color: #ccc; 
text-align: center; 
padding-top: 10px;
text-shadow: 1px 1px #075e00;
}

.slytherin_name {
font-family: 'Oswald', sans-serif; 
font-size: 28px; 
color: #ccc; 
text-transform: uppercase; 
text-align: center; 
line-height: 25px;
text-shadow: 1px 1px #075e00;
}

.slytherin_shortfacts {
font-family: 'Open Sans', sans-serif; 
font-size: 10px; 
text-transform: uppercase; 
text-align: center; 
color: #ccc; 
letter-spacing: 1px; 
padding-bottom: 5px;
}

.slytherin_infobox_left {
width: 350px; 
height: 180px; 
border: 3px solid #005114; 
padding: 5px; 
box-sizing: border-box; 
position: relative; 
margin-left: 75px; 
background: #f9f9f9e6;
}

.slytherin_infobox_right {
width: 350px; 
height: 180px; 
border: 3px solid #005114; 
padding: 5px; 
box-sizing: border-box; 
position: relative; 
background: #f9f9f9e6;
left: 10px;
}

.slytherin_round_left {
height: 120px; 
width: 120px; 
border-radius: 50%; 
border: 3px solid #005114; 
position: relative;
top: -155px; 
left: 10px; 
background: #00a40a;
}

.slytherin_img_left {
height: 110px; 
width: 110px; 
border-radius: 50%; 
text-align: center; 
position: relative; 
top: 5px; 
left: 5px;
}

.slytherin_round_right {
height: 120px; 
width: 120px; 
border-radius: 50%; 
border: 3px solid #005114; 
position: relative;
top: -155px; 
left: 300px; 
background: #00a40a;
}

.slytherin_img_right {
height: 110px; 
width: 110px; 
border-radius: 50%; 
text-align: center; 
position: relative; 
top: 5px; 
left: 5px;
}

.slytherin_text {
font-family: 'Open Sans', sans-serif; 
color: #000; 
font-size: 11px; 
text-align: justify; 
width: 280px; 
height: 160px; 
box-sizing: border-box; 
overflow: auto; 
position: relative; 
padding: 4px;
}