@charset "UTF-8";

body > div.content > header > div {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 3.75rem;
    justify-content: space-between;
}

body > div.content > header nav.header-menu-bars {
    display: none;
}

body > div.content > header nav > ul {
    display: inline;
    position: relative;
}

body > div.content > header nav ul {
    margin: 0;
    padding: 0;
}

body > div.content > header nav > ul > li {
    display: inline-block;
}

body > div.content > header nav ul li > a {
    display: inline-block;
    font-family: var(--menu-top-font-family);
    margin: var(--menu-top-item-margin);
    text-decoration: none;
}

body > div.content > header nav ul li > a:hover {
    color: var(--logispak-orange);
    text-decoration: underline;
    transition: all var(--transition) ease-in-out;
}

body > div.content > header nav ul li.alias-parent-active > a,
body > div.content > header nav ul li.alias-parent-active.deeper.parent > a,
body > div.content > header nav ul li.current.active > a {
    color: var(--logispak-orange);
    font-family: var(--font-din-s-bld);
}

/* menuDropDown */
body > div.content > header nav ul.mod-menu__sub {
    background: var(--black);
    /*border: 1px solid white;*/
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 0 4px 10px rgba(10, 20, 30, .4);
    display: none;
    position: absolute;
    padding: .6rem 0 .5rem;
}

body > div.content > header nav ul.mod-menu__sub li {
    clear: both;
    display: block !important;
    float: none;
    transition: all .3s ease-in-out;
}

body > div.content > header nav ul ul.mod-menu__sub li > a {
    margin: var(--menu-top-dropdown-item-margin);
}
body > div.content > header nav ul ul.mod-menu__sub li.alias-parent-active > a {
    color: var(--logispak-orange);
}

@media (max-width: 707px) {
    body > div.content > header nav.header-menu-content {
        display: none;
    }
    body > div.content > header nav.header-menu-bars {
        display: inherit;
    }
}