﻿@media only screen and (max-width: 1200px) {
    #pnlNews {
        display:none;
    }
    #pnlProjects {
        width: auto !important;
    }
    .SearchResults {
        margin-left: 0px !important;
        left: 20px !important;
        width: calc(100% - 60px) !important;
    }

    .Login_Background {
        background: var(--background2);
    }
    .Login_Illustration {
        display: none;
    }
    .Login {
        box-shadow: none;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: block;
        transform: none;
    }

    .Headline {
        width: calc(100% - 180px);
    }
    .Headline .Logo {
        display:none;
    }
        .Headline .Search {
            width: calc(100% - 40px);
            margin-left: 10px;
        }
    .Login_Headline {
        white-space: normal;
    }

    .Navigation_Item {
        display:none;
    }

    .Navigation {
        background: var(--background2);
        border-radius: var(--border-radius);
        box-shadow: var(--box-shadow);
        width: 50px;
        height: 50px;
        background: url('/defaults/Menu.png') no-repeat 100%;
        background-color: var(--color2);
        margin-top: 20px;
        margin-right: 20px;
        top: 0px;
        right: 0px;
    }
        .Navigation:hover {
            background-color: var(--color1);
            position: absolute;
        }
            .Navigation:hover .Navigation_Group {
                margin-top: 0px;
                display: block;
                width: 50px;
                border-radius: 0px;
            }
                .Navigation:hover .Navigation_Group:first-child {
                    margin-top: 50px;
                }
            .Navigation:hover .Navigation_Item {
                display: block;
                text-align: right;
                border-right: none;
                background: var(--background2);
                margin: 0px;
                border-radius: 0px;
                box-shadow: var(--box-shadow);
                width: 50px;
            }

    .IconButton {
        margin-right: 5px;
        height: 35px;
    }
    .IconButton img {
        height: 35px;
    }
}
