// Default Variables
$faden-icon-font-path: "../Fonts/faden/font/";
$faden-icon-font-family: "faden";
$faden-icon-prefix: faden;

@font-face {
  font-family: $faden-icon-font-family;
  src: url('#{$faden-icon-font-path}#{$faden-icon-font-family}.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="#{$faden-icon-prefix}"]::before, [class*=" #{$faden-icon-prefix}"]::before {
  font-family: '#{$faden-icon-font-family}';
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  //width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/*

Naming convention

+---------------+------------------------+-------------------+----------------------------+
| 1             | 2                      | 3                 | 4                          |
+---------------+------------------------+-------------------+----------------------------+
| g = gefärbt   | m = monofil            | b = beschichte    | r = resorbierbar           |
| g = ungefärbt | p = polyfil            | u = unbeschichtet | n = nichtresorbierbar      |
|               | g = gezwirnt           |                   | t = teilweise resorbierbar |
|               | s = partiell versteift |                   |                            |
+---------------+------------------------+-------------------+----------------------------+


*/

.#{$faden-icon-prefix}-ggbn::before { content: '\e800'; } 
.#{$faden-icon-prefix}-ggbr::before { content: '\e801'; }
.#{$faden-icon-prefix}-ggun::before { content: '\e802'; }
.#{$faden-icon-prefix}-gmbn::before { content: '\e803'; }
.#{$faden-icon-prefix}-gmun::before { content: '\e804'; }
.#{$faden-icon-prefix}-gmur::before { content: '\e805'; }
.#{$faden-icon-prefix}-gmut::before { content: '\e806'; }
.#{$faden-icon-prefix}-gpbn::before { content: '\e807'; }
.#{$faden-icon-prefix}-gpun::before { content: '\e808'; }
.#{$faden-icon-prefix}-ugbn::before { content: '\e809'; }
.#{$faden-icon-prefix}-ugbr::before { content: '\e80a'; }
.#{$faden-icon-prefix}-ugun::before { content: '\e80b'; }
.#{$faden-icon-prefix}-umbn::before { content: '\e80c'; }
.#{$faden-icon-prefix}-umnn::before { content: '\e80d'; }
.#{$faden-icon-prefix}-umur::before { content: '\e80e'; }
.#{$faden-icon-prefix}-umut::before { content: '\e80f'; }
.#{$faden-icon-prefix}-upbn::before { content: '\e810'; }
.#{$faden-icon-prefix}-upun::before { content: '\e811'; }
.#{$faden-icon-prefix}-gsbr::before { content: '\e812'; }
