/*****************HEADER***************/

.languageChangeHeader > a[id^="pkpDropdown"] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.languageChangeHeader.languageChangeSeparator > a::before,
.languageChangeHeader.languageChangeSeparator > div.languageOptions > div:first-child > a::before {
    content: '|';
    margin-right: 20px;
}

.languageChangeHeader > div.languageOptions {
    display: flex;
    flex-direction: row;
}

.languageChangeHeader > a > .languageChangeIcon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    align-self: flex-end;
    cursor: pointer;
}


/***********Layout 4***********/
.languageChangeHeader > div.languageOptions.layout04 > div > a {
    text-transform: uppercase;
}

/***********Layout 5***********/
.languageChangeHeader > div.languageOptions.layout05 > div {
    align-self: flex-end;
}

.languageChangeHeader > div.languageOptions.layout05 > div > a {
    padding: 5px;
    display: block;
}

.languageChangeHeader > div.languageOptions.layout05 > div > a > img {
    border:1px solid #bbb;
    vertical-align: sub;
}


/*****************SIDEBAR***************/

/***********Layout 1************/
.languageChange > .content > ul.languageOptions.layout01 {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    }

/***********Layout 2************/
.languageChange > .content > ul.languageOptions.layout02 {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    }

.languageChange > .content > .changeLanguageButton.layout02 {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}

.languageChange > .content > .changeLanguageButton.layout02 > .languageChangeIcon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    cursor: pointer;
}

.languageChange > .content > .changeLanguageButton.layout02 > .languageChangeText {
    cursor: pointer;
}

/***********Layout 3************/
.languageChange > .content > ul.languageOptions.layout03 {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    }

.languageChange > .content > .changeLanguageButton.layout03 {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}

.languageChange > .content > .changeLanguageButton.layout03 > .languageChangeIcon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    cursor: pointer;
}

.languageChange > .content > .changeLanguageButton.layout03 > .languageChangeText {
    cursor: pointer;
}

/***********Layout 4************/    
.languageChange > .content > ul.languageOptions.layout04 {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    }

.languageChange > .content > ul.languageOptions.layout04 > li {
    margin-right:1em;
}
    
.languageChange > .content > ul.languageOptions.layout04 > li > a {
    text-transform: uppercase;
}

/***********Layout 5************/
.languageChange > .content > ul.languageOptions.layout05 {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    }
    
.languageChange > .content > ul.languageOptions.layout05 > li > a > img {border:1px solid #bbb;}

.languageChange > .content > ul.languageOptions.layout05 > li {
    margin-right:0.4em;
}