.aucp_index_alert .expcolimage img {
    width: 10px;
    margin-top: -10px;
}

.red_alert.aucp_index_alert {
    padding: 10px 5px;
}

.expired { color: red; }
.is_empty{
	display:none;
} 

.ist_feldwrapper:has(.is_empty) {
display:none; 
}

/* Zeitleiste im Profil */ 
.timeline_wrapper_profile {
	margin: 0px 15px;
    padding: 0px 0px 20px 0px;
    border-width: 5px;
    border-left-style: solid;
    border-image: linear-gradient(to bottom, var(--andarna_onlight), var(--andarna_onlight), var(--andarna_onlight), var(--andarna_onlight), var(--opacity0)) 1 100%;
}
.timeline_wrapper_profile .timeline_item {
	margin: 5px 5px 5px 10px;
	border: solid 1px var(--factshr);
	padding: 6px;
}
.timeline_wrapper_profile .timeline_item .content {
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 200;
    font-size: 13px;
    box-sizing: border-box;
	background: var(--forumhg_tablecat);
	padding: 0px 5px 5px 5px;
}
.timeline_wrapper_profile .timeline_item .title {
	font-family: 'Chivo', serif;
    font-weight: 500;
    font-size: 13px;	
	background: var(--forumhg_tablecat);
	padding: 5px 5px 0px 5px;
}
.timeline_wrapper_profile .timeline_item::before {
	content: ' ';
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 6px 10px 6px 0;
   border-color: transparent var(--factshr) transparent transparent;
	position: absolute;
	margin: -7px 0px 0px -16px;
}
/* Zeitleiste im Profil  Ende*/ 

/* Zeitleiste im UserCP */ 
#timeline_wrap {
	padding: 10px;	
}
#timeline_wrap:before,
#timeline_controls:before {
	    font-family: 'Chivo', serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 13px;
	display: block;
}
#timeline_wrap:before {
	content: "bisherige Einträge:";	
	margin: 0px 0px 5px -10px;	
}
#timeline_controls:before {
	content: "Einträge anlegen:";	
	margin: 0px 0px 5px 0px;	
}
#timeline_wrap .timeline_item {
	display: flex;
    font-family: 'Chivo';
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 300;
}
#timeline_wrap .timeline_item .title {
	font-weight: 500;
    padding: 0px 10px 0px 0px;
    width: 15%;
    box-sizing: border-box;
}
#timeline_wrap .timeline_item  .content {
    width: 85%;
    box-sizing: border-box;	
}
#timeline_wrap .timeline_item .controls {
    margin-bottom: 15px;
    text-align: right;
    width: 100%;
    margin-top: 5px;	
}
/* Zeitleiste im UserCP Ende */

/* CSS-POPUP */
.applucp-con .popbutton {
  background: var(--opacity0) !important;	
	border: none !important;
	padding: 0  !important;
	margin: 0 !important;
	font-family: 'Chivo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    color: var(--font_dlink) !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;		
}
.applucp-con .popbutton:hover {
    color: var(--andarna_onlight) !important;	
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--opacity85);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
	z-index: 9	
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 8em auto 0 auto;
  padding: 20px;
  background: var(--profilhg_ofd);
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out;
	z-index: 10;
	box-sizing: border-box;
}

.popup h2 {
	font-family: 'Chivo', sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px 0 0px 0;	
	margin: 0;
}
.popup .close {
  position: absolute;
  top: 10px;
  right: 20px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: var(--font_dlink);
}
.popup .close:hover {
  color: var(--andarna_onlight);
}
.popup .content {
  max-height: 30%;
  overflow: auto;
    font-family: 'Chivo', serif;
    font-weight: 300;
    font-size: 13px;
    padding: 0px 5px 0px 0px;
    line-height: 200%;
    text-align: justify;
    color: var(--font_main);	
}

/* CSS-POPUP ENDE */

/* STECKBRIEF IM USERCP MAJ */
.usercp_steckihg {
	background: var(--forumhg);
}
.usercp_steckihg input[type=text],
.usercp_steckihg input[type=url],
.usercp_steckihg input[type=date] {
	background: var(--forumhg);	
    color: var(--font_main);
    border: 1px solid var(--factshr);
}

.aucp_infoheader {
	font-family: 'Chivo', serif;
    font-weight: 300;
    font-size: 13px;
    padding: 20px 30px 0px 30px;
    line-height: 200%;
    text-align: justify;
    color: var(--font_main);
}
.applucp-additionalfields {
	padding: 0px 30px;	
}
.applucp-additionalfields:before {
	font-family: 'Chivo', sans-serif;	
    display: block;
    font-size: 13px;
	font-style: italic;
	text-transform: uppercase;
	background: var(--forumhg_tablecat);
	padding: 3px;	
	font-weight: 600;
	margin: 10px 0px 10px 0px;
	content: "Verwaltungsangaben zum Steckbrief";
}
.applucp-buttons {
	padding: 0px 30px 20px 30px;		
}
.aucp_infoheader_titel {
	font-family: 'Chivo', serif;
	font-weight: 700;
	font-size: 19px;
	font-style: italic;	
	letter-spacing: 4px;
	text-decoration: none;
	text-transform: uppercase;		
}
.applucp-con h2 {
font-family: 'Chivo', sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px 0 0px 0;	
	margin: 0;
}
/* Eigenschaftsslider */
.applucp-con input[type=range]:focus {
  outline: none;
}
.applucp-con input[type=range] {
	appearance: none;
	width: 100%;
	border-radius: 0px;
	height: 12px;
	background-color: var(--forumhg_tablecat); 
	margin: 10px 0px;
}
.applucp-con input[type=range]:disabled {
	background-color: var(--forumhg_tabletitle); 	
}
.applucp-con input[type='range']::-webkit-slider-thumb {
	appearance: none;
	background-color: var(--factshr);
	border: 1px solid var(--andarna_onlight);
	width: 30px;
	height: 30px;
	border-radius: 15px;
	cursor: pointer;
}
.applucp-con input[type='range']::-webkit-slider-thumb:hover {
	background-color: var(--andarna_onlight);
}
.applucp-con input[type=range]::-moz-range-thumb {
	background-color: var(--factshr);
	border: 1px solid var(--andarna_onlight);
  width: 30px;
  height: 30px;
  border-radius: 15px;
  cursor: pointer;
}
.applucp-con input[type=range]::-moz-range-thumb:hover {
	background-color: var(--andarna_onlight);
}
.applucp-con input[type='range']:disabled::-webkit-slider-thumb {
	background-color: var(--forumhg_tabletitle) !important;
	cursor: default !important;	
}
.applucp-con input[type=range]:disabled::-moz-range-thumb {
	background-color: var(--forumhg_tabletitle) !important;
	cursor: default !important;
}
/* Eigenschaftsslider Ende */
/* STECKBRIEF IM USERCP MAJ ENDE */

    /*showthread*/
    .aucp_showthread-wob {
        margin: 10px;
        display: flex;
        align-items: start;
        justify-content: center;
        gap: 20px;
}

.aucp_showthread-wob__item:last-child {
        align-self: center;
}

/*Benutzer CP */
    .applucp-con {
        display: grid;
       /* width: 80%; */
        margin: auto;
        gap: 19px 15px;
}

.app_ucp_label {
        text-align: left;
	font-family: 'Chivo', serif;
    font-weight: 600;
	letter-spacing: 0.5px;
    font-size: 13px;	
	padding: 20px 0px 0px 0px;
}
.app_ucp_star {
	font-weight: 900;
}

.applucp-con__item {
        display: grid;
}

.applucp-con__item span {
line-height: 150%;
    text-align: justify;
    color: var(--font_main);
	font-family: 'Chivo', serif;
    font-weight: 300;
    font-size: 13px;
}

.applucp-con__item.applucp-buttons {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 10px;
}
.applucp-con__item.applucp-buttons a.button:link,
.applucp-con__item.applucp-buttons a.button {
    grid-column: 1 / span 3;
	background: var(--andarna);
    color: var(--font_onhigh);
	border: solid 1px var(--factshr);
    display: block;
    padding: 3px;
    margin: 0;
    font-size: 14px;
	text-align: center;
}
.applucp-con__item.applucp-buttons a.button:hover {
	background: var(--font_onhigh);
    color: var(--andarna);	
}

/* category-update - kommentar nicht entfernen */
              .cat_tabs {
                margin: 0px;
                padding: 0px;
                list-style: none;
                background: var(--andarna_ondark); /*
                border-bottom: 5px #0072BC solid; */
				  display: flex;
    align-items: center;
}

.cat_tabs li{
                display: inline-block;
                margin:0;
                padding: 10px 0px;
                cursor: pointer;
	box-sizing: border-box;
	width: calc(100%/5);
	text-align: center;
    font-family: 'Chivo', serif;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 1px;
    color: var(--font_onhigh);
}

.cat_tabs li:hover {
                background: var(--profilhg_ofd);
	color: var(--font_dlink);
}

.cat_tabs li.current{
                background: var(--profilhg_ofd);
                color: var(--font_dlink);
}

.cat_tabs__tab5 {
                padding: 5px 0px !important;	
	border-top: solid 5px var(--andarna_ondark);
	border-bottom: solid 5px var(--andarna_ondark);	
}

.con_cat_content {
                display: none;
                background: var(--opacity0);
	box-sizing: border-box;
	padding: 0px 30px;
}

.con_cat_content.current{
                display: inherit;
}

/*Display Profil and Postbit */
    .aucp_fieldContainer {
        display: grid;
        grid-template-columns: 1fr;
}

.aucp_fieldContainer__item {
        display: flex;
        gap: 10px;
}

/* Strukturierung */
label#label_skill_power:before,
label#label_skill_empathy:before,
label#label_skill_riders_weaponless:before,
label#label_skill_healers_herbology:before,
label#label_skill_scribes_quickwriting:before,
label#label_skill_infantrynavarre_weaponless:before,
label#label_skill_fliers_weaponless:before,
label#label_skill_infantryporomiel_weaponless:before,
label#label_skill_alchemists_anatomy:before,
label#label_skill_artillery_construction:before,
label#label_skill_spy_weaponless:before,
label#label_skill_scholars_research:before,
label#label_skill_craftsman_dexterity:before,
label#label_skill_trader_negotiation:before,
label#label_skill_diplomat_rhetoric:before,
label#label_skill_misc_observation:before,
label#label_affilation:before, 
label#label_geburtstag:before, 
label#label_avaperson:before, 
label#label_steckbriefquote:before,
label#label_skill_descr:before,
label#label_frageeins:before,
label#label_timeline:before,
label#label_freitextfeld:before,
label#label_connections:before {
    display: block;
    font-size: 13px;
	font-style: italic;
	text-transform: uppercase;
	background: var(--forumhg_tablecat);
	padding: 3px;
	margin: 10px 0px 10px 0px;
}

/* Wissenswertes */ 
label#label_frageeins:before {
	content: "Charakterinterview";	
}
label#label_timeline:before {
	content: "Lebensdaten";
}
label#label_freitextfeld:before {
	content: "weitere Informationen";
}
label#label_connections:before {
	content: "Anschlussinformationen";
}

/* allg. Infos */ 
label#label_affilation:before {
    content: "organisatorische Informationen";	
}
label#label_geburtstag:before {
    content: "allgemeine Charakterinformationen";		
}
label#label_avaperson:before {
    content: "Aussehensdetails";	
}
label#label_steckbriefquote:before {
    content: "Profildekoration";		
}

/* Allgemeine Skills */
label#label_skill_power:before {
    content: "Physisch";
}
label#label_skill_empathy:before {
    content: "Kognitiv";
}
label#label_skill_descr:before {
    content: "allgemeiner Beschreibungstext zu den Fähigkeiten";
}

/* Navarrianisches Militär */
label#label_skill_riders_weaponless:before {
    content: "Reiter";
}
label#label_skill_healers_herbology:before {
    content: "Heilkundige";
}
label#label_skill_scribes_quickwriting:before {
    content: "Schriftgelehrte";
}
label#label_skill_infantrynavarre_weaponless:before {
    content: "Infanteristen";
}

/* Poromisches Militär */
label#label_skill_fliers_weaponless:before {
    content: "Flieger";
}
label#label_skill_infantryporomiel_weaponless:before {
    content: "Infanteristen";
}
label#label_skill_alchemists_anatomy:before {
    content: "Alchemisten";
}
label#label_skill_artillery_construction:before {
    content: "Artilleristen";
}
label#label_skill_spy_weaponless:before {
    content: "Späher";
}

/* Zivile Gruppen */
label#label_skill_scholars_research:before {
    content: "Gelehrte";
}
label#label_skill_craftsman_dexterity:before {
    content: "Handwerker";
}
label#label_skill_trader_negotiation:before {
    content: "Händler";
}
label#label_skill_diplomat_rhetoric:before {
    content: "Diplomaten";
}
label#label_skill_misc_observation:before {
    content: "Sonstige";
}

/* Eigenschaften*/
/* Eigenschaften*/
.range > div {
    display: flex;
    justify-content: space-between;
    width: 95%;
}

label.range {
    display: flex;
}

.applucp-con .select2-choices {
    max-width: 50%;
}

#timeline_wrap button {
    background: transparent;
    border: 0;
	color: var(--font_dlink);
}

#timeline_wrap .controls {
    margin-bottom: 15px;
}