headtitle_big {
	color: var(--dunkeltext);
    font-family: var(--font-sub);
    text-transform: var(--ftransf-sub);
    font-size: 16px;
    width: 90%;
    border-bottom: 1px solid;
    font-style: italic;
    text-align: right;
}

.trelas {
	display: flex;
	align-items: center;
	width: auto;
	gap: 20px;
	text-align: justify;
}

.trelas form {
	margin: 0;
}

.rela_f {
text-align:center;
margin-bottom:5px;
}

.relas_pictext {
	max-height: 80px;
    overflow: auto;
    text-align: justify;
}

.relas_beschreibung {
font-size: 11px;
	display:inline;
}

.divbox_mem_relas {
	height:120px;
	overflow: auto;
	background: var(--box);
	padding: 15px;
	padding-top: 12px!important;
	width: 43%!important;
	float: left;
	margin: 3.6px!important;
	border: 2px solid var(--hg);
}

.relas_profil_name {
    font-size: 15px;
    text-transform: var(--tsub);
    text-align: center;
    font-family: var(--fsub);
    letter-spacing: var(--lsub);
    font-weight: bold;
}

.relas_profil_name a{
	color: var(--bunt)!important;
}

.relas_profil_name a:hover{
	color:var(--base)!important;
}

.relas_anfr {
    width: 300px;
    margin: 30px auto;
    text-align: center;
}

.relas_anfr_text {
	background: var(--bunt);
	padding: 12px;
	text-transform: var(--tsub);
}

.relas_anfr_text a {
	    color: var(--bunttext)!important;
}

.relas_anfr_icon {
    font-size: 15px;
    float: left;
    padding: 12px 0px 12px 12px;
    color: var(--bunttext);
}

input.rela.sort {
    width: 20px;
}

.textarea_kommentar{
    width: -webkit-fill-available;
    height: 100px;
    text-align: justify;
    padding: 0px 5px;
}

.infopop {
 position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: hsla(0, 0%, 0%, 0.5); z-index: 10; opacity:0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; pointer-events: none;
}

.infopop:target {
 opacity:1; pointer-events: auto;
}

.infopop > .pop {
    background: var(--hg);
    width: 500px;
    position: relative;
    margin: 10% auto;
    padding: 25px;
    z-index: 3;
    height: 320px;
}

.closepop {
	position: absolute;
	right: -5px;
	top: -5px;
	height: 100%;
	z-index: 2;
	width: 100%;
}

/*shows inputbuttons when tabs are used*/
input.rela_button.kat {
    display: inherit;
    position: relative;
}

.divbox_ucp_relas {
    overflow: auto;
    background: var(--box-postcont);
    width: -webkit-fill-available;
}

.divbox_popeintragen {
    overflow: auto;
    background: var(--box);
    padding: 15px;
    padding-top: 12px!important;
    float: left;
    margin: 3.6px!important;
    border: 2px solid var(--box);
}

/*RELA UCP*/

.divbox_ucp_relas td {
	padding: 10px;
}

.relaucp_text {
text-align: center;
font-size: 12px;
font-style: italic;
}

.relat_rela {
	text-align: center;
    background: var(--box-body);
	font-weight: bold;
}

.relat_rela a {
	font-weight: bold;
}

.relat_ue {
	font-family: var(--font-head);
	font-size: 20px;
	text-transform: var(--ftransf-head);
	color: var(--headings-body);
}

.relat_box {
	background: var(--box-postcont);
	padding:10px;
}