/* RLS Website-Bausteine – globale CI-Feinschliffe (site-weit). */

/* ---------- Back-to-top-Button ----------
   Glyph im Theme ist ein fa-chevron-circle-up (schon ein eigener Kreis) -> darum den
   SVG-Glyph ausblenden und einen sauberen Chevron als Hintergrundbild setzen.
   Optik: weisser Kreis + blauer Chevron; Hover invertiert (blauer Kreis + weisser Chevron).
   Ziel per stabilem Link (#Top), unabhaengig von der Elementor-Element-ID. */
a.elementor-icon[href="#Top"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%230069b3'%20stroke-width='2.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%2015l6-6%206%206'/%3E%3C/svg%3E") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 22px 22px !important;
  border: 1px solid rgba(0, 60, 110, .14) !important;
  box-shadow: 0 8px 22px rgba(0, 50, 95, .22) !important;
  color: transparent !important;
  transition: background-color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}
a.elementor-icon[href="#Top"] svg { display: none !important; }
a.elementor-icon[href="#Top"]:hover,
a.elementor-icon[href="#Top"]:focus {
  background-color: #0069b3 !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%2015l6-6%206%206'/%3E%3C/svg%3E") !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 26px rgba(0, 50, 95, .30) !important;
  outline: none !important;
}

/* Position: in die (jetzt freie) Ecke ruecken. :has() fuer aktuelle Browser, Element-ID als Fallback. */
.elementor-fixed:has(a.elementor-icon[href="#Top"]),
.elementor-element-6548dbb {
  bottom: 26px !important;
  right: 26px !important;
}

/* Auf Mobil/Tablet ausblenden (das MegaMenu-Panel hat eigene Navigation). */
@media (max-width: 1024px) {
  .elementor-fixed:has(a.elementor-icon[href="#Top"]),
  .elementor-element-6548dbb { display: none !important; }
}