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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'myicon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

   /* ***** eigene angaben, i tag height 1em & font size 20px ***** */
  /* display: inline-block;
   width: 1em;
   height: 1em;
   text-align: center;
   vertical-align: bottom;
   font-size: 1.25rem;
   font-size: 1.25rem;
   color: #8C8C8C; */
}

/* ********** eigenes Styling, kann Standard werte überschreiben *********** */

.icon-ground-gray {
    background-color: #FAFAFA; border: 1px solid #B3B3B3;  border-radius: 50%; padding: 0.25rem;
}

.icon-ground-white {
    background-color: #FFF; border: 1px solid #B3B3B3;  border-radius: 50%; padding: 0.25rem;
}

.icon-white {
    color: #FFF;
}

.icon-blue {
    color: #0080FF;
}

.icon-gray {
    color: #8C8C8C;
}

.icon-red {
    color: #FA5252;
}

.icon-size16 {
    font-size: 1.0rem;
}

.icon-size18 {
    font-size: 1.125rem;
}

.icon-size20 {
    font-size: 1.25rem;
}

.icon-size22 {
    font-size: 1.375rem;
}

.icon-size25 {
    font-size: 1.563rem;
}

.icon-size28 {
    font-size: 1.75rem;
}

.icon-size30 {
    font-size: 1.875rem;
}

.icon-size32 {
    font-size: 2rem;
}

.icon-size35 {
    font-size: 2.188rem;
}

.icon-size40 {
    font-size: 2.5rem;
}

.icon-size50 {
    font-size: 3.125rem;
}

.icon-size60 {
    font-size: 3.75rem;
}
.icon-size240 {
    font-size: 15rem;
}

    /* ********* icon Ausgabe *********** */

.icon-back:before {
  content: "\e800";
  color: #0080FF    ;
}
.icon-next:before {
  content: "\e801";
  color: #0080FF;
}
.icon-up:before {
  content: "\e802";
  color: #0080FF;
}
.icon-down:before {
  content: "\e803";
  color: #0080FF;
}
.icon-menu:before {
  content: "\e804";
  color: #0080FF;
}
.icon-menupoints:before {
  content: "\e805";
  color: #0080ff;
}
.icon-menuvertical:before {
  content: "\e806";
  color: #0080ff;
}
.icon-morecircle:before {
  content: "\e807";
  color: #8c8c8c;
}
.icon-control:before {
  content: "\e808";
  color: #8c8c8c;
}
.icon-done:before {
  content: "\e809";
  color: #8c8c8c;
}
.icon-doubledone:before {
  content: "\e810";
  /*color: #8c8c8c;*/
}
.icon-donecircle:before {
  content: "\e811";
  color: #8c8c8c;
}
.icon-reply:before {
  content: "\e812";
  color: #0080FF;
}
.icon-forward:before {
  content: "\e813";
  color: #8c8c8c;
}
.icon-copytext:before {
  content: "\e814";
  color: #8c8c8c;
}
.icon-copymedia:before {
  content: "\e815";
  color: #8c8c8c;
}
.icon-paperclip:before {
  content: "\e816";
  color: #8c8c8c;
}
.icon-micro:before {
  content: "\e817";
  color: #8c8c8c;
}
.icon-recording:before {
  content: "\e818";
  color: #8c8c8c;
}
.icon-camera:before {
  content: "\e819";
  /*color: #8c8c8c;*/
}
.icon-smile:before {
  content: "\e820";
  color: #8c8c8c;
}
.icon-stickers:before {
  content: "\e821";
  color: #8c8c8c;
}
.icon-emoji:before {
  content: "\e822";
  color: #8c8c8c;
}
.icon-pencil:before {
  content: "\e823";
  color: #8c8c8c;
}
.icon-pin:before {
  content: "\e824";
  color: #8c8c8c;
}
.icon-search:before {
  content: "\e825";
  color: #0080FF;
}
.icon-calendar:before {
  content: "\e826";
  color: #0080FF;
}
.icon-channel:before {
  content: "\e827";
  color: #8c8c8c;
}
.icon-stopwatch:before {
  content: "\e828";
  color: #8c8c8c;
}
.icon-bookmark:before {
  content: "\e829";
  color: #8c8c8c;
}
.icon-guest:before {
  content: "\e830";
  color: #8c8c8c;
}
.icon-user:before {
  content: "\e831";
  /*color: #8c8c8c;*/
}
.icon-userplus:before {
  content: "\e832";
  color: #8c8c8c;
}
.icon-userminus:before {
  content: "\e833";
  /*color: #8c8c8c;*/
}
.icon-usergroup:before {
  content: "\e834";
  color: #8c8c8c;
}
.icon-userdelete:before {
  content: "\e835";
 /*color: #8c8c8c;*/
}
.icon-close:before {
  content: "\e836";
  /*color: #8c8c8c;*/
}
.icon-closecircle:before {
  content: "\e837";
  color: #8c8c8c;
}
.icon-question:before {
  content: "\e838";
  color: #8c8c8c;
}
.icon-exclamation:before {
  content: "\e839";
  color: #8c8c8c;
}
.icon-infocircle:before {
  content: "\e840";
  color: #8c8c8c;
}
.icon-trashcan:before {
  content: "\e841";
  color: #FA5252;
}
.icon-printer:before {
  content: "\e842";
  color: #8c8c8c;
}
.icon-memory:before {
  content: "\e843";
  color: #8c8c8c;
}
.icon-vpn:before {
  content: "\e844";
  color: #8c8c8c;
}
.icon-key:before {
  content: "\e845";
  color: #8c8c8c;
}
.icon-lock:before {
  content: "\e846";
  color: #8c8c8c;
}
.icon-lockfull:before {
  content: "\e847";
  color: #8c8c8c;
}
.icon-language:before {
  content: "\e848";
  color: #8c8c8c;
}
.icon-network:before {
  content: "\e849";
  /*color: #8c8c8c;*/
}
.icon-email:before {
  content: "\e850";
  color: #8c8c8c;
}
.icon-chatcircle:before {
  content: "\e851";
  color: #8c8c8c;
}
.icon-darkmode:before {
  content: "\e852";
  color: #8c8c8c;
}
.icon-spinner:before {
  content: "\e853";
  color: #8c8c8c;
}
.icon-out:before {
  content: "\e854";
  color: #8c8c8c;
}
.icon-at:before {
  content: "\e855";
  color: #8c8c8c;
}
.icon-darkmoon:before {
  content: "\e856";
  color: #8c8c8c;
}
.icon-diagram:before {
  content: "\e857";
  color: #8c8c8c;
}
.icon-chart:before {
  content: "\e858";
  color: #8c8c8c;
}
.icon-qrcode:before {
  content: "\e859";
  color: #8c8c8c;
}
.icon-archiv:before {
  content: "\e860";
  color: #8c8c8c;
}
.icon-folder:before {
  content: "\e861";
  color: #8c8c8c;
}
.icon-folderopen:before {
  content: "\e862";
  color: #8c8c8c;
}
.icon-folderfull:before {
  content: "\e863";
  color: #8c8c8c;
}
.icon-folderfullopen:before {
  content: "\e864";
  color: #8c8c8c;
}
.icon-cloud:before {
  content: "\e865";
  color: #8c8c8c;
}
.icon-star:before {
  content: "\e866";
  color: #8c8c8c;
}
.icon-download:before {
  content: "\e867";
  color: #8c8c8c;
}
.icon-upload:before {
  content: "\e868";
  color: #8c8c8c;
}
.icon-arrowdown:before {
  content: "\e869";
  color: #8c8c8c;
}
.icon-arrowup:before {
  content: "\e870";
  color: #8c8c8c;
}
.icon-sort:before {
  content: "\e871";
  color: #8c8c8c;
}
.icon-bell:before {
  content: "\e872";
  color: #8c8c8c;
}
.icon-location:before {
  content: "\e873";
  /*color: #8c8c8c;*/
}
.icon-wifi:before {
  content: "\e874";
  color: #8c8c8c;
}
.icon-nowifi:before {
  content: "\e875";
  color: #8c8c8c;
}
.icon-soundwave:before {
  content: "\e876";
  color: #8c8c8c;
}
.icon-misiknote:before {
  content: "\e877";
  color: #8c8c8c;
}
.icon-film:before {
  content: "\e878";
  color: #8c8c8c;
}
.icon-logout:before {
  content: "\e879";
  color: #8c8c8c;
}
.icon-login:before {
  content: "\e880";
  color: #8c8c8c;
}
.icon-pointbackground:before {
  content: "\e881";
  color: #bfbfbf;
}
.icon-recognition:before {
  content: "\e882";
  color: #0080ff;
}
.icon-send:before {
  content: "\e883";
  color: #0080ff;
}
.icon-sendgray:before {
  content: "\e884";
  color: #8c8c8c;
}
.icon-sendgrayup:before {
  content: "\e885";
  color: #8c8c8c;
}
.icon-sendup:before {
  content: "\e886";
  color: #0080ff;
}
.icon-playgray:before {
  content: "\e887";
  /*color: #8c8c8c;*/
}
.icon-personblue:before {
  content: "\e888";
  color: #0080ff;
}
.icon-persongray:before {
  content: "\e889";
  color: #8c8c8c;
}
.icon-phoneblue:before {
  content: "\e890";
  color: #0080ff;
}
.icon-phonegray:before {
  content: "\e891";
  color: #8c8c8c;
}
.icon-chatblue:before {
  content: "\e892";
  color: #0080ff;
}
.icon-chatgray:before {
  content: "\e893";
  color: #8c8c8c;
}
.icon-settingblue:before {
  content: "\e894";
  color: #0080ff;
}
.icon-settinggray:before {
  content: "\e895";
  color: #8c8c8c;
}
.icon-phone:before {
  content: "\e896";
  color: #0080FF;
}
.icon-phoneexit:before {
  content: "\e897";
  color: #0080FF;
}
.icon-phoneup:before {
  content: "\e898";
  color: #0080FF;
}
.icon-phonedown:before {
  content: "\e899";
  color: #0080FF;
}
.icon-phonerings:before {
  content: "\e900";
  color: #0080FF;
}
.icon-avast:before {
  content: "\e901";
  color: #8c8c8c;
}
.icon-brave:before {
  content: "\e902";
  color: #8c8c8c;
}
.icon-chrome:before {
  content: "\e903";
  color: #8c8c8c;
}
.icon-google:before {
  content: "\e904";
  color: #8c8c8c;
}
.icon-firefox:before {
  content: "\e905";
  color: #8c8c8c;
}
.icon-opera:before {
  content: "\e906";
  color: #8c8c8c;
}
.icon-safari:before {
  content: "\e907";
  color: #8c8c8c;
}
.icon-hornleft:before {
  content: "\e908";
  /*color: #8c8c8c;*/
}
.icon-hornright:before {
  content: "\e909";
  color: #8c8c8c;
}
.icon-telegram:before {
  content: "\e910";
  color: #8c8c8c;
}
.icon-signal:before {
  content: "\e911";
  color: #8c8c8c;
}
.icon-twitter:before {
  content: "\e912";
  color: #8c8c8c;
}
.icon-viber:before {
  content: "\e913";
  color: #8c8c8c;
}
.icon-whatsapp:before {
  content: "\e914";
  color: #8c8c8c;
}
.icon-xtwitt:before {
  content: "\e915";
  color: #8c8c8c;
}
.icon-apple:before {
  content: "\e916";
  color: #8c8c8c;
}
.icon-android:before {
  content: "\e917";
  color: #8c8c8c;
}
.icon-linux:before {
  content: "\e918";
  color: #8c8c8c;
}
.icon-windows:before {
  content: "\e919";
  color: #8c8c8c;
}
.icon-macbook:before {
  content: "\e920";
  color: #8c8c8c;
}
.icon-laptop:before {
  content: "\e921";
  color: #8c8c8c;
}
.icon-samsung:before {
  content: "\e922";
  color: #8c8c8c;
}
.icon-handy:before {
  content: "\e923";
  color: #8c8c8c;
}
.icon-iphone:before {
  content: "\e924";
  color: #8c8c8c;
}
.icon-ipad:before {
  content: "\e925";
  color: #8c8c8c;
}
.icon-tablet:before {
  content: "\e926";
  color: #8c8c8c;
}
.icon-imac:before {
  content: "\e927";
  color: #8c8c8c;
}
.icon-monitor:before {
  content: "\e928";
  color: #8c8c8c;
}
.icon-file-datei:before {
  content: "\e929";
  /*color: #8c8c8c;*/
}
.icon-file-leer:before {
  content: "\e930";
  /*color: #8c8c8c;*/
}
.icon-file-other:before {
  content: "\e931";
  color: #8c8c8c;
}
.icon-file-ai:before {
  content: "\e932";
  color: #8c8c8c;
}
.icon-file-avi:before {
  content: "\e933";
  color: #8c8c8c;
}
.icon-file-css:before {
  content: "\e934";
  color: #8c8c8c;
}
.icon-file-docx:before {
  content: "\e935";
  color: #8c8c8c;
}
.icon-file-excel:before {
  content: "\e936";
  color: #8c8c8c;
}
.icon-file-gif:before {
  content: "\e937";
  color: #8c8c8c;
}
.icon-file-html:before {
  content: "\e938";
  color: #8c8c8c;
}
.icon-file-jpg:before {
  content: "\e939";
  color: #8c8c8c;
}
.icon-file-js:before {
  content: "\e940";
  color: #8c8c8c;
}
.icon-file-json:before {
  content: "\e941";
  color: #8c8c8c;
}
.icon-file-mov:before {
  content: "\e942";
  color: #8c8c8c;
}
.icon-file-mp3:before {
  content: "\e943";
  color: #8c8c8c;
}
.icon-file-mp4:before {
  content: "\e944";
  color: #8c8c8c;
}
.icon-file-pdf:before {
  content: "\e945";
  color: #8c8c8c;
}
.icon-file-png:before {
  content: "\e946";
  color: #8c8c8c;
}
.icon-file-rar:before {
  content: "\e947";
  color: #8c8c8c;
}
.icon-file-rtf:before {
  content: "\e948";
  color: #8c8c8c;
}
.icon-file-svg:before {
  content: "\e949";
  color: #8c8c8c;
}
.icon-file-txt:before {
  content: "\e950";
  color: #8c8c8c;
}
.icon-file-word:before {
  content: "\e951";
  color: #8c8c8c;
}
.icon-file-wav:before {
  content: "\e952";
  color: #8c8c8c;
}
.icon-file-xml:before {
  content: "\e953";
  color: #8c8c8c;
}
.icon-file-zip:before {
  content: "\e954";
  color: #8c8c8c;
}
.icon-file-7zip:before {
  content: "\e955";
  color: #8c8c8c;
}