@media all and (min-width: 64rem) {

    body:after {
        content: 'viewport-xl';
        display: none;
    }

    head {
        font-family: 'viewport-xl';
    }

    #pageheader {
        margin: 1.5em auto 0;
    }
    #logo {
        grid-column: span 6;
    }
    #header-text {
        grid-column: span 6;
    }
    #slider-text {
        position: absolute;
        bottom: 3.14285em;
        right: 7.14285em;
        width: 37.5%;
    }
    #slider-text h1 {
        color: #fff;
    }
    #content {
        flex-direction: row-reverse;
    }

    #language-menu {
        grid-column: span 12;
    }


    #subnavigation {
        display: block;
    }

    #subnavigation ul {
        border-bottom: 0.0714em #004f96 solid;
        list-style-type: none;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 80%;
    }
    #subnavigation ul li {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #subnavigation ul li a {
        color: #444;
        border-bottom: 0.0714em #ddd solid;
        display: block;
        padding: 0.214285em 0 0.214285em 5%;
        text-decoration: none;
    }

    #subnavigation ul li.active > a,
    #subnavigation ul li > a:hover {
        background-color: #004f96;
        color: #fff;
    }
    #subnavigation ul li > a:hover {
        text-decoration: underline;
    }
    #subnavigation ul ul {
        width: 100%;
        border-bottom: 0;
    }
    #subnavigation ul ul li a {
        padding-left: 8%;
    }



    #main-navigation {
        display: block;
        margin-bottom: 1.714285em;
    }
    #main-navigation ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    #main-navigation ul li {
        display: inline-block;
        position: relative;

    }
    #main-navigation ul li + li {
        margin-left: 1.4285em;
    }
    #main-navigation ul li a {
        display: block;
        font-size: 1em;
        line-height: 2em;
        border-bottom: 0.0625rem #004f96 solid;
        color: #555;
        padding: 0.1875rem 0.75rem;
        text-decoration: none;
        text-shadow: 0 0 0 rgba(0, 0, 0, 0.5)
    }
    #main-navigation ul li.active {

    }
    #main-navigation ul li a.active {
        color: #004f96;
        font-size: 1em;
        font-weight: normal;
        line-height: 2em;
        padding: 0.1875rem 0.75rem;
        border-bottom: 0.14285em #004f96 solid;
        text-decoration: none;
    }
    #main-navigation ul li a:hover {
        color: #004f96;
        border-bottom: 0.14285em #004f96 solid;
    }

    #main-navigation ul .sublevel {
        display: none;
    }


}

@media all and (max-width: 64rem) {

}