/* fallback */

@font-face {
    font-family: 'BattleIcons';
    font-style: normal;
    font-weight: 400;
    src: url("BattleIcons.ttf");
  }
  
  .battle-icons {
    font-family: 'BattleIcons', serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
  }

  /*
    BattleIcons: Daten aus der config.json im core/themes/icons entnommen
    Hierbei ist es wichtig, dass die zugehoerigen Dezimalzahlen in Hex umgewandelt werden, damit diese in CSS angezeigt werden koennen
  */
  .icons8-account-filled-50:before {
  content: "\ea01"; }

  .icons8-add-user-male-50:before {
    content: "\ea02"; }

  .icons8-arrow-to-the-left-filled-50:before {
    content: "\ea03"; }

  .icons8-card-filled-50:before {
    content: "\ea04"; } 

  .icons8-checkmark-filled:before {
    content: "\ea05"; } 

  .icons8-close-button-filled-50:before {
    content: "\ea06"; } 

  .icons8-collaboration-female-male:before {
    content: "\ea07"; }

  .icons8-customer-insight:before {
    content: "\ea08"; }

  .icons8-exit:before {
    content: "\ea09"; }

  .icons8-flashcards:before {
    content: "\ea0a"; }

  .icons8-gamepad-filled-50:before {
    content: "\ea0b"; } 

  .icons8-green-check-mark-50:before {
    content: "\ea0c"; } 

  .icons8-leaderboard-50:before {
    content: "\ea0d"; } 

  .icons8-lightning-bolt-filled:before {
    content: "\ea0e"; } 

  .icons8-lock-50:before {
    content: "\ea0f"; } 

  .icons8-lock-outline-50:before {
    content: "\ea10"; } 

  .icons8-logout-50:before {
    content: "\ea11"; } 

  .fa-icons8-scoreboard:before{
    content: "\ea12"   
  }
  /* Beim Scoreboard muss die Klasse BattleIcons mitangegeben werden  */
  .fa-icons8-scoreboard {
    font-family: 'BattleIcons', serif;
  }

  .icons8-share-arrow-filled-50:before {
    content: "\ea13"; } 

  .icons8-sync-50:before {
    content:  "\ea14"; }

  .icons8-teamMode-50:before {
    content:  "\ea15"; }