@font-face {
    font-family: 'roundIcon';
    src: url("../font/RoundIcon.woff?25769") format("woff"), url("../font/RoundIcon.ttf?25769") format("truetype"), url("../font/RoundIcon.svg?25769#roundicon") format("svg");
    font-weight: normal;
    font-style: normal;
}

a.speak,
a.dyslectic{
    line-height: 32px!important;
}
a.speak:hover,
a.dyslectic:hover,
a.trigger-font-larger:hover{
    text-decoration: none!important;
}
i.customicon-dyslexie,
i.customicon-speak,
i.customicon-groter{
    font-family: 'roundIcon' !important;
    color: #505450;
    border: 2px solid #505450;
    border-radius: 50%;
    font-size: 2.4rem;
    text-align: center;
    padding: 0;
    align-items: center;
}
i.customicon-dyslexie{
    padding-right: 2px;
}
i.customicon-dyslexie:before {
    content: "\e92c";
}
a.trigger-font-dyslexie:hover,
i.customicon-dyslexie:hover,
i.customicon-dyslexie:after{
    text-decoration: none!important;
}

i.customicon-speak:before{
    content: "\e93d";
}
i.customicon-groter:before{
    content: "\e92e";
}

i.customicon-dyslexie:hover,
i.customicon-speak:hover,
i.customicon-groter:hover,
i.customicon-dyslexie:focus,
i.customicon-speak:focus,
i.customicon-groter:focus{
    color: #ff7320;
    border: 2px solid #ff7320;
}