@charset "UTF-8";

/*
Basisfarben:

Dunkel: #339071
Mittel: #5dab93
Hell:   #b4dfd3
*/

@media (max-width: 1024px)
{
    *
    {
        box-sizing: border-box;
    }

    #page
    {
        order: 1;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        grid-gap: 0px 0px;
        grid-template-areas: "." "." "." ".";
    }
    
    #content
    {
        order: 2;
        width: 100%;
    }
    
    #sidebar
    {
        order: 3;
        width: 100%;
    }

    #page div:nth-child(4)
    {
        order: 4;
    }
    
    #sidebar-content
    {
        background: none !important;
    }
    
    #sidebar-bgbtm
    {
        background: none !important;
    }
    
    #login_organisation,
    #login_usrname,
    #login_password
    {
        min-width: 100%;
    }

    #wrapper,
    #header,
    #header_image,
    #page,
    #page,
    #footer
    {
        width: 100% !important;
    }
}