@media not all and (min-height: 540px) and (min-width: 375px)
{
    #navigation-brand-text
    {
        font-size: 0.6rem;
    }
}

@media not all and (min-height: 540px) and (min-width: 900px)
{
    #page-top
    {
        margin: 0;
        padding: 4rem 0 0 0;
        background-color: #2B88DE;
    }

    #navigation
    {
        box-sizing: border-box;
        position: fixed;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        min-width: 320px;
        min-height: 4rem;
        max-height: 100%;
        background-color: #2B88DE;
    }

    #language-container
    {
        float: left;
        height: 4rem;
    }

    #language-container a
    {
        text-decoration: none;
    }

    #language-text
    {
        display: none;
    }

    .language-icon
    {
        float: left;
        height: 2rem;
        margin-top: 1rem;
        margin-left: 0.5rem;
    }

    #navigation-brand
    {
        float: left;
        height: 3rem;
        color: rgba(255,255,255,1);
        font-size: 1rem;
        font-weight: 800;
        letter-spacing: 0.05rem;
        line-height: 4rem;
        margin-left: 0.5rem;
        text-decoration: none;
        text-transform: uppercase;

        -o-transition:color .5s;
        -ms-transition:color .5s;
        -moz-transition:color .5s;
        -webkit-transition:color .5s;
        transition:color .5s;
    }

    #navigation-brand:hover
    {
        color: rgba(255,255,255,0.75);
    }

    #navigation-brand-text
    {
        display: block;
    }

    #navigation-brand-image
    {
        display: none;
    }

    #navigation-toggle-button
    {
        position: absolute;
        top: 0;
        right: 0;
        width: 3rem;
        height: 3rem;
        margin: 0.5rem 0.5rem 0.5rem 0;
        background-color: transparent;
        border: 1px solid transparent;
        cursor: pointer;
    }

    #navigation-toggle-button label
    {
        cursor: pointer;
    }

    #navigation-toggle-icon
    {
        vertical-align: middle;
        text-align: center;
        font-size: 2rem;
        color: rgba(255,255,255,1);

        -o-transition:color .5s;
        -ms-transition:color .5s;
        -moz-transition:color .5s;
        -webkit-transition:color .5s;
        transition:color .5s;
    }

    #navigation-toggle-icon:hover
    {
        color: rgba(255,255,255,0.75);
    }

    #navigation-toggle
    {
        display: none;
    }

    #navigation-toggle:checked ~div
    {
        display: block;
    }

    #navigation-toggle-content
    {
        display: none;
        text-align: center;
        overflow: auto;
        min-height: 415px;
        width: 100%;
    }

    #navigation-social-icons
    {
        #margin-top: 4rem;
    }

    #navigation-social-icons a
    {
        display: inline-block;
        height: 2.5rem;
        width: 2.5rem;
        background-color: #F5923E;
        color: #fff;
        border-radius: 100%;
        font-size: 1rem;
        line-height: 2.5rem;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        text-decoration: none;

        -o-transition:background-color .5s;
        -ms-transition:background-color .5s;
        -moz-transition:background-color .5s;
        -webkit-transition:background-color .5s;
        transition:background-color .5s;
    }

    #navigation-social-icons a:hover
    {
        background-color: #C5620E;
    }

    .search-form
    {
        height: 2rem;
        margin-bottom: 1rem;
    }

    .search-input
    {
        border-radius: 0.5rem;
        overflow: hidden;
        width: 15rem;
        height: 2rem;
        line-height: 2rem;
    }

    .search-submit
    {
        width: 2.5rem;
        height: 2.5rem;
    }

    #navigation-list-container
    {
        width: 100%;
        overflow: auto;
    }

    #navigation-list
    {
        padding: 0;
        list-style: none;
    }

    .navigation-item
    {
        display: block;
    }

    .navigation-link, #footer-gft-link
    {
        color: rgba(255,255,255,1);
        font-size: 1.2rem;
        font-weight: 800;
        letter-spacing: 0.05rem;
        text-transform: uppercase;
        text-decoration: none;

        -o-transition:color .25s;
        -ms-transition:color .25s;
        -moz-transition:color .25s;
        -webkit-transition:color .25s;
        transition:color .25s;
    }

    .navigation-link:hover, #footer-gft-link:hover
    {
        color: rgba(255,255,255,0.75);
    }

    .navigation-link:visited, #footer-gft-link:visited
    {
        color: rgba(255, 255, 255, .75);
    }

    #sub-navigation-list
    {
        display: none;
    }

    #footer-gft-image
    {
        display: none;
    }

    #impressum-list
    {
        padding: 0;
        margin-top: 0;
        list-style: none;
    }

    .impressum-item
    {
        display: block;
        line-height: 1.2rem;
        margin-bottom: 0.25rem;
    }

    .impressum-link
    {
        color: rgba(255,255,255,1);
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.05rem;
        text-transform: uppercase;
        text-decoration: none;

        -o-transition:color .25s;
        -ms-transition:color .25s;
        -moz-transition:color .25s;
        -webkit-transition:color .25s;
        transition:color .25s;
    }

    .impressum-link:hover
    {
        color: rgba(255,255,255,0.75);
    }

    #footer-rights-container
    {
        line-height: 0.75rem;
        margin-bottom: 1rem;
    }

    #footer-rights-text
    {
        margin-top: 0.5rem;
        color: rgba(255,255,255,1);
        font-size: 0.7rem;
        font-weight: 600;
        letter-spacing: 0.05rem;
        text-transform: uppercase;
    }

    #content
    {
        box-sizing: border-box;
        margin: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: calc(100vh - 4rem);
        overflow: hidden;
    }

    #content-scroll
    {
        height: 100%;
        overflow: auto;
        padding: 0 1rem 0 1rem;
    }
}