/* MEMBER.CSS */
/* Darf nur an member.php angeheftet werden; enthält zusätzliche Inhalte, keinen Ersatz */

/* Anschluss */ 
.profile_discord_line {
	text-align: right; 
	margin: 0px 15px 0px 0px;
}
.profile_discord_hg {
	display: inline-block;
    background: var(--link_darkhg);
    padding: 0.2em 1em;
    border: solid 1px var(--link_darkhg);
    outline: 0;
	cursor: pointer;	
}
.profile_discord_hg a {
    color: var(--font_link_darkhg);
    font-size: 12px;
    text-transform: lowercase;
    letter-spacing: 2px;
    font-weight: 200;
    text-decoration: none;
}
.profile_discord_hg:hover,
.profile_discord_hg:hover a{
	color: var(--andarna_onlight);
}


/* Anschluss Ende */


/* Steckbriefexport */ 
.maj_export {
    color: var(--font_llink);
}
.maj_export form {
	display: block;	
}
.maj_export input[type=submit] {
	background: var(--opacity0);
	outline: none;
	border: none;
	cursor: pointer;
	display: inline-block;
    font-size: 11px;
    letter-spacing: 1px;
	padding: 0px;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    color: var(--font_llink);
}
.maj_export form:before {
	content: '\f56e';  
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 13px;
	display: inline-block;
    padding: 0px 0px 0px 10px;
    letter-spacing: normal;
}
.maj_export:hover,
.maj_export:hover input[type=submit] {
	color: var(--andarna_ondark) !important;
}
/* Steckbriefexport Ende */ 


/* GESUCHE 
identisch zur Indexanzeige von der Formatierung her */
.memberprof_wanteds {
    color: var(--font_main);
	padding: 6px 0px;
	margin: 0px 15px;
}
.memberprof_wanted_titlerow {
    width: 100%;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 150%;
}
.memberprof_wanted_titlerow i {
    font-weight: 900;
    letter-spacing: normal;
}
.memberprof_wanted_titlerow a {
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 13px;
    color: var(--font_dlink);
    text-transform: uppercase;
}
.memberprof_wanted_titlerow a:hover {
    background: var(--andarna_onlight); 
}
.memberprof_wanted_factsrow {
    display: flex;
    padding: 0px 0px 0px 15px;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 300;
    font-size: 12px;
}
.memberprof_wanted_factsrow .wanted_info {	
    background: var(--forumhg_tablecat);
	padding: 3px 10px;
    margin: 3px;
    display: flex;
    align-items: center;
}
.memberprof_wanted_factsrow .wanted_info i {
    display: inline-block;
    padding: 0px 5px 0px 0px;
}
.memberprof_wanted_factsrow .wanted_info span {
    display: inline-block;
}
/* GESUCHE ENDE */



/* Statusinfo */ 
.profil_status_box {
	padding: 15px; margin: 0px 0px 15px 0px;
    background: var(--forumhg);
    border-top: solid 5px var(--andarna_onlight);
    border-bottom: solid 5px var(--andarna_onlight);
    align-items: center;     font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 300;
    font-size: 12px;
}
.profil_status_box_title { 
	text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    font-style: italic;
}
/* Statusinfo Ende */


/*verstecken von elementen die nicht angezeigt werden sollen*/ 
.profil_facts:has(b:empty) {
    display: none;
}

.profil_facts.profil_facts_skill2:has(div:empty) {
	display: none;
} 

.profil_facts.profil_facts_skill3:has(.is_empty.gift) {
    display: none;
}

.ist_feldwrapper:has(.is_empty) {
display:none; 
}


/* Inplayinfos im Profil unsichtbar machen */
.footer_unseen {
	display: none;
}

/* Profilbox */
.profil_contentbox {
	width: 100%;
	max-width: 1500px;
	min-width: 1001px;
	margin: auto;
	box-sizing: border-box;	
	display: flex;	
}

/* eigentlicher Profilinhalt */
.profil_usercontent {
	box-sizing: border-box;
	width: 100%; 
	position: relative;
	z-index: 2; 
	margin: 0 -40% 0 0;
}
.profil_dekozeug {
	display: flex;	
}
.profil_userinhalt {
	display: flex;	
	margin: 15px 0 0 0;
}
.profil_charavorstellung {
	box-sizing: border-box;
	width: 60%; 
	padding: 0px 15px 0px 0px;
}
.profil_erstabstand {
	box-sizing: border-box;
	width: 40%;	
	min-width: 450px;
}
.profil_steckietc {
	box-sizing: border-box;
	width: 80%;
}
.profil_zweitabstand {
	box-sizing: border-box;
	width: 20%;
}
.codex_pstecki {
	display: flex; 
	flex-wrap: wrap;
	/* background: var(--andarna_onlight); */
}

/* Textelemente */ 
.profil_userh1 {
	text-align: right; 
	color: var(--font_lmain); 
	font-weight: 900; 
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif; 
	font-size: 35px; 
	letter-spacing: 3px; 
	text-transform: uppercase;
}
.labelvalue_divcon_features .aucp_divcon_label,
.profil_userh2 {
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
	font-weight: 700;
	font-size: 20px;
	font-style: italic;	
	letter-spacing: 4px;
	text-decoration: none; 
	text-transform: uppercase; 
	padding: 20px 15px 10px 15px;
}
.profil_userh2_op {
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
	font-weight: 700;
	font-size: 20px;
	font-style: italic;	
	letter-spacing: 4px;
	text-decoration: none; 
	text-transform: uppercase; 
	padding: 20px 15px 0px 15px;	
}
.profil_userh3 {
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
	font-weight: 700;
	font-size: 15px;
	font-style: italic;	
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: uppercase; 
	padding: 0px 15px;
}
.profil_userh4 {
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: none; 
	margin: 0px 15px;
}
.profil_userh5 {
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
	font-weight: 700;
	font-size: 20px;
	font-style: italic;	
	letter-spacing: 4px;
	text-decoration: none; 
	text-transform: uppercase; 
	padding: 20px 0 10px 0;	
}
.profil_userh5:nth-of-type(even),
.profil_hright {
	text-align: right;	
}
.profil_spielerinfos {
	text-align: right; 
	color: var(--font_lmain); 
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
	font-size: 11px; 
	letter-spacing: 1px;
}
.profil_spielerinfos a {
	display: inline-block; 
	padding: 0px 0px 0px 10px;
	font-size: 13px;
	color: var(--font_llink);	
}
.profil_spielerinfos a:hover {
	color: var(--andarna_ondark);	
}
.labelvalue_divcon_features .aucp_divcon_value,
.profil_text {
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif; 
	padding: 0px 15px; 
	font-weight: 300; 
	font-size: 13px; 
	box-sizing: border-box;  
	line-height: 225%; 
	text-align: justify;
	margin: 10px 0px 0px 0px;
}
.profil_text_om {
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif; 
	padding: 0px 15px; 
	font-weight: 300; 
	font-size: 13px; 
	box-sizing: border-box;  
	line-height: 225%; 
	text-align: justify;
	margin: 0px 0px 0px 0px;	
}
.profil_text.interview{ 
	padding: 0px 23px; 	
}
.profil_intpad {
	margin: 30px 15px 0px 15px;
}

/* Dekoquote */
.profil_dekoquote {
	display: flex; 
	color: var(--font_lmain);  
	justify-content: flex-end;
	box-sizing: border-box;	
}
.profil_dekoquote_mark {
	width: 5%; 
	box-sizing: border-box; 
	text-align: right; 
	padding: 0.4em;
	font-weight: 13px;
	min-width: 13px;
}
.profil_dekoquote_text {
	max-width: 95%; 
	box-sizing: border-box; 
	border-left: solid 1px var(--headerhr_light); 
	padding: 0.75em; 
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif; 
	font-size: 10px; 
	letter-spacing: 2px; 
	text-transform: lowercase; 
	line-height: 11px;
}

/* Trigger */ 
.profil_triggerbox {
	display: flex; 
	padding: 25px 15px; 
	background: var(--forumhg); 
	border-top: solid 5px var(--andarna_onlight); 
	border-bottom: solid 5px var(--andarna_onlight);
	align-items: center;
}
.profil_triggericon {
	width: 9%; 
	min-width: 35px; 
	font-size: 35px; 
	color: var(--andarna_onlight);
}
.profil_triggertext {
	width: 91%; 
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif; 
	font-weight: 300; 
	font-size: 12px;
}
.profil_triggertitle {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1px;	
	font-style: italic;
}

/* Shortfacts */
.profil_factsbox {
	border: solid 1px var(--factshr); 
	padding: 6px 6px; 
	display: flex; 
	justify-content: space-between; 
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif; 
	text-transform: uppercase; 
	text-align: center;
	font-weight: 300; 
	font-size: 9px; 
	letter-spacing: 2px;
	gap: 6px;
}
.labelvalue_divcon_Position_nav,
.labelvalue_divcon_Cliffsbane_position,								
.labelvalue_divcon_Position_pom,								
.labelvalue_divcon_Basgiath_position {
	box-sizing: border-box; 
	background: var(--forumhg_tablecat); 
	padding: 5px 0px;
	text-align: center;
	/* border-right: solid 3px var(--profilhg_ofd); 
	border-left: solid 3px var(--profilhg_ofd);	*/
}
.profil_facts {
	box-sizing: border-box; 
	background: var(--forumhg_tablecat); 
	padding: 5px 0px;
	display: flex;
	justify-content: center; 
	align-items: center; 
	/* border-right: solid 3px var(--profilhg_ofd); 
	border-left: solid 3px var(--profilhg_ofd); */
}
.labelvalue_divcon_Position_nav .aucp_divcon_label,
.labelvalue_divcon_Cliffsbane_position .aucp_divcon_label,								
.labelvalue_divcon_Position_pom .aucp_divcon_label,								
.labelvalue_divcon_Basgiath_position .aucp_divcon_label,
.profil_facts b {
	font-weight: 700;
	display: block;
}
.profil_facts_infos {
	width: calc(100%/5 - 6px);
}
.profil_facts_infos:nth-of-type(1) {
	flex-grow: 1;	
}
.profil_facts_person {
	min-width: calc(100% / 3 - 6px);
	max-width: 50%;
	flex-grow: 1;
}
.profil_facts_skill1 {
	min-width: calc(50% - 6px);
	flex-grow: 1;
}
.labelvalue_divcon_Position_nav,
.labelvalue_divcon_Cliffsbane_position,								
.labelvalue_divcon_Position_pom,								
.labelvalue_divcon_Basgiath_position,	
.profil_facts_skill2 {
	width: calc(25% - 6px);
}
.profil_facts_skill3  {
	flex-grow: 1;
	min-width: calc(25% - 6px); 
	max-width: calc(50% - 6px);
}
.profil_facts_story,
.profil_facts_stats {
	width: calc(25% - 6px);
}
.profil_facts_story {
	flex-grow: 1;	
}
.profil_facts_relas {
	width: 100%; /*
	justify-content: flex-start !important;
	text-align: left;
	padding: 5px; */
}
.profil_facts_tattoo1 {
	min-width: 50%;
	flex-grow: 1;	
}
.profil_facts_tattoo2 {
	width: 50%;
}

/* Eigenschaften */ 
.profil_traitbox {
	display: grid; 
	grid-template-columns: 25% 48% 25%;
	gap: 1%; 
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;	
	font-weight: 300; 
	font-size: 13px;
	box-sizing: border-box;
}
.profil_traitbox_traitl {
	box-sizing: border-box; text-align: right; padding: 5px 0px 0px 0px;
}
.profil_traitbox_traitr {
	box-sizing: border-box; padding: 5px 0px 0px 0px;
}
.profil_traitbox_barbox {
	box-sizing: border-box; padding: 5px 0px;
}
.profil_traitbox_bar {
	background: var(--forumhg_tablecat);
	height: 15px;
}
.profil_traitbox_marker {
	box-sizing: border-box;
	height: 25px; 
	z-index: 2; 
	position: relative; 
	margin-top: -20px; 
	border-right: solid 5px var(--andarna_onlight); 
}

/* Skills */
.profil_skillsbox {
	display: flex; 
	flex-wrap: wrap; 
	line-height: 225%; 
	background: var(--forumhg); 
	padding: 5px 0px 5px 30px;
	box-sizing: border-box;
	margin: 0px 15px 15px 15px;
}
.profil_skillbox {
	width: 50%; 
	box-sizing: border-box; 
	border: solid 5px var(--opacity0);
	align-items: center; 
	display: flex;
}
.profil_skillname {
	width: 55%;
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif; 
	font-weight: 500; 
	font-size: 13px; 
	letter-spacing: 1px;
	text-align: left;
	line-height: normal;
}
.profil_skillangabe {
	width: 45%; 
	font-size: 20px;
}

/* Ingamezitat */
.profil_igquote_box {
	display: flex; 
	justify-content: center;
	margin: 35px 0 25px 0;
}
.profil_igquote_mark {
	min-width: 4%; 
	box-sizing: border-box; 
	padding: 0.4em 0.4em 0 0;  
	text-align: right;
}
.profil_igquote_mark a {
	font-size: 15px;
	color: var(--font_dlink);
	text-decoration: none;
}
.profil_igquote_mark a:hover,
.profil_igquote_quelle a:hover {
	background: var(--andarna_onlight);
}
.profil_igquote_text {
	max-width: 96%; 
	box-sizing: border-box; 
	border-left: solid 1px var(--factshr);
	padding: 0.75em; 
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif; 
	font-size: 0.8em; 
	letter-spacing: 1px; 
	text-transform: lowercase; 
	line-height: 11px;
}
.profil_igquote_quelle {
	text-align: right;
}
.profil_igquote_quelle a {
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif; 
	font-size: 10px; 
	letter-spacing: 2px; 
	text-transform: uppercase; 
	text-decoration: none;
	font-weight: 500;
	color: var(--font_dlink);
}

/* Bilder */ 
.profil_usericons {
	display: flex; 
	justify-content: flex-end; 
	padding: 1em 0;
}
.profil_groupicon {
	height: 125px; 
	width: 125px; 
	margin: 0 1em 0 0;
}
.profil_usericon {
	height: 125px; 
	width: 125px;
}
.profil_usericon img {
	filter: grayscale(100%);	
}
.profil_usericon img,
.profil_userava img,
.profil_fluegelimg img {
	width: 100%;
}
.profil_groupimg {
	filter: invert(100%) brightness(50%);
	width: 75%;	
	display: block;
	padding: 20px 0px 0px 0px;
}
.profil_userava { 
	width: 200px; 
	margin: 0 auto;  
	border: solid 5px var(--andarna_onlight); 
	padding: 1px; 
	float: left; 
	margin: 0.5em 1.5em 0.5em 0;
}
.profil_signatur {
	padding: 20px 0px 0px 0px;
}
.profil_signatur img {
	filter: grayscale(100%);
	display: block;
	margin: 0 auto;
}
.profil_fluegelimg {
	width: 137px; 
	box-sizing: border-box;
	border: solid 5px var(--andarna_onlight); 
	padding: 1px; 
	height: 200px;
}

/* Fluegelfreund */ 
.profil_fluegelbox {
	display: flex; 
	align-items: center; 
	justify-content: center; 
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
	margin: 0px 15px;
}
.profil_flugelimg_box {
	text-align: center; 
	width: 15%; 
	min-width: 137px;	
}
.profil_flugelimg_box a {
	padding: 3px 0px; 
	background: var(--andarna_onlight); 
	margin: 0; 
	text-transform: uppercase; 
	letter-spacing: 1px;
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
	text-decoration: none;
	color: var(--font_onhigh);
	display: block;
	font-weight: 300; 
	font-size: 10px; 
	letter-spacing: 1px; 
	width: 137px;
}
.profil_fluegel_infos {
	width: 85%;
	font-weight: 300; 
	font-size: 11px; 
	letter-spacing: 1px; 
	padding: 0px 0px 0px 15px;
	text-transform: lowercase;
}
.profil_fluegel_nick {
	font-weight: 700; 
	letter-spacing: 2px;
	font-size: 21px;
	font-style: italic;
}
.profil_fluegel_name { 
	font-weight: 300;
	font-size: 13px;
}
.profil_fluegel_facts {
	padding: 6px 0px 0px 0px; 
	line-height: 15px;	
}
.profil_fluegel_text {
	margin: 10px 0px 0px 0px !important;
	padding: 0px 10px 0px 0px !important; 
	max-height: 150px; 
	overflow: auto;
	letter-spacing: 0px; 
	text-transform: none;
}
.profil_fluegel_text::-webkit-scrollbar { width: 7px; background: var(--forumhg); } 
.profil_fluegel_text::-webkit-scrollbar-thumb { background: var(--andarna_onlight); } 
.wingbuddy_dragonrelic label {
	display: inline !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    text-transform: lowercase !important;
	padding: 0 !important;
		cursor: default !important;	
	background: none !important;
	color: var(--font_main) !important;
}

/* Spotifyplaylist */
.codex_profil_songbox { 
	width: 75%!important; 
	height: 80px; 
	margin: 20px auto 0px auto; 
	border-radius: 11px; 
	background: linear-gradient(45deg,var(--forumhg_tabletitle) 0%, var(--andarna_onlight) 100%); 
}
.codex_profil_songlist { 
	width: 100%; 
	filter: grayscale(100%) contrast(0.8) opacity(0.6); 
	mix-blend-mode:overlay; 
}

/* Pinterestrahmung */
.profil_pinterest {
	width: 40%; 
	/* min-width: 450px; */
	box-sizing: border-box;
}

/* PROFIL TABS */
.codex_pstecki section, .codex_pstecki section {display: none;text-align: justify;}
.codex_pstecki input, .codex_pstecki input {display: none;}
.codex_pstecki label,
.codex_pstecki label {
    position: relative;
    display: block;
    width: auto;
    box-sizing: border-box;  
    transition: all 0.5s ease;
	width: calc(100%/6);
	min-width: 120px;
	text-align: center;
	padding: 10px 0px;
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 1px;
	color: var(--font_onhigh);
	background: var(--andarna_ondark);
}
.codex_pstecki label:hover, .codex_pstecki label:hover {
	cursor: pointer;
 background: var(--forumhg);	
	color: var(--font_dlink);
}
.codex_pstecki input:checked + label, .codex_pstecki input:checked + label {
 background: var(--forumhg); /* profilhg_ofd */	
	color: var(--font_dlink);
}

.codex_pstecki #tab1:checked ~ #content1,
.codex_pstecki #tab2:checked ~ #content2,
.codex_pstecki #tab3:checked ~ #content3,
.codex_pstecki #tab4:checked ~ #content4,
.codex_pstecki #tab5:checked ~ #content5,
.codex_pstecki #tab6:checked ~ #content6
{ display: block;
 background: var(--forumhg); /* profilhg_ofd */
 padding: 15px 15px 30px 15px;
}

.codex_pstecki section {
	width: 100%;
}

.codex_pstecki label i {
	display: none;
}

/* BERRIES STECKBRIEFCODE */
.subskills { display: flex; flex-wrap: wrap; gap: 20px 15px; margin: 15px 0; }
.subskills fieldset { flex: 1 0 33%; } 
.subskills fieldset p { margin: 0px 0px 0px 0px; overflow: auto; padding: 0px 10px 0px 10px; }
/* BERRIES STECKBRIEFCODE ENDE */

/* Majs STECKBRIEFCODE */
.majul { list-style-type: '...' !important; padding: 0px 0px 0px 20px !important; margin: 0px !important; }
.majul li::marker { font-weight: normal !important; }
/* Majs STECKBRIEFCODE ENDE */