@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: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 75%;
    line-height: 1.4;
}

#wrap { position: relative; z-index: 10; }
#wrapInner { background-color: #dff2fd; }
#wrapInner2 { border-color: #fff; padding-top: 40px; }
#headerBox { background-color: #fff; border-color: #ff682e; height: auto; min-height: 120px;}
#logo { top: 0; }
#keyvisualsBox address { background: #08ace6; color: #fff; }
#keyvisualsBox address::after { border-color: #79756b transparent transparent; }
#keyvisualsBox address a { color: #fff; }
#mainBodyBox { }
#contextBox {  }
a { color: #08ace6; }
a:hover, a.active { color: #ff682e; }
#menuBox { font-family: Dosis; }
#mainNav li {  }
#mainNav a { color: #000; }
#mainNav a:hover, #mainNav a.active, #mainNav li.current > a { color: #ff682e; }
h1, h2, h3, h4 { color: #ff682e; font-family: Dosis; }
#shadowBox { border-color: #79756B transparent transparent }
#footerBox { background-color: transparent; }

@media only screen and (max-width: 48em) {
    #logo { height: 55px; }
    #headerBox { padding: 10px; min-height: 0; height: auto; }
    #wrapInner2 { padding-top: 75px; }
    #menuBox { top: 77px; }
}