@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: normal;
src: url(//chayns-res.tobit.com/API/Styles/Font/Roboto/Regular.woff) format("woff"),url(//chayns-res.tobit.com/API/Styles/Font/Roboto/Regular.ttf) format("truetype"),url(//chayns-res.tobit.com/API/Styles/Font/Roboto/Regular.svg) format("svg")
}

@font-face {
font-family: "Roboto";
font-style: italic;
font-weight: normal;
src: url(//chayns-res.tobit.com/API/Styles/Font/Roboto/Italic.woff) format("woff"),url(//chayns-res.tobit.com/API/Styles/Font/Roboto/Italic.ttf) format("truetype"),url(//chayns-res.tobit.com/API/Styles/Font/Roboto/Italic.svg) format("svg")
}

@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: bold;
src: url(//chayns-res.tobit.com/API/Styles/Font/Roboto/Bold.woff) format("woff"),url(//chayns-res.tobit.com/API/Styles/Font/Roboto/Bold.ttf) format("truetype"),url(//chayns-res.tobit.com/API/Styles/Font/Roboto/Bold.svg) format("svg")
}

@font-face {
font-family: "Roboto";
font-style: italic;
font-weight: bold;
src: url(//chayns-res.tobit.com/API/Styles/Font/Roboto/ItalicBold.woff) format("woff"),url(//chayns-res.tobit.com/API/Styles/Font/Roboto/ItalicBold.ttf) format("truetype"),url(//chayns-res.tobit.com/API/Styles/Font/Roboto/ItalicBold.svg) format("svg")
}

/*BaseStyle Frog*/

.ChaynsCS-BgColor-110Pcnt {
    background-color: #238628 !important;
}

.ChaynsCS-BgColor {
    background-color: #37913C;
}

.ChaynsCS-BgColor-90Pcnt {
    background-color: #4B9C50;
}

.ChaynsCS-BgColor-80Pcnt {
    background-color: rgba(55, 145, 60, .8);
}

.ChaynsCS-BgColor-60Pcnt {
    background-color: rgba(55, 145, 60, .6);
}

.ChaynsCS-BgColor-50Pcnt {
    background-color: #9BC89E !important;
}

.ChaynsCS-BgColor-30Pcnt {
    background-color: rgba(55, 145, 60, .3);
}

.ChaynsCS-BgColor-20Pcnt {
    background-color: #D7E9D8 !important;
}

.ChaynsCS-BgColor-10Pcnt {
    background-color: #EBF4EC !important;
}

.ChaynsCS-BgColor-028Pcnt {
    background-color: rgba(55, 145, 60, .028);
}


.ChaynsCS-Color{
    color: #37913C;
}

.footer .ChaynsCS-Color{
    color: #37913C !important;
}

.ChaynsCS-Color-80Pcnt{
    color: rgba(55, 145, 60, .8);
}

.ChaynsCS-Color-75Pcnt{
    color: rgba(55, 145, 60, .75);
}

.ChaynsCS-Color-65Pcnt{
    color: rgba(55, 145, 60, .65);
}

.ChaynsCS-Color-60Pcnt{
    color: rgba(55, 145, 60, .6);
}

.ChaynsCS-Color-40Pcnt{
    color: rgba(55, 145, 60, .4);
}

.ChaynsCS-Color-30Pcnt{
    color: rgba(55, 145, 60, .3);
}

.ChaynsCS-Color-20Pcnt{
    color: rgba(55, 145, 60, .2);
}

.ChaynsCS-Color-10Pcnt{
    color: rgba(55, 145, 60, .1);
}


.ChaynsCS-Border {
    border: 1px solid #37913C;
}

.ChaynsCS-Border-80Pcnt {
    border: 1px solid #5FA763;
}

.ChaynsCS-Border-30Pcnt {
    border: 1px solid #C3DEC4;
}

.ChaynsCS-Border-20Pcnt {
    border: 1px solid #D7E9D8;
}

.ChaynsCS-Border-15Pcnt {
    border: 1px solid #E1EEE2;
}

.ChaynsCS-Border-10Pcnt {
    border: 1px solid #EBF4EC;
}

.ChaynsCS-Border-Color-80Pcnt {
    border-color: rgba(55, 145, 60, .8) !important;
}

.ChaynsCS-Border-Color-30Pcnt {
    border-color: rgba(55, 145, 60, .3) !important;
}

.ChaynsCS-Bottom-Border-Color {
    border-bottom-color: #37913C !important;
}

.ChaynsCS-Top-Border-Color {
    border-top-color: #37913C !important;
}

.ChaynsCS-Top-Border-Color-20Pcnt {
    border-top-color: #D7E9D8 !important;
    border-top-style: solid !important;
}

.ChaynsCS-Bottom-Border-Color-20Pcnt {
    border-bottom: 1px solid #D7E9D8 !important;
}


h1, h2, h3, h4, h5, h6 {
    color: #37913C;
    margin-bottom: 10px;
}

h1 {
    font-size: 24px;
    line-height: 29px;
}

h2 {
    font-size: 19px;
    line-height: 24px;
}

h3 {
    font-size: 17px;
    line-height: 22px;
}

h4 {
    font-size: 13px;
    line-height: 18px;
    color: #5FA763;
}

.NodeTitle {
    font-size: 17px;
    color: #37913C;
}

.NodeTitleSubline {
    font-size: 13px;
    color: rgba(55, 145, 60, .8) !important;
}

.NodeBodytext {
    font-size: 14px;
    color: #545454;
    line-height: 24px;
    word-wrap: break-word;
}

.NodeFoldOutTableHeader {
    font-family: 'robotomedium';
    padding: 10px 12px !important;
    color: #545454;
    background-color: rgba(55, 145, 60, .2);
    text-align: center;
}

.NodeFoldOutTableRow {
    padding: 10px 12px;
    border-bottom: solid 1px #FFFFFF;
    background-color: rgba(0,0,0,0.03);
}

.NodeButtonChoosed {
    background-color: rgba(55, 145, 60, .2);
}

.ColoredIconBackground {
    background-color: rgba(55, 145, 60, .8);
    color: #FFFFFF;
}

.NodeLink, .NodeLink:visited {
    transition: all ease-in-out 0.5s;
    text-decoration: none;
    padding-right: 5px;
    color: #A4A4A4;
}

.NodeLink:hover {
    background-color: rgba(55, 145, 60, .2);
}

.NodeLink::before {
    font-family: 'FontAwesome';
    color: rgba(55, 145, 60, .8);
    content: "\f08e";
    padding: 0 5px;
    text-decoration: none;
}

.chaynsBtn {
    display:inline-block;
    background-color: #37913C;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto', Tahoma, 'robotolight';
    line-height: 23px;
    visibility: visible;
    text-align: center;
    padding: 8px 12px;

    cursor: pointer;

    -webkit-transition: background 150ms ease;
    -moz-transition: background 150ms ease;
    -o-transition: background 150ms ease;
    transition: background 150ms ease;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .chaynsBtn.wide {
        padding: 3px 12px;
    }

    .chaynsBtn.smaller {
        padding: 2px 15px;
        margin: 0 auto;
        display: block;
        width: 100px;
    }

    .chaynsBtn.brighter {
        background-color: rgba(55, 145, 60, .3);
    }

    .chaynsBtn.brighter:hover {
        background-color: rgba(55, 145, 60, .8);
    }

    .chaynsBtn:hover {
        background-color: rgba(55, 145, 60, .6);
    }

.Hover-30Pcnt:hover {
    background-color: rgba(55, 145, 60, .3);
    color: #fff;
}

.Hover-100Pcnt:hover {
    background-color: rgba(55, 145, 60, 1);
}

/*Ende BaseStyle*/

/*--------------------------------------CustomGlobalCSS--------------------------------------*/

.ChaynsLoadingCursor > .loading-spinner-wrapper {
    background-color: rgba(55, 145, 60, .25);
}

.ChaynsLoadingCursor.with-text > .loading-spinner-wrapper {
    background-color: rgba(205, 227, 206, .90) !important;
}

.loading-spinner circle {
    stroke: rgba(55, 145, 60, .8);
}

/*----------Menue----------*/

.NodeBodytext > .MenuToggle{
    margin-bottom: 0 !important;
}

.MenuToggleIcon::before{
    color: rgba(55, 145, 60, .8);
}

.chaynsBtn {
    display:inline-block;
    background-color: #37913C;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto', Tahoma, 'robotolight';
    line-height: 23px;
    visibility: visible;
    text-align: center;
    padding: 8px 12px;

    cursor: pointer;

    -webkit-transition: background 150ms ease;
    -moz-transition: background 150ms ease;
    -o-transition: background 150ms ease;
    transition: background 150ms ease;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .chaynsBtn.wide {
        padding: 3px 12px;
    }

    .chaynsBtn.smaller{
        padding: 2px 15px;
        margin: 0 auto;
        display: block;
        width: 100px;
    }

    .chaynsBtn.brighter{
        background-color: rgba(55, 145, 60, .3);
    }

    .chaynsBtn.brighter:hover{
        background-color: rgba(55, 145, 60, .8);
    }

    .chaynsBtn:hover {
        background-color: rgba(55, 145, 60, .6);
    }

/*--------------------------------------CustomCSS--------------------------------------*/

/*-----Allgemein-----*/

#ChaynsIDFrame {
    background-color: #f5f5f5 !important;
}

body.AltMainBackgroundColor {
    background-color: #F1F7F1;
}

body {
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: top left;
}

/* 
isMobile: False
colorMode: 0
*/


/*-----Navigation-----*/

#Navigation .nav-item--badge {
    background-color: #D7E9D8;
    transition: all 0.1s ease-in-out;
    height: 36px;
    float: left;
    width: 4px;
    opacity: 0;
    position: absolute;
}

.tappGroup .accordion__head:hover::after {
    content: "";
    background-color: #D7E9D8;
    transition: all 0.1s ease-in-out;
    height: 34px;
    width: 4px;
    left: 0;
    top: 0;
    position: absolute;
}

#Navigation:not(.absolute) .nav-item.active {
}

#NavItems .group-block {
}

#Navigation:not(.absolute) #NavItems .group-block {
}

.chayns--mobile #Navigation, .chayns--mobile #NavItems {
    background-color: #F1F7F1;
}

#Navigation .nav-item.active {
    background-position: left bottom;
    background-image: linear-gradient(to right, #D7E9D8 50%, transparent 50%);
}

    #Navigation .nav-item {
    background-position: right bottom;
    background: linear-gradient(to right, #D7E9D8 50%, transparent 50%) 100% 100%;
    background-size: 200% 100%;
    }

    #AdminMenuHeader .onoffswitch-checkbox:checked + .onoffswitch-label {
    right: -8px;
    background-color: rgba(55, 145, 60, 1);
    }

    #AdminMenuHeader::after {
    color: #5FA763;
    }

.chayns--exclusive #Navigation {
    background-color: #F1F7F1;
}

/*-----DesignSettings-----*/

#WebBackground{
    width: 100%;
    margin: 0 auto 30px;
    background-color: #F1F7F1;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -130;
    -webkit-transform:translateZ(130px);
}

#BackgroundBlur {
        display: none;
}

#BackgroundGradient {
}

#MainFrame {
}

#WebShadow {
    position: relative;
}


.chayns--desktop #HeadShadow {
    max-height: 315px;
    display: block !important;
    height: 315px;
    width: 851px;
    margin: 75px auto 30px;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform:translateZ(200px);
    z-index: -200;
    position: absolute;
}



#HeadShadow {
    display:none;
}



chayns--desktop #BodyContent:not(.coming-soon-element) {
}

/*----FBConnect----*/
#TitleConnect .DropDownList li {
    background-color: rgba(55, 145, 60, 0.1);
    display: block;
    padding: 8px;
}

#TitleConnect .DropDownList li:hover {
    background-color: rgba(55, 145, 60, 0.3);
}

.chaynsBtn {
    display:inline-block;
    background-color: #37913C;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto', Tahoma, 'robotolight';
    line-height: 23px;
    visibility: visible;
    text-align: center;
    padding: 8px 12px;

    cursor: pointer;

    -webkit-transition: background 150ms ease;
    -moz-transition: background 150ms ease;
    -o-transition: background 150ms ease;
    transition: background 150ms ease;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .chaynsBtn.wide {
        padding: 3px 12px;
    }

    .chaynsBtn.smaller {
        padding: 2px 15px;
        margin: 0 auto;
        display: block;
        width: 100px;
    }

    .chaynsBtn.brighter {
        background-color: rgba(55, 145, 60, .3);
    }

    .chaynsBtn.brighter:hover {
        background-color: rgba(55, 145, 60, .8);
    }

    .chaynsBtn:hover {
        background-color: rgba(55, 145, 60, .6);
    }

/*----Content----*/

.coming-soon {
    background-color: #F1F7F1;
}

.titleConnectColor {
    background-color: rgba(255, 255, 255, 1);
    color: white !important;
}

.blur {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

.overlay {
    background-color: #F1F7F1 !important;
}



.ribbon-menu {
    color: #222;
    background-color: #FFF;
    border-color: rgba(55, 145, 60, .2) !important;
}

.ribbon-menu .burger-badge span {
    background-color: #37913C;
}

.ribbon-menu .tapp-item:before {
    background-color: #D7E9D8;
}

.ribbon-menu .tapp-item.selected:before {
    background-color: #69AC6D;
}

.ribbon-menu .tapp-group {
    background-color: #FFF;
    border-color: rgba(55, 145, 60, .2);
}

.ribbon-menu .group-item {
    background: linear-gradient(to right, #D7E9D8 50%, transparent 50%) right bottom;
}

.ribbon-menu .group-item:before {
    background-color: #D7E9D8;
}

.ribbon-menu .fa {
    color: #69AC6D;
}