@media screen {

    /* Fonts */

    /* montserrat-300 - latin */
    @font-face {
        font-display: swap;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 300;
        src: url('../fonts/montserrat-v31-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/montserrat-v31-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }

    /* montserrat-regular - latin */
    @font-face {
        font-display: swap;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        src: url('../fonts/montserrat-v31-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/montserrat-v31-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }

    /* montserrat-700 - latin */
    @font-face {
        font-display: swap;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 700;
        src: url('../fonts/montserrat-v31-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/montserrat-v31-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }

    /* Layout */

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

    body {
        background-color: #e7e6e6;
        color: #50585d;
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 14px;
        font-weight: 300;
        -webkit-font-smoothing: subpixel-antialiased;
        line-height: 20px;
        -webkit-text-stroke: 1px transparent;
    }

    .hidden {
        display: none;
    }

    div#page {
        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: #006c66;
        color: #ffffff;
    }

    ::-moz-selection {
        background-color: #006c66;
        color: #ffffff;
    }

    /* Header */

    header {
        background-color: #006c66;
        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: 14px;
        font-weight: 400;
        line-height: 16px;
    }

    header nav#main ul.level_1 > li > a {
        border-bottom-color: transparent;
        border-bottom-style: solid;
        border-bottom-width: 5px;
        color: #e7e6e6;
        display: inline-block;
        margin-right: 25px;
        padding-bottom: 5px;
        text-decoration: none;
        transition:
            border-color .25s linear 0s,
            color .25s linear 0s,
            filter .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: #ffffff;
        color: #ffffff;
        filter: drop-shadow(0px 0px 5px #ffffff);
        transition:
            border-color .25s linear 0s,
            color .25s linear 0s,
            filter .25s linear 0s;
    }

    header div.menuoverlay {
        background-color: #006c66;
        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: grid;
        grid-template-columns: repeat(6, 16.66666%);
        grid-gap: 5px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }

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

    header nav#main ul.level_2 > li > a {
        color: #e7e6e6;
        display: inline-block;
        margin-bottom: 10px;
        text-decoration: none;
        transition:
            color .25s linear 0s,
            filter .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: #ffffff;
        filter: drop-shadow(0px 0px 5px #ffffff);
        transition:
            color .25s linear 0s,
            filter .25s linear 0s;
    }

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

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

    header nav#main ul.level_3 > li > a {
        color: #e7e6e6;
        display: inline-block;
        margin-bottom: 5px;
        text-decoration: none;
        transition:
            color .25s linear 0s,
            filter .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: #ffffff;
        filter: drop-shadow(0px 0px 5px #ffffff);
        transition:
            color .25s linear 0s,
            filter .25s linear 0s;
    }

    /* Header: Navigation Meta */

    header nav#meta {
        box-sizing: border-box;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        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: 12px;
        font-weight: 400;
        line-height: 16px;
    }

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

    header nav#meta ul.level_1 > li > a:hover {
        color: #ffffff;
        filter: drop-shadow(0px 0px 5px #ffffff);
        transition:
            color .25s linear 0s,
            filter .25s linear 0s;
    }

    header nav#meta ul.level_1 > li > a#iconSearch {
        background-color: #e7e6e6;
        display: block;
        height: 17px;
        mask-image: url('../images/icons/search.svg');
        mask-repeat: no-repeat;
        mask-size: contain;
        transition:
            background-color .25s linear 0s;
        width: 17px;
    }

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

    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: 12px;
        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: 12px;
        font-weight: 400;
        line-height: 10px;
    }

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

    header nav#language a:hover {
        color: #ffffff;
        filter: drop-shadow(0px 0px 5px #ffffff);
        transition:
            color .25s linear 0s,
            filter .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: 12px;
        font-weight: 400;
        line-height: 16px;
    }

    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,
            filter .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: #50585d;
        filter: drop-shadow(0px 0px 5px #ffffff);
        transition:
            color .25s linear 0s,
            filter .25s linear 0s;
    }

    /* Footer: Navigation Sitemap */

    footer nav#sitemap {
        background-color: #50585d;
        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: 15px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 40px;
    }

    footer nav#sitemap div.column > div > a {
        border-bottom-color: #e7e6e6;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: #e7e6e6;
        display: block;
        margin-bottom: 15px;
        padding-bottom: 5px;
        text-decoration: none;
        transition:
            color .25s linear 0s,
            filter .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: #ffffff;
        filter: drop-shadow(0px 0px 5px #ffffff);
        transition:
            color .25s linear 0s,
            filter .25s linear 0s;
    }

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

    footer nav#sitemap div.column p a {
        color: #4abbba;
        text-decoration: none;
        transition:
            color 0.25s linear 0s,
            filter 0.25s linear 0s;
    }

    footer nav#sitemap div.column p a::before {
        background-color: #4abbba;
        content: '';
        display: inline-block;
        height: 8px;
        mask-image: url('../images/icons/link_int.svg');
        mask-repeat: no-repeat;
        mask-size: contain;
        transition:
            background-color .25s linear 0s;
        width: 10px;
    }

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

    footer nav#sitemap div.column p a:hover {
        color: #ffffff;
        filter: drop-shadow(0px 0px 5px #ffffff);
        transition:
            color 0.25s linear 0s,
            filter 0.25s linear 0s;
    }

    footer nav#sitemap div.column p a:hover::before {
        background-color: #ffffff;
        transition:
            background-color 0.25s linear 0s;
    }

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

    footer nav#sitemap ul.level_2 > li > a {
        color: #e7e6e6;
        display: inline-block;
        margin-bottom: 5px;
        text-decoration: none;
        transition:
            color .25s linear 0s,
            filter .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: #ffffff;
        filter: drop-shadow(0px 0px 5px #ffffff);
        transition:
            color .25s linear 0s,
            filter .25s linear 0s;
    }

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

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

    footer nav#sitemap ul.level_3 > li > a {
        color: #e7e6e6;
        display: inline-block;
        margin-bottom: 5px;
        text-decoration: none;
        transition:
            color .25s linear 0s,
            filter .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: #ffffff;
        filter: drop-shadow(0px 0px 5px #ffffff);
        transition:
            color .25s linear 0s,
            filter .25s linear 0s;
    }

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

    /* Cookiebar */

    div.cookiebar {
        background-color: #006c66;
        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: #e7e6e6;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 13px;
    }

    div.cookiebar p a {
        color: #00a19a;
        text-decoration: none;
        transition:
            color 0.25s linear 0s,
            filter 0.25s linear 0s;
    }

    div.cookiebar p a::before {
        background-color: #00a19a;
        content: '';
        display: inline-block;
        height: 11px;
        mask-image: url('../images/icons/link_int.svg');
        mask-repeat: no-repeat;
        mask-size: contain;
        transition:
            background-color .25s linear 0s;
        width: 15px;
    }

    div.cookiebar p a[href^="http"]::before {
        mask-image: url('../images/icons/link_ext.svg');
        width: 20px;
    }

    div.cookiebar p a:hover {
        color: #ffffff;
        filter: drop-shadow(0px 0px 5px #50585d);
        transition:
            color 0.25s linear 0s,
            filter 0.25s linear 0s;
    }

    div.cookiebar p a:hover::before {
        background-color: #ffffff;
        transition:
            background-color 0.25s linear 0s;
    }

    div.cookiebar a.close {
        background-color: #e7e6e6;
        display: block;
        height: 16px;
        mask-image: url('../images/icons/close.svg');
        mask-repeat: no-repeat;
        mask-size: contain;
        position: absolute;
        right: 0px;
        top: 10px;
        transition:
            background-color .25s linear 0s;
        width: 16px;
    }

    div.cookiebar a.close:hover {
        background-color: #ffffff;
        transition:
            background-color .25s linear 0s;
    }

}