@media screen and (max-width: 600px) {
    .user-bar__logo-normal {
        display: none;
    }

    .user-bar__logo-small {
        display: block;
    }

    .user-bar__logo {
        width: 40px;
    }

    .user-bar .dropdown-menu {
        width: 100vw;
    }

    .navbar > .container-fluid.opuscon-footer-container {
        flex-direction: column;
        align-items: start;
    }

    .opuscon-footer__logo .user-bar__logo-small {
        display: inline;
    }
}

@media screen and (max-width: 360px) {
    .user-bar {
        height: auto;
    }

    .user-bar__user-login {
        text-align: center;
    }

    .user-bar-top-background {
        display: block !important;
    }
}