@keyframes slideIn
{
    0%
    {
        height: 0;
    }

    100%
    {
        height: 6.3rem;
    }
}

@media all and (min-height: 660px) and (min-width: 900px)
{
    #footer-gft-image
    {
        width: 10rem !important;
    }
}

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

    #navigation
    {
        box-sizing: border-box;
        text-align: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 17rem;
        height: 100%;
        background-color: #2B88DE;
        padding: .5rem 1rem;
    }

    #language-container
    {
        line-height: 15px;
    }

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

    #language-text
    {
        color: rgba(255,255,255,1);
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.05rem;
        text-transform: uppercase;
    }

    .language-icon
    {
        height: 15px;
    }

    #navigation-brand
    {
        margin: auto auto 0;
    }

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

    #navigation-brand-image
    {
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.5rem;
    }

    #navigation-toggle
    {
        display: none;
    }

    #navigation-toggle-button
    {
        display: none;
    }

    #navigation-social-icons a
    {
        display: inline-block;
        height: 3.5rem;
        width: 3.5rem;
        background-color: #F5923E;
        color: #fff;
        border-radius: 100%;
        font-size: 1.5rem;
        line-height: 3.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
    {
        position: relative;
        margin: 0 1rem 0.5rem 0;
        height: 2rem;
        border: 1px solid grey;
        border-radius: 0.5rem;
        overflow: hidden;
    }

    .search-form:focus
    {
        outline: none;
    }

    .search-input
    {
        position: absolute;
        padding: 0 0 0 0.5rem;
        margin: 0;
        background-color: rgba(255,255,255,0.5);
        border: none;
        height: 2rem;
        width: 10.5rem;
        line-height: 2rem;
    }

    .search-input:hover
    {
        background-color: rgba(255,255,255,1);
    }

    .search-input:focus
    {
        outline: none;
        background-color: rgba(255,255,255,1);
    }

    .search-submit
    {
        position: absolute;
        right: 0;
        height: 2rem;
        width: 1.9rem;
        margin: 0;
    }

    #navigation-list-container
    {
        text-align: left !important;
        width: 100%;
        margin-bottom: auto;
        overflow: auto;
    }

    #navigation-list
    {
        padding: 0;
        margin-left: 1.1rem;
        list-style: none;
    }

    .navigation-item
    {
        display: block;
    }

    .navigation-link
    {
        color: rgba(255,255,255,.75);
        font-size: 0.9rem;
        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:visited
    {
        color: rgba(255, 255, 255, .75);
    }

    .navigation-link:hover, .selected
    {
        color: rgba(255,255,255,1);
    }

    #sub-navigation-list
    {
        animation: 1s ease-out 0s 1 slideIn;
        animation-fill-mode: forwards;
        height: 0;
        text-align: left !important;
        padding: 0;
        margin-top: 0.5rem;
        margin-left: 0.5rem;
        margin-bottom: 0.5rem;
        list-style: none;
        overflow: hidden;
    }

    .sub-navigation-item
    {
        line-height: 0.8rem;
        margin-bottom: 0.5rem;
    }

    .sub-navigation-link
    {
        color: rgba(255,255,255,.5);
        font-size: 0.75rem;
        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;
    }

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

    #footer-container
    {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin-bottom: 0.5rem;
    }

    #footer-container a
    {
        color: rgba(255,255,255,0.75);
        text-decoration: none;

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

    #footer-container a:hover
    {
        color: rgba(255,255,255,1);
    }

    #footer-gft-text
    {
        font-size: 0.6rem;
        font-weight: 600;
        letter-spacing: 0.05rem;
        line-height: 0.7rem;
        text-transform: uppercase;
    }

    #footer-gft-image
    {
        display: block;
        margin-left: 3.5rem;
        width: 0;

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

    #divider-container
    {
        width: 100%;
    }

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

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

    .impressum-link
    {
        color: rgba(255,255,255,.75);
        font-size: 0.7rem;
        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,1);
    }

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

    #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;
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 17rem;
        bottom: 0;
        right: 0;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

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