.gdpr100 {position: absolute;width:48px;left:435px;top:3px;filter: hue-rotate(180deg);} /*green*/
.gdpr80  {position: absolute;width:48px;left:435px;top:3px;filter: hue-rotate(0deg);filter: contrast(0%);} /*gray*/
.gdpr50  {position: absolute;width:48px;left:435px;top:3px;filter: hue-rotate(0deg);} /*yellow*/
.gdpr5   {position: absolute;width:48px;left:435px;top:3px;filter: hue-rotate(90deg);} /*red*/
.diakCardIcons {margin-bottom:15px}
.diakCardIcons a {margin-left:4px}
.diakCardIcons img {height:22px;vertical-align: bottom;margin-right:5px;}
.personboxc{ display: inline-block;vertical-align: top;margin-bottom:10px;width: 295px; }
.personboxc img {height:22px;display: inline-block;margin: 0px 5px}
.element .change {margin-top:5px; margin-bottom: 5px}
.element .econtent {display: inline-block; max-width:460px;min-height:32px;max-height: 400px; overflow-y: auto; vertical-align: top; margin-bottom:10px;}
.element .epicture {display: inline-block; vertical-align: top; margin-right: 10px;}
@media ( max-width: 480px) {
    .element .epicture img {
        width: 350px;
    }
    /* do not display director picture and text*/
    .disp-school .epicture:first-child, .disp-school .text1, .disp-school .text2{
        display: none;
    }
}
.element .eplay {border-radius: 30px;background-color: forestgreen;color: white;padding: 9px 29px;display: inline-block;}
schoolname {margin-bottom: -15px;}
.material-icons {vertical-align: bottom;}