/* Styling für den HFE-Header (Navigation + Logo). Footer kommt 1:1 aus dem alten Template. */

/* Logo */
.elementor-widget-site-logo .hfe-site-logo img{max-width:150px;height:auto;display:block}

/* Navigation: rechtsbündig, Lato, Navy, normale Größe.
   Links sind a.hfe-menu-item (NICHT direkt unter .menu-item) → breit auf .hfe-nav-menu a zielen. */
/* Nav an den rechten Rand kleben (nicht Mitte): Container voll breit + Items rechtsbündig. */
.elementor-widget-navigation-menu .elementor-widget-container,
.hfe-nav-menu-layout,
.hfe-nav-menu__layout-horizontal{width:100%}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu{display:flex;flex-wrap:wrap;justify-content:flex-end!important;align-items:center;width:100%}
.elementor-widget-navigation-menu .hfe-nav-menu a{
  font-family:"Lato",sans-serif!important;font-size:16px!important;font-weight:700!important;
  color:var(--ssg-navy,#0c1f3f);padding:10px 14px;line-height:1.2;text-decoration:none;
  transition:color .15s ease}
.elementor-widget-navigation-menu .hfe-nav-menu a:hover,
.elementor-widget-navigation-menu .hfe-nav-menu .current-menu-item > a{color:var(--ssg-accent-blue,#3b82c4)!important}

/* Dropdown */
.hfe-nav-menu .sub-menu{background:#fff;box-shadow:0 12px 30px rgba(8,20,45,.15);border-radius:10px;
  padding:6px 0;min-width:220px;border:1px solid var(--ssg-border,#e2e8f0)}
.elementor-widget-navigation-menu .hfe-nav-menu .sub-menu a{
  font-size:14.5px!important;padding:9px 18px!important;display:block;white-space:nowrap;font-weight:600!important}
.hfe-nav-menu .sub-menu a:hover{background:#f4f6fb}

/* Mobile-Hamburger */
.hfe-nav-menu__toggle .hfe-nav-menu-icon,
.hfe-nav-menu__toggle .hfe-nav-menu-icon svg{color:var(--ssg-navy,#0c1f3f);fill:var(--ssg-navy,#0c1f3f);width:30px;height:30px}
@media (max-width:1024px){
  .elementor-widget-navigation-menu .hfe-nav-menu a{font-size:17px!important;padding:12px 16px}
  .hfe-nav-menu .sub-menu{box-shadow:none;border:0}
}