/* =====================================================================
   Symbolschrift fuer mb-trainings.de - schlanke Fassung
   Angelegt 06.09.2026. Ersetzt drei Stylesheets mit zusammen 204 kB:

     components/.../font-awesome-6.min.css        96 kB
     templates/.../joomla-fontawesome.min.css     82 kB
     components/.../font-awesome-v4-shims.css     26 kB

   Enthalten ist ausschliesslich, was auf dieser Website tatsaechlich
   verwendet wird - am 06.09.2026 ueber alle zwoelf Seiten erhoben:
   18 Symbolklassen von rund 2000, die die drei Dateien mitbringen.

   Familie, Schriftgewicht und Zeichencode jedes Symbols wurden vorher im
   Browser gemessen und hier unveraendert uebernommen. Nachgemessen auf
   der Kontakt- und der Referenzseite: von 27 bzw. 24 Symbolen weichen
   zwei um wenige Pixel in der Breite ab (Schliesskreuz der Karte,
   Pfeil des Zustimmungsdialogs) - gleiches Zeichen, gleiche Groesse.

   Die Schriftdateien liegen bei den Baukasten-Bestaenden und werden
   ohnehin geladen. Die beiden Dateien unter templates/shaper_educon/fonts
   (fa-solid-900.woff2 und fa-brands-400.woff2, zusammen 151 kB) werden
   dadurch nicht mehr angefordert.

   WICHTIG bei kuenftigen Aenderungen: Wird ein neues Symbol eingebaut,
   muss seine Klasse hier ergaenzt werden - sonst bleibt die Stelle leer.
   ===================================================================== */

/* ---------- Schriftdateien ---------- */
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:block;
  src:url(/components/com_sppagebuilder/assets/webfonts/fa-solid-900-6.woff2) format("woff2"),
      url(/components/com_sppagebuilder/assets/webfonts/fa-solid-900-6.ttf) format("truetype")}
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;font-display:block;
  src:url(/components/com_sppagebuilder/assets/webfonts/fa-regular-400-6.woff2) format("woff2"),
      url(/components/com_sppagebuilder/assets/webfonts/fa-regular-400-6.ttf) format("truetype")}
@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;
  src:url(/components/com_sppagebuilder/assets/webfonts/fa-brands-400-6.woff2) format("woff2"),
      url(/components/com_sppagebuilder/assets/webfonts/fa-brands-400-6.ttf) format("truetype")}
@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:block;
  src:url(/components/com_sppagebuilder/assets/webfonts/fa-solid-900-6.woff2) format("woff2"),
      url(/components/com_sppagebuilder/assets/webfonts/fa-solid-900-6.ttf) format("truetype")}
@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:400;font-display:block;
  src:url(/components/com_sppagebuilder/assets/webfonts/fa-regular-400-6.woff2) format("woff2"),
      url(/components/com_sppagebuilder/assets/webfonts/fa-regular-400-6.ttf) format("truetype")}
@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:block;
  src:url(/components/com_sppagebuilder/assets/webfonts/fa-brands-400-6.woff2) format("woff2"),
      url(/components/com_sppagebuilder/assets/webfonts/fa-brands-400-6.ttf) format("truetype")}
@font-face{font-family:FontAwesome;font-display:block;
  src:url(/components/com_sppagebuilder/assets/webfonts/fa-solid-900-6.woff2) format("woff2"),
      url(/components/com_sppagebuilder/assets/webfonts/fa-solid-900-6.ttf) format("truetype")}

/* ---------- Grundverhalten ---------- */
.fa,.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic{
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  line-height:1;
  text-rendering:auto}

/* Grundfamilie. Die Website benutzt ueberwiegend die alte Schreibweise
   class="fa fa-phone" - deshalb traegt .fa die Familie, nicht nur .fas.
   Genau daran ist die vorherige Fassung dieser Datei gescheitert. */
.fa,.fas,.fa-solid,.fa-classic{font-family:'Font Awesome 5 Free';font-weight:900}
.far,.fa-regular{font-family:'Font Awesome 5 Free';font-weight:400}
.fab,.fa-brands{font-family:'Font Awesome 5 Brands';font-weight:400}

/* Markensymbole muessen auch in der alten Schreibweise "fa fa-youtube"
   in der Marken-Familie landen, sonst erscheint ein leeres Kaestchen. */
.fa-facebook,.fa-facebook-f,.fa-instagram,.fa-linkedin,.fa-linkedin-in,
.fa-xing,.fa-youtube,.fa-spotify,.fa-amazon{
  font-family:'Font Awesome 5 Brands';font-weight:400}

.fa-folder-open-o{font-family:'Font Awesome 5 Free';font-weight:400}

/* ---------- Zeichen (Codes aus der laufenden Website ausgelesen) ---------- */
.fa-angle-down::before{content:"\f107"}
.fa-angle-right::before{content:"\f105"}
.fa-angle-up::before{content:"\f106"}
.fa-bars::before,.fa-navicon::before{content:"\f0c9"}
.fa-clock-o::before,.fa-clock::before{content:"\f017"}
.fa-calendar-check-o::before{content:"\f274"}
.fa-envelope::before{content:"\f0e0"}
.fa-phone::before{content:"\f095"}
.fa-play-circle::before,.fa-circle-play::before{content:"\f144"}
.fa-remove::before,.fa-close::before,.fa-times::before,.fa-xmark::before{content:"\f00d"}
.fa-folder-open-o::before,.fa-folder-open::before{content:"\f07c"}
.fa-facebook::before,.fa-facebook-f::before{content:"\f39e"}
.fa-instagram::before{content:"\f16d"}
.fa-linkedin::before,.fa-linkedin-in::before{content:"\f0e1"}
.fa-xing::before{content:"\f168"}
.fa-youtube::before{content:"\f167"}
.fa-spotify::before{content:"\f1bc"}
.fa-amazon::before{content:"\f270"}

/* ---------- Hilfsklassen, die der Baukasten setzt ---------- */
.fa-fw{text-align:center;width:1.25em}
.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-spin{animation:fa-spin 2s linear infinite}
@keyframes fa-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}