.navbar-brand.mobile {
    display: none !important;
}
.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. */
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 100%);
    background-size: 100%;
    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-ch.card {
    border: 0;
}
.container-top-a {
    padding: 0 17px 7px 17px;
    margin: auto;
}

.home-house {
    font-size: 18px !important;
}

@media (max-width: 576px) {
    .menu-frame {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 100;
        margin-top: -46px;
        margin-bottom: 5px;
        margin-left: 17px;
        margin-right: 17px;
        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;
    }

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