/* ---------- viewport all ---------- */
@media all {
.modMainNavigation ul.nav-level-1 > li {
     width: 14.2857142857143%;
}

}



/* ---------- viewport desktop ---------- */
@media screen {

}



/* ---------- viewport tablet ---------- */
@media only screen and (min-width : 767px) and (max-width : 1024px) {

/* Schriftart und Abstand für Hauptnavigation anpassen (7 Hauptrubriken) */
.modMainNavigation ul.nav-level-1 > li > a {
    font-size: 100%;
}
.modMainNavigation ul li a {
    padding: .71428571em 5pt 0;
}
}



/* ---------- viewport smartphone ---------- */
@media only screen and (min-width : 20px) and (max-width : 766px) {

.modHeader div.logo {
    padding: 20px 20px 23px 0;
}

.modHeader div.logo span.show-in-screen {
    font-size:10px;
}


}