/*
 *   TextColor
*/
.textcolor-primaryColor {
    color: rgba(0, 0, 0, 0.8) !important;
}

.textcolor-secondaryColor {
    color: rgb(8, 7, 165) !important;
}

.textcolor-tertiaryColor {
    color: rgb(28, 255, 5) !important;
}

.textcolor-quaternaryColor {
    color: rgb(8, 7, 165) !important;
}

.textcolor-linkColor {
    color: rgb(8, 7, 165) !important;
}

@media screen and (max-width: 0px) {
    .mobile-textcolor-primaryColor,
    .mobile-textcolor-primaryColor .wc_element_text_inner * {
        color: rgba(0, 0, 0, 0.8) !important;
    }

    .mobile-textcolor-secondaryColor,
    .mobile-textcolor-secondaryColor .wc_element_text_inner *  {
        color: rgb(8, 7, 165) !important;
    }

    .mobile-textcolor-tertiaryColor,
    .mobile-textcolor-tertiaryColor .wc_element_text_inner *  {
        color: rgb(28, 255, 5) !important;
    }

    .mobile-textcolor-quaternaryColor,
    .mobile-textcolor-quaternaryColor .wc_element_text_inner *  {
        color: rgb(8, 7, 165) !important;
    }
}


/*
 *   BackgroundColor
*/
.backgroundcolor-primaryColor {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.backgroundcolor-secondaryColor {
    background-color: rgb(8, 7, 165) !important;
}

.backgroundcolor-tertiaryColor {
    background-color: rgb(28, 255, 5) !important;
}

.backgroundcolor-quaternaryColor {
    background-color: rgb(8, 7, 165) !important;
}
@media screen and (max-width: 0px) {
    .mobile-backgroundcolor-primaryColor {
        background-color: rgba(0, 0, 0, 0.8) !important;
    }

    .mobile-backgroundcolor-secondaryColor {
        background-color: rgb(8, 7, 165) !important;
    }

    .mobile-backgroundcolor-tertiaryColor {
        background-color: rgb(28, 255, 5) !important;
    }

    .mobile-backgroundcolor-quaternaryColor {
        background-color: rgb(8, 7, 165) !important;
    }
}


/*
 *   BorderColor
*/
.bordercolor-primaryColor {
    border-color: rgba(0, 0, 0, 0.8) !important;
}

.bordercolor-secondaryColor {
    border-color: rgb(8, 7, 165) !important;
}

.bordercolor-tertiaryColor {
    border-color: rgb(28, 255, 5) !important;
}

.bordercolor-quaternaryColor {
    border-color: rgb(8, 7, 165) !important;
}

.wc_optionsbar .h1style,
h1 {
    font-family: Bungee;
    color: rgb(28, 255, 5);
    font-size: 65px;
    line-height: 1em;
    letter-spacing: 0em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
}

.wc_optionsbar .h2style,
h2 {
    font-family: Bungee;
    color: rgb(28, 255, 5);
    font-size: 45px;
    line-height: 1em;
    letter-spacing: 0em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
}

.wc_optionsbar .h3style,
h3 {
    font-family: Dosis Bold;
    color: rgb(28, 255, 5);
    font-size: 30px;
    line-height: 1em;
    letter-spacing: 0em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
}

.wc_optionsbar .h4style,
h4 {
    font-family: Dosis Medium;
    color: rgb(28, 255, 5);
    font-size: 25px;
    line-height: 1em;
    letter-spacing: 0em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
}

.wc_element_text,
.baseText,
.wc_optionsbar .grundstyle,
.grundstyle
{
    font-family: Dosis Regular;
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    line-height: 1.4em;
    letter-spacing: 0em;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
}

.leadText,
.leadstyle,
.wc_optionsbar .leadstyle
{
    font-family: Open Sans Condensed bold;
    color: rgba(0, 0, 0, 0.8);
    font-size: 26px;
    line-height: 1.5em;
    letter-spacing: 0em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
}

.smallText,
.kleinstyle,
.wc_optionsbar .kleinstyle
{
    font-family: Open Sans Condensed light;
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    line-height: 1.4em;
    letter-spacing: 0em;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
}

.quoteText,
.quotestyle,
.wc_optionsbar .quotestyle
{
    font-family: Open Sans Condensed light;
    color: rgb(8, 7, 165);
    font-size: 36px;
    line-height: 1em;
    letter-spacing: 0em;
    font-weight: 300;
    font-style: italic;
    text-decoration: none;
    text-transform: none;
}


.navText,
.navigation.main>.navigationElement>a {
    font-family: Dosis Medium;
    color: rgb(28, 255, 5);
    font-size: 16px;
    line-height: 1.3em;
    letter-spacing: 0em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
}

.navigationLevel2>.navigationElement>a {
    font-family: Dosis Medium;
    color: rgb(28, 255, 5);
    font-size: 14px;
    line-height: 2.8em;
    letter-spacing: 0em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
}

.navigation.secondary>.navigationElement>a {
    font-family: Dosis Medium;
    color: rgb(28, 255, 5);
    font-size: 14px;
    line-height: 2.8em;
    letter-spacing: 0em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
}

.wc_element:not(.wc_header) a,
.wc_pageTitleContainer a{
    color: rgb(8, 7, 165);
    font-weight:normal;
    font-style:normal;
    text-decoration: none;
    text-transform: none;
}
.wc_element:not(.wc_header) a:hover,
.wc_pageTitleContainer a:hover{
    color: rgb(8, 7, 165);
    font-weight:normal;
    font-style:normal;
    text-decoration: underline;
    text-transform: none;
}

.style1Text,
.style1style,
.wc_optionsbar .style1style
{
    font-family: Oswald Light;
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    line-height: 1.3em;
    letter-spacing: 0em;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
}

.style2Text,
.style2style,
.wc_optionsbar .style2style
{
    font-family: Open Sans Condensed bold;
    color: rgb(28, 255, 5);
    font-size: 25px;
    line-height: 1em;
    letter-spacing: 0em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
}

.styledButton .buttonContent,
.wc_element_button .buttonContent,
.wc_optionsbar .wc_optionsbar_element[data-skeleton="button"] .buttonContent
{
    background-color: rgba(0, 0, 0, 0.8);
    color: rgb(28, 255, 5);
    text-decoration: none;
    border-color:rgba(0,0,0,0);
}

.styledButton .buttonContent a,
.wc_element_button .buttonContent a,
.wc_optionsbar .wc_optionsbar_element[data-skeleton="button"] .buttonContent a {
    color: rgba(0, 0, 0, 0.8);;
    text-decoration: none;
}

.styledButton:hover .buttonContent,
.wc_element_button:hover .buttonContent,
.wc_optionsbar .wc_optionsbar_element[data-skeleton="button"]:hover .buttonContent{
    background-color: rgba(0, 0, 0, 0.8);
    color: rgb(28, 255, 5);
    text-decoration: none;
    cursor:pointer;
}

.wc_element_button:hover .buttonContent a {
    color: rgb(28, 255, 5);
}

/*Specific Styles*/

.wc_pageTitleContainer h1,
.wc_pageTitleContainer h2 {
    color:rgb(28, 255, 5);
}

.wc_pageTitleContainer >* {
    color:rgb(28, 255, 5);
}

.wc_pageTitle {
    font-size: 65px;
    line-height: 1em;
}

.wc_mainNavContainer ul li a {
    color:rgb(28, 255, 5);
}

ul.secondary  {
    background-color:rgba(0, 0, 0, 0.8);
}

ul.secondary>li {
    background-color: transparent;
}

.wc_mainNavContainer ul.main li {
    background-color:rgba(0, 0, 0, 0.8);
}

.wc_mainNavContainer ul>li,
.wc_mainNavContainer ul>li {
    border-top: 2px solid transparent;
}


.wc_mainNavContainer>ul>li.active,
.wc_mainNavContainer>ul>li:hover {
    border-top: 2px solid rgb(28, 255, 5);
}

.wc_mainNavContainer ul>li>ul>li.active,
.wc_mainNavContainer ul>li>ul>li:hover {
    background-color: rgb(28, 255, 5);
}

.wc_mainNavContainer ul>li>ul>li.active a,
.wc_mainNavContainer ul>li>ul>li:hover a {
    color:rgb(8, 7, 165);
}

body.headerNone .wc_header .wc_pageTitleContainer >* {
    color: rgb(8, 7, 165);
}

.wc_element_logo {
    font-family: Oswald Bold;
    color: rgb(28, 255, 5);
    font-size: 16px;
    line-height: inherit;
    letter-spacing: 0em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
}

/*set font color to white for all types of texts when page type is fullscreen*/
/*body.headerSmall .kleinstyle,*/
/*body.headerSmall .grundstyle,*/
/*body.headerSmall .leadText,*/
/*body.headerSmall .style2style,*/
/*body.headerSmall h2,*/
/*body.headerSmall h3,*/
/*body.headerSmall h4,*/
/*body.headerSmall .wc_element_text,*/
/*body.headerSmall,*/
/*body.headerBig .kleinstyle,*/
/*body.headerBig .grundstyle,*/
/*body.headerBig .leadText,*/
/*body.headerBig .style2style,*/
/*body.headerBig h2,*/
/*body.headerBig h3,*/
/*body.headerBig h4,*/
/*body.headerBig .wc_element_text,*/
/*body.headerBig,*/
/*body.splash .kleinstyle,*/
/*body.splash .grundstyle,*/
/*body.splash .leadText,*/
/*body.splash .style2style,*/
/*body.splash h2,*/
/*body.splash h3,*/
/*body.splash h4,*/
/*body.splash .wc_element_text,*/
/*body.splash{*/
    /*color:rgba(0, 0, 0, 0.8);*/
/*}*/
/*font color in header must be white*/
body.headerSmall .wc_pageTitleContainer h2,
body.headerBig .wc_pageTitleContainer h2,
body.splash .wc_pageTitleContainer h2{
    color:rgb(28, 255, 5);
}

body.fullscreen .wc_element_button{
    background-color: rgb(8, 7, 165);
    color: rgba(0, 0, 0, 0.8);
    border-color: rgba(0,0,0,0);
}