/* =========================
   FontAwesome Fonts einbinden
========================= */
@font-face {
    font-family: "FontAwesome";
    src: url("../fonts/fa-regular-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "FontAwesome";
    src: url("../fonts/fa-brands-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "FontAwesome";
    src: url("../fonts/fa-solid-900.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "FontAwesome";
    src: url("../fonts/fa-v4compatibility.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

/* =========================
   Allgemeine Icon-Klassen
========================= */
[class^="icon-"], [class*=" icon-"] {
    font-family: "FontAwesome" !important;  /* alle icon-Klassen verwenden diese Font */
    font-style: normal;
    font-weight: 900;  /* solid-Icons standardmäßig */
    display: inline-block;
    text-decoration: inherit;
    vertical-align: middle;
    line-height: 1;
}

/* =========================
   Pagination-Icons
========================= */

/* Einfacher Pfeil rechts */
.icon-angle-right::before {
    content: "\f105";
}

/* Einfacher Pfeil links */
.icon-angle-left::before {
    content: "\f104";
}

/* Doppel-Pfeil rechts */
.icon-angle-double-right::before {
    content: "\f101";
}

/* Doppel-Pfeil links */
.icon-angle-double-left::before {
    content: "\f100";
}