/* =========================================
   1) Sticky-Header (oben fixiert)
========================================= */
header,
.elementor-location-header,
#header-gesamt {
  position: 
  top: 0;
  z-index: 9999;
}

/* =========================================
   2) Schwarz → Transparent Verlauf + starker Blur (Desktop)
========================================= */
#header-gesamt,
.elementor-location-header {
  background-color: #111;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.9) 0%,
    rgba(0,0,0,0) 100%
  ) !important;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-backdrop-filter: blur(36px) saturate(140%);
  backdrop-filter: blur(36px) saturate(140%);
  background-clip: padding-box;
  isolation: isolate;
}

/* =========================================
   3) Transparente Inhalte im Header
========================================= */
#header-gesamt .elementor-section,
#header-gesamt .elementor-container,
#header-gesamt .elementor-widget-wrap,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container,
.elementor-location-header .elementor-widget-wrap {
  background: transparent !important;
  box-shadow: none !important;
}


/* =========================================
   MOBILE DROPDOWN – BLUR + TRENNLINIEN
========================================= */

/* 1️⃣ Hintergrund-Box weich verglasen */
.elementor-nav-menu--dropdown {
  background: rgba(0, 0, 0, 0.65) !important; /* halbtransparent dunkel */
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0 12px 12px 0; /* optional: rechte Seite leicht abgerundet */
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

/* 2️⃣ Menüeinträge voneinander trennen */
.elementor-nav-menu--dropdown .elementor-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* Letztes Element ohne Linie */
.elementor-nav-menu--dropdown .elementor-item:last-child {
  border-bottom: none;
}

/* 3️⃣ Lesbarkeit erhöhen */
.elementor-nav-menu--dropdown .elementor-item,
.elementor-nav-menu--dropdown .elementor-item a {
  color: #fff !important;
  font-weight: 500;
  letter-spacing: 0.3px;
}