@font-face {
    font-family: 'socicon';
    src: url('/fileadmin/scripts/shariff/font/socicon-webfont.eot');
    src: url('/fileadmin/scripts/shariff/font/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fileadmin/scripts/shariff/font/socicon-webfont.woff') format('woff'),
         url('/fileadmin/scripts/shariff/font/socicon-webfont.woff2') format('woff2'),
         url('/fileadmin/scripts/shariff/font/socicon-webfont.ttf') format('truetype'),
         url('/fileadmin/scripts/shariff/font/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}

.shariff-button{
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'socicon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.socicon:empty{
    width: 1em;
}
    
    .shariff-button a{color: white !important;}
.twitter a:before { content: "a"; }
.facebook a:before { content: "b"; }
.mail a:before { content: "@"; }
.shariff li a {padding-left:5px; line-height:30px;font-size:22px;}