/*
 * ==========================================================================
 * FONTAWESOME
 * ==========================================================================
 *
 * Font Awesome Free 7.x – https://fontawesome.com
 * License: Icons CC BY 4.0 | Fonts SIL OFL 1.1 | Code MIT
 * Copyright Fonticons, Inc.
 */


/* --------------------------------------------------------------------------
   THEME-ERWEITERUNGEN:
   Contao-eigene und template-spezifische Elemente, die FA-Styling
   benötigen – diese Selektoren ergänzen den FA-Core.
   -------------------------------------------------------------------------- */

/*
 * Alle Elemente, die FA-Rendering-Eigenschaften brauchen
 * (Core-FA-Klassen wie .fa, .fas, .far usw. sind in FA-Core bereits definiert,
 * hier nur die theme-eigenen Selektoren hinzufügen)
 */
.mobilenav-nav ul.level_1 a > .submenu-trigger,
.mobilenav-nav ul.level_1 strong > .submenu-trigger,
.mm-menu ul.level_1 > li.page-icon > .mm-listitem__text:before,
.topbar-nav--new .mod_navigation ul li a:not(.btn--primary):not(.mobilenav__burger-button):not(input.submit):not(button.submit).submenu:after,
.iconized a[href^="mailto:"]:before,
.iconized a[href^="fax:"]:before,
.iconized a[href^="tel:"]:before {
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

/*
 * Navigations-Trigger (Submenu-Pfeile, mobile Menü)
 * – brauchen zusätzlich font-weight: normal (kein Solid-Stil)
 */
.mobilenav-nav ul.level_1 a > .submenu-trigger,
.mobilenav-nav ul.level_1 strong > .submenu-trigger,
.topbar-nav--new .mod_navigation ul li a:not(.btn--primary):not(.mobilenav__burger-button):not(input.submit):not(button.submit).submenu:after {
  font-weight: 900;
}

/* --------------------------------------------------------------------------
   ICONIZED LINKS – automatische Icons vor Kontakt-Links
   Verwendet FA-Unicode-Glyph-Werte.
   -------------------------------------------------------------------------- */
.iconized a[href^="mailto:"]:before {
  content: "\f0e0";   /* fa-envelope */
  margin-right: var(--spacing-inline, 0.5rem);
}

.iconized a[href^="tel:"]:before {
  content: "\f095";   /* fa-phone */
  margin-right: var(--spacing-inline, 0.5rem);
}

.iconized a[href^="fax:"]:before {
  content: "\f1ac";   /* fa-fax */
  margin-right: var(--spacing-inline, 0.5rem);
}

/* --------------------------------------------------------------------------
   SUBMENU-TRIGGER ICONS
   -------------------------------------------------------------------------- */
.topbar-nav--new .mod_navigation ul li a:not(.btn--primary):not(.mobilenav__burger-button):not(input.submit):not(button.submit).submenu:after {
  content: "\f107";   /* fa-angle-down */
  margin-left: 0.25em;
  font-size: 0.85em;
}

/* --------------------------------------------------------------------------
   MMENU – Seiten-Icons (Listenpunkte mit Icon-Klasse)
   -------------------------------------------------------------------------- */
.mm-menu ul.level_1 > li.page-icon > .mm-listitem__text:before {
  margin-right: 0.5em;
  font-size: 1em;
  /* Icon-Wert wird per Inline-Style oder zusätzlicher Klasse gesetzt */
}

/* --------------------------------------------------------------------------
   GRÖSSEN-HILFKLASSEN (falls FA-Core nicht geladen, als Fallback)
   Normalerweise durch FA-Core abgedeckt – hier optional als Override.
   -------------------------------------------------------------------------- */

/*
.fa-icon-sm  { font-size: 0.875em; }
.fa-icon-lg  { font-size: 1.25em;  }
.fa-icon-xl  { font-size: 1.5em;   }
.fa-icon-2xl { font-size: 2em;     }
*/

/* --------------------------------------------------------------------------
   FARB-ÜBERSCHREIBUNGEN FÜR FA-ICONS IM THEME-KONTEXT
   -------------------------------------------------------------------------- */

/* Icons in der Brand-Farbe */
.icon--brand    { color: var(--color-brand);  }
.icon--brand2   { color: var(--color-brand2); }
.icon--highlight{ color: var(--color-highlight); }
.icon--muted    { color: var(--color-text-muted); }
.icon--white    { color: #fff; }
.icon--success  { color: var(--color-success); }
.icon--warning  { color: var(--color-warning); }
.icon--error    { color: var(--color-error);   }

/* --------------------------------------------------------------------------
   SOCIAL MEDIA – Mobile Menu
   (Größe wird im Template über .mobmenu__social--inner > a gesteuert)
   -------------------------------------------------------------------------- */
.mobmenu__social--inner > a {
  font-size: 3rem;
  color: var(--color-brand);
  transition: color var(--transition-fast, 150ms ease-in-out);
}

.mobmenu__social--inner > a:hover {
  color: var(--color-brand-dark);
}

/* --------------------------------------------------------------------------
   LISTEN MIT FA-ICONS (.list-style--fa)
   Contao-Template-Klasse: listitem rendert FA-Glyph als Listenpunkt.
   Der content-Wert wird pro Element als Inline-Style oder via
   zusätzlicher Modifier-Klasse gesetzt.
   -------------------------------------------------------------------------- */
ul.list-style--fa li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}

ul.list-style--fa li:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--color-brand);
}


/* --------------------------------------------------------------------------
   ICONIZED LINKS – content-Werte (FA-Glyphen)
   Ergänzend zu den font-family-Deklarationen weiter oben.
   -------------------------------------------------------------------------- */
.iconized a[href^="tel:"]:before {
  content: "\f879";   /* fa-phone */
  margin-right: var(--spacing-inline);
}
.iconized a[href^="fax:"]:before {
  content: "\f1ac";   /* fa-fax */
  margin-right: var(--spacing-inline);
}
.iconized a[href^="mailto:"]:before {
  content: "\f0e0";   /* fa-envelope */
  margin-right: var(--spacing-inline);
}


/* --------------------------------------------------------------------------
   TOP-NAVIGATION – Submenu-Pfeil (angle-down)
   -------------------------------------------------------------------------- */
.topbar-nav--new .mod_navigation ul li a:not(.btn--primary):not(.mobilenav__burger-button):not(input.submit):not(button.submit).submenu:after {
  content: "\f078";   /* fa-angle-down */
  margin-left: 0.5rem;
}


/* --------------------------------------------------------------------------
   MOBILE MENÜ – Submenu-Icon geöffnet (×)
   -------------------------------------------------------------------------- */
.mobmen__nav .mod_navigation ul li .submenu-icon.submenu-is-opened > i:before {
  content: "\f00d";   /* fa-xmark */
}


/* --------------------------------------------------------------------------
   MMENU – Seiten-Icons (Navigations-Listenpunkte)
   -------------------------------------------------------------------------- */
.mm-menu ul.level_1 > li.page-icon     > .mm-listitem__text:before { content: "\f138"; }  /* fa-circle-right  */
.mm-menu ul.level_1 > li.page-contact  > .mm-listitem__text:before { content: "\f007"; }  /* fa-user          */
.mm-menu ul.level_1 > li.page-map      > .mm-listitem__text:before { content: "\f59f"; }  /* fa-map-location  */
.mm-menu ul.level_1 > li.page-module   > .mm-listitem__text:before { content: "\f00a"; }  /* fa-table-cells   */
.mm-menu ul.level_1 > li.page-elements > .mm-listitem__text:before { content: "\f1b2"; }  /* fa-cube          */
.mm-menu ul.level_1 > li.page-magazin  > .mm-listitem__text:before { content: "\f1ea"; }  /* fa-newspaper     */
.mm-menu ul.level_1 > li.page-account  > .mm-listitem__text:before { content: "\f2bd"; }  /* fa-circle-user   */


/* --------------------------------------------------------------------------
   MOBILE-NAV – Submenu-Trigger-Icon (angle-down)
   -------------------------------------------------------------------------- */
.mobilenav-nav ul.level_1 a > .submenu-trigger,
.mobilenav-nav ul.level_1 strong > .submenu-trigger {
  content: "\f078";   /* fa-angle-down */
  position: absolute;
  right: 0;
  top: 0;
}