/* ---------- viewport all ---------- */
@media all {
.modMainNavigation ul.nav-level-1 > li {
     width: 100%;
}
    /* Login-Popup im Vordergrund (vor Burgermenü) */
#login {
        z-index: 99800;
    }
}



/* ---------- viewport desktop ---------- */
@media screen {
    /* Textoverlay Header-Bild */
#ismHeaderOverlay {
        line-height: 1.5em;
        font-size: 25px;
        font-weight: bold;
        position: absolute;
        /* left: 50px; */
        bottom: 356px;
        height: 40px;
        width: 940px;
        text-align: center;
        color: white;
        background-color: silver;
        background-color: hsla(0, 0%, 7%, 0.5);
        left: 0px;
    }

#ismHeaderOverlay p{
        font-size: 25px !important;
    }

#ismHeaderOverlay span {
        display:none;
    }
}



/* ---------- viewport tablet ---------- */
@media only screen and (min-width : 767px) and (max-width : 1024px) {
    /* Textoverlay Header-Bild */
#ismHeaderOverlay {
        line-height: 2.0em;
        font-size: 20px;
        font-weight: bold;
        position: absolute;
        bottom: 221px;
        height: 40px;
        width: 620px;
        text-align: center;
        color: white;
        background-color: silver;
        background-color: hsla(0, 0%, 7%, 0.5);
        left: 0px;
    }

#ismHeaderOverlay p{
        font-size: 20px !important;
    }

#ismHeaderOverlay span {
        display:none;
    }

/* Anpassung Hauptnavigation */
    .modMainNavigation ul.nav-level-1 > li > a {
        font-size: 80%;
    }

    .modMainNavigation ul li a {
        padding-top: 0.3em;
        padding-left: 3pt;
    }
}



/* ---------- viewport smartphone ---------- */
@media only screen and (min-width : 20px) and (max-width : 766px) {
    /* Textoverlay Header-Bild */
    .modHeader div.logo {
	margin-bottom: 30px;
    }

#ismHeaderOverlay {
        line-height: 1.5em;
        font-size: 13px;
        font-weight: bold;
        position: absolute;
        top: 15%;
        color: #008dc9;
        background-color: white;
        display: block;
        text-align: right;
        width: 100%;
        left: -20px;
    }

#ismHeaderOverlay p{
        font-size: 13px !important;
    }

#ismHeaderOverlay span {
        display:none;
    }
}