.bsc_show_mobile {
    display: none;
}
.fa-bars:before {
    font-family: 'basecomicons' !important;
    content: "\e904" !important;
}

/* Kontakt Menü-Item in blau */
.blog-id-1 #nav-menu-item-30 {
    background-color: #0099ff;
}
.blog-id-1 #nav-menu-item-16648 {  /* english version */
    background-color: #0099ff;
}
.blog-id-1 #nav-menu-item-30 a, .blog-id-1 #nav-menu-item-30 a span {
    color: white !important;
}
.blog-id-1 #nav-menu-item-16648 a, .blog-id-1 #nav-menu-item-16392 a span {
    color: white !important;
}

.main_menu, .main_menu ul, .main_menu .menu-item {
    height: 100%;
}

nav.main_menu > ul > li > a {
    letter-spacing: 0.01em !important;
}

/* Prüfen ob in Qode Options Änderungen möglich sind */
nav.mobile_menu ul>li.has_sub>span.mobile_arrow {
    padding: 0 15px 0 0;
}

@media(max-width: 1000px) {
    nav.mobile_menu>ul {
        width: 100% !important;
    }
}
@media(max-width: 768px) {
    nav.mobile_menu>ul {
        width: 100% !important;
    }
}

/* Header */
header {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 1450px) {
    nav.main_menu > ul > li > a {
        font-size: 16px !important;
        letter-spacing: 0px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .q_logo img.normal, .q_logo img.light, .q_logo img.dark {
        display: none;
    }
    .q_logo img.sticky {
        display: block;
        opacity: 1 !important;
    }
    nav.main_menu > ul > li > a {
        padding: 0 16px !important;
    }
}

@media only screen and (max-width: 1130px) {
    nav.main_menu {
        left: 375px !important;
    }
}

@media only screen and (max-width: 1000px) {
    .header_inner_right, .header_top_submenu {
        display: none;
    }
    .header_bottom {
        box-shadow: 0 0 15px rgba(0,0,0,0.1);
    }
    .bsc_show_mobile {
        display: block;
    }
}

/* Hover-Submenu */
/*
 * wird ergänzt durch menu.js
 *
 * .second reagiert auf scrollTop
 * .sticky .second wird dauerhaft dargestellt und .sticky wird beim Wechsel zur sticky nav erzeugt
 * Beide mussten durch position: fixed gelöst werden, da position: absolute aufgrund des parents nicht funktioniert
 * Deshalb auch der Umweg über die js
 *
 */
.header_top_submenu {
    position: absolute;
    width: 100%;
}
.drop_down .second {
    display: none !important;
    position: absolute !important;
    width: 100vw !important;
    top: 100px !important;
    /*left: 0 !important;*/
}
.drop_down .current-menu-item .second.display-submenu {
    display: none !important;
}
.drop_down .second.display-submenu {
    display: block !important;
    opacity: 1;
    visibility: visible;
    overflow: visible;
}
.drop_down .second {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.sticky .second {
    position: fixed !important;
    display: none !important;
    width: 100vw !important;
    top: 65px !important;
    left: 0 !important;
}
/*
.sticky .drop_down .second.display-block-important {
    display: block !important;
}
 */

.second .inner {
    height: 45px;
}
.second ul {;
    display: flex !important;
    height: 100%;
    justify-content: center;
    list-style: none !important;
}

.sticky .second ul {
    /* Der Box Shadow hängt direkt mit position:absolute der Klasse "header_top_submenu" zusammen
       ist dort position: absolute, so wird kein Shadow benötigt, andernfalls schon
        */
    /*box-shadow: inset 0px 4px 3px -3px rgba(0,0,0,.11);*/
}

li.narrow .second .inner ul {
    padding-left: 15px !important;
    padding: 0 !important;
    border: none !important;
    background-color: #F5F5F5 !important;
}
li.narrow .second .inner ul li {
    margin: 10px 1rem;
    width: inherit !important;
}
li.narrow .second .inner ul li a {
    padding: 0 !important;
    font-size: 1rem;
    line-height: 25px;
    letter-spacing: 0.01em !important;
}    .service-logos .ult-content-box {
         gap: 0 20px;
     }

#menu-main-menu {
    min-width: 850px;
}

@media(max-width: 1000px) {
    .header_top_submenu {
        display: none !important;
    }
}
@media (min-width: 1001px) and (max-width: 1200px) {
    #menu-main-menu {
        min-width: 750px;
        left: -39%;
    }
}
@media (min-width: 1201px) and (max-width: 1300px) {
    #menu-main-menu {
        min-width: 750px;
    }
}
@media (min-width: 1131px) and (max-width: 1200px) {
    #menu-main-menu-wsi {
        left: -10%;
    }
}

#nav-menu-item-wpml-ls-2-de, #nav-menu-item-wpml-ls-2-en {
    display: none;
}