@media screen {

    /* Fonts */

    @font-face {
        font-family: 'Lato';
        src: url('../fonts/Lato-Light.eot');
        src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Lato-Light.woff2') format('woff2'),
            url('../fonts/Lato-Light.woff') format('woff'),
            url('../fonts/Lato-Light.ttf') format('truetype');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'Lato';
        src: url('../fonts/Lato-Regular.eot');
        src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Lato-Regular.woff2') format('woff2'),
            url('../fonts/Lato-Regular.woff') format('woff'),
            url('../fonts/Lato-Regular.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'Lato';
        src: url('../fonts/Lato-Bold.eot');
        src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Lato-Bold.woff2') format('woff2'),
            url('../fonts/Lato-Bold.woff') format('woff'),
            url('../fonts/Lato-Bold.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
    }

    /* Layout */

    html,
    body {
        height: 100%;
        width: 100%;
    }

    body {
        background-color: #c4c4c5;
        color: #222222;
        font-family: 'Lato', Arial, sans-serif;
        font-size: 16px;
        font-weight: 300;
        -webkit-font-smoothing: subpixel-antialiased;
        line-height: 22px;
        -webkit-text-stroke: 1px transparent;
    }

    .hidden {
        display: none;
    }

    div#page {
        background-color: #ebeaeb;
        box-sizing: border-box;
        height: auto !important;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1800px;
        min-height: 100%;
        position: relative;
        width: 100%;
    }

    article::after {
        clear: both;
        content: '.';
        display: block;
        height: 0px;
        visibility: hidden;
    }

    ::selection {
        background-color: #bd0b43;
        color: #ffffff;
    }

    ::-moz-selection {
        background-color: #bd0b43;
        color: #ffffff;
    }

    /* Header */

    header {
        background-color: #bd0b43;
        border-bottom-color: #c4c4c5;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        max-width: 1800px;
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 100;
    }

    /* Header: Logo */

    header div#logo {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        text-align: right;
    }

    header div#logo a {
        display: inline-block;
    }

    header div#logo img {
        display: block;
        height: auto;
        width: 250px;
    }

    /* Header: Navigation Main */

    header i#icon_menu_main {
        display: none;
    }

    header nav#main {
        width: 100%;
    }

    header nav#main i.icon_submenu {
        display: none;
    }

    header nav#main ul.level_1 {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }

    header nav#main ul.level_1::after {
        clear: both;
        content: '.';
        display: block;
        height: 0;
        visibility: hidden;
    }

    header nav#main ul.level_1 > li {
        display: inline-block;
        float: left;
        font-size: 17px;
        font-weight: 400;
        line-height: 18px;
    }

    header nav#main ul.level_1 > li > a {
        border-bottom-color: transparent;
        border-bottom-style: solid;
        border-bottom-width: 5px;
        color: #c4c4c5;
        display: inline-block;
        margin-right: 25px;
        padding-bottom: 5px;
        text-decoration: none;
        transition:
            border-color .25s linear 0s,
            color .25s linear 0s;
    }

    header nav#main ul.level_1 > li.active > a,
    header nav#main ul.level_1 > li.trail > a,
    header nav#main ul.level_1 > li:hover > a {
        border-bottom-color: #ebeaeb;
        color: #ebeaeb;
        transition:
            border-color .25s linear 0s,
            color .25s linear 0s;
    }

    header div.menuoverlay {
        background-color: #bd0b43;
        border-bottom-color: #c4c4c5;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-top-color: #ebeaeb;
        border-top-style: solid;
        border-top-width: 1px;
        box-sizing: border-box;
        left: 0px;
        min-height: 250px;
        opacity: 0;
        padding-bottom: 10px;
        padding-top: 10px;
        position: absolute;
        right: 0px;
        top: 100%;
        transition:
            opacity .25s linear .5s,
            visibility 0s linear .75s;
        visibility: hidden;
        z-index: 102;
    }

    header nav#main ul.level_1 > li.menuoverlay div.menuoverlay {
        opacity: 0.9;
        transition:
            opacity .25s linear 0s;
        visibility: visible;
    }

    header nav#main ul.level_2 {
        box-sizing: border-box;
        display: flex;
        flex-wrap: nowrap;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }

    header nav#main ul.level_2 > li {
        flex: 1;
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
        max-width: 150px;
        padding-right: 20px;
    }

    header nav#main ul.level_2 > li > a {
        color: #c4c4c5;
        display: inline-block;
        margin-bottom: 10px;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    header nav#main ul.level_2 > li.active > a,
    header nav#main ul.level_2 > li.trail > a,
    header nav#main ul.level_2 > li > a:hover {
        color: #ebeaeb;
        transition:
            color .25s linear 0s;
    }

    header nav#main ul.level_3 {
        margin-left: 10px;
    }

    header nav#main ul.level_3 > li {
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        padding-right: 20px;
    }

    header nav#main ul.level_3 > li > a {
        color: #c4c4c5;
        display: inline-block;
        margin-bottom: 5px;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    header nav#main ul.level_3 > li.active > a,
    header nav#main ul.level_3 > li.trail > a,
    header nav#main ul.level_3 > li > a:hover {
        color: #ebeaeb;
        transition:
            color .25s linear 0s;
    }

    /* Header: Navigation Meta */

    header nav#meta {
        box-sizing: border-box;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1px;
        max-width: 1000px;
        padding-left: 10px;
        padding-right: 10px;
        position: absolute;
        right: 0px;
        top: 100%;
        width: 100%;
    }

    header nav#meta ul.level_1 {
        background-color: #50585d;
        padding: 5px;
        position: absolute;
        right: 10px;
    }

    header nav#meta ul.level_1 > li {
        display: inline-block;
        float: left;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

    header nav#meta ul.level_1 > li > a {
        color: #c4c4c5;
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    header nav#meta ul.level_1 > li > a:hover {
        color: #ebeaeb;
        transition:
            color .25s linear 0s;
    }

    header nav#meta ul.level_1 > li > a#iconSearch {
        background-image: url('../images/icons/search_c4c4c5.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        width: 17px;
        height: 17px;
    }

    header nav#meta ul.level_1 > li > a#iconSearch:hover {
        background-image: url('../images/icons/search_ebeaeb.svg');
    }

    header nav#meta div#search {
        background-color: #50585d;
        opacity: 0;
        padding: 5px;
        position: absolute;
        right: 10px;
        top: 28px;
        transition:
            opacity .25s linear 0s;
    }

    header nav#meta div#search.active {
        opacity: 1;
        transition:
            opacity .25s linear 0s;
    }

    header nav#meta div#search input {
        border: none;
        font-family: inherit;
        font-size: 14px;
        font-weight: 400;
        outline: none;
        padding: 5px;
        width: 200px;
    }

    /* Header: Navigation Language */

    header nav#language {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }

    header nav#language ul.level_1 {
        position: absolute;
        top: 10px;
    }

    header nav#language ul.level_1 > li {
        font-size: 14px;
        font-weight: 400;
        line-height: 12px;
    }

    header nav#language a {
        color: #c4c4c5;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    header nav#language a:hover {
        color: #ebeaeb;
        transition:
            color .25s linear 0s;
    }

    /* Footer */

    footer {
        bottom: 0px;
        left: 0px;
        position: absolute;
        right: 0px;
        width: 100%;
    }

    /* Footer: Navigation Footer */

    footer nav#footer ul.level_1 {
        box-sizing: border-box;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        max-width: 1000px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

    footer nav#footer ul.level_1 > li {
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

    footer nav#footer ul.level_1 > li > a {
        color: #50585d;
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    footer nav#footer ul.level_1 > li.active > a,
    footer nav#footer ul.level_1 > li.trail > a,
    footer nav#footer ul.level_1 > li > a:hover {
        color: #c4c4c5;
        transition:
            color .25s linear 0s;
    }

    /* Footer: Navigation Sitemap */

    footer nav#sitemap {
        background-color: #50585d;
        border-top-color: #c4c4c5;
        border-top-style: solid;
        border-top-width: 1px;
    }

    footer nav#sitemap > div.wrapper {
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        padding-bottom: 40px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 40px;
    }

    footer nav#sitemap div.column {
        flex: 1 1 14%;
    }

    footer nav#sitemap div.column > div {
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 40px;
    }

    footer nav#sitemap div.column > div > a {
        border-bottom-color: #7f8184;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: #c4c4c5;
        display: block;
        margin-bottom: 15px;
        padding-bottom: 5px;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    footer nav#sitemap div.column > div.active > a,
    footer nav#sitemap div.column > div.trail > a,
    footer nav#sitemap div.column > div > a:hover {
        color: #ebeaeb;
        transition:
            color .25s linear 0s;
    }

    footer nav#sitemap div.column p {
        color: #ebeaeb;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 16px;
    }

    footer nav#sitemap div.column p a {
        background-image: url('../images/icons/link_int_ec732b.svg');
        background-position: 0px 50%;
        background-repeat: no-repeat;
        background-size: auto 10px;
        color: #ec732b;
        padding-left: 15px;
        text-decoration:none;
        transition:
            color 0.25s linear 0s;
    }

    footer nav#sitemap div.column p a[href^="http"] {
        background-image: url('../images/icons/link_ext_ec732b.svg');
        padding-left: 20px;
    }

    footer nav#sitemap div.column p a:hover {
        background-image: url('../images/icons/link_int_ebeaeb.svg');
        color: #ebeaeb;
        transition:
            color 0.25s linear 0s;
    }

    footer nav#sitemap div.column p a[href^="http"]:hover {
        background-image: url('../images/icons/link_ext_ebeaeb.svg');
    }

    footer nav#sitemap ul.level_2 > li {
        font-size: 14px;
        font-weight: 400;
        line-height: 15px;
    }

    footer nav#sitemap ul.level_2 > li > a {
        color: #c4c4c5;
        display: inline-block;
        margin-bottom: 5px;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    footer nav#sitemap ul.level_2 > li.active > a,
    footer nav#sitemap ul.level_2 > li.trail > a,
    footer nav#sitemap ul.level_2 > li > a:hover {
        color: #ebeaeb;
        transition:
            color .25s linear 0s;
    }

    footer nav#sitemap ul.level_3 {
        margin-left: 15px;
    }

    footer nav#sitemap ul.level_3 > li {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
    }

    footer nav#sitemap ul.level_3 > li > a {
        color: #c4c4c5;
        display: inline-block;
        margin-bottom: 5px;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    footer nav#sitemap ul.level_3 > li.active > a,
    footer nav#sitemap ul.level_3 > li.trail > a,
    footer nav#sitemap ul.level_3 > li > a:hover {
        color: #ebeaeb;
        transition:
            color .25s linear 0s;
    }

    footer nav#sitemap figure {
        display: inline-block;
    }

    /* Cookiebar */

    div.cookiebar {
        background-color: #ec732b;
        bottom: 0px;
        left: 0px;
        position: fixed;
        right: 0px;
        width: 100%;
    }

    div.cookiebar div.wrapper {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 36px;
        max-width: 1000px;
        position: relative;
        width: 100%;
    }

    div.cookiebar p {
        color: #ebeaeb;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 15px;
    }

    div.cookiebar p a {
        background-image: url('../images/icons/link_int_c4c4c5.svg');
        background-position: 5px 50%;
        background-repeat: no-repeat;
        background-size: auto 12px;
        color: #c4c4c5;
        padding-left: 20px;
        text-decoration:none;
        transition:
            color 0.25s linear 0s;
    }

    div.cookiebar p a[href^="http"] {
        background-image: url('../images/icons/link_ext_c4c4c5.svg');
        padding-left: 27px;
    }

    div.cookiebar p a:hover {
        background-image: url('../images/icons/link_int_ebeaeb.svg');
        color: #ebeaeb;
        transition:
            color 0.25s linear 0s;
    }

    div.cookiebar p a[href^="http"]:hover {
        background-image: url('../images/icons/link_ext_ebeaeb.svg');
    }

    div.cookiebar a.close {
        background-image: url('../images/icons/close_c4c4c5.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        display: block;
        height: 16px;
        position: absolute;
        right: 0px;
        top: 10px;
        width: 16px;
    }

    div.cookiebar a.close:hover {
        background-image: url('../images/icons/close_ebeaeb.svg');
    }

}