/* =========================================================
   TOP SRG – HEADER / HAUPTNAVIGATION
   ========================================================= */

/* Dropdown-Icon übernimmt die Textfarbe bei Hover. */
.elementor-nav-menu a:hover .elementor-menu-toggle i,
.elementor-nav-menu a:hover i {
  color: inherit !important;
}

/* Dropdown-Icon übernimmt die Farbe des aktiven Menüpunktes. */
.elementor-nav-menu .elementor-item-active .elementor-menu-toggle i,
.elementor-nav-menu .current-menu-item .elementor-menu-toggle i,
.elementor-nav-menu .current-menu-parent .elementor-menu-toggle i {
  color: inherit !important;
}


/* =========================================================
   TOP SRG – HEADER LOGO
   Klasse am Elementor Site-Logo-Widget:
   top-srg-header-logo
   ========================================================= */

.top-srg-header-logo img {
  display: block;

  width: 110px !important;
  height: auto !important;

  max-width: none !important;

  object-fit: contain;
}


/* Große Desktop-Screens */
@media (min-width: 1600px) {

  .top-srg-header-logo img {
    width: 140px !important;
  }

}


/* WQHD */
@media (min-width: 2200px) {

  .top-srg-header-logo img {
    width: 180px !important;
  }

}


/* 4K */
@media (min-width: 3000px) {

  .top-srg-header-logo img {
    width: 240px !important;
  }

}

/* =========================================================
   TOP SRG – STICKY HEADER
   Klassen:
   header-1 = normaler Header
   header-2 = Sticky Header
   ========================================================= */

.header-2 {
  width: 100% !important;

  transform: translateY(-200px);

  transition:
    transform 0.3s ease,
    opacity 0.3s ease !important;
}


/* Sticky Header einblenden */
.elementor-sticky--effects.header-2 {
  height: auto !important;

  transform: translateY(0);
}


/* Normalen Header ausblenden, sobald Sticky aktiv ist */
.elementor-sticky--effects.header-1 {
  display: none !important;
}