:root {
    
    --clip_languageswitcher: polygon(0 0, calc(100% - 2px) 0, calc(100% - 2px) calc(100% - 6px), 100% calc(100% - 6px), 100% 100%, 2px 100%, 2px 6px, 0 6px);
}


#languageswicher {
    position: absolute;
    top: 45px;
    
    z-index: 99999999;
    width: 400px;
    
    left: calc(50% - 200px);
    text-align: center;

}

#languageswicher .inside {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

#languageswicher .inside .languages {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;

}

#languageswicher .inside .languages:hover .language:not(.selected) {
    
    

}

#languageswicher .inside .languages .language {
    position: relative;
    display: inline-block;
    width: 29px;
    height: 13px;
    
    margin: 5px;
    cursor: pointer;
    clip-path: var(--clip_languageswitcher);
}

#languageswicher .inside .languages .language:hover {
    animation: blink 100ms linear 2 alternate;
}

#languageswicher .inside .languages .language .img {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#languageswicher .inside .languages .language.selected {
    
}
#languageswicher .inside .languages .language:not(.selected) {
   display: inline-block;
    
    
}