@font-face {
    font-family: 'Dosis';
    src:
            url('/fileadmin/default/templates/shared/Fonts/Dosis/dosis-regular.woff2') format('woff2'),
            url('/fileadmin/default/templates/shared/Fonts/Dosis/dosis-regular.woff') format('woff'),
            url('/fileadmin/default/templates/shared/Fonts/Dosis/dosis-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dosis';
    src:
            url('/fileadmin/default/templates/shared/Fonts/Dosis/dosis-light.woff2') format('woff2'),
            url('/fileadmin/default/templates/shared/Fonts/Dosis/dosis-light.woff') format('woff'),
            url('/fileadmin/default/templates/shared/Fonts/Dosis/dosis-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Dosis';
    src:
            url('/fileadmin/default/templates/shared/Fonts/Dosis/dosis-bold.woff2') format('woff2'),
            url('/fileadmin/default/templates/shared/Fonts/Dosis/dosis-bold.woff') format('woff'),
            url('/fileadmin/default/templates/shared/Fonts/Dosis/dosis-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body { background: #fff; color: #53320f; line-height: 1.6; }
#wrap {
    padding-top: 110px;
}
#wrapInner { background-color: #e2dbcd; }
#wrapInner2 { border-color: #fff; }
#headerBox { background: #fff; border-color: #E85C29;}
#keyvisualsBox address { background: #E85C29; color: #fff; }
#keyvisualsBox address a { color: #fff; }
#mainBodyBox { }
#contextBox {  }
a { color: #636363; }
a:hover, a.active { color: #E85C29; }
#menuBox { font-family: Dosis; padding-left: 260px; }
#mainNav li { font-size: 1rem; }
#mainNav a:hover, #mainNav li.current > a, #mainNav a.active { color: #E85C29; }
h1, h2, h3, h4 { color: #E85C29; font-family: Dosis; }
.navbar-toggle .icon-bar { background-color: #E85C29; }
#shadowBox { border-color: #79756B transparent transparent }

.contentOuterWrap.hgVar2 { background-color: #E85C29; }
footer { background-color: #585757; }


#goTop { color: #E85C29; }

footer address { text-align: left; }

.fullKeyVisual + .contentOuterWrap {
    padding-top: 30px;
}

#contact-gear {
    position: absolute;
    top: -100px;
    right: -75px;
    background: #E85C29;
    padding: 20px;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    line-height: 1.2;
    z-index: 1000;
}
#contact-gear-inner {
    padding-top: 110px;
    padding-left: 50px;
}

#contact-gear * { color: #fff; }
#contact-gear h4 { text-transform: uppercase; font-size: 1.28571428571429em; margin: 0; }
#contact-gear p { margin: 0.5em 0; }

@media only screen and (max-width: 600px) {
    #contact-gear {
        display: none;
    }
}


@media only screen and (max-width: 48em) {
    #wrap {
        padding-top: 60px;
    }
    #logo {
        width: 150px;
    }
    #headerBox .contentInnerWrap > .frame {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-toggle {
        bottom: auto;
        top: 20px;
    }
}

@media only screen and (max-width: 32em) {
    .fullKeyVisual + .contentOuterWrap {
        padding-top: 0;
    }
}