.backgroundOnMenuElement { transition: all ease-in-out 0.2s; background-color: rgba(255,255,255,0.5); border-radius: 1rem; }
    .backgroundOnMenuElement:hover { background-color: rgba(255,255,255,0.8); }
#nav .loginButtonShowIcon:hover .visibilityHidden { visibility: visible; opacity: 1; padding-right: 3px; }
.navPaddingElements { padding-right: 35px; margin-top: 1rem; }
.navPaddingElementsSmall { padding-right: 15px; margin-top: 1rem; }
.navPaddingElementsLarge { padding-right: 6rem; }
.navPaddingActions { padding-right: 1.5rem; }
#nav { margin-left: auto; }
    #nav > a { display: none }
    #nav li:not(.app_display_none_desktop) { display: block; }
    #nav ul { list-style-type: none; padding: 0; margin: 0; }

    /* first level */
    #nav > ul { }
        #nav > ul > li { float: left; }
        #nav > ul > li, .navigationOnMobileElements a { font-size: 1.5rem; font-family: Poppins, Arial, Helvetica, sans-serif; font-weight: 400; color: rgba(0,0,0,0.9); }
            #nav > ul > li > ul > li { font-size: 1.4rem; }
                #nav > ul > li > a, #nav > ul > li > ul > li a { color: rgba(0,0,0,0.9); text-decoration: none; }
                    #nav > ul > li > ul > li a:hover { text-decoration: underline; }

    /* second level */
    #nav li ul { display: none; position: absolute; background: rgba(255,255,255,0.95); border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
    #nav > ul > li > ul { margin-left: -1rem; min-width: 21.8rem; padding-top: 1.5rem }
        #nav > ul > li > ul > li { padding: 1rem; }
    #nav li:hover ul { display: block; padding: 0; animation: fadeIn 0.4s; }

@media screen and (max-width:1025px) {
    .noMarginOnMobile { margin: 0 !important; }
    #nav, #nav > a, #nav > a > span, #nav > a > span:before { background-color: white !important; }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type { display: block; }

        /* first level */

        #nav > ul { height: auto; display: none; position: absolute; left: 0; right: 0; background: rgba(255,255,255,0.95); width: 100%; }
        #nav:target > ul { display: block; padding: 1rem; margin-top: 1rem; }
        #nav > ul > li { width: 100%; float: none; padding-bottom: 2rem; }
            #nav > ul > li > ul > li a { font-weight: 300; }

        /* second level */
        #nav li ul { position: static; }
}