/* Font Awesome Pro (Kit 4c39d0ad5e) – Übergang vom Pubnews-Theme (Font Awesome 5/6 Free).
   Das Kit hat kein klassisches Solid/Regular; die App verwendet Sharp Duotone Solid
   (class="fa-sharp-duotone fa-solid fa-…"). */

/* Theme-CSS setzt einige Symbole direkt über font-family (Menüpfeile, Brotkrumen, Blättern, Listen).
   Diese Namen zeigen auf die Kit-Schriften. Dafür Light: ein einzelnes Pseudoelement zeigt bei Duotone nur eine Ebene,
   einfache Formen (Pfeile) liegen dort ganz in der zweiten Ebene und blieben leer. */
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 100 900;
    font-display: block;
    src: url("../webfonts/fa-light-300.woff2") format("woff2");
}
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 100 900;
    font-display: block;
    src: url("../webfonts/fa-light-300.woff2") format("woff2");
}
@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 100 900;
    font-display: block;
    src: url("../webfonts/fa-brands-400.woff2") format("woff2");
}
@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 100 900;
    font-display: block;
    src: url("../webfonts/fa-brands-400.woff2") format("woff2");
}

/* Ältere Klassen (z. B. in importierten Inhalten) ohne Sharp Duotone: nicht leer, sondern als Light */
.fas, .far, .fa-solid:not(.fa-sharp-duotone), .fa-regular:not(.fa-sharp-duotone) {
    --fa-family: "Font Awesome 7 Pro";
    --fa-style: 300;
}

/* Lesbarkeit: die zweite Duotone-Ebene (Standard 40 %) etwas kräftiger,
   auf Knöpfen und dunklem Grund fast deckend – sonst gehen helle Symbole unter */
:root { --fa-secondary-opacity: .55; }
button, .e-btn, .newsletter-element, .search-trigger, .see-banner-tile, .admin-welcome, .wp-block-button__link {
    --fa-secondary-opacity: .85;
}

/* Font Awesome 7 gibt Symbolen eine feste Breite (1.25em). Das Theme setzt alles auf border-box und gibt manchen
   Symbolen Innenabstand – der würde die Breite auffressen. Mit content-box kommt der Abstand dazu wie früher. */
.fa-sharp-duotone, .fa-brands, .fa-solid, .fa-light, .fa-duotone { box-sizing: content-box; }
