.elementor-kit-8{--e-global-color-primary:#1F1A1A;--e-global-color-secondary:#1F1A1A;--e-global-color-text:#1F1A1A;--e-global-color-accent:#1F1A1A;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;font-size:24px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:#1F1A1A;}.elementor-kit-8 h1{color:#1F1A1A;font-family:"Poppins", Sans-serif;}.elementor-kit-8 h2{color:#1F1A1A;font-family:"Poppins", Sans-serif;font-size:40px;}.elementor-kit-8 h3{color:#1F1A1A;font-family:"Poppins", Sans-serif;font-size:38px;}.elementor-kit-8 h4{color:#1F1A1A;font-family:"Poppins", Sans-serif;font-size:28px;}.elementor-kit-8 h5{color:#1F1A1A;font-family:"Poppins", Sans-serif;}.elementor-kit-8 h6{color:#1F1A1A;font-family:"Poppins", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8 h2{font-size:21px;}.elementor-kit-8 h3{font-size:30px;}.elementor-kit-8 h4{font-size:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================
   MOBILE: Schwarzes Dropdown + Fade-in
================================ */

@media (max-width: 1024px) {

  /* 1) Gesamter Dropdown-Container */
  header .elementor-nav-menu--dropdown {
    background: #000000 !important;
    animation: dropdownFade 0.35s ease forwards;
  }

  /* 2) einzelne Einträge */
  header .elementor-nav-menu--dropdown a,
  header .elementor-nav-menu--dropdown .elementor-sub-item {
    color: #FFFFFF !important;
    background: transparent !important;
  }

  /* 3) Hover / aktives Submenu */
  header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
  header .elementor-nav-menu--dropdown .elementor-item:hover {
    background: rgba(255,255,255,0.06) !important;
    color: #FFFFFF !important;
  }

  /* 4) dezente Trennerlinien */
  header .elementor-nav-menu--dropdown li {
    border-bottom: 1px solid rgba(255,255,255,0.10);
  }

}

/* ========== Fade-Animation ========== */

@keyframes dropdownFade {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* MOBILE: Pfeile im Dropdown weiß */
@media (max-width: 1024px) {

  /* Normale Elementor-Pfeile */
  header .elementor-nav-menu--dropdown .elementor-sub-item-toggle i,
  header .elementor-nav-menu--dropdown .elementor-item .sub-arrow i {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
  }

  /* Falls Elementor das SVG direkt einbetten sollte */
  header .elementor-nav-menu--dropdown svg {
    stroke: #FFFFFF !important;
    fill: #FFFFFF !important;
  }
}/* End custom CSS */