/*NEU 2021*/
.tborder {
    width: auto;
    background: var(--box) !important;
    padding: 10px;
    border-radius: 0px !important;
    margin: 0px 15px;
}

.ucp_ganz {
  display: flex;
  justify-content: stretch;
  align-content: stretch;
  margin-right: 15px;
}

.ucp_cont {
  padding: 7.5px;
  background: var(--box);
  flex: 7;
  margin-left: 10px;
}

.ucp_nav {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  text-align: center;
  text-decoration: none;
  flex: 2;
  margin-left: 15px;
  margin-right: 15px;
}

.ucp_nav img {
  width: 100%;
}

.ucp_nav_cat {
  color: var(--bunt);
  letter-spacing: var(--lsub);
  font-size: var(--ssub);
  font-family: var(--fsub);
  text-transform: var(--tsub);
  margin-top: 10px;
  margin-bottom:7.5px;
  text-decoration: none;
}

.ucp_nav_link {
  background-color: var(--box);
  padding: 7.5px;
  margin-bottom:7.5px;
  color: var(--base);
  font-size: var(--sallg);
  font-family: var(--fallg);
}

.ucp_nav_link a {
  color: var(--base);
  font-size: var(--sallg);
  font-family: var(--fallg);
  letter-spacing: var(--lallg);
  text-transform: none;
  text-decoration: none;
}

.ucp_nav_link:hover {
  color: var(--bunttext);
  background:var(--bunt);
  transition: 0.5s;
}

/* Layoutfix für Profilfelder */
.ucp_cont td,
.ucp_cont label,
.ucp_cont span,
.ucp_cont strong {
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}

.ucp_cont td:first-child {
  width: 220px !important;
  min-width: 220px !important;
  vertical-align: top;
}


/*ALT*/
/*RELATIVES*/
.r_smalltext {
font-size:10px;
text-align:justify;
}

.r_ut {
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
}

.pf_ue {
	text-transform: var(--tsub);
	font-size: var(--ssub);
	color: var(--bunt);
	margin-top: 10px;
	font-family: var(--fsub);
	padding: 3px;
	padding-left: 8px;
	letter-spacing: var(--lsub);
	width: 82px;
}

.pf_descr {
font-family: var(--fallg);
text-align: justify;
line-height: 150%;
font-size: 12px;
padding: 10px;
margin-top: -18px;
background: var(--box);
border-top: 1px solid var(--bunt);
}

/*POP UPS*/

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

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

.b_infopop > .b_pop {
color: var(--bunt);
font-family: var(--fallg);
background:var(--hg);
width: 250px;
position: relative;
margin: 10% auto;
padding: 25px;
z-index: 3;
font-size:var(--fsmol);
}

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


:root {
    --base: #696867;
    --bunt: #9b9595;
    --ut: #9f988f;
    --hg: #f3f0eb;
    --box: #e9e9e9;
    --bunttext: #eed7b2;
    --fett: #59565f;
    --nichts: #8137b1;
    --hinter: #e9e9e9;
    --trigger: #990726;
    --headt: rgb(213 208 212 / 49%);
    --notrigger: #797580;
    --fallg: Calibri;
    --fhead: "Raleway", serif;
    --fsub: "Raleway", serif;
    --fnav: Calibri;
    --fcursive: "Raleway", serif;
    --thead: uppercase;
    --theading: uppercase;
    --tsub: lowercase;
    --tsmol: lowercase;
    --tnav: uppercase;
    --lhead: 3px;
    --lsub: 1px;
    --lnewstitel: 3px;
    --lallg: 0px;
    --sheaderwbutton: 25px;
    --shead: 18px;
    --sheading: 23px;
    --splayer: 16px;
    --sheadertitel: 18px;
    --sallg: 8pt;
    --snav: 12px;
    --sitalic: 13px;
    --ssmall: 10px;
    --ssubf: 13px;
    --ssmol: 10px;
    --smpsub: 18px;
    --smpbig: 21px;
    --sshoptit: 25px;
    --spostbbutt: 14px;
    --spostnam: 30px;
    --ssub: 16px;
    --linehsmol: 100%;
    --lineh1: 160%;
    --lineh2: 200%;
    --linehforum: 100%;
    --linehresub: 1.2;
    --mplinehname: 80%;
    --stylesub: none;
    --sonline: 12px;
    --lineh: 140%;
    --wallg: 400;
    --osmol: 0.4;
    --imgbg: url(../../../images/hgwh.png);
    --imgoff: url(../../../images_lila/sunoff.png);
    --imgon: url(../../../images_lila/sunon.png);
    --defaultava: url(../../../images_lila/default_avatar.png);
    --imghead1: url(../../../images/bev1.png);
    --margpostnam: 0px;
    --margdescr: 5px;
    --hlinehead: 20px;
    --hmenu: 42px;
}