@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: #fff2e4; }
#wrapInner2 { background-color: #f28605; }
#logo { top: 10px; }
#headerBox { background: #fff; }
#mainBodyBox { background: #ececec; border-top: solid 100px #fff; }
#contextBox address { background: #f28605; }
#contextBox address * { color: #fff; }
#footerBox { background-color: #f28605; color: #fff; }
#footerBox a { color: #fff; }
a { color: #636363; }
a:hover, a.active { color: #f28605; }
#mainNav li { border-bottom: dotted 1px #acacac; }
h1, h2, h3, h4 { color: #f28605; }

body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 75%;
    line-height: 1.4;
}



#mainNav a:before {
    content: '';
    background: transparent url('../images/menuIcon.png') no-repeat;
    background-size: cover;
    width: 15px;
    height: 17px;
    opacity: 0.3
}
#mainNav a:hover:before, #mainNav a.active:before, #mainNav li.current > a:before {
    opacity: 1
}
#mainNav ul {
    margin: 6px 0 12px 12px;
}
#mainNav ul a:before { display: none; }

@media only screen and (max-width: 37.5em) {
    #logo { height: 60px;}
    #headerBox { padding: 10px; }
}