.elementor-193529 .elementor-element.elementor-element-2240dd96{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-193529 .elementor-element.elementor-element-2240dd96.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-193529 .elementor-element.elementor-element-3be21a2.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-193529 .elementor-element.elementor-element-a7c0d31{--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-193529 .elementor-element.elementor-element-a7c0d31 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-193529 .elementor-element.elementor-element-2240dd96{--min-height:100px;--margin-top:0px;--margin-bottom:-110px;--margin-left:0px;--margin-right:0px;}}@media(max-width:1024px){.elementor-193529 .elementor-element.elementor-element-2240dd96{--min-height:90px;--margin-top:0px;--margin-bottom:-90px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-193529 .elementor-element.elementor-element-2240dd96{--padding-top:1em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}}/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-a7c0d31 *//* =========================================================
   WHITEFOX – Elementor Menu Cart (Pill + Sidecart)
   Paste into: Menu Cart Widget → Advanced → Custom CSS
   ========================================================= */

/* --- Toggle als Pill (wie früher) --- */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__toggle_button{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;

  height: 36px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;

  background: var(--wf-pill-bg, rgba(255,255,255,0.035)) !important;
  border: 1px solid var(--wf-border, rgba(148,163,184,0.22)) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.35) !important;

  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;

  text-decoration: none !important;
  cursor: pointer !important;

  transition: transform .18s ease, background .18s ease, border-color .18s ease !important;
}
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__toggle_button:hover{
  background: var(--wf-pill-bg-hover, rgba(255,255,255,0.07)) !important;
  border-color: rgba(120,170,255,.35) !important;
  transform: translateY(-1px) !important;
}

/* Betrag (Gradient Text) */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__toggle_button .elementor-button-text{
  font-weight: 900 !important;
  letter-spacing: .2px !important;

  background: linear-gradient(135deg, #e8edf7 0%, #c9d6f2 35%, #8fb5ff 70%, #e8edf7 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;

  text-shadow: 0 0 8px rgba(143,181,255,.12) !important;
}

/* Icon + Badge */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__toggle_button .elementor-button-icon{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__toggle_button .elementor-button-icon-qty{
  min-width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  border-radius: 999px !important;

  font-size: 11px !important;
  font-weight: 950 !important;

  color: #07101f !important;
  background: linear-gradient(135deg, rgba(143,181,255,1), rgba(79,125,255,1)) !important;

  box-shadow: 0 0 0 2px rgba(7,16,31,.85), 0 10px 20px rgba(0,0,0,.35) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  order: 1 !important;
}

/* Cart-Icon size */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__toggle_button svg{
  width: 18px !important;
  height: 18px !important;
  fill: rgba(255,255,255,.92) !important;
  order: 2 !important;
}

/* --- Sidecart/Overlay – gleiche Optik wie v3.5 --- */

/* Overlay */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__container.elementor-lightbox,
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-lightbox,
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .dialog-lightbox-widget{
  background: rgba(3, 6, 18, 0.35) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

/* Dock rechts, respektiert Header-Höhe (Desktop) */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__container{
  right: 0 !important;
  left: auto !important;
  top: var(--wf-header-h, 108px) !important;
  height: calc(100vh - var(--wf-header-h, 108px)) !important;
}

/* Panel */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main{
  right: 0 !important;
  left: auto !important;

  width: clamp(320px, 92vw, var(--wf-cart-width, 640px)) !important;
  max-width: clamp(320px, 92vw, var(--wf-cart-width, 640px)) !important;
  height: 100% !important;

  background: var(--wf-cart-panel-bg, rgba(6,10,24,.72)) !important;
  border-left: 1px solid var(--wf-cart-border, rgba(148,163,184,0.22)) !important;
  box-shadow: -30px 0 70px rgba(0,0,0,0.65) !important;

  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;

  padding: 14px 14px 16px !important;
  padding-top: 56px !important;
  position: relative !important;

  color: var(--wf-cart-text, rgba(235,240,255,0.92)) !important;
}

/* Titel + Separator */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main::before{
  content: "Warenkorb";
  position: absolute;
  top: 14px;
  left: 16px;
  right: 56px;

  font-size: 14px;
  font-weight: 950;
  letter-spacing: .4px;

  background: linear-gradient(135deg, #e8edf7 0%, #c9d6f2 35%, #8fb5ff 75%, #e8edf7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;

  text-shadow: 0 0 10px rgba(143,181,255,0.10);
  pointer-events: none;
}
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main::after{
  content: "";
  position: absolute;
  top: 44px;
  left: 14px;
  right: 14px;
  height: 1px;

  background: linear-gradient(
    90deg,
    rgba(148,163,184,0.00) 0%,
    rgba(148,163,184,0.26) 20%,
    rgba(120,170,255,0.28) 50%,
    rgba(148,163,184,0.26) 80%,
    rgba(148,163,184,0.00) 100%
  );
  pointer-events: none;
}

/* Close button */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__close-button{
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;

  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;

  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(148,163,184,0.20) !important;

  opacity: .92;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__close-button:hover{
  background: rgba(255,255,255,0.10) !important;
  border-color: rgba(120,170,255,0.35) !important;
  transform: translateY(-1px);
}

/* Typo/Links */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main,
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main *{ color: var(--wf-cart-text, rgba(235,240,255,0.92)) !important; }
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main a{ color: var(--wf-cart-text, rgba(235,240,255,0.92)) !important; text-decoration: none !important; }
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .product-quantity,
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-menu-cart__product-price{ color: var(--wf-cart-muted, rgba(203,211,255,0.78)) !important; }

/* Products list */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-menu-cart__products{
  display: grid;
  gap: 12px;
  margin: 0 !important;
  padding: 10px 0 10px !important;
  padding-right: 6px !important;
  overflow: auto !important;

  max-height: calc(100vh - var(--wf-header-h, 108px) - 56px - 170px) !important;

  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

/* Product card */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-menu-cart__product{
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(148,163,184,0.18) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.38) !important;
  padding: 12px 12px !important;
}
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-menu-cart__product:hover{
  background: rgba(255,255,255,0.045) !important;
  border-color: rgba(120,170,255,0.30) !important;
}

/* Product image */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-menu-cart__product-image{
  border: 1px solid rgba(148,163,184,0.18) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.02) !important;
  overflow: hidden;
}

/* Product name gradient */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-menu-cart__product-name a{
  font-size: calc(13.5px * var(--wf-cart-scale, 1.22)) !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;

  background: linear-gradient(135deg, #e8edf7 0%, #c9d6f2 35%, #8fb5ff 70%, #e8edf7 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;

  text-shadow: 0 0 8px rgba(143,181,255,0.10) !important;
}

/* Price gradient */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-menu-cart__product-price .woocommerce-Price-amount{
  font-weight: 950 !important;
  background: linear-gradient(135deg, #e6e7eb 0%, #cfd3da 30%, #f2a45c 65%, #ff8c2b 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: 0 0 6px rgba(255,168,90,0.14) !important;
}

/* Subtotal card */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-menu-cart__subtotal{
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(148,163,184,0.18) !important;
  border-radius: 14px !important;
  padding: 14px 14px !important;
}
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-menu-cart__subtotal .woocommerce-Price-amount{
  font-weight: 1000 !important;
  background: linear-gradient(135deg, #ffffff 0%, #fff3b0 35%, #ffd35a 70%, #ffbf2a 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: 0 0 10px rgba(255,210,90,0.20) !important;
}

/* Footer buttons (2 columns) */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-menu-cart__footer-buttons{
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 12px !important;
}
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button{
  width: 100% !important;
  min-height: 44px !important;
  padding: 12px 12px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 14px !important;
  font-weight: 900 !important;
  letter-spacing: .2px;

  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(148,163,184,0.18) !important;
  color: rgba(245,248,255,0.95) !important;

  box-shadow: 0 16px 35px rgba(0,0,0,0.40) !important;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, opacity .2s ease;
}
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-button--view-cart:hover{
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(120,170,255,0.26) !important;
  transform: translateY(-1px);
}
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-button--checkout{
  background: linear-gradient(135deg, var(--wf-accent-blue1, rgba(79,125,255,0.62)), var(--wf-accent-blue2, rgba(40,190,255,0.44))) !important;
  border-color: rgba(120,170,255,0.30) !important;
}
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-button--checkout:hover{
  transform: translateY(-1px);
  opacity: .98;
}

@media (max-width: 420px){
  .elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-menu-cart__footer-buttons{
    grid-template-columns: 1fr !important;
  }
}

/* Mobile: Sidecart fullscreen */
@media (max-width: 768px){
  :root{ --wf-cart-scale: 1.10; }
  .elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__container{
    top: 0 !important;
    height: 100vh !important;
  }
  .elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main{
    width: 100vw !important;
    max-width: 100vw !important;
    border-left: 0 !important;
    border-top: 1px solid var(--wf-cart-border, rgba(148,163,184,0.22)) !important;
  }
  .elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main .elementor-menu-cart__products{
    max-height: calc(100vh - 56px - 190px) !important;
  }
}

.elementor-193529 .elementor-element.elementor-element-a7c0d31{ align-self: center !important; }

/* =========================================================
   WHITEFOX – Sidecart: links and below header (desktop)
   Elementor Menu Cart Widget → Advanced → Custom CSS
   ========================================================= */

/* 1) Overlay: Dock LEFT (statt right) */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__container{
  left: 0 !important;
  right: auto !important;
}

/* 2) Panel: Dock LEFT */
.elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main{
  left: 0 !important;
  right: auto !important;

  /* optional: links eine Kante statt border-left */
  border-left: 0 !important;
  border-right: 1px solid var(--wf-cart-border, rgba(148,163,184,0.22)) !important;

  box-shadow: 30px 0 70px rgba(0,0,0,0.65) !important;
}

/* 3) Desktop: unter den Header schieben (nicht reinragen) */
@media (min-width: 769px){
  .elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__container{
    top: calc(var(--wf-header-h, 108px) + 28px) !important; /* + dein Header margin-bottom */
    height: calc(100vh - (var(--wf-header-h, 108px) + 28px)) !important;
  }
}

/* 4) Mobile bleibt fullscreen wie vorher */
@media (max-width: 768px){
  .elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__container{
    top: 0 !important;
    height: 100vh !important;
    left: 0 !important;
    right: 0 !important;
  }
  .elementor-193529 .elementor-element.elementor-element-a7c0d31 .elementor-menu-cart__main{
    width: 100vw !important;
    max-width: 100vw !important;
    border-right: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2240dd96 *//* ===== WHITEFOX Header Row: Container übernimmt Header-Fläche ===== */
.elementor-193529 .elementor-element.elementor-element-2240dd96{
  position: relative;
  z-index: 99999;

  /* Full header look goes HERE */
  background:
    radial-gradient(circle at 18% 0%, rgba(56,189,248,.12), transparent 55%),
    linear-gradient(180deg, rgba(2, 6, 23, 0.92), rgba(2, 6, 23, 0.92));
  border-bottom: 1px solid rgba(148,163,184,0.10);

  padding: 22px 18px;
  min-height: 108px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  overflow: visible;
}

/* HTML Widget darf schrumpfen statt zu überdecken */
.elementor-193529 .elementor-element.elementor-element-2240dd96 > .elementor-widget-html{
  flex: 1 1 auto;
  min-width: 0;
}

/* Menu Cart sitzt rechts, gleiche Vertikal-Achse */
.elementor-193529 .elementor-element.elementor-element-2240dd96 > .elementor-widget-woocommerce-menu-cart{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 10px;
  position: relative;
  z-index: 100000;
}

/* Mobile Feintuning */
@media (max-width: 520px){
  .elementor-193529 .elementor-element.elementor-element-2240dd96{ padding: 18px 12px; gap: 8px; }
  .elementor-193529 .elementor-element.elementor-element-2240dd96 > .elementor-widget-woocommerce-menu-cart{ margin-left: 6px; }
}/* End custom CSS */