:root {
    --font1: 'Gentium Book Plus', serif;
    --font2: Beyond;
    --color: #bbb;
    --color1: #eee;
    --bgc: #1e262b; /*** #fff ***/
    --bgc1: #222b30; /*** #f3f3f3 ***/
    --border: 1px solid #1c2225; /*** #eee ***/
    --border1: #1c2225;
    --mre: 255, 255, 255;
    --vergeben: rgba(var(--mclt),1);
	--header:url(../../../images/dark1/header.png);
}

@font-face {
    font-family: Beyond; 
    src: url(/fonts/Beyond_The_Mountains_Standard.ttf);
}

/*********************
Gaeste
*********************/
#g1, g1, .g1, #g, .g {
--mclt: 177, 20, 81;
--mcly: rgb(177 20 81);
}

g1 {
background: #000 linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

g {
background: #000 linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Bewerber / Awaiting Activation
*********************/
#g2, g2, .g2 {
--mclt: 118, 3, 48;
--mcly: rgb(118 3 48);
}

g2 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Admin
*********************/
#g4, g4, .g4 {
--mclt: 177, 20, 81;
--mcly: rgb(177 20 81);
}

g4 {
background: #000 linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Forenaccounts
*********************/
#g8, g8, .g8 {
--mclt: 70, 110, 91;
--mcly: rgb(70 110 91);
--gclr:rgb(70, 110, 91);
--mclr:rgb(70, 110, 91, .5);
--hclr:rgb(70, 110, 91, .75);
}

g8 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Andere
*********************/
#g9, g9, .g9 {
--mclt: 179, 121, 191;
--mcly: rgb(179 121 191);
--gclr:rgb(179, 121, 191);
--mclr:rgb(179, 121, 191, .5);
--hclr:rgb(179, 121, 191, .75);
}

g9 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Banshee - Andere
*********************/
g23 {
--mclt: 138, 68, 153;
--mcly: rgb(138 68 153);
}

g23 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
HfE Götter
*********************/
#g27, g27, .g27 {
--mclt: 190, 100, 60 ;
--mcly: rgb(190, 100, 60);
--gclr:rgb(190, 100, 60);
--mclr:rgb( 190, 100, 60, .5);
--hclr:rgb(190, 100, 60, .75);
}

g27 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Kanima - Andere
*********************/
g25 {
--mclt: 87, 27, 114;
--mcly: rgb(87 27 114);
}

g25 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Kitsunen - Andere
*********************/
g26 {
--mclt: 138, 80, 165;
--mcly: rgb(138 80 165);
}

g26 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Daemonen
*********************/
#g10, g10, .g10 {
--mclt: 167, 175, 179;
--mcly: rgb(167 175 179);
--gclr:rgb(167 175 179);
--mclr:rgb(167, 175, 179, .5);
--hclr:rgb(167, 175, 179, .75);
}

g10 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Engel
*********************/
#g11, g11, .g11 {
--mclt: 128, 147, 195;
--mcly: rgb(128 147 195);
--gclr:rgb(128, 147, 195);
--mclr:rgb(128, 147, 195, .5);
--hclr:rgb(128, 147, 195, .75);
}

g11 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Fae
*********************/
#g12, g12, .g12 {
--mclt: 83, 118, 207;
--mcly: rgb(83 118 207);
--gclr:rgb(83, 118, 207);
--mclr:rgb(83, 118, 207, .5);
--hclr:rgb(83, 118, 207, .75);
}

g12 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Geister
*********************/
#g13, g13, .g13 {
--mclt: 110, 50, 50;
--mcly: rgb(110, 50, 50);
--gclr:rgb(110, 50, 50);
--mclr:rgb(110, 50, 50, .5);
--hclr:rgb(110, 50, 50, .75);
}

g13 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Goetter
*********************/
#g14, g14, .g14 {
--mclt: 179, 142, 66;
--mcly: rgb(179 142 66);
--gclr:rgb(179, 142, 66);
--mclr:rgb(179, 142, 66, .5);
--hclr:rgb(179, 142, 66, .75);
}

g14 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Hexen
*********************/
#g15, g15, .g15 {
--mclt: 113, 191, 164;
--mcly: rgb(113 191 164);
--gclr:rgb(113, 191, 164);
--mclr:rgb(113, 191, 164, .5);
--hclr:rgb(113, 191, 164, .75);
}

g15 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
High Fae
*********************/
#g16, g16, .g16 {
--mclt: 43, 89, 207;
--mcly: rgb(43 89 207);
--gclr:rgb(43, 89, 207);
--mclr:rgb(43, 89, 207, .5);
--hclr:rgb(43, 89, 207, .75);
}

g16 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Hybride
*********************/
#g17, g17, .g17 {
--mclt: 49, 126, 97;
--mcly: rgb(49 126 97);
--gclr:rgb(49, 126, 97);
--mclr:rgb(49, 126, 97, .5);
--hclr:rgb(49, 126, 97, .75);
}

g17 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Jaeger
*********************/
#g18, g18, .g18 {
--mclt: 94, 173, 106;
--mcly: rgb(94 173 106);
--gclr:rgb(94, 173, 106);
--mclr:rgb(94, 173, 106, .5);
--hclr:rgb(94, 173, 106, .75);
}

g18 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Menschen
*********************/
#g19, g19, .g19 {
--mclt: 0, 160, 165;
--mcly: rgb(0 160 165);
--gclr:rgb(0, 160, 165);
--mclr:rgb(0, 160, 165, .5);
--hclr:rgb(0, 160, 165, .75);
}

g19 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Medium - Menschen
*********************/
g27 {
	background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);
	--mclt:  190, 100, 60;
	--mcly: rgb( 190, 100, 60);
}

g27 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Propheten - Menschen
*********************/
g28 {
--mclt: 0, 160, 165;
--mcly: rgb(0 160 165);
}

g28 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Vampire
*********************/
#g20, g20, .g20 {
--mclt: 165, 0, 0;
--mcly: rgb(165 0 0);
--gclr:rgb(165, 0, 0);
--mclr:rgb(165, 0, 0, .5);
--hclr:rgb(165, 0, 0, .75);
}

g20 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Waechter des Lichts-/ der Dunkelheit
*********************/
#g21, g21, .g21 {
--mclt: 241, 139, 71;
--mcly: rgb(241 139 71);
--gclr:rgb(241, 139, 71);
--mclr:rgb(241, 139, 71, .5);
--hclr:rgb(241, 139, 71, .75);
}

g21 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Werwesen
*********************/
#g22, g22, .g22 {
--mclt: 151, 112, 67;
--mcly: rgb(151 112 67);
--gclr:rgb(151, 112, 67);
--mclr:rgb(151, 112, 67, .5);
--hclr:rgb(151, 112, 67, .75);
}

g22 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*********************
Anakim
*********************/
#g25, g25, .g25 {
--mclt: 184, 176, 24;
--mcly: rgb(184, 176, 24);
--gclr:rgb(184, 176, 24);
--mclr:rgb(184, 176, 24, .5);
--hclr:rgb(184, 176, 24, .75);
}

g25 {
background: linear-gradient(to bottom, rgba(var(--mre),1) 0%, rgba(var(--mclt),1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}