.navbar-brand.mobile {
    display: none !important;
}

.nav-item.active {
    background: white;
}

.nav-item.active .img_home_button_desktop {
    border-bottom: none;
    border-image: none;
}

.menu-frame {

    /* AH-Webdesign N.V.: Damit funktioniert die fixe Navigation und gleichzeitig die volle Breite der Hintergrund-Transparenz! Zusätzlich muss jedoch in der index.php das Nav-DIV unterhalb des Slider-DIVs verschoben werden. */
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 100;
    margin-top: -62px;
    margin-bottom: 31px;
    margin-left: 17px;
    margin-right: 17px;
    padding: 4px 0;
}

.top-slider-de.card {
    border: 0;
}
.container-top-a {
    padding: 0 17px 7px 17px;
    margin: auto;
}

.news-right {
    float: left;
}

@media (max-width: 660px) {
    .menu-frame {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 100;
        margin-top: -46px;
        margin-bottom: 5px;
        margin-left: 5px;
        margin-right: 5px;
        padding: 6px 5px; /* AH-Webdesign N.V.: Hier kann durch ein vertikales padding von 2 - 3 Pixel statt 0 anschließend der margin-left und margin-right um 1 - 2 Pixel verringert werden um somit auch bei Smartphones den Hintergrund bis zum Bildrand laufen zu lassen! */
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: center +20%;


        /*        position: absolute;
                bottom: -4px;
                left: 27px;
                right: 27px;*/
    }
    .home-house {
        font-size: 15px !important;
    }

    .img_home_button:hover {
        background: rgba(222,222,222,0.5);
        background-repeat: no-repeat;
        background-size: 32px;
        border-radius: 8px;
    }

    .img_home_button img {
        max-width: 100%;
        min-width: 22px;
        max-height: 22px;
    }

    .container-top-a {
        padding: 0 5px 7px 5px;
    }
}

@media only screen and (min-width: 1200px) {
    .img_home_button_desktop {
        background: url(https://www.freelance-market.de/images/headers/Logo-FreelanceMarket.png);
        background-repeat: no-repeat;
        background-size: 183px 32px
    }

    .img_home_button_desktop:hover {
        background: url(https://www.freelance-market.de/images/headers/Logo-FreelanceMarket.png) rgba(222,222,222,0.5);
        background-repeat: no-repeat;
        background-size: 183px 32px;
        border-radius: 8px;
    }

    .nav-item {
        padding: 4px 15px 6px 15px !important;
    }

    .home-house::before {
        font-size: 1.3em;
    }

}

@media only screen and (max-width: 1199px) {
    .img_home_button_desktop {
        background: url(https://www.freelance-market.de/images/touch/favicon_72.png);
        background-repeat: no-repeat;
        background-size: 22px;
        background-position: center;
        font-size: 22px !important;
    }

    .img_home_button_desktop:hover {
        background: url(https://www.freelance-market.de/images/touch/favicon_72.png) rgba(222, 222, 222, 0.5);
        background-repeat: no-repeat;
        background-size: 22px;
        background-position: center;
        font-size: 22px !important;
        border-radius: 8px;
    }

    .img_home_button_desktop img {
        width: 30px;
    }
}