.textcolor-primaryColor {
    color: rgba(89, 89, 89, 1) !important
}

.textcolor-secondaryColor {
    color: rgba(10, 66, 110, 1) !important
}

.textcolor-tertiaryColor {
    color: rgba(109, 166, 194, 1) !important
}

.textcolor-quaternaryColor {
    color: rgba(253, 253, 253, 1) !important
}

.textcolor-linkColor {
    color: rgba(109, 166, 194, 1) !important
}

@media screen and (max-width:767px) {
    .mobile-textcolor-primaryColor,
    .mobile-textcolor-primaryColor .wc_element_text_inner * {
        color: rgba(89, 89, 89, 1) !important
    }
    .mobile-textcolor-secondaryColor,
    .mobile-textcolor-secondaryColor .wc_element_text_inner * {
        color: rgba(10, 66, 110, 1) !important
    }
    .mobile-textcolor-tertiaryColor,
    .mobile-textcolor-tertiaryColor .wc_element_text_inner * {
        color: rgba(109, 166, 194, 1) !important
    }
    .mobile-textcolor-quaternaryColor,
    .mobile-textcolor-quaternaryColor .wc_element_text_inner * {
        color: rgba(253, 253, 253, 1) !important
    }
}

.backgroundcolor-primaryColor {
    background-color: rgba(89, 89, 89, 1) !important
}

.backgroundcolor-secondaryColor {
    background-color: rgba(10, 66, 110, 1) !important
}

.backgroundcolor-tertiaryColor {
    background-color: rgba(109, 166, 194, 1) !important
}

.backgroundcolor-quaternaryColor {
    background-color: rgba(253, 253, 253, 1) !important
}

@media screen and (max-width:767px) {
    .mobile-backgroundcolor-primaryColor {
        background-color: rgba(89, 89, 89, 1) !important
    }
    .mobile-backgroundcolor-secondaryColor {
        background-color: rgba(10, 66, 110, 1) !important
    }
    .mobile-backgroundcolor-tertiaryColor {
        background-color: rgba(109, 166, 194, 1) !important
    }
    .mobile-backgroundcolor-quaternaryColor {
        background-color: rgba(253, 253, 253, 1) !important
    }
}

.bordercolor-primaryColor {
    border-color: rgba(89, 89, 89, 1) !important
}

.bordercolor-secondaryColor {
    border-color: rgba(10, 66, 110, 1) !important
}

.bordercolor-tertiaryColor {
    border-color: rgba(109, 166, 194, 1) !important
}

.bordercolor-quaternaryColor {
    border-color: rgba(253, 253, 253, 1) !important
}

.tickcolor-primaryColor .sy-pager .sy-active a {
    background-color: rgba(89, 89, 89, 1) !important
}

.tickcolor-secondaryColor .sy-pager .sy-active a {
    background-color: rgba(10, 66, 110, 1) !important
}

.tickcolor-tertiaryColor .sy-pager .sy-active a {
    background-color: rgba(109, 166, 194, 1) !important
}

.tickcolor-quaternaryColor .sy-pager .sy-active a {
    background-color: rgba(253, 253, 253, 1) !important
}

.loader-container .lds-ring div {
    border-color: rgba(89, 89, 89, 1) transparent transparent transparent !important
}

.wc_optionsbar .h1style,
h1 {
    font-family: "Source Serif Pro";
    color: rgba(89, 89, 89, 1);
    font-size: 90px;
    line-height: 1.1;
    letter-spacing: normal;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none
}

@media screen and (max-width:767px) {
    .wc_optionsbar .h1style,
    h1 {
        color: rgba(89, 89, 89, 1);
        font-size: 50px
    }
}

.wc_optionsbar .h2style,
h2 {
    font-family: "Source Serif Pro";
    color: rgba(89, 89, 89, 1);
    font-size: 45px;
    line-height: 1.1;
    letter-spacing: normal;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none
}

@media screen and (max-width:767px) {
    .wc_optionsbar .h2style,
    h2 {
        color: rgba(89, 89, 89, 1);
        font-size: 40px
    }
}

.wc_optionsbar .h3style,
.wc_slogan,
h3 {
    font-family: "Source Sans Pro Regular";
    color: rgba(10, 66, 110, 1);
    font-size: 30px;
    line-height: 1;
    letter-spacing: 1px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .wc_optionsbar .h3style,
    .wc_slogan,
    h3 {
        color: rgba(10, 66, 110, 1);
        font-size: 26px
    }
}

.wc_optionsbar .h4style,
h4 {
    font-family: "Source Serif Pro";
    color: rgba(89, 89, 89, 1);
    font-size: 26px;
    line-height: 1;
    letter-spacing: normal;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none
}

@media screen and (max-width:767px) {
    .wc_optionsbar .h4style,
    h4 {
        color: rgba(89, 89, 89, 1);
        font-size: 24px
    }
}

.baseText,
.wc_element_text,
.wc_optionsbar .grundstyle,
.grundstyle {
    font-family: "Source Serif Pro";
    color: rgba(89, 89, 89, 1);
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none
}

@media screen and (max-width:767px) {
    .baseText,
    .wc_element_text,
    .wc_optionsbar .grundstyle,
    .grundstyle {
        color: rgba(89, 89, 89, 1);
        font-size: 16px
    }
}

.leadText,
.leadstyle,
.wc_optionsbar .leadstyle {
    font-family: "Source Sans Pro Bold";
    color: rgba(10, 66, 110, 1);
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: normal;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: none
}

@media screen and (max-width:767px) {
    .leadText,
    .leadstyle,
    .wc_optionsbar .leadstyle {
        color: rgba(10, 66, 110, 1);
        font-size: 16px
    }
}

.smallText,
.kleinstyle,
.wc_optionsbar .kleinstyle {
    font-family: "Source Sans Pro Regular";
    color: rgba(89, 89, 89, 1);
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: normal;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none
}

@media screen and (max-width:767px) {
    .smallText,
    .kleinstyle,
    .wc_optionsbar .kleinstyle {
        color: rgba(89, 89, 89, 1);
        font-size: 14px
    }
}

.quoteText,
.quotestyle,
.wc_optionsbar .quotestyle {
    font-family: "Source Serif Pro";
    color: rgba(109, 166, 194, 1);
    font-size: 21px;
    line-height: 1.43;
    letter-spacing: normal;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none
}

@media screen and (max-width:767px) {
    .quoteText,
    .quotestyle,
    .wc_optionsbar .quotestyle {
        color: rgba(109, 166, 194, 1);
        font-size: 18px
    }
}

.navText,
.navigationElement a {
    font-family: "Source Sans Pro Regular";
    color: rgba(253, 253, 253, 1);
    font-size: 14px;
    line-height: normal;
    letter-spacing: 1px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .navText,
    .navigationElement a {
        color: rgba(253, 253, 253, 1);
        font-size: 14px
    }
}

.navigationLevel2>.navigationElement>a {
    font-family: "Source Sans Pro Regular";
    color: rgba(89, 89, 89, 1);
    font-size: 14px;
    line-height: 2.14;
    letter-spacing: .5px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .navigationLevel2>.navigationElement>a {
        color: rgba(253, 253, 253, 1);
        font-size: 14px
    }
}

.navigation.secondary>.navigationElement a {
    font-family: "Source Sans Pro Regular";
    color: rgba(89, 89, 89, 1);
    font-size: 11px;
    line-height: normal;
    letter-spacing: 1px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .navigation.secondary>.navigationElement a {
        color: rgba(89, 89, 89, 1);
        font-size: 12px
    }
}

.wc_element:not(.wc_header) a,
.wc_pageTitleContainer a {
    color: rgba(109, 166, 194, 1);
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none
}

.wc_element:not(.wc_header) a:hover,
.wc_pageTitleContainer a:hover {
    color: rgba(89, 89, 89, 1);
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none
}

@media screen and (max-width:767px) {
    .wc_element:not(.wc_header) a[href],
    .wc_pageTitleContainer a[href] {
        color: rgba(109, 166, 194, 1)
    }
    .wc_element:not(.wc_header) a[href]:hover,
    .wc_pageTitleContainer a[href]:hover {
        color: rgba(89, 89, 89, 1)
    }
}

.style1Text,
.style1style,
.wc_optionsbar .style1style {
    font-family: "Source Sans Pro Regular";
    color: rgba(10, 66, 110, 1);
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 1px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .style1Text,
    .style1style,
    .wc_optionsbar .style1style {
        color: rgba(10, 66, 110, 1);
        font-size: 15px
    }
}

.style2Text,
.style2style,
.wc_optionsbar .style2style {
    font-family: "Source Serif Pro";
    color: rgba(109, 166, 194, 1);
    font-size: 80px;
    line-height: 1;
    letter-spacing: normal;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none
}

@media screen and (max-width:767px) {
    .style2Text,
    .style2style,
    .wc_optionsbar .style2style {
        color: rgba(109, 166, 194, 1);
        font-size: 58px
    }
}

.styledButton .buttonContent,
.wc_element_button .buttonContent,
.wc_optionsbar .wc_optionsbar_element[data-skeleton="button"] .buttonContent {
    border: 1px solid rgba(10, 66, 110, 1);
    color: rgba(10, 66, 110, 1);
    text-decoration: none
}

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

.wc_element_logo,
.wc_element_mobilelogo {
    font-family: "Merriweather Regular";
    color: rgba(89, 89, 89, 1);
    font-size: 40px;
    line-height: 1.25;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none
}

body.blue .header_bar_container .navigation.main>li:first-child {
    border-left: 1px solid rgba(253, 253, 253, 1)
}

body.blue .header_bar_container .navigation.main>li {
    border-right: 1px solid rgba(253, 253, 253, 1)
}

body.blue .header_bar_container .wc_mainNavContainer {
    border-bottom: 1px solid rgba(253, 253, 253, 1)
}

body.blue .header_bar_container {
    border-bottom: 1px solid rgba(253, 253, 253, 1)
}

body.blue .header_bar_container .navigation.main>li.locales .localesContainer .locale:not(:last-child) {
    border-right: 1px solid rgba(253, 253, 253, 1)
}

body.orange .header_bar_container .navigation.main>li:first-child {
    border-left: 1px solid rgba(109, 166, 194, 1)
}

body.orange .header_bar_container .navigation.main>li {
    border-right: 1px solid rgba(109, 166, 194, 1)
}

body.orange .header_bar_container .wc_mainNavContainer {
    border-bottom: 1px solid rgba(109, 166, 194, 1)
}

body.orange .header_bar_container {
    border-bottom: 1px solid rgba(109, 166, 194, 1)
}

body.orange .header_bar_container .navigation.main>li.locales .localesContainer .locale:not(:last-child) {
    border-right: 1px solid rgba(109, 166, 194, 1)
}

.navigation.main .fa {
    color: rgba(109, 166, 194, 1)
}

.navigation.main>li.active>a,
.navigation.main>li:hover>a,
.navigation.main>li>ul li.active a,
.navigation.main>li>ul li:hover a,
.navigation.main .locales .localesContainer .locale:hover>a {
    color: rgba(10, 66, 110, 1)
}

.navigation.main>li.active>a i,
.navigation.main>li:hover>a i,
.navigation.main>li.hasChilds.active>.fa,
.navigation.main>li.hasChilds:hover>.fa,
.navigation.main>li>ul li:hover a i,
.navigation.main>li>ul li.active a i {
    color: rgba(10, 66, 110, 1) !important
}

.navigation.secondary a:hover {
    color: rgba(10, 66, 110, 1)
}

.blue .header_bar_container,
.blue .wc_mainNavContainer {
    background-color: rgba(109, 166, 194, 1)
}

.blue .header_bar_container .navigation.secondary a:hover {
    color: rgba(253, 253, 253, 1)
}

.blue .header_bar_container .navigation.main>li li.active a,
.blue .header_bar_container .navigation.main>li li:hover a,
.blue .header_bar_container .navigation.main .locales .localesContainer .locale:hover>a {
    color: rgba(10, 66, 110, 1)
}

.blue .navigation.main .navigationElement>.fa,
.blue .navigation.main>.navigationElement.sociallink a>.fa,
.blue .navigation.main>.navigationElement.shop a>.fa,
.blue:not(.headerNone) .wc_pageTitleContainer * {
    color: rgba(253, 253, 253, 1)
}

.blue .navigationLevel2 a i.fa {
    color: rgba(89, 89, 89, 1)
}

@media screen and (max-width:767px) {
    body:not(.wsc_forceDesktop) .wc_mainNavContainerMobile .wc_mobile_head {
        background-color: rgba(89, 89, 89, 1);
        color: rgba(253, 253, 253, 1)
    }
    body:not(.wsc_forceDesktop).black .wc_mainNavContainerMobile .wc_mobile_navigation {
        background-color: rgba(89, 89, 89, 1);
        color: rgba(253, 253, 253, 1)
    }
    body:not(.wsc_forceDesktop).orange .wc_mainNavContainerMobile .wc_mobile_head,
    body:not(.wsc_forceDesktop).orange .wc_mainNavContainerMobile .wc_mobile_navigation {
        background-color: rgba(253, 253, 253, 1);
        color: rgba(109, 166, 194, 1)
    }
    body:not(.wsc_forceDesktop).blue .wc_mainNavContainerMobile .wc_mobile_head,
    body:not(.wsc_forceDesktop).blue .wc_mainNavContainerMobile .wc_mobile_navigation {
        background-color: rgba(109, 166, 194, 1);
        color: rgba(253, 253, 253, 1)
    }
    body:not(.wsc_forceDesktop) .wc_mainNavContainerMobile .wc_mobile_navigation .navigation.main .navigationElement a,
    body:not(.wsc_forceDesktop) .wc_mainNavContainerMobile .wc_mobile_navigation .navigation.secondary .navigationElement a {
        color: rgba(109, 166, 194, 1)
    }
    body:not(.wsc_forceDesktop).blue .wc_mainNavContainerMobile .wc_mobile_navigation .navigation.main .navigationElement a,
    body:not(.wsc_forceDesktop).blue .wc_mainNavContainerMobile .wc_mobile_navigation .navigation.secondary .navigationElement a {
        color: rgba(253, 253, 253, 1)
    }
    body:not(.wsc_forceDesktop).orange .wc_mainNavContainerMobile .wc_mobile_navigation .navigation.main .navigationElement a,
    body:not(.wsc_forceDesktop).orange .wc_mainNavContainerMobile .wc_mobile_navigation .navigation.secondary .navigationElement a {
        color: rgba(109, 166, 194, 1)
    }
    body:not(.wsc_forceDesktop) .wc_mainNavContainerMobile .wc_mobile_navigation .navigation.main .navigationElement.active>a {
        color: rgba(10, 66, 110, 1)
    }
    body:not(.wsc_forceDesktop).blue .wc_mainNavContainerMobile .wc_mobile_navigation .navigation.main .navigationElement.active>a,
    body:not(.wsc_forceDesktop).blue .wc_mainNavContainerMobile .wc_mobile_navigation .navigation.main .navigationElement:hover>a,
    body:not(.wsc_forceDesktop).blue .wc_mainNavContainerMobile .wc_mobile_navigation .navigation.secondary .navigationElement:hover>a,
    body:not(.wsc_forceDesktop).orange .wc_mainNavContainerMobile .wc_mobile_navigation .navigation.secondary .navigationElement a {
        color: rgba(89, 89, 89, 1)
    }
    body:not(.wsc_forceDesktop).black .wc_mainNavContainerMobile .wc_mobile_navigation .navigation.main ul.navigationLevel2 {
        background-color: rgba(89, 89, 89, 1)
    }
    body:not(.wsc_forceDesktop).orange .wc_mainNavContainerMobile .wc_mobile_navigation .navigation.main ul.navigationLevel2 {
        background-color: rgba(253, 253, 253, 1)
    }
    body:not(.wsc_forceDesktop).blue .wc_mainNavContainerMobile .wc_mobile_navigation .navigation.main ul.navigationLevel2 {
        background-color: rgba(109, 166, 194, 1)
    }
    .wsc_scrolltoptop {
        background-color: rgba(10, 66, 110, 1)
    }
    .wc_element_mobilelogo>.wc_logo_text {
        color: rgba(89, 89, 89, 1);
        font-size: 25px
    }
}