/*
Theme Name: Jochen Schweizer Person
Theme URI: https://example.com/
Description: Child Theme fuer Hello Elementor.
Author: Maximilian
Template: hello-elementor
Version: 1.0.0
Text Domain: jochen-schweizer-person
*/

/* =============================================================================
   HEADER – Sticky-Verhalten
   ============================================================================= */

/* Hintergrund beim Scrollen weiß */
.elementor-element-59ba3c9.elementor-sticky--effects {
  background: #ffffff !important;
}

/* Logo: Start weiß (schwarzes Logo invertiert) */
.elementor-element-59ba3c9 .elementor-element-6f4b94e a img {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}

/* Logo: Scroll schwarz/original */
.elementor-element-59ba3c9.elementor-sticky--effects .elementor-element-6f4b94e a img {
  filter: none;
}

/* Navigation: Start weiß (nur Hauptmenü, nicht Dropdown) */
.elementor-element-59ba3c9 .elementor-nav-menu--main a {
  color: #ffffff !important;
  transition: color 0.3s ease;
}

/* Mobile Dropdown: immer schwarz lesbar */
.elementor-element-59ba3c9 .elementor-nav-menu--dropdown a {
  color: #1a1a1a !important;
}

/* Navigation: Scroll schwarz */
.elementor-element-59ba3c9.elementor-sticky--effects .elementor-nav-menu--main a {
  color: #1a1a1a !important;
}

/* Navigation: Hover im Scroll-Zustand */
.elementor-element-59ba3c9.elementor-sticky--effects .elementor-nav-menu--main a:hover {
  color: #6e80a9 !important;
}

/* Mobile: Hamburger-Toggle Hintergrund immer transparent */
.elementor-element-59ba3c9 .elementor-menu-toggle {
  background: transparent !important;
  border: none !important;
}

/* Mobile: Hamburger-Icon weiß */
.elementor-element-59ba3c9 .elementor-menu-toggle i,
.elementor-element-59ba3c9 .elementor-menu-toggle svg {
  color: #ffffff !important;
  fill: #ffffff !important;
  transition: color 0.3s ease, fill 0.3s ease;
}

/* Mobile: Hamburger-Icon schwarz beim Scrollen */
.elementor-element-59ba3c9.elementor-sticky--effects .elementor-menu-toggle i,
.elementor-element-59ba3c9.elementor-sticky--effects .elementor-menu-toggle svg {
  color: #1a1a1a !important;
  fill: #1a1a1a !important;
}