.elementor-11765 .elementor-element.elementor-element-d5c4a0e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-11765 .elementor-element.elementor-element-d5c4a0e:not(.elementor-motion-effects-element-type-background), .elementor-11765 .elementor-element.elementor-element-d5c4a0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-11765 .elementor-element.elementor-element-d5c4a0e:hover{border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-11765 .elementor-element.elementor-element-d5c4a0e, .elementor-11765 .elementor-element.elementor-element-d5c4a0e::before{--border-transition:0.3s;}.elementor-11765 .elementor-element.elementor-element-f5f3ec2{margin:0px -20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11765 .elementor-element.elementor-element-e9ee394{--display:flex;--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;--justify-content:flex-end;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:-50px;--margin-right:-50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99999;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-11765 .elementor-element.elementor-element-836e882:hover{background-color:#1EDC7814;}.elementor-11765 .elementor-element.elementor-element-836e882{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:12px 10px 5px 10px;border-radius:10px 10px 10px 10px;}.elementor-11765 .elementor-element.elementor-element-836e882 .elementor-icon-wrapper{text-align:center;}.elementor-11765 .elementor-element.elementor-element-836e882.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-11765 .elementor-element.elementor-element-836e882.elementor-view-framed .elementor-icon, .elementor-11765 .elementor-element.elementor-element-836e882.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-11765 .elementor-element.elementor-element-836e882.elementor-view-framed .elementor-icon, .elementor-11765 .elementor-element.elementor-element-836e882.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-11765 .elementor-element.elementor-element-836e882 .elementor-icon{font-size:20px;}.elementor-11765 .elementor-element.elementor-element-836e882 .elementor-icon svg{height:20px;}.elementor-11765 .elementor-element.elementor-element-33e8dd5 .e-off-canvas__content{background-color:var( --e-global-color-primary );}.elementor-11765 .elementor-element.elementor-element-33e8dd5 .e-off-canvas__overlay{background-color:#00000099;}.elementor-11765 .elementor-element.elementor-element-33e8dd5{--e-off-canvas-justify-content:center;--e-off-canvas-align-items:flex-start;--e-off-canvas-width:100%;--e-off-canvas-height:125px;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:0.5s;--e-off-canvas-overlay-opacity:1;}.elementor-11765 .elementor-element.elementor-element-990546d{--display:flex;--min-height:125px;--justify-content:center;}.elementor-11765 .elementor-element.elementor-element-d53a63c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11765 .elementor-element.elementor-element-6ac3ac8:hover{background-color:#1EDC7814;}.elementor-11765 .elementor-element.elementor-element-6ac3ac8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:12px 10px 5px 10px;border-radius:10px 10px 10px 10px;}.elementor-11765 .elementor-element.elementor-element-6ac3ac8 .elementor-icon-wrapper{text-align:center;}.elementor-11765 .elementor-element.elementor-element-6ac3ac8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-11765 .elementor-element.elementor-element-6ac3ac8.elementor-view-framed .elementor-icon, .elementor-11765 .elementor-element.elementor-element-6ac3ac8.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-11765 .elementor-element.elementor-element-6ac3ac8.elementor-view-framed .elementor-icon, .elementor-11765 .elementor-element.elementor-element-6ac3ac8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-11765 .elementor-element.elementor-element-6ac3ac8 .elementor-icon{font-size:20px;}.elementor-11765 .elementor-element.elementor-element-6ac3ac8 .elementor-icon svg{height:20px;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-11765 .elementor-element.elementor-element-245666a .elementor-menu-cart__close-button, .elementor-11765 .elementor-element.elementor-element-245666a .elementor-menu-cart__close-button-custom{margin-left:auto;}.elementor-11765 .elementor-element.elementor-element-245666a:hover{background-color:#1EDC7814;}.elementor-11765 .elementor-element.elementor-element-245666a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:12px 10px 5px 10px;border-radius:10px 10px 10px 10px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-accent );--toggle-button-border-color:var( --e-global-color-primary );--toggle-button-icon-hover-color:var( --e-global-color-accent );--toggle-button-border-width:0px;--toggle-icon-size:20px;--toggle-icon-padding:0px 0px 0px 0px;--items-indicator-text-color:var( --e-global-color-text );--items-indicator-background-color:var( --e-global-color-accent );--cart-background-color:var( --e-global-color-primary );--cart-border-style:none;--cart-border-radius:0px 0px 0px 0px;--cart-padding:10px 10px 10px 10px;--cart-close-button-color:var( --e-global-color-accent );--remove-item-button-color:var( --e-global-color-0496c4f );--menu-cart-subtotal-color:var( --e-global-color-secondary );--menu-cart-subtotal-text-align:left;--product-variations-color:var( --e-global-color-secondary );--product-price-color:var( --e-global-color-secondary );--divider-color:var( --e-global-color-350aebe );--subtotal-divider-color:var( --e-global-color-350aebe );--divider-width:0.5px;--subtotal-divider-top-width:0.5px;--subtotal-divider-right-width:0.5px;--subtotal-divider-bottom-width:0.5px;--subtotal-divider-left-width:0.5px;--product-divider-gap:10px;--cart-footer-layout:1fr;--products-max-height-sidecart:calc(100vh - 300px);--products-max-height-minicart:calc(100vh - 450px);--view-cart-button-text-color:var( --e-global-color-accent );--view-cart-button-background-color:var( --e-global-color-primary );--view-cart-button-hover-text-color:var( --e-global-color-accent );--view-cart-button-hover-background-color:var( --e-global-color-350aebe );--view-cart-button-padding:8px 8px 8px 8px;--checkout-button-text-color:var( --e-global-color-350aebe );--checkout-button-background-color:var( --e-global-color-accent );--checkout-button-hover-text-color:var( --e-global-color-accent );--checkout-button-hover-background-color:var( --e-global-color-primary );--checkout-button-padding:8px 8px 8px 8px;--empty-message-color:var( --e-global-color-secondary );--empty-message-alignment:center;}body:not(.rtl) .elementor-11765 .elementor-element.elementor-element-245666a .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-13px;top:-13px;}body.rtl .elementor-11765 .elementor-element.elementor-element-245666a .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:13px;top:-13px;left:auto;}.elementor-11765 .elementor-element.elementor-element-245666a .elementor-menu-cart__subtotal{font-size:15px;}.elementor-11765 .elementor-element.elementor-element-245666a .widget_shopping_cart_content{--subtotal-divider-style:solid;--subtotal-divider-top-width:0px;--subtotal-divider-right-width:0px;--subtotal-divider-bottom-width:2px;--subtotal-divider-left-width:0px;--subtotal-divider-color:var( --e-global-color-accent );}.elementor-11765 .elementor-element.elementor-element-245666a .elementor-menu-cart__product-name a{color:var( --e-global-color-secondary );}.elementor-11765 .elementor-element.elementor-element-245666a .elementor-menu-cart__product-price .product-quantity{color:var( --e-global-color-accent );}.elementor-11765 .elementor-element.elementor-element-245666a .elementor-menu-cart__footer-buttons .elementor-button{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;}.elementor-11765 .elementor-element.elementor-element-245666a .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:"Roboto", Sans-serif;font-weight:600;text-decoration:none;border-radius:5px 5px 5px 5px;}.elementor-11765 .elementor-element.elementor-element-245666a .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{border-color:var( --e-global-color-accent );}.elementor-11765 .elementor-element.elementor-element-245666a .elementor-button--view-cart{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );}.elementor-11765 .elementor-element.elementor-element-245666a .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:"Roboto", Sans-serif;font-weight:600;text-decoration:none;border-radius:5px 5px 5px 5px;}.elementor-11765 .elementor-element.elementor-element-245666a .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{border-color:var( --e-global-color-accent );}.elementor-11765 .elementor-element.elementor-element-245666a .elementor-button--checkout{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );}.elementor-11765:not(.elementor-motion-effects-element-type-background), .elementor-11765 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-11765{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-11765 .elementor-element.elementor-element-d5c4a0e{--width:100%;}.elementor-11765 .elementor-element.elementor-element-e9ee394{--width:150px;}}@media(max-width:1024px) and (min-width:768px){.elementor-11765 .elementor-element.elementor-element-e9ee394{--width:20%;}}@media(max-width:1024px){.elementor-11765 .elementor-element.elementor-element-d5c4a0e{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-11765 .elementor-element.elementor-element-d5c4a0e:hover{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-11765 .elementor-element.elementor-element-e9ee394{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11765 .elementor-element.elementor-element-836e882{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-11765 .elementor-element.elementor-element-d53a63c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11765 .elementor-element.elementor-element-6ac3ac8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-11765 .elementor-element.elementor-element-245666a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}}@media(max-width:767px){.elementor-11765 .elementor-element.elementor-element-d5c4a0e{--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:-6px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10000000;}.elementor-11765 .elementor-element.elementor-element-f5f3ec2{padding:0px 0px 0px 0px;}.elementor-11765 .elementor-element.elementor-element-e9ee394{--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;--justify-content:flex-end;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11765 .elementor-element.elementor-element-836e882{margin:-3px -3px calc(var(--kit-widget-spacing, 0px) + -3px) -3px;}.elementor-11765 .elementor-element.elementor-element-33e8dd5{--e-off-canvas-height:105px;}.elementor-11765 .elementor-element.elementor-element-990546d{--min-height:105px;}.elementor-11765 .elementor-element.elementor-element-d53a63c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11765 .elementor-element.elementor-element-6ac3ac8{margin:-3px -3px calc(var(--kit-widget-spacing, 0px) + -3px) -3px;}.elementor-11765 .elementor-element.elementor-element-245666a{margin:-3px -3px calc(var(--kit-widget-spacing, 0px) + -3px) -3px;}}/* Start custom CSS for html, class: .elementor-element-f5f3ec2 *//* =========================================================
   comscoot Header – MASTER CSS (clean)
   ========================================================= */

/* A11Y */
.cs-skip{
  position:absolute; left:-9999px; top:0;
  background:#1edc78; color:#2d4646;
  padding:10px 12px; border-radius:8px;
}
.cs-skip:focus{ left:12px; top:12px; z-index:999999; }

/* Header Layout */
.cs-header{ position:sticky; top:0; z-index:99998; background:#2d4646; }
.cs-header-inner{
  max-width:1140px;
  margin:0 auto;
  padding:10px 12px;
  display:flex;
  align-items:stretch;
  gap:15px;
}

/* Logo */
.cs-logo{ flex:0 0 17%; display:flex; align-items:center; }
.cs-logo img{ max-width:100%; height:auto; display:block; }

/* Right Wrapper */
.cs-right{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

/* USP Desktop */
.cs-usp{
  display:flex;
  gap:14px;
  justify-content:space-between;
  align-items:center;
  flex-wrap:nowrap;
}
.cs-usp-item{
  display:flex;
  align-items:center;
  gap:5px;
  color:#e6dcbe;
  font-size:14px;
  line-height:1.2;
  min-width:0;
}
.cs-usp-ico{
  width:35px;
  height:auto;
  flex-shrink:0;
  filter: brightness(0) saturate(100%)
          invert(62%) sepia(77%) saturate(560%)
          hue-rotate(94deg) brightness(96%) contrast(96%);
}
.header-hotline-link{
  color:#e6dcbe;
  text-decoration:none !important;
  white-space:nowrap;
}
.header-hotline-link:hover{ color:#1edc78; }

/* Nav row */
.cs-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
  position:relative;
  width:100%;
}
.cs-nav-left{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:7px !important;
  height:44px;
  flex:1 1 auto;
  min-width:0;
}

/* Platz rechts für Icon-Buttons */
header.cs-header .cs-nav-left{ padding-right:160px; }
@media (max-width:1180px){
  header.cs-header .cs-nav-left{ padding-right:140px; }
}

/* Shop Button */
.cs-shopbtn{
  display:inline-block;
  color:#1edc78 !important;
  font-weight:900;
  padding:8px 12px;
  border-radius:5px;
  text-decoration:none !important;
  line-height:1;
  font-size:15px;
  white-space:nowrap;
  border:2px solid #1edc78;
}
.cs-shopbtn:hover{ background:#1edc78; color:#2d4646 !important; }

/* Desktop Menu */
.cs-desktop{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  flex-wrap:nowrap;
}
.cs-link,
.cs-trigger{
  color:#e6dcbe;
  font-weight:900;
  background:none;
  border:0;
  cursor:pointer;
  padding:8px 6px;
  border-radius:8px;
  text-decoration:none;
  font-size:14.5px;
  white-space:nowrap;
}

/* No underline desktop */
header.cs-header .cs-links.cs-desktop a,
header.cs-header .cs-links.cs-desktop a:visited,
header.cs-header .cs-links.cs-desktop a:hover{
  text-decoration:none !important;
}

/* Hover/Focus */
header.cs-header .cs-link,
header.cs-header .cs-trigger{ background:transparent !important; }

header.cs-header .cs-link:hover,
header.cs-header .cs-trigger:hover,
header.cs-header .cs-link:focus-visible,
header.cs-header .cs-trigger:focus-visible{
  background:rgba(30,220,120,.10) !important;
  color:#1edc78 !important;
  outline:none !important;
}
header.cs-header .cs-link:focus-visible,
header.cs-header .cs-trigger:focus-visible{
  box-shadow:0 0 0 3px rgba(30,220,120,.25) !important;
}

@media (max-width:1250px){
  .cs-link, .cs-trigger{ font-size:13px; padding:8px 6px; }
  .cs-desktop{ gap:5px; }
}
@media (max-width:1180px){
  .cs-shopbtn{ padding:9px 10px; font-size:13px; }
}

/* Mega Menu */
.cs-mega{
  position:absolute;
  left:353px;
  top:calc(100% + 8px);
  width:min(1140px, calc(100vw - 24px));
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:18px;
  background:#2d4646;
  box-shadow:0 18px 50px rgba(0,0,0,.25);
  z-index:99999;

  display:block !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(-50%) translateY(-18px);
  transition:
    opacity .38s cubic-bezier(.22,.61,.36,1),
    transform .42s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear .42s;
}
.cs-mega::before{
  content:"";
  position:absolute;
  top:-8px;
  left:var(--cs-arrow-x, 50%);
  transform:translateX(-50%) rotate(45deg);
  width:16px; height:16px;
  background:#2d4646;
  border-left:1px solid rgba(255,255,255,.14);
  border-top:1px solid rgba(255,255,255,.14);
}
.cs-mega::after{
  content:"";
  position:absolute;
  left:0; right:0;
  top:-12px;
  height:12px;
}
.cs-mega-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(160px, 1fr));
  gap:18px;
}
.cs-title{
  color:#1edc78;
  font-weight:900;
  margin:0 0 10px 0;
  padding-bottom:6px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.cs-col a{
  display:block;
  color:#e6dcbe;
  text-decoration:none !important;
  padding:6px 0;
}
.cs-col a:hover{ color:#1edc78; }

.cs-cta{
  display:inline-block;
  color:#1edc78 !important;
  font-weight:900;
  padding:8px 12px !important;
  border-radius:5px;
  text-decoration:none !important;
  line-height:1;
  font-size:15px;
  white-space:nowrap;
  border:2px solid #1edc78;
  margin-top:10px;
}
.cs-cta:hover{ background:#1edc78; color:#2d4646 !important; }

.cs-item:hover .cs-mega,
.cs-item:focus-within .cs-mega{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
  transition:
    opacity .38s cubic-bezier(.22,.61,.36,1),
    transform .42s cubic-bezier(.22,.61,.36,1),
    visibility 0s;
}

/* Icon Buttons (wenn vorhanden) */
.cs-ico-btn,
.cs-ico-link{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:10px;
  background:#2d4646;
  color:#1edc78 !important;
  text-decoration:none !important;
  cursor:pointer;
  transition:border-color .18s ease, color .18s ease, transform .18s ease;
}
.cs-ico-btn:hover,
.cs-ico-link:hover{
  color:#1edc78;
  border-color:rgba(30,220,120,.45);
  background: rgba(30,220,120,.08);
}
.cs-ico-btn:focus-visible,
.cs-ico-link:focus-visible{
  outline:2px solid rgba(30,220,120,.55);
  outline-offset:2px;
}

/* Burger */
.cs-mobile{ display:none; }
.cs-burger{
  width:40px; height:44px;
  border:0;
  border-radius:10px;
  background:#2d4646;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
}
.cs-burger span{
  width:20px; height:2px;
  background:#1edc78;
  display:block;
}
.cs-burger:hover{ background: rgba(30,220,120,.08); }

/* Responsive */
@media (max-width:1024px){
  .cs-usp{ display:none; }
  .cs-desktop{ display:none; }
  .cs-mobile{ display:flex; }
  .cs-logo{ flex:0 0 auto; }
  .cs-header-inner{ padding: 8px 10px; gap: 10px; }
  .cs-logo img{ width: 140px !important; max-width:140px !important; height:auto !important; }
}
@media (max-width:480px){
  .cs-logo img{ width: 120px !important; max-width:120px !important; }
}
@media (min-width:1025px){
  .cs-mobile{ display:none !important; }
  .cs-desktop{ display:flex !important; }
}

body.cs-noscroll{ overflow:hidden; }

/* =========================================================
   OFFCANVAS – FINAL
   ========================================================= */
.cs-offcanvas{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .45s ease, visibility 0s linear .45s;
}
.cs-offcanvas.is-open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .45s ease, visibility 0s;
}
.cs-offcanvas .cs-backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.55);
  opacity:0;
  transition: opacity .45s ease;
  z-index:0;
}
.cs-offcanvas.is-open .cs-backdrop{ opacity:1; }

.cs-offcanvas .cs-panel{
  position:absolute;
  right:0; top:0; bottom:0;
  width:min(92vw, 420px);
  background:#2d4646;
  box-shadow:-20px 0 60px rgba(0,0,0,.35);
  padding:9px 16px 16px 16px;
  overflow:hidden;              /* wichtig: scroll kommt in .cs-panel-body */
  z-index:1;

  transform: translateX(120px);
  opacity: 0;
  transition: transform .45s cubic-bezier(.22,.61,.36,1), opacity .1s ease;
}
.cs-offcanvas.is-open .cs-panel{
  transform: translateX(0);
  opacity: 1;
}

/* Panel-Head fix, Panel-Body scrollt */
.cs-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom:5px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.cs-panel-title{ margin:0; color:#e6dcbe; font-weight:900; }

.cs-close{
  width:44px; height:44px;
  border:0;
  border-radius:10px;
  background:#2d4646;
  color:#e6dcbe;
  font-size:18px;
  cursor:pointer;
}
.cs-close:hover{
  background:#2d4646;
  color:#e6dcbe;
}
.cs-panel-body{
  padding-top:12px;
  height: calc(100% - 56px);   /* Head ~56px */
  overflow-y:auto;
  -webkit-overflow-scrolling: touch;
}
/* Menü-Offcanvas: kein Top-Padding, sonst "scrollt" man über dem Sticky vorbei */
#cs-offcanvas-menu .cs-panel-body{
  padding-top: 0 !important;
}

/* Elementor Overlays unter unserem Offcanvas */
.dialog-widget,
.elementor-popup-modal,
.elementor-menu-cart__container,
.elementor-menu-cart__main,
.elementor-menu-cart__panel,
.elementor-menu-cart__drawer{
  z-index: 1004000 !important;
}

/* =========================================================
   MOBILE DRILLDOWN (Fix: kein absolute, kein height-sync)
   ========================================================= */
/* Views liegen übereinander */
.cs-mnav-views{
  position: relative;
}

.cs-mview{
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

/* Root sichtbar */
.cs-mview-root{
  opacity: 1;
  pointer-events: auto;
}

/* Sub sichtbar */
.cs-mnav.is-sub-open .cs-mview-root{
  opacity: 0;
  pointer-events: none;
}
.cs-mnav.is-sub-open .cs-mview-sub{
  opacity: 1;
  pointer-events: auto;
}
/* Root Items */
.cs-mitem{
  width: 100%;
  text-align: left;
  padding: 14px 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  background: transparent;
  color: #e6dcbe;
  font-weight: 900;
  cursor: pointer;
  margin: 10px 0;
}
.cs-mitem:hover{
  background: rgba(30,220,120,.08);
  color: #1edc78;
}

/* Sub Head (sticky im scrollenden panel-body) */
.cs-msub-head{
  position: sticky;
  top: 0;
  background: #2d4646;
  z-index: 10;

  display:flex;
  align-items:center;
  gap:10px;

  padding: 10px 0 10px 0;
  border-bottom:1px solid rgba(255,255,255,.14);
  margin: 0; /* wichtig: kein Gap */
}
#cs-offcanvas-menu .cs-msub-body{
  padding-top: 10px;
}
#cs-offcanvas-menu .cs-msub-head{
  background:#2d4646;
  z-index: 10;
  isolation: isolate;
  will-change: transform;
}
.cs-mback{
  width: 44px; height: 44px;
  border: 0;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  color: #e6dcbe;
  cursor: pointer;
}
.cs-mback:hover, .cs-mback:focus{
  background: rgba(255,255,255,.06) !important;
  color: #e6dcbe;
}
.cs-msub-title{
  margin: 0;
  color: #e6dcbe;
  font-weight: 900;
}

/* Akkordeon */
.cs-macc{
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  overflow: hidden;
  margin: 10px 0;
}
.cs-macc summary{
  cursor: pointer;
  padding: 14px 12px;
  font-weight: 900;
  color: #1edc78;
  list-style: none;
}
.cs-macc summary::-webkit-details-marker{ display:none; }

.cs-macc-links a{
  display: block;
  padding: 10px 12px;
  color: #e6dcbe;
  text-decoration: none !important;
  border-top: 1px dotted rgba(255,255,255,.12);
}
.cs-macc-links a:hover{ color:#1edc78; }

/* ============================
   MOBILE STICKY + LAYOUT PATCH
   (ganz unten einfügen)
   ============================ */
@media (max-width:1024px){

  /* 1) Sticky wirklich fix: verhindert, dass ein Parent Sticky killt */
  .cs-header{
    position: sticky !important;
    top: 0 !important;
    z-index: 1006000 !important;
    transform: translateZ(0); /* iOS/Safari Stabilität */
    will-change: transform;
  }

  /* wichtig: Sticky bricht, wenn ein Parent overflow/transform hat */
  .elementor,
  .elementor-section,
  .elementor-container,
  .elementor-widget-wrap,
  .dialog-widget{
    overflow: visible !important;
    transform: none !important;
  }

  /* 2) Full-bleed Header wie vorher (falls du das willst) */
  .cs-header{
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  /* 3) Innenlayout: Platz rechts reservieren (Burger + Icons) */
  .cs-header-inner{
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 16px !important;
    padding-right: 96px !important; /* Platz für Burger + mobile-right */
  }

  /* 4) Burger sauber rechts oben fixieren */
  .cs-burger{
    position: fixed !important;
    right: 16px !important;
    top: calc(env(safe-area-inset-top, 0px) + 9px) !important;
    z-index: 1007000 !important;
    margin: 0 !important;
  }

  /* 5) Schnellzugriffe links neben Burger */
  .cs-mobile-right{
    position: fixed !important;
    right: 64px !important; /* links neben Burger */
    top: calc(env(safe-area-inset-top, 0px) + 9px) !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    z-index: 1006500 !important;

    transform: none !important; /* wichtig (Sidecart/Fixed-Falle) */
  }

  /* 6) Nichts darf im Header clippen */
  .cs-header,
  .cs-header-inner,
  .cs-nav,
  .cs-right,
  .cs-nav-left{
    overflow: visible !important;
  }

  /* 7) Wenn Burger fixed ist: nav-left darf nicht drunter laufen */
  .cs-nav-left{
    padding-right: 96px !important;
  }
}

/* ============================
   MOBILE: Header immer sichtbar (FIXED statt STICKY)
   ============================ */
@media (max-width:1024px){

  /* Header fixieren */
  .cs-header{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 1006000 !important;
  }

  /* damit Content nicht unter den Header rutscht */
  body{
    padding-top: var(--cs-header-h, 72px) !important;
  }

  /* Innenlayout: rechts Platz für Icons + Burger */
  .cs-header-inner{
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 16px !important;
    padding-right: 96px !important;
  }

  /* Burger: passt bei dir schon -> lassen wir so, nur z-index sicher */
  .cs-burger{
    position: fixed !important;
    right: 16px !important;
    top: calc(env(safe-area-inset-top, 0px) + 10px) !important;
    z-index: 1007000 !important;
  }

  /* Schnellzugriffe FIX ins Bild holen */
  .cs-mobile-right{
    position: fixed !important;
    right: 72px !important; /* links neben Burger */
    top: calc(env(safe-area-inset-top, 0px) + 9px) !important;
    height: 44px !important;

    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    transform: none !important;
    z-index: 1006500 !important;

    /* verhindert “rausrutschen” */
    max-width: calc(100vw - 72px - 16px) !important;
    overflow: visible !important;
  }
}

/* ============================
   OFFCANVAS MUSS IMMER 100% VIEWPORT COVERN (Mobile)
   ============================ */
@media (max-width:1024px){

  /* Nichts darf das Overlay clippen */
  .cs-header,
  .cs-header-inner,
  .cs-right,
  .cs-nav,
  .cs-nav-left{
    overflow: visible !important;
  }

  /* Offcanvas: garantiert Viewport */
  #cs-offcanvas-menu,
  #cs-offcanvas-search{
    position: fixed !important;
    inset: 0 !important;          /* top/right/bottom/left = 0 */
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: 1009000 !important;  /* über Header */
  }

  /* Backdrop ebenfalls full screen */
  #cs-offcanvas-menu .cs-backdrop,
  #cs-offcanvas-search .cs-backdrop{
    position: fixed !important;
    inset: 0 !important;
  }

  /* Panel bleibt rechts und full height */
  #cs-offcanvas-menu .cs-panel,
  #cs-offcanvas-search .cs-panel{
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
  }
}

/* verhindert Snapback: beim Setup keine Transition */
.cs-no-trans .cs-mview{
  transition: none !important;
}



  /* Elementor-Container "cs-mobile-right" darf NICHT als große unsichtbare Fläche über dem Logo liegen */
  .cs-mobile-right.elementor-element,
  .cs-mobile-right.e-con,
  .cs-mobile-right.e-con-full{
    width: auto !important;
    max-width: fit-content !important;
    left: auto !important;          /* killt evtl. left:0 aus Elementor */
    right: 72px !important;         /* bei dir links neben Burger */
    pointer-events: none !important;/* Fläche klickt NICHT */
  }

  /* ABER: Inhalte (Buttons/Links) bleiben klickbar */
  .cs-mobile-right.elementor-element a,
  .cs-mobile-right.elementor-element button,
  .cs-mobile-right.elementor-element [role="button"],
  .cs-mobile-right.elementor-element .cs-ico-btn,
  .cs-mobile-right.elementor-element .cs-ico-link,
  .cs-mobile-right.elementor-element svg,
  .cs-mobile-right.elementor-element img{
    pointer-events: auto !important;
  }

  /* Logo zusätzlich absichern */
  .cs-logo,
  .cs-logo a{
    position: relative;
    pointer-events: auto !important;

}/* End custom CSS */
/* Start custom CSS for aws, class: .elementor-element-d53a63c *//* Suchfeld Style gewählt */
.aws-container .aws-search-field {
    color: #e6dcbe !important;
    font-size: 15px;
    font-weight: 500;
    border: 2px solid #e6dcbe;
    border-radius: 5px 0px 0px 5px !important;
    background: #2d4646;
}

/* Suchfeld Style gewählt */
.aws-container .aws-search-field:focus {
    background: #2d4646;
    border: 2px solid #e6dcbe;
}

/* Button Style */
.aws-container .aws-search-form .aws-form-btn {

    background: #e6dcbe;
     border-radius: 0px 5px 5px 0px !important;
   
}

/* Button Style gewählt */
.aws-container .aws-search-form .aws-form-btn:focus {

    background: #f2eedf;
     border-radius: 0px 5px 5px 0px !important;
   
}

/* Ajax Ergebnisse */
.aws-search-result ul li {
    list-style: none;
    border-bottom: 1px solid #2d4646;
    overflow: hidden;
    margin: 0 !important;
    position: relative;
    background: #132B2B;
    border: 2px solid #2d4646;
    border-radius: 5px;
}
/* Ajax Ergebnisse gewählt */
.aws-search-result .aws_result_item.hovered, .aws-search-result .aws_result_item:hover, .aws-search-result .aws_search_more a:hover {
    background: #273F3F;
}

/* Suche löschen (x) */
.aws-container .aws-search-form .aws-search-clear span {
    color: #e6dcbe;
}

/* Suchergebnisse Überschrift Primär und Fett */
.aws-search-result .aws_result_title {
    font-weight: 900;
    color: #e6dcbe;
}

/* Preis style*/
.aws-search-result .aws_result_price {
    display: inline-block;
    margin-top: 5px;
    padding: 2px 2px 2px 2px;
    color: #1edc78;
    background: #132b2b;
    border: 2px solid #1edc78;
    border-radius: 5px;
}
/* Kurzbeschreibung style */
.aws-search-result .aws_result_excerpt {
    color: #e6dcbe;
}

/* Hintergrund bei den Ergebnissen primär machen */
.aws-search-result {
    background: #2d4646;
    margin-top: 5px;
    margin-left: -3px;
    border: 2px solid #2d4646;
    line-height: 16px;
}

/* Alle Ergebnisse anzeigen */
.aws-search-result .aws_search_more {
    color: #1edc78;
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-245666a *//* ==========================================
   FIX: Elementor Menü-Warenkorb darf NICHT “durchklicken”
   -> Overlay muss volle Viewport-Fläche abdecken + Klicks fangen
   ========================================== */

/* 1) Cart-Overlay/Container IMMER full-screen + über Header */
.elementor-menu-cart__container,
.elementor-menu-cart__container.elementor-menu-cart--shown,
.elementor-menu-cart__container.elementor-menu-cart--open,
.elementor-menu-cart__container[aria-hidden="false"]{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 2147483000 !important;   /* über deinem Header/Offcanvas */
  pointer-events: auto !important;  /* ganz wichtig */
}

/* 2) Backdrop/Overlay muss Klicks fangen (auch wenn transparent) */
.elementor-menu-cart__container::before,
.elementor-menu-cart__overlay,
.elementor-menu-cart__backdrop,
.elementor-menu-cart__container .elementor-menu-cart__overlay,
.elementor-menu-cart__container .elementor-menu-cart__backdrop{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: auto !important;  /* verhindert Klick-through */
  background: rgba(0,0,0,.0) !important; /* bleibt optisch unverändert */
}

/* 3) Das eigentliche Panel bleibt bedienbar */
.elementor-menu-cart__main,
.elementor-menu-cart__panel,
.elementor-menu-cart__drawer{
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  pointer-events: auto !important;
  z-index: 2147483001 !important; /* über dem Backdrop */
}

/* 4) Sicherheit: wenn Elementor irgendwo pointer-events deaktiviert */
.elementor-menu-cart__main *,
.elementor-menu-cart__panel *,
.elementor-menu-cart__drawer *{
  pointer-events: auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9ee394 */.cs-mobile-right{
    padding-bottom: 10px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5c4a0e *//* CLS-FIX Desktop: reserviert von Anfang an die Endhöhe */
@media (min-width: 1025px){
  .cs-header-inner{
    min-height: 102px; /* Desktop-Höhe reservieren */
  }
}/* End custom CSS */