/*BEWERBERCHECKLIST*/

.checkliste {
height: 280px;
    overflow: auto;
    background: var(--box);
    margin: 0px 20px;
}
	
/*WANTED_INDEX*/

.wanted_kat_l {
float: left;
width: 390px;
font-size: 20px;
text-align: center;
margin-left: 10px;
padding-top: 16px;
font-family: Raleway;
background:#677777;
padding-bottom: 16px;
margin-bottom: 8px;
color:white;
	font-weight:bold;
margin-top: 5px;
}

.wanted_kat_r {
	margin-top:5px;
margin-left: 20px;
float: left;
width: 513px;
	border-bottom:1px solid #b3b7b7;
}

/*FORENINTERNES GESUCH*/

.gesuchOptionen {
font-size: 10px;
text-align: center;
	padding: 3px;
}

.gesuchOptionen a {
color: #677777;
font-size: 15px;
}

.fg_kat {
text-align: center;
font-size: 20px;
font-family: var(--fallg);
	font-weight:bold;
text-transform: var(--tsub);
letter-spacing: var(--lsub);
color:#677777;
border-bottom: 1px solid #677777;
}

.fgm {
	font-family: var(--fallg);
text-align: center;
text-transform: var(--tsub);
font-size: 15px;
letter-spacing: var(--lsub);
color: #677777;
}

.fg_menu {
background:#b3b7b7;
padding: 3px;
text-transform: var(--tsub);
font-size: 10px;
text-align: center;
width: 168px;
}

.gesuchErstellt {
background:#b3b7b7;
padding: 3px;
text-align: center;
}
.gesuchInfobox {
background:#b3b7b7;
padding: 10px;
height: 100px;
overflow: auto;
margin-bottom: 3px;
}

.gesuchInfo {
background:#b3b7b7;
	padding: 3px;
	margin-bottom:2px;
}

.gesuchInfo b {
text-transform: var(--tsub);
color:#677777;
	font-size:11px;
}

.gesucheMitg {
width: 200px;
float: left;
margin: 10px;
border: 1px solid #b3b7b7;
font-size: 12px;
text-align: justify;
}

.gesuchUntertitel {
text-transform: var(--tsub);
	text-align:center;
font-size: 10px;
letter-spacing: 1px;
margin-bottom: 5px;
}

.gesuchName {
		text-align:center;
font-family: Gupter;
font-size: 20px;
text-transform: var(--tsub);
color:#677777;
letter-spacing: var(--lsub);
}
/* Scrollbutton
--------------------------------------------- */
.scroll-btn {
    height: 30px;
    width: 30px;
    border: 2px solid #000;
    border-radius: 50%;
    background-color:#677777;
    position: fixed;
    bottom: 45px;
    right: 15px;
    opacity: 0.5;
    z-index: 9999;
    cursor: pointer;
    display: none;
}

.scroll-btn .scroll-btn-arrow {
    height: 8px;
    width: 8px;
    border: 3px solid;
    border-right: none;
    border-top: none;
    margin: 12px 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    color: white;
}

.notouch .scroll-btn:hover { opacity: 0.8 }

/*QUESTS*/

.q_descr {
font-size: var(--sallg);
line-height: 170%;
border: 1px solid #677777;
padding: 20px;
text-align:justify;
}

.q_descr i {
color:#677777;
}

.q_kat {
border: 1px solid #677777;
padding: 5px;
margin-bottom: 5px;
font-family: var(--fallg);
	font-weight:bold;
font-size: var(--shead);
text-transform: var(--tsub);
color:#677777;
text-align: center;
margin-top: 5px;
}

.q_ut {
border: 1px solid #677777;
padding: 5px;
margin-bottom: 5px;
font-size: var(--ssub);
text-transform: var(--tsub);
	letter-spacing: var(--lsub)
color:#677777;
text-align: center;}

.q_link {
border: 1px solid #677777;
font-size: var(--sallg);
text-align: center;
padding: 3px;
margin-bottom: 3px;
text-transform: var(--tsub);
}

.q_link i {
color:#677777;
}

/*RELATIVES*/

.relav_name {
	font-family: var(--fhead);
	padding: 5px;
	margin-bottom: 5px;
	font-size: 25px;
	text-transform: var(--thead);
	letter-spacing: var(--lhead)
	color: var(--bunt);
	border-bottom: 1px solid var(--bunt);
	text-align: center;
	margin-top: 5px;
}

.relav_rel {text-align: center;text-transform: var(--tsub);letter-spacing: var(--lsub);font-size: var(--sallg);padding: 5px;background: var(--bunt);color: var(--bunttext);}

.relav_r_f {font-size:var(--ssmol);padding:3px;text-transform: var(--tsub);margin-top: 5px;text-align:center;border-bottom: 1px solid #4e484a;}

.relav_inhalt {
font-size: 12px;
text-align: justify;
padding: 10px;
line-height: 170%;
height: 100px;
overflow: auto;
}

.relav_del {
font-size: 10px;
text-align: center;
text-transform: var(--tsub);
margin-bottom: 10px;
}

.relative_box {
float: left;
width: 306px;
margin: 2.5px;
}


/*BEWERBER*/

.ap_ut {color: var(--bunt);text-transform: var(--tsub);font-weight: bold;margin-top: 4px;font-size: var(--sallg);text-align: center;background: var(--box);padding: 5px;margin-left: 2px;margin-right: 2px;font-family: var(--fsub);letter-spacing: var(--lsub);}

.ap_us {border: 1px solid var(--box);padding: 10px;text-transform: var(--tsub);font-size: 10px;}

/*POSTINGPARTNER*/

.pp_ut {
color: var(--base);
text-transform: var(--tsub);
border: none;
padding: 10px;
text-align: center;
	height: 37px;
}

.pp_ut i {
color: var(--base);
font-size:10px;
text-transform:none;}

.pp_ue {
float: left;
border: none;
padding: 5px;
margin-bottom: 5px;
font-family: 'Roboto Slab', serif;
font-size: 15px;
text-transform: var(--tsub);
color:var(--base);
text-align: center;
margin-top: 5px;
width: 930px;
}

.pbox {padding: 10px;border: none;height: 120px;overflow: auto;font-size: 10px;background: var(--box);}

.pbut {padding: 10px;min-width: 100px;font-size: 10px;border: none;background: var(--box);}
	
.plotbox {padding: 10px;border: none;height: 100px;overflow: auto;font-size: 10px;background: var(--box);}



.pp::-webkit-scrollbar {
width:3px;border-radius:5px;
}

.pp::-webkit-scrollbar-track-piece {
background-color:var(--box);}

.pp::-webkit-scrollbar-thumb:vertical {
height:3px;
background-color:var(--base)}


.dicepop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: hsla(0, 0%, 0%, 0.5); z-index: 97; opacity:0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; pointer-events: none; } .dicepop:target { opacity:1; pointer-events: auto; } .dicepop > .pop { background: #eee; width: 600px;  height: 400px; overflow-y:auto; position: relative; margin: 10% auto; padding:0px; z-index: 99; } .closepop { position: absolute; right: -5px; top:-5px; width: 100%; height: 100%; z-index: 98; }



/*IP ÜBERSICHT*/

.s_box {
    border: 1px solid var(--hg);
    font-size: var(--sallg);
    padding: 12px;
    height: 80px;
}

.s_ut1 {color: var(--bunt);padding: 5px;border: 1px solid var(--box);text-align: center;text-transform: var(--tsub);font-size: var(--snav);}

.s_ut {border: 1px solid var(--box);padding: 5px;text-align: center;text-transform: var(--tsub);font-size: var(--sallg);font-weight: bold;width: 918px;margin-left: 3px;}

.s_ue {
	width: 907px;
	font-family: var(--fsub);
	text-transform: var(--tsub);
	letter-spacing: var(--lsub);
	color: var(--bunt);
	padding:10px;
	border: 1px solid var(--box);
	font-size: var(--shead);
}

/*GOSSIP*/

/*GOSSIP*/

.g_text {text-align:justify;height: 90px;overflow: auto;font-size: 12px;line-height: 170%;}

.g_ut {color: var(--bunt);text-transform: var(--tsub);text-align: center;height: 40px;font-size: var(--sallg);font-family: var(--fsub);letter-spacing: 1px;}

.g_box {flex-grow:1;flex-basis:200px;padding: 10px;font-size: var(--sallg);line-height: 170%;margin: 5px;height: auto;background: var(--box);}

.g_descr {padding: 10px;margin-left: 5px;margin-right: 5px;background: var(--box);}

.g_ue {
	margin-left: 5px;
	margin-right: 5px;
	padding:10px;
	margin-bottom:5px;
	color: var(--bunt);
	border-bottom: 1px solid var(--bunt);
	font-family: var(--fhead);
	text-transform: var(--thead);
	font-size: var(--sheading);
	text-align: center;
}


/*INPLAYTRACKER*/

.ip_tracker {
color: #bb090d;
text-transform: var(--tsub);
font-family: Cambria;
font-size: var(--sheading);
}

.ip_ue {
text-transform: var(--tsub);
text-align: center;
font-size: var(--sallg);
padding: 3px;
color: #838483;
font-family: raleway;
font-weight: bold;
}

.ip_ut {
text-transform: var(--tsub);
padding: 5px;
font-size: var(--ssub);
text-align: center;
font-weight: bold;
}

.ip_box {
padding: 20px;
height: 56px;
}