:root
{
}
#page
{
    padding-top: var(--topBarHeight);
}
#headerWrapper
{
    background: transparent;
}
#teaserWrapper
{
    top: 0;
}
#topBarWrapper
{
    display: block;
    padding-top: 4rem;
    overflow: hidden;
}
#topBarInner
{
    position: absolute;
    display: grid;
    grid-template-areas: "logo logo"
                         "els menu";
    top: 1rem;
    width: calc(100vw - 5rem);
    margin-inline: 0;
    padding-inline: 1rem;
}

#logo
{
    grid-area: logo;
}

#topMenu
{
    grid-area: menu;
}
#top-menu
{
    display: flex;
    column-gap: 1rem;
    flex-wrap: nowrap;
    justify-content: flex-end;
}
#top-menu li.level1
{
    display: block;
    width: fit-content;
    padding-inline: 0;
}
#top-menu a,
#top-menu a:visited
{
    color: var(--secondaryclr);
    font-weight: 900;
}
#topBarEls
{
    grid-area: els;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
}

.level2 .mobileSubArrow
{
    display: none;
}


#mainMenuWrapper ul.level1 li.level1.opened ul.level2
{
    padding-top: 0;
}

#mainMenuWrapper ul.level1 li.level1 ul.level2 li.level2
{
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0.5rem;
    background-color: #f0f0f0;
}
#mainMenuWrapper ul.level1 li.level1 ul.level2 li.level2:first-child
{
    padding-top: 0;
}

#mainMenuWrapper li.level1 li.level2 a
{
    display: block;
    padding-left: 3rem;
    padding-right: 2rem;
    padding-block: 0.5rem;
}
.mobileMenuSubSelector
{
    height: 2.8em;
    width: 2.8em;
}
@media screen and (max-width: 480px)
{
    #topBarInner
    {
        width: 98vw;
    }
}