@font-face {
    font-family: 'heydings';
    src: url('../fonts/heydings_controls.eot');
    src: url('../fonts/heydings_controls.eot?#iefix') format('embedded-opentype'), url('../fonts/heydings_controls.woff') format('woff'), url('../fonts/heydings_controls.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

div#content ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
/*iwi 2016-09 | Zur besseren Darstellung der Listen wird das "before" absolut in das LI-Element positioniert */
div#content ul li{
    position:relative;
    padding-left:18px;
}
div#content ul li:before {
    color: var(--templateColor);
}
div#content ul li:before {
    /*iwi 2016-09 | Zur besseren Darstellung der Listen wird das "before" absolut in das LI-Element positioniert */
    position:absolute;
    left:0;
    top:0.2em;
    font-family: "heydings";
    content: 'R'; /*this is the character I have attached to the dots icon*/
    font-size: 0.8em; /*only applies to the icon add some line-height if you want them bigger*/
    line-height:100%;
}
div#content .btn-group li:before{
    content: '';
    line-height:0%;
    padding:0;
    margin:0;
}
div#content div.pagination  li:before {
    content: '';
    line-height:0%;
    padding:0;
    margin:0;
}