/* -----------------------------------------------------------
   Lokaler Ersatz für FontAwesome (nur die Icons, die du nutzt)
   - Kein HTML-Change nötig
   - Farbe folgt "color" (currentColor) -> Hover bleibt intakt
------------------------------------------------------------ */

/* -----------------------------------------------------------
   Dropdown-Pfeil neben "Willkommen"
   - kein HTML-Change
   - Farbe folgt currentColor
------------------------------------------------------------ */

/* -----------------------------------------------------------
   Dropdown-Pfeil für "Willkommen"
   (menu-item-has-children)
------------------------------------------------------------ */

/* Platz für Pfeil schaffen */
#responsive-menu > li.menu-item-has-children > a {
  position: relative;
  padding-right: 1.6em;
}

/* Pfeil nach unten */
#responsive-menu > li.menu-item-has-children > a::after {
  content: "";
  position: absolute;
  right: 0.5em;
  top: 50%;
  width: 0.65em;
  height: 0.65em;

  background-color: currentColor;
  transform: translateY(-40%);

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");

  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Optional: Pfeil dreht sich beim Hover (Desktop) */
#responsive-menu > li.menu-item-has-children:hover > a::after {
  transform: translateY(-40%) rotate(180deg);
}

/* Theme-eigenes Dropdown-Icon ausblenden (verhindert das leere Kästchen) */
#responsive-menu i.has_sub_menu_parent,
#responsive-menu i.fa.fa-angle-down {
  display: none !important;
}


/* Basis: alle FA-<i> werden zu einem Mask-Icon */
i.fas, i.far, i.fab {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;

  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Tür (fa-door-closed) */
i.fas.fa-door-closed {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6%203h10a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6V3zm9%209a1%201%200%201%200%200-2%201%201%200%200%200%200%202z'%20/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6%203h10a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6V3zm9%209a1%201%200%201%200%200-2%201%201%200%200%200%200%202z'%20/%3E%3C/svg%3E");
}

/* Kachelraster (fa-border-all) */
i.fas.fa-border-all {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M4%204h7v7H4V4zm9%200h7v7h-7V4zM4%2013h7v7H4v-7zm9%200h7v7h-7v-7z'%20/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M4%204h7v7H4V4zm9%200h7v7h-7V4zM4%2013h7v7H4v-7zm9%200h7v7h-7v-7z'%20/%3E%3C/svg%3E");
}

/* Handy (fa-mobile-alt) */
i.fas.fa-mobile-alt {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M8%202h8a2%202%200%200%201%202%202v16a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2zm4%2018a1.25%201.25%200%201%200%200-2.5%201.25%201.25%200%200%200%200%202.5z'%20/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M8%202h8a2%202%200%200%201%202%202v16a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2zm4%2018a1.25%201.25%200%201%200%200-2.5%201.25%201.25%200%200%200%200%202.5z'%20/%3E%3C/svg%3E");
}

/* Verdunklung / Jalousie (fa-jalo) – horizontale Streifen */
i.fas.fa-jalo {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M3%203h18v2H3V3zm0%204h18v2H3V7zm0%204h18v2H3v-2zm0%204h18v2H3v-2zm0%204h18v2H3v-2z'%20/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M3%203h18v2H3V3zm0%204h18v2H3V7zm0%204h18v2H3v-2zm0%204h18v2H3v-2zm0%204h18v2H3v-2z'%20/%3E%3C/svg%3E");
}

/* Berichte / Notizzettel (fa-report) – Seite mit Ecke und Linien */
i.fas.fa-report {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6%202a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8l-6-6H6zm7%201.5L18.5%208H13V3.5zM8%2011h8v1.5H8V11zm0%203h8v1.5H8V14zm0%203h5v1.5H8V17z'%20/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6%202a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8l-6-6H6zm7%201.5L18.5%208H13V3.5zM8%2011h8v1.5H8V11zm0%203h8v1.5H8V14zm0%203h5v1.5H8V17z'%20/%3E%3C/svg%3E");
}

/* Pfeil (fa-arrow-right) — wird bei dir eh per CSS rotiert */
i.fas.fa-arrow-right {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M13%205l7%207-7%207v-4H4v-6h9V5z'%20/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M13%205l7%207-7%207v-4H4v-6h9V5z'%20/%3E%3C/svg%3E");
}


/*Mobile Menu */
/* -----------------------------------------------------------
   FIX: Slicknav (Mobile Menü) ohne FontAwesome
   - entfernt das leere Kästchen (FA :before)
   - aktiviert wieder das 3-Balken-Icon (slicknav_icon-bar)
------------------------------------------------------------ */

/* 1) FontAwesome-Pseudoicons deaktivieren -> kein "leerer Kasten" */
.slicknav_btn.slicknav_open::before,
.slicknav_btn.slicknav_collapsed::before {
  content: none !important;
  font-family: inherit !important;
}

/* 2) Slicknav-eigene Balken wieder anzeigen (waren im Theme versteckt) */
.slicknav_menu .slicknav_icon {
  display: block !important; /* überschreibt display:none im Theme */
  float: left;
  margin: 0.188em 0 0 0.438em;
}

/* 3) Balken sichtbar machen */
.slicknav_menu .slicknav_icon-bar {
  display: block !important;
  width: 22px;
  height: 2px;
  border-radius: 2px;
  background-color: black; /* passt sich der Textfarbe an */
  box-shadow: none !important;    /* optional: cleaner Look */
}

/* Abstand zwischen den Balken */
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 5px;
}

/* Optional: Farbe des Icons (falls es zu dunkel ist) */
.slicknav_btn {
  color: #ffffff;
}