/* Changelanguage Query
--------------------*/
@media screen {
    .mod_changelanguage {
        float: right;
        width: auto;
        position: absolute;
        top: 0;
        box-sizing: content-box;
        z-index: 3;
        right: 0;
        min-width: 60px;
        text-transform: uppercase;
        align-self: stretch;
        margin-left: auto;
        background: #E3E7EA;
    }

    #headerTop .mod_changelanguage {
        background: #fff;
    }

    nav.mod_changelanguage.open {
        box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    }

    nav.mod_changelanguage button {
        background: none;
        border: 0;
        padding: 0;
        display: block;
        color: #000;
        text-transform: uppercase;
        width: 100%;
        text-align: left;
    }

    nav.mod_changelanguage button:after {
        content: "";
        display: block;
        position: absolute;
        right: 1rem;
        top: 0.5rem;
        width: 1.25rem;
        height: 1rem;
        background-image: url(../images/icons/bc-nav-arrow.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        transform: rotate(90deg);
    }

    nav.mod_changelanguage.open button:after {
        transform: rotate(-90deg);
    }


    nav.mod_changelanguage h2 {
        display : none;
    }

    nav.mod_changelanguage ul {
        margin-top: 1rem;
        line-height: 1.4em;
        display : none;
    }

    nav.mod_changelanguage.open ul {
        display: block;
    }

    nav.mod_changelanguage ul li {
        margin-bottom: 1rem;
        text-align: left;
    }

    nav.mod_changelanguage button,
    nav.mod_changelanguage a {
        margin: 0.5rem 0;
        display: block;
        line-height: 1;
        font-size: 1rem;
        border: none;
    }

    .mod_changelanguage li a.active{
        color: var(--bc-red) !important;
    }

    .mod_changelanguage button::before,
    .mod_changelanguage li a::before{
        content: "";
        float: left;
        width: 1.25rem;
        height: 1.25rem;
        margin-right: 0.5rem;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .mod_changelanguage button::before,
    .mod_changelanguage li a::before{
        display: none;
    }
    .mod_changelanguage button.de::before,
    .mod_changelanguage li.lang-de a::before{
        background-image: url(../images/icons/de.svg);
    }

    .mod_changelanguage button.fr::before,
    .mod_changelanguage li.lang-fr a::before{
        background-image: url(../images/icons/fr.svg);
    }

    .mod_changelanguage button.en::before,
    .mod_changelanguage li.lang-en a::before{
        background-image: url(../images/icons/en.svg);
    }

    .mod_changelanguage button.it::before,
    .mod_changelanguage li.lang-it a::before{
        background-image: url(../images/icons/it.svg);
    }
}
/* Changelanguage ends
--------------------*/