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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'farbkarten' !important;
    speak: none;
    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;
}

.icon-social-fb:before {
    content: "\e90a";
}
.icon-social-fb-bold:before {
    content: "\e90b";
}
.icon-social-mail:before {
    content: "\e90c";
}
.icon-social-mail-bold:before {
    content: "\e90d";
}
.icon-social-twitter:before {
    content: "\e90e";
}
.icon-social-twitter-bold:before {
    content: "\e90f";
}
.icon-arrow-left:before {
    content: "\e900";
}
.icon-arrow-left-bold:before {
    content: "\e901";
}
.icon-arrow-right:before {
    content: "\e902";
}
.icon-arrow-right-bold:before {
    content: "\e903";
}
.icon-check:before {
    content: "\e904";
}
.icon-check-bold:before {
    content: "\e905";
}
.icon-search:before {
    content: "\e908";
}
.icon-search-bold:before {
    content: "\e909";
}
.icon-close {
    background-image: url('../Images/close.svg');
}