.post-area-container.admin .post-area-header:after,
.post-area-container.admin .post-area-sidebar:after,
.post-area-container.admin .post-area-footer:after,
.profile-area.admin #character .chara-area .image-area:after,
.profile-area.admin #character .bar-surrounder .bar-output,
.admin .small-heading.species-coloring:after,
.small-heading.species-colored.admin:after,
.admin .text-image.species-coloring:before,
.text-image.species-colored.admin:before,
.member-card.admin {  
    background: var(--admin);
}


.post-area-container.angel .post-area-header:after,
.post-area-container.angel .post-area-sidebar:after,
.post-area-container.angel .post-area-footer:after,
.profile-area.angel #character .chara-area .image-area:after,
.profile-area.angel #character .bar-surrounder .bar-output,
.angel .small-heading.species-coloring:after,
.small-heading.species-colored.angel:after,
.angel .text-image.species-coloring:before,
.text-image.species-colored.angel:before,
.member-card.angel{  
    background: var(--angel);
}

.post-area-container.demigod .post-area-header:after,
.post-area-container.demigod .post-area-sidebar:after,
.post-area-container.demigod .post-area-footer:after,
.profile-area.demigod #character .chara-area .image-area:after,
.profile-area.demigod #character .bar-surrounder .bar-output,
.demigod .small-heading.species-coloring:after,
.small-heading.species-colored.demigod:after,
.text-image.species-colored.demigod:before,
.demigod .text-image.species-coloring:before,
.member-card.demigod {  
    background: var(--demigod);
}

.post-area-container.demon .post-area-header:after,
.post-area-container.demon .post-area-sidebar:after,
.post-area-container.demon .post-area-footer:after,
.profile-area.demon #character .chara-area .image-area:after,
.profile-area.demon #character .bar-surrounder .bar-output,
.demon .small-heading.species-coloring:after,
.small-heading.species-colored.demon:after,
.text-image.species-colored.demon:before,
.demon .text-image.species-coloring:before,
.member-card.demon {  
    background: var(--demon);
}

.post-area-container.fae .post-area-header:after,
.post-area-container.fae .post-area-sidebar:after,
.post-area-container.fae .post-area-footer:after,
.profile-area.fae #character .chara-area .image-area:after,
.profile-area.fae #character .bar-surrounder .bar-output,
.fae .small-heading.species-coloring:after,
.small-heading.species-colored.fae:after,
.text-image.species-colored.fae:before,
.fae .text-image.species-coloring:before,
.member-card.fae
{  
    background: var(--fae);
}


.post-area-container.dragonkin .post-area-header:after,
.post-area-container.dragonkin .post-area-sidebar:after,
.post-area-container.dragonkin .post-area-footer:after,
.profile-area.dragonkin #character .chara-area .image-area:after,
.profile-area.dragonkin #character .bar-surrounder .bar-output,
.dragonkin .small-heading.species-coloring:after,
.small-heading.species-colored.dragonkin:after,
.text-image.species-colored.dragonkin:before,
.dragonkin .text-image.species-coloring:before,
.member-card.dragonkin {  
    background: var(--dragonkin);
}

.post-area-container.human .post-area-header:after,
.post-area-container.human .post-area-sidebar:after,
.post-area-container.human .post-area-footer:after,
.profile-area.human #character .chara-area .image-area:after,
.profile-area.human #character .bar-surrounder .bar-output,
.human .small-heading.species-coloring:after,
.small-heading.species-colored.human:after,
.human .text-image.species-coloring:before,
.text-image.species-colored.human:before,
.member-card.human {  
    background: var(--human);
}

.post-area-container.shapeshifter .post-area-header:after,
.post-area-container.shapeshifter .post-area-sidebar:after,
.post-area-container.shapeshifter .post-area-footer:after,
.profile-area.shapeshifter #character .chara-area .image-area:after,
.profile-area.shapeshifter #character .bar-surrounder .bar-output,
.shapeshifter .small-heading.species-coloring:after,
.small-heading.species-colored.shapeshifter:after,
.text-image.species-colored.shapeshifter:before,
.shapeshifter .text-image.species-coloring:before,
.member-card.shapeshifter {  
    background: var(--shapeshifter);
}

.post-area-container.hybrid .post-area-header:after,
.post-area-container.hybrid .post-area-sidebar:after,
.post-area-container.hybrid .post-area-footer:after,
.profile-area.hybrid #character .chara-area .image-area:after,
.profile-area.hybrid #character .bar-surrounder .bar-output,
.hybrid .small-heading.species-coloring:after,
.small-heading.species-colored.hybrid:after,
.text-image.species-colored.hybrid:before,
.hybrid .text-image.species-coloring:before,
.member-card.hybrid{  
    background: var(--hybrid);
}

.post-area-container.spirit .post-area-header:after,
.post-area-container.spirit .post-area-sidebar:after,
.post-area-container.spirit .post-area-footer:after,
.profile-area.spirit #character .chara-area .image-area:after,
.profile-area.spirit #character .bar-surrounder .bar-output,
.spirit .small-heading.species-coloring:after,
.small-heading.species-colored.spirit:after,
.text-image.species-colored.spirit:before,
.spirit .text-image.species-coloring:before,
.member-card.spirit {  
    background: var(--spirit);
}

.post-area-container.vampire .post-area-header:after,
.post-area-container.vampire .post-area-sidebar:after,
.post-area-container.vampire .post-area-footer:after,
.profile-area.vampire #character .chara-area .image-area:after,
.profile-area.vampire #character .bar-surrounder .bar-output,
.vampire .small-heading.species-coloring:after,
.small-heading.species-colored.vampire:after,
.text-image.species-colored.vampire:before,
.vampire .text-image.species-coloring:before,
.member-card.vampire {  
    background: var(--vampire);
}

.post-area-container.werewolf .post-area-header:after,
.post-area-container.werewolf .post-area-sidebar:after,
.post-area-container.werewolf .post-area-footer:after,
.profile-area.werewolf #character .chara-area .image-area:after,
.profile-area.werewolf #character .bar-surrounder .bar-output,
.werewolf .small-heading.species-coloring:after,
.small-heading.species-colored.werewolf:after,
.text-image.species-colored.werewolf:before,
.werewolf .text-image.species-coloring:before,
.member-card.werewolf {  
    background: var(--werewolf);
}

.post-area-container.witcher .post-area-header:after,
.post-area-container.witcher .post-area-sidebar:after,
.post-area-container.witcher .post-area-footer:after,
.profile-area.witcher #character .chara-area .image-area:after,
.profile-area.witcher #character .bar-surrounder .bar-output,
.witcher .small-heading.species-coloring:after,
.small-heading.species-colored.witcher:after,
.witcher .text-image.species-coloring:before,
.text-image.species-colored.witcher:before,
.member-card.witcher {  
    background: var(--witcher);
}

.admin.username {
	position: relative;
}

.admin.username::before {
  font-family: var(--icon-font);
  content: "\e990";
  font-size: 13px;
  margin-right: 4px;
  color: var(--color-main);
  display: inline-block;
  vertical-align: middle;
}

.admin.username b,
.profile-area.admin #character .bar-area .trait b,
.profile-area.admin #skills .specials-box b{
	color: var(--admin)!important;
	font-weight: 700;
}

.adminsigns ::before {
	content: "\e990";
	font-family: "Font Awesome 6 Pro";
	font-size: 82%;
	padding-right: 5px;
	font-weight: 600;
}

.profile-area.admin #character .chara-area .bar-area .trait b,
.profile-area.admin #relations .secret-box .Profil_InfTitle span,
.post-area.admin .post-footer .post_date span,
.profile-area.admin #skills .Profile_Skill,
.profile-area.admin #skills .species-name,
.profile-area.admin .trait-box a,
.profile-area.admin #skills a,
.profile-area.admin .trait-box .main-text b,
.profile-area.admin .trait-box .main-text i,
.profile-area.admin .specials-box b,
.profile-area.admin .specials-box i,
.profile-area.admin .ooc-box b,
.profile-area.admin .ooc-box i,
.profile-area.admin .familiar-box b,
.profile-area.admin .familiar-box i,
.profile-area.admin .species-coloring,
.post-area.admin .species-coloring,
.species-colored.admin,
.profile-area.admin .quote-meta .scene-link a,
.profile-area.admin .all-quotes a,
.profile-area.admin .quote-text blockquote b
{
	color: var(--admin);
}

.power-level-dice.angel,
.angel.username,
.fa-angel,
.profile-area.angel #character .bar-area .trait b,
.profile-area.angel #relations .secret-box .Profil_InfTitle span,
.post-area.angel .post-footer .post_date span,
.profile-area.angel #skills .Profile_Skill,
.profile-area.angel #skills .species-name,
.profile-area.angel .trait-box a,
.profile-area.angel #skills a,
.profile-area.angel .trait-box .main-text b,
.profile-area.angel .trait-box .main-text i,
.profile-area.angel .specials-box b,
.profile-area.angel .specials-box i,
.profile-area.angel .familiar-box b,
.profile-area.angel .familiar-box i,
.profile-area.angel .ooc-box b,
.profile-area.angel .ooc-box i,
.profile-area.angel .species-coloring,
.post-area.angel .species-coloring,
.species-colored.angel,
.profile-area.angel .quote-meta .scene-link a,
.profile-area.angel .all-quotes a,
.profile-area.angel .quote-text blockquote b
{
	color: var(--angel)!important;
}

.power-level-dice.demigod,
.demigod.username,
.fa-demigod,
.profile-area.demigod #character .bar-area .trait b,
.profile-area.demigod #relations .secret-box .Profil_InfTitle span,
.post-area.demigod .post-footer .post_date span,
.profile-area.demigod #skills .Profile_Skill,
.profile-area.demigod #skills .species-name,
.profile-area.demigod .trait-box a,
.profile-area.demigod #skills a,
.profile-area.demigod .trait-box .main-text b,
.profile-area.demigod .trait-box .main-text i,
.profile-area.demigod .specials-box b,
.profile-area.demigod .specials-box i,
.profile-area.demigod .familiar-box b,
.profile-area.demigod .familiar-box i,
.profile-area.demigod .ooc-box b,
.profile-area.demigod .ooc-box i,
.profile-area.demigod .species-coloring,
.post-area.demigod .species-coloring,
.species-colored.demigod,
.profile-area.demigod .quote-meta .scene-link a,
.profile-area.demigod .all-quotes a,
.profile-area.demigod .quote-text blockquote b
{
	color: var(--demigod)!important;
}

.power-level-dice.demon,
.demon.username,
.fa-demon,
.profile-area.demon #character .bar-area .trait b,
.profile-area.demon #relations .secret-box .Profil_InfTitle span,
.post-area.demon .post-footer .post_date span,
.profile-area.demon #skills .Profile_Skill,
.profile-area.demon #skills .species-name,
.profile-area.demon .trait-box a,
.profile-area.demon #skills a,
.profile-area.demon .trait-box .main-text b,
.profile-area.demon .trait-box .main-text i,
.profile-area.demon .specials-box b,
.profile-area.demon .specials-box i,
.profile-area.demon .familiar-box b,
.profile-area.demon .familiar-box i,
.profile-area.demon .ooc-box b,
.profile-area.demon .ooc-box i,
.profile-area.demon .species-coloring,
.post-area.demon .species-coloring,
.species-colored.demon,
.profile-area.demon .quote-meta .scene-link a,
.profile-area.demon .all-quotes a,
.profile-area.demon .quote-text blockquote b
{
	color: var(--demon)!important;
}

.power-level-dice.fae,
.fae.username,
.fa-fae,
.profile-area.fae #character .bar-area .trait b,
.profile-area.fae #relations .secret-box .Profil_InfTitle span,
.post-area.fae .post-footer .post_date span,
.profile-area.fae #skills .Profile_Skill,
.profile-area.fae #skills .species-name,
.profile-area.fae .trait-box a,
.profile-area.fae #skills a,
.profile-area.fae .trait-box .main-text b,
.profile-area.fae .trait-box .main-text i,
.profile-area.fae .specials-box b,
.profile-area.fae .specials-box i,
.profile-area.fae .familiar-box b,
.profile-area.fae .familiar-box i,
.profile-area.fae .ooc-box b,
.profile-area.fae .ooc-box i,
.profile-area.fae .species-coloring,
.post-area.fae .species-coloring,
.species-colored.fae,
.profile-area.fae .quote-meta .scene-link a,
.profile-area.fae .all-quotes a,
.profile-area.fae .quote-text blockquote b
{
	color: var(--fae)!important;
}

.power-level-dice.dragonkin,
.dragonkin.username,
.fa-dragonkin,
.profile-area.dragonkin #character .bar-area .trait b,
.profile-area.dragonkin #relations .secret-box .Profil_InfTitle span,
.post-area.dragonkin .post-footer .post_date span,
.profile-area.dragonkin #skills .Profile_Skill,
.profile-area.dragonkin #skills .species-name,
.profile-area.dragonkin .trait-box a,
.profile-area.dragonkin #skills a,
.profile-area.dragonkin .trait-box .main-text b,
.profile-area.dragonkin .trait-box .main-text i,
.profile-area.dragonkin .specials-box b,
.profile-area.dragonkin .specials-box i,
.profile-area.dragonkin .familiar-box b,
.profile-area.dragonkin .familiar-box i,
.profile-area.dragonkin .ooc-box b,
.profile-area.dragonkin .ooc-box i,
.profile-area.dragonkin .species-coloring,
.post-area.dragonkin .species-coloring,
.species-colored.dragonkin,
.profile-area.dragonkin .quote-meta .scene-link a,
.profile-area.dragonkin .all-quotes a,
.profile-area.dragonkin .quote-text blockquote b
{
	color: var(--dragonkin)!important;
}

.power-level-dice.human,
.human.username,
.fa-human,
.profile-area.human #character .bar-area .trait b,
.profile-area.human #relations .secret-box .Profil_InfTitle span,
.post-area.human .post-footer .post_date span,
.profile-area.human #skills .Profile_Skill,
.profile-area.human #skills .species-name,
.profile-area.human .trait-box a,
.profile-area.human #skills a,
.profile-area.human .trait-box .main-text b,
.profile-area.human .trait-box .main-text i,
.profile-area.human .specials-box b,
.profile-area.human .specials-box i,
.profile-area.human .familiar-box b,
.profile-area.human .familiar-box i,
.profile-area.human .ooc-box b,
.profile-area.human .ooc-box i,
.profile-area.human .species-coloring,
.post-area.human .species-coloring,
.species-colored.human,
.profile-area.human .quote-meta .scene-link a,
.profile-area.human .all-quotes a,
.profile-area.human .quote-text blockquote b
{
	color: var(--human)!important;
}


.power-level-dice.hybrid,
.hybrid.username,
.fa-hybrid,
.profile-area.hybrid #character .bar-area .trait b,
.profile-area.hybrid #relations .secret-box .Profil_InfTitle span,
.post-area.hybrid .post-footer .post_date span,
.profile-area.hybrid #skills .Profile_Skill,
.profile-area.hybrid #skills .species-name,
.profile-area.hybrid .trait-box a,
.profile-area.hybrid #skills a,
.profile-area.hybrid .trait-box .main-text b,
.profile-area.hybrid .trait-box .main-text i,
.profile-area.hybrid .specials-box b,
.profile-area.hybrid .specials-box i,
.profile-area.hybrid .familiar-box b,
.profile-area.hybrid .familiar-box i,
.profile-area.hybrid .ooc-box b,
.profile-area.hybrid .ooc-box i,
.profile-area.hybrid .species-coloring,
.post-area.hybrid .species-coloring,
.species-colored.hybrid,
.profile-area.hybrid .quote-meta .scene-link a,
.profile-area.hybrid .all-quotes a,
.profile-area.hybrid .quote-text blockquote b
{
	color: var(--hybrid)!important;
}

.power-level-dice.shapeshifter,
.shapeshifter.username,
.fa-shapeshifter,
.profile-area.shapeshifter #character .bar-area .trait b,
.profile-area.shapeshifter #relations .secret-box .Profil_InfTitle span,
.post-area.shapeshifter .post-footer .post_date span,
.profile-area.shapeshifter #skills .Profile_Skill,
.profile-area.shapeshifter #skills .species-name,
.profile-area.shapeshifter .trait-box a,
.profile-area.shapeshifter #skills a,
.profile-area.shapeshifter .trait-box .main-text b,
.profile-area.shapeshifter .trait-box .main-text i,
.profile-area.shapeshifter .specials-box b,
.profile-area.shapeshifter .specials-box i,
.profile-area.shapeshifter .familiar-box b,
.profile-area.shapeshifter .familiar-box i,
.profile-area.shapeshifter .ooc-box b,
.profile-area.shapeshifter .ooc-box i,
.profile-area.shapeshifter .species-coloring,
.post-area.shapeshifter .species-coloring,
.species-colored.shapeshifter,
.profile-area.shapeshifter .quote-meta .scene-link a,
.profile-area.shapeshifter .all-quotes a,
.profile-area.shapeshifter .quote-text blockquote b
{
	color: var(--shapeshifter)!important;
}

.power-level-dice.spirit,
.spirit.username,
.fa-spirit,
.profile-area.spirit #character .bar-area .trait b,
.profile-area.spirit #relations .secret-box .Profil_InfTitle span,
.post-area.spirit .post-footer .post_date span,
.profile-area.spirit #skills .Profile_Skill,
.profile-area.spirit #skills .species-name,
.profile-area.spirit .trait-box a,
.profile-area.spirit #skills a,
.profile-area.spirit .trait-box .main-text b,
.profile-area.spirit .trait-box .main-text i,
.profile-area.spirit .specials-box b,
.profile-area.spirit .specials-box i,
.profile-area.spirit .familiar-box b,
.profile-area.spirit .familiar-box i,
.profile-area.spirit .ooc-box b,
.profile-area.spirit .ooc-box i,
.profile-area.spirit .species-coloring,
.post-area.spirit .species-coloring,
.species-colored.spirit,
.profile-area.spirit .quote-meta .scene-link a,
.profile-area.spirit .all-quotes a,
.profile-area.spirit .quote-text blockquote b
{
	color: var(--spirit)!important;
}

.power-level-dice.vampire,
.vampire.username,
.fa-vampire,
.profile-area.vampire #character .bar-area .trait b,
.profile-area.vampire #relations .secret-box .Profil_InfTitle span,
.post-area.vampire .post-footer .post_date span,
.profile-area.vampire #skills .Profile_Skill,
.profile-area.vampire #skills .species-name,
.profile-area.vampire .trait-box a,
.profile-area.vampire #skills a,
.profile-area.vampire .trait-box .main-text b,
.profile-area.vampire .trait-box .main-text i,
.profile-area.vampire .specials-box b,
.profile-area.vampire .specials-box i,
.profile-area.vampire .familiar-box b,
.profile-area.vampire .familiar-box i,
.profile-area.vampire .ooc-box b,
.profile-area.vampire .ooc-box i,
.profile-area.vampire .species-coloring,
.post-area.vampire .species-coloring,
.species-colored.vampire,
.profile-area.vampire .quote-meta .scene-link a,
.profile-area.vampire .all-quotes a,
.profile-area.vampire .quote-text blockquote b
{
	color: var(--vampire)!important;
}

.power-level-dice.werewolf,
.werewolf.username,
.fa-werewolf,
.profile-area.werewolf #character .bar-area .trait b,
.profile-area.werewolf #relations .secret-box .Profil_InfTitle span,
.post-area.werewolf .post-footer .post_date span,
.profile-area.werewolf #skills .Profile_Skill,
.profile-area.werewolf #skills .species-name,
.profile-area.werewolf .trait-box a,
.profile-area.werewolf #skills a,
.profile-area.werewolf .trait-box .main-text b,
.profile-area.werewolf .trait-box .main-text i,
.profile-area.werewolf .specials-box b,
.profile-area.werewolf .specials-box i,
.profile-area.werewolf .familiar-box b,
.profile-area.werewolf .familiar-box i,
.profile-area.werewolf .ooc-box b,
.profile-area.werewolf .ooc-box i,
.profile-area.werewolf .species-coloring,
.post-area.werewolf .species-coloring,
.species-colored.werewolf,
.profile-area.werewolf .quote-meta .scene-link a,
.profile-area.werewolf .all-quotes a,
.profile-area.werewolf .quote-text blockquote b
{
	color: var(--werewolf)!important;
}

.power-level-dice.witcher,
.witcher.username,
.fa-witcher,
.profile-area.witcher #character .bar-area .trait b,
.profile-area.witcher #relations .secret-box .Profil_InfTitle span,
.post-area.witcher .post-footer .post_date span,
.profile-area.witcher #skills .Profile_Skill,
.profile-area.witcher #skills .species-name,
.profile-area.witcher .trait-box a,
.profile-area.witcher #skills a,
.profile-area.witcher .trait-box .main-text b,
.profile-area.witcher .trait-box .main-text i,
.profile-area.witcher .specials-box b,
.profile-area.witcher .specials-box i,
.profile-area.witcher .familiar-box b,
.profile-area.witcher .familiar-box i,
.profile-area.witcher .ooc-box b,
.profile-area.witcher .ooc-box i
.profile-area.witcher .species-coloring,
.post-area.witcher .species-coloring,
.species-colored.witcher,
.profile-area.witcher .quote-meta .scene-link a,
.profile-area.witcher .all-quotes a,
.profile-area.witcher .quote-text blockquote b
{
	color: var(--witcher)!important;
}


/* Profil Extra Farben */
/* Divider & Buttons für alle Wesenstypen */


.profile-area .divider {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--color-accent1);
}



.profile-area.admin .divider {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--admin);
}

.profile-area.angel .divider {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--angel);
}


.profile-area.demigod .divider {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--demigod);
}

.profile-area.demon .divider {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--demon);
}

.profile-area.fae .divider {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--fae);
}

.profile-area.dragonkin .divider {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--dragonkin);
}

.profile-area.human .divider {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--human);
}

.profile-area.hybrid .divider {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--hybrid);
}

.profile-area.spirit .divider {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--spirit);
}

.profile-area.vampire .divider {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--vampire);
}

.profile-area.shapeshifter .divider {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--shapeshifter);
}

.profile-area.werewolf .divider {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--werewolf);
}

.profile-area.witcher .divider {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--witcher);
}

.profile-area .profile-bit .quote-box .cp.cp-quote {
position: absolute;
 top: 137.2%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  font-size: 90px;
  color: var(--color-accent1);
  z-index: 0;
  opacity: 0.2;
  pointer-events: none;
}

.profile-area.admin .profile-bit .quote-box .cp.cp-quote {
    position: absolute;
    top: 137.2%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    font-size: 90px;
    color: var(--admin);
    z-index: 0;
  opacity: 0.2;
    pointer-events: none;
}

.profile-area.angel .profile-bit .quote-box .cp.cp-quote {
    position: absolute;
    top: 137.2%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    font-size: 90px;
    color: var(--angel);
    z-index: 0;
  opacity: 0.2;
    pointer-events: none;
}

.profile-area.demigod .profile-bit .quote-box .cp.cp-quote {
    position: absolute;
    top: 137.2%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    font-size: 90px;
    color: var(--demigod);
    z-index: 0;
  opacity: 0.2;
    pointer-events: none;
}

.profile-area.demon .profile-bit .quote-box .cp.cp-quote {
    position: absolute;
    top: 137.2%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    font-size: 90px;
    color: var(--demon);
    z-index: 0;
  opacity: 0.2;
    pointer-events: none;
}

.profile-area.fae .profile-bit .quote-box .cp.cp-quote {
    position: absolute;
    top: 137.2%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    font-size: 90px;
    color: var(--fae);
    z-index: 0;
  opacity: 0.2;
    pointer-events: none;
}

.profile-area.dragonkin .profile-bit .quote-box .cp.cp-quote {
    position: absolute;
    top: 137.2%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    font-size: 90px;
    color: var(--dragonkin);
    z-index: 0;
  opacity: 0.2;
    pointer-events: none;
}

.profile-area.human .profile-bit .quote-box .cp.cp-quote {
    position: absolute;
    top: 137.2%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    font-size: 90px;
    color: var(--human);
    z-index: 0;
  opacity: 0.2;
    pointer-events: none;
}

.profile-area.hybrid .profile-bit .quote-box .cp.cp-quote {
    position: absolute;
    top: 137.2%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    font-size: 90px;
    color: var(--hybrid);
    z-index: 0;
  opacity: 0.2;
    pointer-events: none;
}

.profile-area.spirit .profile-bit .quote-box .cp.cp-quote {
    position: absolute;
    top: 137.2%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    font-size: 90px;
    color: var(--spirit);
    z-index: 0;
  opacity: 0.2;
    pointer-events: none;
}

.profile-area.vampire .profile-bit .quote-box .cp.cp-quote {
    position: absolute;
    top: 137.2%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    font-size: 90px;
    color: var(--vampire);
    z-index: 0;
  opacity: 0.2;
    pointer-events: none;
}

.profile-area.werewolf .profile-bit .quote-box .cp.cp-quote {
    position: absolute;
    top: 137.2%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    font-size: 90px;
    color: var(--werewolf);
    z-index: 0;
  opacity: 0.2;
    pointer-events: none;
}

.profile-area.witcher .profile-bit .quote-box .cp.cp-quote {
    position: absolute;
    top: 137.2%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    font-size: 90px;
    color: var(--witcher);
    z-index: 0;
  opacity: 0.2;
    pointer-events: none;
}

.profile-area.admin .profile-bit .inplayquotes {
  width: 100%;
  min-height: 300px;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--admin);
  background-blend-mode: multiply;
  box-sizing: border-box;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.profile-area.angel .profile-bit .inplayquotes {
  width: 100%;
  min-height: 300px;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--angel);
  background-blend-mode: multiply;
  box-sizing: border-box;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.profile-area.demigod .profile-bit .inplayquotes {
  width: 100%;
  min-height: 300px;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--demigod);
  background-blend-mode: multiply;
  box-sizing: border-box;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.profile-area.shapeshifter .profile-bit .inplayquotes {
  width: 100%;
  min-height: 300px;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--shapeshifter);
  background-blend-mode: multiply;
  box-sizing: border-box;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.profile-area.demon .profile-bit .inplayquotes {
  width: 100%;
  min-height: 300px;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--demon);
  background-blend-mode: multiply;
  box-sizing: border-box;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.profile-area.fae .profile-bit .inplayquotes {
  width: 100%;
  min-height: 300px;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--fae);
  background-blend-mode: multiply;
  box-sizing: border-box;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.profile-area.dragonkin .profile-bit .inplayquotes {
  width: 100%;
  min-height: 300px;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--dragonkin);
  background-blend-mode: multiply;
  box-sizing: border-box;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.profile-area.human .profile-bit .inplayquotes {
  width: 100%;
  min-height: 300px;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--human);
  background-blend-mode: multiply;
  box-sizing: border-box;
 padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.profile-area.hybrid .profile-bit .inplayquotes {
  width: 100%;
  min-height: 300px;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--hybrid);
  background-blend-mode: multiply;
  box-sizing: border-box;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.profile-area.spirit .profile-bit .inplayquotes {
  width: 100%;
  min-height: 300px;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--spirit);
  background-blend-mode: multiply;
  box-sizing: border-box;
 padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.profile-area.vampire .profile-bit .inplayquotes {
  width: 100%;
  min-height: 300px;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--vampire);
  background-blend-mode: multiply;
  box-sizing: border-box;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.profile-area.werewolf .profile-bit .inplayquotes {
  width: 100%;
  min-height: 300px;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--werewolf);
  background-blend-mode: multiply;
  box-sizing: border-box;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.profile-area.witcher .profile-bit .inplayquotes {
  width: 100%;
  min-height: 300px;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--witcher);
  background-blend-mode: multiply;
  box-sizing: border-box;
 padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.profile-area .profile-bit .inplayquotes {
  width: 100%;
  min-height: 300px;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--color-accent1);
  background-blend-mode: multiply;
  box-sizing: border-box;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.profile-area #relations .rumorsbox {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--color-accent1);
}

.profile-area.admin #relations .rumorsbox {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--admin);
}

.profile-area.angel #relations .rumorsbox {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--angel);
}

.profile-area.demigod #relations .rumorsbox {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--demigod);
}

.profile-area.demon #relations .rumorsbox {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--demon);
}

.profile-area.fae #relations .rumorsbox {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--fae);
}

.profile-area.dragonkin #relations .rumorsbox {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--dragonkin);
}

.profile-area.human #relations .rumorsbox {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--human);
}

.profile-area.hybrid #relations .rumorsbox {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--hybrid);
}

.profile-area.shapeshifter #relations .rumorsbox {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--shapeshifter);
}

.profile-area.spirit #relations .rumorsbox {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--spirit);
}

.profile-area.vampire #relations .rumorsbox {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--vampire);
}

.profile-area.werewolf #relations .rumorsbox {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--werewolf);
}

.profile-area.witcher #relations .rumorsbox {
  width: 100%;
  padding: 15px;
  background-blend-mode: multiply;
  box-sizing: border-box;
  background-image: var(--accent-bg);
  background-attachment: fixed;
  background-color: var(--witcher);
}



/* Link-Elemente für alle Wesenstypen */
.profile-area.admin .header-profile-extra .short-infos .box.button,
.profile-area.admin .posts-contact a,
.profile-area.admin .tabs .ui-tabs-active a {
    color: var(--admin);
    border-color: var(--admin);
}

.profile-area.angel .header-profile-extra .short-infos .box.button,
.profile-area.angel .posts-contact a,
.profile-area.angel .tabs .ui-tabs-active a {
    color: var(--angel);
    border-color: var(--angel);
}

.profile-area.demigod .header-profile-extra .short-infos .box.button,
.profile-area.demigod .posts-contact a,
.profile-area.demigod .tabs .ui-tabs-active a {
    color: var(--demigod);
    border-color: var(--demigod);
}

.profile-area.demon .header-profile-extra .short-infos .box.button,
.profile-area.demon .posts-contact a,
.profile-area.demon .tabs .ui-tabs-active a {
    color: var(--demon);
    border-color: var(--demon);
}

.profile-area.fae .header-profile-extra .short-infos .box.button,
.profile-area.fae .posts-contact a,
.profile-area.fae .tabs .ui-tabs-active a {
    color: var(--fae);
    border-color: var(--fae);
}

.profile-area.dragonkin .header-profile-extra .short-infos .box.button,
.profile-area.dragonkin .posts-contact a,
.profile-area.dragonkin .tabs .ui-tabs-active a {
    color: var(--dragonkin);
    border-color: var(--dragonkin);
}

.profile-area.human .header-profile-extra .short-infos .box.button,
.profile-area.human .posts-contact a,
.profile-area.human .tabs .ui-tabs-active a {
    color: var(--human);
    border-color: var(--human);
}

.profile-area.hybrid .header-profile-extra .short-infos .box.button,
.profile-area.hybrid .posts-contact a,
.profile-area.hybrid .tabs .ui-tabs-active a {
    color: var(--hybrid);
    border-color: var(--hybrid);
}

.profile-area.spirit .header-profile-extra .short-infos .box.button,
.profile-area.spirit .posts-contact a,
.profile-area.spirit .tabs .ui-tabs-active a {
    color: var(--spirit);
    border-color: var(--spirit);
}

.profile-area.vampire .header-profile-extra .short-infos .box.button,
.profile-area.vampire .posts-contact a,
.profile-area.vampire .tabs .ui-tabs-active a {
    color: var(--vampire);
    border-color: var(--vampire);
}

.profile-area.werewolf .header-profile-extra .short-infos .box.button,
.profile-area.werewolf .posts-contact a,
.profile-area.werewolf .tabs .ui-tabs-active a {
    color: var(--werewolf);
    border-color: var(--werewolf);
}

.profile-area.witcher .header-profile-extra .short-infos .box.button,
.profile-area.witcher .posts-contact a,
.profile-area.witcher .tabs .ui-tabs-active a {
    color: var(--witcher);
    border-color: var(--witcher);
}

.profile-area.shapeshifter .header-profile-extra .short-infos .box.button,
.profile-area.shapeshifter .posts-contact a,
.profile-area.shapeshifter .tabs .ui-tabs-active a {
    color: var(--shapeshifter);
    border-color: var(--shapeshifter);
}

.icecolor{
	color: var(--icecolor);
}

.profile-area.admin .various-box .info span,
.profile-area.admin .various-box .info b{
    color: var(--admin)!important;
}

.profile-area.angel .various-box .info span,
.profile-area.angel .various-box .info b{
    color: var(--angel)!important;
}

.profile-area.demigod .various-box .info span,
.profile-area.demigod .various-box .info b{
    color: var(--demigod)!important;
}

.profile-area.demon .various-box .info span,
.profile-area.demon .various-box .info b{
    color: var(--demon)!important;
}

.profile-area.fae .various-box .info span,
.profile-area.fae .various-box .info b{
    color: var(--fae)!important;
}

.profile-area.dragonkin .various-box .info span,
.profile-area.dragonkin .various-box .info b{
    color: var(--dragonkin)!important;
}

.profile-area.human .various-box .info span,
.profile-area.human .various-box .info b{
    color: var(--human)!important;
}

.profile-area.hybrid .various-box .info span,
.profile-area.hybrid .various-box .info b{
    color: var(--hybrid)!important;
}

.profile-area.spirit .various-box .info span,
.profile-area.spirit .various-box .info b{
    color: var(--spirit)!important;
}

.profile-area.vampire .various-box .info span,
.profile-area.vampire .various-box .info b{
    color: var(--vampire)!important;
}

.profile-area.werewolf .various-box .info span,
.profile-area.werewolf .various-box .info b{
    color: var(--werewolf)!important;
}

.profile-area.witcher .various-box .info span,
.profile-area.witcher .various-box .info b{
    color: var(--witcher)!important;
}

.profile-area.admin .relations-headline {
	width: 100%;
	padding: 15px;
	background-color: var(--admin);
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: var(--base-gap);
}

.profile-area.witcher .relations-headline {
	width: 100%;
	padding: 15px;
	background-color: var(--witcher);
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: var(--base-gap);
}

.profile-area.werewolf .relations-headline {
	width: 100%;
	padding: 15px;
	background-color: var(--werewolf);
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: var(--base-gap);
}

.profile-area.vampire .relations-headline {
	width: 100%;
	padding: 15px;
	background-color: var(--vampire);
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: var(--base-gap);
}

.profile-area.spirit .relations-headline {
	width: 100%;
	padding: 15px;
	background-color: var(--spirit);
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: var(--base-gap);
}

.profile-area.shapeshifter .relations-headline {
	width: 100%;
	padding: 15px;
	background-color: var(--shapeshifter);
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: var(--base-gap);
}

.profile-area.hybrid .relations-headline {
	width: 100%;
	padding: 15px;
	background-color: var(--hybrid);
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: var(--base-gap);
}

.profile-area.human .relations-headline {
	width: 100%;
	padding: 15px;
	background-color: var(--human);
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: var(--base-gap);
}

.profile-area.dragonkin .relations-headline {
	width: 100%;
	padding: 15px;
	background-color: var(--dragonkin);
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: var(--base-gap);
}

.profile-area.fae .relations-headline {
	width: 100%;
	padding: 15px;
	background-color: var(--fae);
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: var(--base-gap);
}

.profile-area.demon .relations-headline {
	width: 100%;
	padding: 15px;
	background-color: var(--demon);
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: var(--base-gap);
}

.profile-area.demigod .relations-headline {
	width: 100%;
	padding: 15px;
	background-color: var(--demigod);
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: var(--base-gap);
}

.profile-area.angel .relations-headline {
	width: 100%;
	padding: 15px;
	background-color: var(--angel);
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: var(--base-gap);
}

.profile-area.admin .tcat,
.profile-area.admin .thead{
	background-color: var(--admin);
	padding: 15px;
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	isolation: isolate;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
  }
  
  .profile-area.witcher .tcat,
.profile-area.witcher .thead{
	background-color: var(--witcher);
	padding: 15px;
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	isolation: isolate;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
  }
  
  .profile-area.werewolf .tcat,
.profile-area.werewolf .thead{
	background-color: var(--werewolf);
	padding: 15px;
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	isolation: isolate;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
  }
  
  .profile-area.vampire .tcat,
.profile-area.vampire .thead{
	background-color: var(--vampire);
	padding: 15px;
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	isolation: isolate;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
  }
  
  .profile-area.spirit .tcat,
.profile-area.spirit .thead{
	background-color: var(--spirit);
	padding: 15px;
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	isolation: isolate;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
  }
  
  .profile-area.shapeshifter .tcat,
.profile-area.shapeshifter .thead{
	background-color: var(--shapeshifter);
	padding: 15px;
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	isolation: isolate;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
  }
  
  .profile-area.hybrid .tcat,
.profile-area.hybrid .thead{
	background-color: var(--hybrid);
	padding: 15px;
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	isolation: isolate;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
  }
  
  .profile-area.human .tcat,
.profile-area.human .thead{
	background-color: var(--human);
	padding: 15px;
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	isolation: isolate;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
  }
  
  .profile-area.dragonkin .tcat,
 .profile-area.dragonkin .thead{
	background-color: var(--dragonkin);
	padding: 15px;
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	isolation: isolate;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
  }
  
  .profile-area.fae .tcat,
.profile-area.fae .head{
	background-color: var(--fae);
	padding: 15px;
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	isolation: isolate;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
  }
  
  .profile-area.demon .tcat,
 .profile-area.demon .thead{
	background-color: var(--demon);
	padding: 15px;
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	isolation: isolate;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
  }
  
  .profile-area.demigod .tcat,
 .profile-area.demigod .head{
	background-color: var(--demigod);
	padding: 15px;
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	isolation: isolate;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
  }
  
  .profile-area.angel .tcat,
.profile-area.angel .thead{
	background-color: var(--angel);
	padding: 15px;
	background-blend-mode: multiply;
	box-sizing: border-box;
	background-image: var(--accent-bg);
	background-attachment: fixed;
	color: var(--color-main3);
	border-top: 1px solid var(--color-opac-border);
	border-bottom: 1px solid var(--color-opac-border);
	font-size: 14px;
	text-transform: uppercase;
	isolation: isolate;
	font-family: var(--display-font);
	font-weight: 600;
	letter-spacing: 1px;
  }