div.profilvmenu {
background: rgba(20,20,20,0.8);
    box-shadow: inset 0 0 15px 0px rgba(0,0,0,0.3);
    text-align: left;
    display:flex;
    justify-content: center;
    align-items: center;
        }

div.profilvmenu .avatar {
    text-align: center;
    flex: 1;
    max-width:40px;
    margin:10px;
        }

div.profilvmenu .nickname {
    flex: 1;
    font-size:12px;
        }

        .main-menu ul.menu {
            flex-grow: 1;
        }

        .main-menu > ul.menu > li.menu-profil {
            position: relative;
            display: flex;
            padding:0;
            margin-left: auto;
        }

.main-menu > ul.menu > li.menu-profil > ul.submenu-profil a:not(.logout) {
    display:inline-block;
    width:100%;
    color: rgba(50,50,50,1.00);
    font-weight:500;
    text-shadow: 0 0 2px rgba(0,0,0,0.1);
    white-space: nowrap;
    transition: all 0.2s ease-in-out; 
}

@media (max-width:991px) {
    .main-menu > ul.menu > li.menu-profil > ul.submenu-profil a:not(.logout) {
        height:40px;
        display:flex;
        justify-content: start;
        padding-left:30px;
        color: rgb(223, 223, 223);

    }
}

.main-menu > ul.menu > li.menu-profil > Sul.submenu-profil a > li {
    position:relative;
    padding:5px 20px;
    background-color: transparent;
    transition: background-color 0.2s ease-in-out;
        display: flex;
    align-items: center;
    justify-content: flex-start;
    width:100%;

}

.main-menu > ul.menu > li.menu-profil > ul.submenu-profil li ul > a {
    position: relative;
padding-right:40px;
        display: flex;
    align-items: center;
    justify-content: flex-end;
    width:100%;

}

.main-menu > ul.menu > li.menu-profil > ul.submenu-profil a > li:hover {
    background-color: rgba(150,150,150,0.2);
    transition: all 0.2s ease-in-out;

}

.main-menu > ul.menu > li.menu-profil > ul.submenu-profil li > a {
    position:relative;
    padding:5px 20px;
    background-color: transparent;
    transition: background-color 0.2s ease-in-out;
        display: flex;
    align-items: center;
    justify-content: flex-start;

}

.main-menu > ul.menu > li.menu-profil > ul.submenu-profil li > a:hover {
    background-color: rgba(150,150,150,0.2);
    transition: background-color 0.2s ease-in-out;

}



.main-menu > ul.menu > li.menu-profil > a {
text-decoration: none;
    font-weight:600;
    padding: 10px;
            color: var(--main-text-color);
            text-shadow: 0 0 12px rgba(255,255,255,0),0 0 4px rgba(255,255,255,0);
            transition: all 0.3s ease-in-out;
    
        }
.main-menu > ul.menu > li.menu-profil > a:hover {
        text-shadow: 0 0 12px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1);
    transition: text-shadow 0.2s ease-in-out;
        }

.main-menu > ul.menu > li.menu-profil > ul.submenu-profil {
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    font-size:12px;
    right: 20px;
    border: 1px solid rgba(20,20,20,0.5);
    box-shadow: 0 0 15px 0px rgba(0,0,0,0.5);
    background: linear-gradient(45deg, rgba(213, 213, 213, 1) 0%, rgba(246, 246, 246, 1) 100%);
    backdrop-filter: blur(10px);
    width: auto;
    padding: 0;
    list-style-type: none;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
    color: rgb(50,50,50);
    z-index:-5;
}
@media (max-width: 991px) {


    
.main-menu > ul.menu > li.menu-profil > ul.submenu-profil {
    text-align: left;
    display: block;
    visibility: visible;
    opacity: 1;
    position: absolute;
    top: -17px;
    left: 0;
    border: none;
    box-shadow: none;
    width:100%;
    padding-left:20px;
    list-style-type: none;
    background: transparent;
    backdrop-filter: none;
    transform: translateY(-100%);
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
} 
}



.main-menu ul.menu > li.menu-profil > ul.submenu-profil::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 85%;
    width: auto;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(255,255,255,0.70);

    z-index: 5;
}

.main-menu ul.menu > li.menu-profil > ul.submenu-profil::after {
    content: '';
    position: absolute;
    top: -6px;
    left: 85%;
    width: auto;
    border-left: 6.5px solid transparent; 
    border-right: 6.5px solid transparent; 
    border-bottom: 6.5px solid rgba(255,255,255,1); 
    z-index: 5;
}

@media (max-width: 991px) {
.main-menu ul.menu > li.menu-profil > ul.submenu-profil::before {
display:none;
}

.main-menu ul.menu > li.menu-profil > ul.submenu-profil::after {
display:none;
}

}



@media (max-width: 991px) {

.main-menu > ul.menu > li.menu-profil > ul.submenu-profil > li > ul {
    position: relative;
    top: 0;
    left: 0;  
    z-index: 1;  
    border: none;
    box-shadow: none;
    min-width: 170px;
    min-height: 100%;
    width: 100%;
    background-color: transparent;
    backdrop-filter: none;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
    text-align: left;
    padding-left:20px;
}  
}

.main-menu > ul.menu > li.menu-profil > ul.submenu-profil > li:hover > ul {
    transition: all 0.2s ease-in-out;
    transform: translateX(0%);
}

.main-menu ul.menu > li.menu-profil > ul.submenu-profil > li.menu-jazyk > ul {
    position:absolute;
    background: linear-gradient(45deg, rgba(213,213,213,1) 0%, rgba(246,246,246,1) 100%);
    box-shadow: none;
    
}

.main-menu ul.menu > li.menu-profil > ul.submenu-profil > li.menu-jazyk > ul::before {
    content: "";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-image:url("/images/world.svg");
    background-position: top;
    background-size:100%;
    background-repeat: no-repeat;
    z-index:-1;
    opacity:0.3;
}

.main-menu > ul.menu > li.menu-profil > ul.submenu-profil li > ul > li > a {
padding:5px 40px 5px 10px ;
            display: flex;
    align-items: center;
    justify-content: flex-end;

}

@media (max-width: 991px) {
    
    .main-menu > ul.menu > li.menu-profil > ul.submenu-profil li > ul > li > a {
padding-right:0px;
}

.main-menu ul.menu > li.menu-profil > ul.submenu-profil > li.menu-jazyk > ul {
    background:url("/images/world.svg");
    background-position: top;
    background-size:100%;
    background-repeat: no-repeat;
    background-color: rgba(20,20,20,0.9);
    box-shadow: none;
position: relative;
    left:0;
} 
}



@media (max-width: 991px) {

.main-menu ul.menu > li.menu-profil > ul.submenu-profil > li.menu-sub-profil > ul {
            position: relative;
            display: block;
            visibility: visible;
            opacity: 1;
            left:0;
            border: none;
            box-shadow: none;
            transform: none;
            transition: 0;
    padding-bottom:20px;
    background-color: transparent;
            backdrop-filter:none;

} 
}




.main-menu ul.menu > li.menu-profil > ul.submenu-profil > li > a::after {
    content: "";
    position: absolute;
    background-image:url("/images/menu-arrow.webp");
    background-position: center right;
    background-repeat: no-repeat;
    background-size:100%;
    left:7px;
    top:0px;
    width:8px;
    height:100%;
    transform: rotate(180deg) translateX(0px);
    
    text-shadow:none;
    filter: blur(1px);
    padding:0;
    transition: all 0.2s ease-in-out;
}

.main-menu ul.menu > li.menu-profil > ul.submenu-profil > li:hover > a::after {
    transform: translateX(-3px) rotate(180deg); 
    filter: blur(0px);
    transition: all 0.2s ease-in-out;
}



@media (max-width: 991px) {
    .main-menu ul.menu > li.menu-profil > ul.submenu-profil > li > a::after {
    content: "";
    position: absolute;
    background-image:url("/images/menu-arrow.webp");
    background-position: center right;
    background-repeat: no-repeat;
    background-size:100%;
    left:7px;
    top:0px;
    width:8px;
    height:100%;
    transform: rotate(0deg) translateX(0px);
    
    text-shadow:none;
    filter: blur(1px);
    padding:0;
    transition: all 0.2s ease-in-out;
}

.main-menu ul.menu > li.menu-profil > ul.submenu-profil > li:hover > a::after {
    transform: translateX(-2px) rotate(90deg); 
    filter: blur(0px);
    transition: all 0.2s ease-in-out;
}
}






         
        .main-menu ul.menu > li.right-menu > ul > li.menu-sub-profil > ul {
            position: absolute;
            display: block;
            visibility: hidden;
            opacity: 0;
            top: -10px;
            min-height:110%;
            min-width:200px;
            right: 90%;
           border: 1px solid rgba(20,20,20,0.5);
    box-shadow: 0 0 15px 0px rgba(0,0,0,0.5);
    background: linear-gradient(45deg, rgba(213,213,213,1) 0%, rgba(246,246,246,1) 100%);
            transform: translateX(0%);
            transition: all 0.2s ease;
            backdrop-filter:blur(5px);
            list-style: none;
            padding: 0;
        border-radius: 5px;
        }
@media (max-width: 991px) {
    .main-menu ul.menu > li.right-menu > ul > li.menu-sub-profil > ul {
           
    background: transparent;
         top: 0;  
        }
}



        .main-menu > ul.menu > li.right-menu > ul > li:hover > ul {
            display: block;
            visibility: visible;
    opacity: 1;
            transition: all 0.2s ease;
    transform: translateX(-10%);
        }

@media (max-width: 991px) {
.main-menu ul.menu > li.menu-profil > ul.submenu-profil > li > ul {

        }



        .main-menu ul.menu li.right-menu ul li:active > ul {
            display: block;
            visibility: visible;
    opacity: 1;

        }
}






         


.main-menu > ul.menu > li.menu-profil > ul.submenu-profil li form {
            font-family: "Source code pro";
        }

a.logout {
    font-size:11px;
    margin:10px;
    font-weight:700;
    color: rgba(5,5,5,1);
} 

a.logout:hover {
    text-shadow: 0 2px 5px rgba(0,0,0,0.3);
} 



@media (max-width: 991px) {
    a.logout {
        color: rgb(221, 221, 221);
    } 

    .mobile-menu-language {
        margin-bottom:37px;
    }
    }