/**
 * Ersatz fuer font-awesome-pro.css.
 *
 * Befund vom 07.08.2026 (Lighthouse mobil): font-awesome-pro.css ist 455 KB
 * gross, davon werden 454 KB nie benutzt. Dazu laedt es fa-regular-400.woff2
 * mit weiteren 350 KB. Zusammen 805 KB - der groesste Einzelposten der Seite.
 *
 * Gemessen wurde, was die Seite tatsaechlich braucht:
 * - 97 Icons sind INLINE-SVG. Die brauchen keine Schriftart, nur ein paar
 *   Zeilen fuer Groesse und Ausrichtung.
 * - Genau 3 Icons liefen ueber die Schriftart: dreimal .fa-plus im
 *   Schliessknopf des Handy-Menues. Ihr Zeichen ist ein simples Pluszeichen,
 *   das jede Schrift kann.
 *
 * Deshalb: Font Awesome wird abgemeldet, diese Datei tritt an seine Stelle.
 * Rund 2 KB statt 805 KB, bei identischem Aussehen.
 *
 * Wenn kuenftig ein echtes Font-Awesome-Symbol gebraucht wird, das nicht als
 * SVG vorliegt: entweder als Inline-SVG einbauen oder hier eine einzelne
 * Regel ergaenzen. Die ganze Bibliothek zurueckzuholen lohnt fuer einzelne
 * Zeichen nicht.
 */

/* Grundlage aller Inline-SVG-Icons (aus Font Awesome uebernommen). */
.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

/* Breitenklassen. Font Awesome vergibt sie je nach Seitenverhaeltnis des
   Symbols; auf dieser Seite kommen 14, 16 und 18 vor. Die uebrigen stehen
   der Vollstaendigkeit halber dabei, sie kosten je eine Zeile. */
.fa-w-1  { width: 0.0625em; }
.fa-w-2  { width: 0.125em; }
.fa-w-3  { width: 0.1875em; }
.fa-w-4  { width: 0.25em; }
.fa-w-5  { width: 0.3125em; }
.fa-w-6  { width: 0.375em; }
.fa-w-7  { width: 0.4375em; }
.fa-w-8  { width: 0.5em; }
.fa-w-9  { width: 0.5625em; }
.fa-w-10 { width: 0.625em; }
.fa-w-11 { width: 0.6875em; }
.fa-w-12 { width: 0.75em; }
.fa-w-13 { width: 0.8125em; }
.fa-w-14 { width: 0.875em; }
.fa-w-15 { width: 0.9375em; }
.fa-w-16 { width: 1em; }
.fa-w-17 { width: 1.0625em; }
.fa-w-18 { width: 1.125em; }
.fa-w-19 { width: 1.1875em; }
.fa-w-20 { width: 1.25em; }

/* Groessen- und Lagehilfen, die im Theme-Markup vorkommen. */
.fa-fw { text-align: center; width: 1.25em; }
.fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -0.0667em; }
.fa-xs { font-size: 0.75em; }
.fa-sm { font-size: 0.875em; }
.fa-2x { font-size: 2em; }
.fa-spin { animation: fa-spin 2s linear infinite; }
@keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .fa-spin { animation: none; }
}

/* Der Aufklapp-Pfeil im Hauptmenue (Leistungen, Schaugarten, Ueber uns).
   Er lief ueber a.nav-links::after mit dem Font-Awesome-Zeichen U+f107
   ("angle-down"). Ohne die Schrift stand dort ein leeres Kaestchen - beim
   ersten Durchgang uebersehen, weil die Pruefung nur <i> und <span> mit
   fa-Klassen erfasste, nicht Pseudo-Elemente an <a>.

   Jetzt als SVG-Maske statt als Schriftzeichen. Ueber background-color:
   currentColor erbt der Pfeil die Textfarbe und wechselt wie zuvor mit,
   wenn der Header von hell auf dunkel umschaltet.

   WICHTIG ist der Selektor: nur .has-dropdown, NICHT .menu-item-has-children.
   "Dein Garten" traegt zwar has-children, hat aber gar kein Untermenue im
   Markup - mit dem breiteren Selektor bekamen Dein Garten, Projekte und
   Kontakt faelschlich einen Aufklapp-Pfeil. */
li.has-dropdown > a.nav-links::after,
li.has-mega-menu > a.nav-links::after {
  content: "" !important;
  font-family: inherit !important;
  display: inline-block;
  width: 0.6em;
  height: 0.6em;
  margin-left: 0.42em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.5 7 L10 13 L16.5 7' fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.5 7 L10 13 L16.5 7' fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Menuepunkte ohne echtes Untermenue tragen keinen Pfeil. Sicherheitshalber
   explizit, falls das Theme irgendwo doch ein ::after-Zeichen setzt. */
li:not(.has-dropdown):not(.has-mega-menu) > a.nav-links::after {
  content: none !important;
}

/* Die drei echten Schrift-Icons: das Pluszeichen im Schliessknopf des
   Handy-Menues. Kommt jetzt aus der Grundschrift statt aus einer
   350-KB-Datei. line-height 1 verhindert, dass das Zeichen im runden Knopf
   nach unten rutscht. */
i.fa-plus::before,
span.fa-plus::before {
  content: "+";
  font-family: inherit;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  display: inline-block;
}

/* Sicherheitsnetz: sollte irgendwo ein Schrift-Icon uebersehen worden sein,
   bleibt an dieser Stelle eine leere Flaeche statt eines Ersatzkaestchens
   aus der Systemschrift. */
i[class*="fa-"]:not(.fa-plus)::before,
span[class*="fa-"]:not(.fa-plus):not([class*="svg-inline"])::before {
  font-family: inherit;
}