.header__menu {
    --display: none;
    --menu-links-color: var(--links-color);
    --menu-links-hover-color: var(--menu-links-color);
    --menu-links-background: rgba(255, 255, 255, 0.75);
    list-style: none;
    display: var(--display);
}

/**
 *
 */

@media (min-width: 1024px) {
    .header__menu {
        --display: flex;
    }

    .header__menu .menu {
        display: flex;
        list-style: none;
        margin: 0;
    }

    .header__menu .menu > li {
        padding: 0 0.1rem;
        position: relative;
    }

    .header__menu .menu li a {
        display: inline-block;
        color: var(--menu-links-color);
        font-family: "Ubuntu", sans-serif;
        font-size: 0.8rem;
        font-weight: 600;
        letter-spacing: -0.002rem;
        line-height: 0.85rem;
    }

    .header__menu .menu > li a {
        border-radius: 0.2rem;
        padding: 0.5rem 1rem;
    }

    .header__menu .header__menu-main_menu .menu > li > a:lang(de) {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .header__menu .menu > li:hover > a {
        background-color: var(--menu-links-background);
    }

    .header:not(.header--sticky) .header__menu .menu > li:hover a {
        color: var(--menu-links-hover-color);
    }

    .menu-languages-menu-container,
    .header__menu .sub-menu {
        margin: 0.15rem 0 0;
        padding: 0.25rem;
        list-style: none;
        border-radius: 0.2rem;
        background-color: var(--menu-links-background);
        transition: all .4s ease;
        opacity: 0;
        visibility: hidden;

        position: absolute;
        left: 0.15rem;
        right: 0.15rem;
    }

    .header__menu .menu > li:hover .sub-menu {
        visibility: visible;
        opacity: 1;
    }

    .header__menu .menu .sub-menu > li > a {
        font-weight: 500;
        padding: 0.4rem 0.3rem 0.4rem 0.6rem;
        display: block;
        font-size: 0.7rem;
    }

    .header__menu .menu .sub-menu > li:hover > a {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .header__menu .menu {
        --menu-links-color: var(--links-color);
        --menu-links-hover-color: var(--links-color);
        padding-left: initial;
        border-radius: 0.2rem;
        background-color: var(--menu-links-background);
    }

    body.home .header__menu .menu {
        background-color: initial;
    }
}