.elementor-7170101 .elementor-element.elementor-element-678d9dfd > .elementor-container{max-width:1200px;}.elementor-7170101 .elementor-element.elementor-element-678d9dfd:not(.elementor-motion-effects-element-type-background), .elementor-7170101 .elementor-element.elementor-element-678d9dfd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F6F2;}.elementor-7170101 .elementor-element.elementor-element-678d9dfd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 15px 0px 15px;}.elementor-7170101 .elementor-element.elementor-element-678d9dfd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-7170101 .elementor-element.elementor-element-303e526a.elementor-column .elementor-column-wrap{align-items:center;}.elementor-7170101 .elementor-element.elementor-element-303e526a.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7170101 .elementor-element.elementor-element-b3a1374 > .elementor-container{max-width:1200px;}.elementor-7170101 .elementor-element.elementor-element-b3a1374:not(.elementor-motion-effects-element-type-background), .elementor-7170101 .elementor-element.elementor-element-b3a1374 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7170101 .elementor-element.elementor-element-b3a1374{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:8px 15px 8px 15px;}.elementor-7170101 .elementor-element.elementor-element-b3a1374 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-7170101 .elementor-element.elementor-element-5116c553.elementor-column .elementor-column-wrap{align-items:center;}.elementor-7170101 .elementor-element.elementor-element-5116c553.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7170101 .elementor-element.elementor-element-2a039c15{width:auto;max-width:auto;}.elementor-7170101 .elementor-element.elementor-element-5d6b853a{text-align:left;width:auto;max-width:auto;}.elementor-7170101 .elementor-element.elementor-element-5d6b853a .elementor-image img{width:190px;}.elementor-bc-flex-widget .elementor-7170101 .elementor-element.elementor-element-1e345ccc.elementor-column .elementor-column-wrap{align-items:center;}.elementor-7170101 .elementor-element.elementor-element-1e345ccc.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7170101 .elementor-element.elementor-element-1e345ccc.elementor-column > .elementor-column-wrap > .elementor-widget-wrap{justify-content:flex-end;}.elementor-7170101 .elementor-element.elementor-element-213d6012 .elementor-menu-toggle{margin-right:auto;}.elementor-7170101 .elementor-element.elementor-element-213d6012 .elementor-nav--main a.elementor-item{font-family:"Inter", sans-serif;font-size:15px;font-weight:500;}.elementor-7170101 .elementor-element.elementor-element-213d6012 .elementor-nav--main a.elementor-item:not(#e){color:#1F2A24;}.elementor-7170101 .elementor-element.elementor-element-213d6012 .elementor-nav--main a.elementor-item.elementor-item-active:not(#e), .elementor-7170101 .elementor-element.elementor-element-213d6012 .elementor-nav--main a.elementor-item.highlighted:not(#e), .elementor-7170101 .elementor-element.elementor-element-213d6012 .elementor-nav--main a.elementor-item:not(#e):hover, .elementor-7170101 .elementor-element.elementor-element-213d6012 .elementor-nav--main a.elementor-item:not(#e):focus{color:#317025;}.elementor-7170101 .elementor-element.elementor-element-213d6012 .elementor-nav--main .elementor-item{padding-left:14px;padding-right:14px;padding-top:0px;padding-bottom:0px;}.elementor-7170101 .elementor-element.elementor-element-213d6012{width:auto;max-width:auto;}.elementor-7170101 .elementor-element.elementor-element-5c124fd1 .elementor-search{text-align:center;}.elementor-7170101 .elementor-element.elementor-element-5c124fd1 .elementor-search__toggle i{font-size:33px;width:33px;height:33px;}.elementor-7170101 .elementor-element.elementor-element-5c124fd1.elementor-search--skin-topbar .elementor-search__container{padding:40px 0px 40px 0px;border-left-width:calc(50vw - 400px / 2);border-right-width:calc(50vw - 400px / 2);}.elementor-7170101 .elementor-element.elementor-element-5c124fd1 .elementor-search__label{color:#111111;}.elementor-7170101 .elementor-element.elementor-element-5c124fd1 input[type="search"].elementor-search__input{font-size:17px;}.elementor-7170101 .elementor-element.elementor-element-5c124fd1 .elementor-search__input, .elementor-7170101 .elementor-element.elementor-element-5c124fd1 .elementor-search__icon, .elementor-7170101 .elementor-element.elementor-element-5c124fd1 .elementor-lightbox .dialog-lightbox-close-button, .elementor-7170101 .elementor-element.elementor-element-5c124fd1 .elementor-lightbox .dialog-lightbox-close-button:hover, .elementor-7170101 .elementor-element.elementor-element-5c124fd1.elementor-search--skin-topbar input[type="search"].elementor-search__input{color:#111111;}.elementor-7170101 .elementor-element.elementor-element-5c124fd1:not(.elementor-search--skin-topbar) .elementor-search__products{width:400px !important;}.elementor-7170101 .elementor-element.elementor-element-5c124fd1{width:auto;max-width:auto;}.elementor-7170101 .elementor-element.elementor-element-2e56368d .elementor-nav--dropdown{font-size:15px;}.elementor-7170101 .elementor-element.elementor-element-2e56368d .elementor-nav--dropdown a{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;}.elementor-7170101 .elementor-element.elementor-element-2e56368d{width:auto;max-width:auto;}.elementor-7170101 .elementor-element.elementor-element-71397f32 .elementor-cart__toggle .elementor-button-icon{font-size:30px;color:#1F2A24;}.elementor-7170101 .elementor-element.elementor-element-71397f32 .elementor-cart__toggle .elementor-button{font-family:"Montserrat", sans-serif;font-size:15px;font-weight:700;border-width:0px;}.elementor-7170101 .elementor-element.elementor-element-71397f32 .elementor-cart__toggle a.elementor-button:not(#e){color:#314352;}.elementor-7170101 .elementor-element.elementor-element-71397f32 .elementor-cart__toggle .elementor-button-icon[data-counter]:before{top:0em;right:calc(0em - 0em);}.elementor-7170101 .elementor-element.elementor-element-71397f32 .elementor-cart__product-attrs{color:#000000;}.elementor-7170101 .elementor-element.elementor-element-71397f32 .elementor-cart__product-price{color:#000000;}.elementor-7170101 .elementor-element.elementor-element-71397f32 .elementor-cart__product-remove{color:#1D1D1F;}.elementor-7170101 .elementor-element.elementor-element-71397f32 .elementor-cart__footer-buttons .elementor-button{border-radius:5px;}.elementor-7170101 .elementor-element.elementor-element-71397f32 a.elementor-button--view-cart:not(#e){color:#111111;}.elementor-7170101 .elementor-element.elementor-element-71397f32 .elementor-button--view-cart{background-color:#FFFFFF;}.elementor-7170101 .elementor-element.elementor-element-71397f32 a.elementor-button--checkout:not(#e){color:#FFFFFF;}.elementor-7170101 .elementor-element.elementor-element-71397f32 .elementor-button--checkout{background-color:#E63946;}.elementor-7170101 .elementor-element.elementor-element-71397f32 .elementor-button--checkout:hover, .elementor-7170101 .elementor-element.elementor-element-71397f32 .elementor-button--checkout:focus{background-color:#C62F3B;}.elementor-7170101 .elementor-element.elementor-element-71397f32{width:auto;max-width:auto;}.elementor-7170101 .elementor-element.elementor-element-12280024 > .elementor-container{max-width:1200px;}.elementor-7170101 .elementor-element.elementor-element-12280024:not(.elementor-motion-effects-element-type-background), .elementor-7170101 .elementor-element.elementor-element-12280024 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#317025;}.elementor-7170101 .elementor-element.elementor-element-12280024{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-7170101 .elementor-element.elementor-element-12280024 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7170101 .elementor-element.elementor-element-4186f49c > .elementor-element-populated{padding:0px 0px 0px 0px;}#header{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}@media(max-width:1024px){.elementor-7170101 .elementor-element.elementor-element-b3a1374{padding:6px 12px 6px 8px;}.elementor-7170101 .elementor-element.elementor-element-5d6b853a .elementor-image img{width:160px;}}@media(max-width:767px){.elementor-7170101 .elementor-element.elementor-element-678d9dfd{padding:0px 12px 0px 12px;}.elementor-7170101 .elementor-element.elementor-element-b3a1374{padding:6px 8px 6px 4px;}.elementor-7170101 .elementor-element.elementor-element-5116c553{width:50%;}.elementor-7170101 .elementor-element.elementor-element-5d6b853a .elementor-image img{width:132px;}.elementor-7170101 .elementor-element.elementor-element-1e345ccc{width:50%;}}@media(min-width:768px){.elementor-7170101 .elementor-element.elementor-element-5116c553{width:24%;}.elementor-7170101 .elementor-element.elementor-element-1e345ccc{width:76%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7170101 .elementor-element.elementor-element-5116c553{width:50%;}.elementor-7170101 .elementor-element.elementor-element-1e345ccc{width:50%;}}/* Start Custom Fonts CSS */ @font-face {
	font-family: 'Inter';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/Inter.woff2') format('woff2'),
		url('/modules/creativeelements/views/fonts/Inter.woff') format('woff'),
		url('/modules/creativeelements/views/fonts/Inter.ttf') format('truetype'),
		url('/modules/creativeelements/views/fonts/Inter.otf') format('opentype');
}
 /* End Custom Fonts CSS */
/* Start Custom Fonts CSS */ @font-face {
	font-family: 'Montserrat';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/Montserrat.woff2') format('woff2'),
		url('/modules/creativeelements/views/fonts/Montserrat.woff') format('woff'),
		url('/modules/creativeelements/views/fonts/Montserrat-Regular.ttf') format('truetype'),
		url('/modules/creativeelements/views/fonts/Montserrat.otf') format('opentype');
}
@font-face {
	font-family: 'Montserrat';
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/Montserrat-ExtraBold.woff2') format('woff2'),
		url('/modules/creativeelements/views/fonts/Montserrat-ExtraBold.woff') format('woff'),
		url('/modules/creativeelements/views/fonts/Montserrat-ExtraBold.ttf') format('truetype'),
		url('/modules/creativeelements/views/fonts/Montserrat-ExtraBold.otf') format('opentype');
}
 /* End Custom Fonts CSS */
/* Start custom CSS for page-settings */.elementor-search,
.elementor-search__products{--ce-search-accent:#4a9d3f;--ce-search-accent-dark:#3a7d31;--ce-search-accent-soft:rgba(74,157,63,.10);--ce-search-panel-bg:#fff;--ce-search-field-bg:#f4f6f4;--ce-search-border:#e4e7e4;--ce-search-text:#1f2a24;--ce-search-muted:#828d85;--ce-search-radius:16px;--ce-search-maxw:720px}
.elementor-search--skin-topbar .elementor-search__container{padding:22px 20px 26px;box-shadow:0 18px 44px -14px rgba(20,35,25,.22),0 0 0 100vmax rgba(17,28,22,.38)}
.elementor-search--skin-topbar .elementor-search__label,
.elementor-search--skin-topbar .elementor-search__input-wrapper,
.elementor-search--skin-topbar .elementor-search__products:not(:empty){width:100%;max-width:var(--ce-search-maxw);margin-left:auto;margin-right:auto}
.elementor-search--skin-topbar .elementor-search__label{margin-bottom:8px;font-weight:600;color:var(--ce-search-muted)}
.elementor-search--skin-topbar .elementor-search__input-wrapper{position:relative;background:var(--ce-search-field-bg);border:1px solid var(--ce-search-border);border-radius:999px;padding-left:50px;padding-right:14px;transition:border-color .2s,box-shadow .2s,background .2s}
.elementor-search--skin-topbar .elementor-search__input-wrapper::before{content:"";position:absolute;left:19px;top:50%;width:20px;height:20px;transform:translateY(-50%);pointer-events:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23828d85' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}
.elementor-search--skin-topbar .elementor-search--focus .elementor-search__input-wrapper,
.elementor-search--skin-topbar .elementor-search__input-wrapper:focus-within{background:var(--ce-search-panel-bg);border-color:var(--ce-search-accent);box-shadow:0 0 0 3px var(--ce-search-accent-soft)}
.elementor-search--skin-topbar .elementor-search input[type="search"].elementor-search__input{font-size:19px;line-height:1.4;border:0;padding:15px 0;color:var(--ce-search-text);background:transparent}
.elementor-search--skin-topbar .elementor-search__input-wrapper .elementor-search__clear{right:8px;color:var(--ce-search-muted)}
.elementor-search .dialog-lightbox-close-button{top:16px;right:18px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--ce-search-text);background:var(--ce-search-field-bg);transition:background .2s,color .2s,transform .2s}
.elementor-search .dialog-lightbox-close-button:hover,
.elementor-search .dialog-lightbox-close-button:focus-visible{background:var(--ce-search-accent);color:#fff;transform:rotate(90deg)}
.elementor-search__products{margin-top:14px;padding:6px!important;background:var(--ce-search-panel-bg)!important;border:1px solid var(--ce-search-border)!important;border-radius:var(--ce-search-radius)!important;box-shadow:0 14px 36px -18px rgba(20,35,25,.28)}
.elementor-search--skin-topbar .elementor-search__products:not(:empty){margin-top:18px;background:var(--ce-search-panel-bg)!important;border:1px solid var(--ce-search-border)!important;border-radius:var(--ce-search-radius)!important}
.elementor-search__products .elementor-search__product a.elementor-search__product-link{align-items:center;gap:14px;padding:10px 12px;border-radius:12px;transition:background .15s ease}
.elementor-search__products .elementor-search__product a.elementor-search__product-link.ui-state-focus,
.elementor-search__products .elementor-search__product a.elementor-search__product-link:hover{background:var(--ce-search-accent-soft)}
.elementor-search__products .elementor-search__product-image{width:56px;height:56px;margin:0!important;flex-shrink:0;padding:4px;border-radius:12px;object-fit:contain;background:var(--ce-search-field-bg)}
.elementor-search__products .elementor-search__product-details{min-width:0;flex:1}
.elementor-search__products .elementor-search__product-name{font-weight:600;line-height:1.3;color:var(--ce-search-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.elementor-search__products .elementor-search__product-category{margin-top:1px;font-size:.82em;color:var(--ce-search-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.elementor-search__products .elementor-search__product-description{margin-top:2px;color:var(--ce-search-muted)}
.elementor-search__products .elementor-search__product-price{margin-top:4px;font-weight:700;color:var(--ce-search-accent-dark)}
.elementor-search__products .elementor-search__product-price del{margin-right:6px;font-weight:500;color:var(--ce-search-muted)}
@media (max-width:767px){.elementor-search--skin-topbar .elementor-search input[type="search"].elementor-search__input{font-size:17px}.elementor-search__products .elementor-search__product-image{width:48px;height:48px}}


/* ===== yesbalance :: Mobile-Header – Icons hinter offenem Overlay ausblenden ===== */
@media (max-width: 1024px) {
  /* Suche offen → Warenkorb- + Konto-Icon ausblenden, die durchs Overlay blitzen */
  #header:has(.elementor-search__container.elementor-search--topbar) :is(
    .elementor-widget-shopping-cart,
    .elementor-widget-sign-in
  ) { visibility: hidden; }

  /* Mega-Menü offen → Such- + Warenkorb- + Konto-Icon ausblenden */
  #header:has(.ybc-menu-toggle.opened, .mm_menus_ul.active) :is(
    .elementor-widget-ajax-search,
    .elementor-widget-shopping-cart,
    .elementor-widget-sign-in
  ) { visibility: hidden; }
}

/* ================================================================
   Yesbalance Header 2026-10 (eine Vorlage für Computer, Tablet, Smartphone)
   Aufbau: .yb-topbar (Servicezeile) → .yb-main (Logo, Suche, Konto, Warenkorb) → .yb-menubar (Kategorien, nur Computer)
   ================================================================ */

/* ---------- Sticky: Servicezeile scrollt weg, Rest bleibt oben ---------- */
/* !important nötig: Theme setzt u. a. "body#index header.header_v1 { position: relative }" und "#index #header { position: relative }" (mobil) */
#header {
  position: sticky !important;
  top: -36px;                 /* = Höhe der Servicezeile Computer */
  z-index: 1000;
  background: #fff;
}
@media (max-width: 1024px) {
  #header { top: -30px; }     /* = Höhe der Servicezeile Tablet/Smartphone */
}
body#checkout #header { position: relative !important; top: auto; }
/* Im Creative-Elements-Editor nicht sticky */
body.elementor-editor-active #header,
body.elementor-editor-preview #header { position: relative !important; top: auto !important; }
#header .yb-main { box-shadow: 0 1px 0 #e7ebe7; }

/* ---------- Servicezeile ---------- */
#header .yb-topbar,
#header .yb-topbar > .elementor-container { height: 36px; min-height: 36px; overflow: hidden; }
#header .yb-topbar .elementor-row,
#header .yb-topbar .elementor-column,
#header .yb-topbar .elementor-column-wrap,
#header .yb-topbar .elementor-widget-wrap { padding: 0 !important; height: 100%; display: flex; align-items: center; }
#header .yb-topbar .elementor-widget-container { padding: 0 !important; margin: 0 !important; }
#header .yb-topbar .elementor-widget { margin: 0 !important; width: 100%; }

.yb-usp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  gap: 48px;
  font: 500 13px/1 "Inter", sans-serif;
  color: #2F3A2F;
  white-space: nowrap;
}
.yb-usp__i {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit !important;
  text-decoration: none !important;
}
.yb-usp svg { width: 16px; height: 16px; flex: 0 0 16px; color: #317025; }
a.yb-usp__i:hover { color: #317025 !important; }

/* Service-Links in der Hauptzeile (Computer/Laptop), füllen den Platz zwischen Logo und Symbolen */
#header .yb-main .yb-servicenav { flex: 1 1 auto; min-width: 0; }
#header .yb-servicenav .elementor-widget-container { display: flex; align-items: center; justify-content: center; height: 44px; }
#header .yb-servicenav .elementor-nav--main { display: flex; }
/* eigenes Ausklapp-Menü des Widgets nie zeigen: unter 1200 px laufen die Links über das Seitenmenü */
#header .yb-servicenav .elementor-menu-toggle,
#header .yb-servicenav .elementor-nav--dropdown { display: none !important; }
#header .yb-servicenav .elementor-nav { display: flex; flex-wrap: nowrap; justify-content: center; }
#header .yb-servicenav .elementor-item {
  position: relative;
  display: flex !important;
  align-items: center;
  height: 44px;
  padding: 0 14px !important;
  font: 500 15px/1 "Inter", sans-serif !important;
  color: #1F2A24 !important;
  white-space: nowrap;
}
#header .yb-servicenav .elementor-item::after {
  content: ""; position: absolute; left: 14px; right: 14px; bottom: 8px; height: 2px; border-radius: 2px;
  background: #DCBF74; transform: scaleX(0); transform-origin: left; transition: transform .2s ease;
}
#header .yb-servicenav .elementor-item:hover { color: #317025 !important; }
#header .yb-servicenav .elementor-item:hover::after { transform: scaleX(1); }
@media (min-width: 1025px) and (max-width: 1199px) {
  #header .yb-servicenav .elementor-item { padding: 0 10px !important; font-size: 14px !important; }
  #header .yb-servicenav .elementor-item::after { left: 10px; right: 10px; }
}

@media (max-width: 1024px) {
  #header .yb-topbar,
  #header .yb-topbar > .elementor-container { height: 30px; min-height: 30px; }
  #header .yb-topbar__l { width: 100% !important; }
  .yb-usp { width: 100%; height: 30px; justify-content: center; gap: 18px; font-size: 12px; }
  .yb-usp svg { width: 15px; height: 15px; flex-basis: 15px; }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .yb-usp { gap: 32px; }
}
/* Gewährleistungsrechte: Servicezeile ab 1025 px, darunter im Seitenmenü */
@media (max-width: 1024px) {
  .yb-usp--desk { display: none !important; }
}
@media (max-width: 767px) {
  .yb-usp--wide { display: none !important; }
}

/* ---------- Hauptzeile: alles in einer Linie, gleiche Abstände ---------- */
#header .yb-main .elementor-widget-wrap {
  display: flex;
  flex-wrap: nowrap !important;
  align-items: center;
  padding: 0 !important;
}
#header .yb-main .elementor-widget { margin: 0 !important; }
#header .yb-main__r .elementor-widget-wrap { justify-content: flex-end; gap: 2px; }
#header .yb-logo img { display: block; height: auto; }
#header .yb-logo a { display: block; }

/* Symbole: einheitliche 44 x 44 px Fläche, gleiche Größe, mittig */
#header .yb-hicon .elementor-search__toggle,
#header .yb-hicon .elementor-sign-in .elementor-item,
#header .yb-hicon .elementor-cart__toggle .elementor-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  margin: 0 !important;
  padding: 0 8px !important;
  background: none !important;
  border: 0 !important;
  color: #1F2A24 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer;
  transition: color .15s ease;
}
/* nur die Symbole in der Kopfzeile, nicht die Symbole im Seiten-Warenkorb */
#header .yb-hicon .elementor-search__toggle i,
#header .yb-hicon .elementor-search__toggle i::before,
#header .yb-hicon .elementor-sign-in .elementor-item i,
#header .yb-hicon .elementor-sign-in .elementor-item i::before,
#header .yb-hicon .elementor-cart__toggle i,
#header .yb-hicon .elementor-cart__toggle i::before { font-size: 24px !important; line-height: 1 !important; }
#header .yb-hicon .elementor-widget-container,
#header .yb-burger .elementor-widget-container { margin: 0 !important; padding: 0 !important; }
#header .yb-hicon .elementor-search__toggle:hover,
#header .yb-hicon .elementor-sign-in .elementor-item:hover,
#header .yb-hicon .elementor-cart__toggle .elementor-button:hover { color: #317025 !important; }
#header .yb-account .elementor-nav { display: flex; }
#header .yb-account .elementor-nav > li > .elementor-item .sub-arrow { display: none; }

/* Warenkorb: Summe neben dem Symbol (Computer), Zähler gut lesbar */
#header .yb-cart .elementor-cart__toggle .elementor-button-text {
  margin-left: 8px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #1F2A24;
}
#header .yb-cart .elementor-cart__toggle .elementor-button-icon { position: relative; }
#header .yb-cart .elementor-cart__toggle .elementor-button-icon[data-counter]::before {
  top: -6px !important;
  right: -9px !important;
  min-width: 18px;
  height: 18px;
  line-height: 18px !important;
  padding: 0 4px;
  border-radius: 9px;
  font: 700 11px/18px "Inter", sans-serif !important;
  background: #E63946 !important;
  color: #fff !important;
}

/* Smartphone/Tablet: Hauptzeile kompakt, Summe im Warenkorb aus */
@media (max-width: 1024px) {
  #header .yb-main__l .elementor-widget-wrap { gap: 2px; }
  #header .yb-cart .elementor-cart__toggle .elementor-button-text { display: none !important; }
  #header .yb-hicon .elementor-search__toggle,
  #header .yb-hicon .elementor-sign-in .elementor-item,
  #header .yb-hicon .elementor-cart__toggle .elementor-button { min-width: 42px; padding: 0 6px !important; }
}

/* Megamenü: Modul schaltet unter 1200 px auf Mobil um -> Menü-Symbol bis 1199 px, grüne Leiste ab 1200 px */
@media (min-width: 1200px) { #header .yb-burger { display: none !important; } }
@media (max-width: 1199px) { #header .yb-menubar { display: none !important; } }
#header .yb-burger .ets_mm_megamenu,
#header .yb-burger .ets_mm_megamenu_content,
#header .yb-burger .ets_mm_megamenu_content_content,
#header .yb-burger .ets_mm_megamenu .container {
  position: static !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
/* Menü-Symbol (Megamenü) in der Hauptzeile: 44 x 44 px */
#header .yb-burger .ybc-menu-toggle {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0 !important;
  background: none !important;
  cursor: pointer;
}
#header .yb-burger .ybc-menu-button-toggle_icon { display: flex; flex-direction: column; gap: 5px; }
#header .yb-burger .ybc-menu-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  margin: 0 !important;
  border-radius: 2px;
  background: #1F2A24 !important;
}

/* ---------- Kategorie-Menü Computer ---------- */
@media (min-width: 1200px) {
  #header .yb-menubar .ets_mm_megamenu,
  #header .yb-menubar .ets_mm_megamenu_content { background: #317025 !important; border: 0 !important; }
  #header .yb-menubar .mm_menus_ul { display: flex !important; justify-content: center; align-items: stretch; flex-wrap: nowrap; }
  #header .yb-menubar .mm_menus_li { flex: 0 0 auto; width: auto !important; float: none !important; border: 0 !important; }
  #header .yb-menubar .mm_menus_li > a {
    position: relative;
    display: flex !important;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 16px !important;
    background: transparent !important;
    color: #fff !important;
    white-space: nowrap;
    font: 600 14px/1 "Montserrat", sans-serif !important;
    letter-spacing: .4px;
    text-transform: uppercase;
    transition: background .2s ease;
  }
  #header .yb-menubar .mm_menus_li > a::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 8px;
    height: 2px;
    border-radius: 2px;
    background: #DCBF74;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .2s ease;
  }
  #header .yb-menubar .mm_menus_li:hover > a,
  #header .yb-menubar .mm_menus_li.active > a { background: rgba(0, 0, 0, .14) !important; }
  #header .yb-menubar .mm_menus_li:hover > a::after,
  #header .yb-menubar .mm_menus_li.active > a::after { transform: scaleX(1); }
  #header .yb-menubar .mm_menus_li_tab > a { background: rgba(0, 0, 0, .2) !important; }
  #header .yb-menubar .mm_columns_ul {
    border: 0 !important;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 18px 40px -12px rgba(20, 35, 25, .28);
  }
}
/* eigenes Sticky des Megamenüs neutralisieren: der ganze Header ist jetzt sticky */
#header .ets_mm_megamenu.scroll_heading { position: static !important; top: auto !important; left: auto !important; width: auto !important; box-shadow: none !important; animation: none !important; }
#header .yb-burger .ets_mm_megamenu.scroll_heading { background: transparent !important; }

/* ---------- Menü Smartphone/Tablet (Megamenü-Seitenleiste) ---------- */
@media (max-width: 1199px) {
  #header .mm_menus_ul.active { background: #fff !important; }
  #header .mm_menus_ul .close_menu {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    min-height: 56px;
    padding: 0 8px 0 20px !important;
    background: #317025 !important;
  }
  #header .mm_menus_ul .close_menu .pull-left {
    display: flex !important;
    align-items: center;
    gap: 10px;
    float: none !important;
    color: #fff;
    font: 700 17px/1 "Montserrat", sans-serif;
    text-transform: none;
  }
  #header .mm_menus_ul .close_menu .pull-left .mm_menus_back { display: none !important; }
  #header .mm_menus_ul .close_menu .pull-right {
    display: flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    width: 44px;
    height: 44px;
    font-size: 0 !important;
    color: transparent;
    cursor: pointer;
  }
  #header .mm_menus_ul .close_menu .pull-right .mm_menus_back_icon { display: none !important; }
  #header .mm_menus_ul .close_menu .pull-right::before { content: "\2715"; font-size: 22px; line-height: 1; color: #fff; }
  #header .mm_menus_ul > .mm_menus_li { border: 0 !important; border-bottom: 1px solid #EEF1EE !important; }
  #header .mm_menus_ul > .mm_menus_li > a {
    display: flex !important;
    align-items: center;
    min-height: 54px;
    padding: 0 20px !important;
    background: #fff !important;
    color: #1F2A24 !important;
    font: 600 16px/1.3 "Montserrat", sans-serif !important;
    text-transform: none !important;
  }
  #header .mm_menus_ul > .mm_menus_li > a .fa-bars { display: none; }
  #header .mm_menus_ul > .mm_menus_li.active > a { color: #317025 !important; box-shadow: inset 4px 0 0 #317025; }
}

/* ---------- Seitenmenü: Service-Links und Anmelden (Block kommt per Skript aus der Servicezeile) ---------- */
#header .yb-mm-extra { display: block; margin: 0; padding: 0 0 28px; border: 0 !important; background: #fff; list-style: none; }
@media (min-width: 1200px) { #header .yb-mm-extra { display: none !important; } }
#header .yb-mm-links { margin: 0; padding: 6px 0; list-style: none; border-top: 8px solid #F3F6F2; }
#header .yb-mm-links a {
  display: flex; align-items: center; gap: 14px;
  min-height: 48px; padding: 0 20px;
  font: 500 15px/1.3 "Inter", sans-serif; color: #2F3A2F !important; text-decoration: none !important;
}
#header .yb-mm-links a:hover { color: #317025 !important; }
#header .yb-mm-extra svg { width: 20px; height: 20px; flex: 0 0 20px; color: #317025; }
#header .yb-mm-acc { display: grid; gap: 8px; padding: 14px 20px 0; border-top: 1px solid #EEF1EE; }
#header .yb-mm-btn {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  height: 50px; border-radius: 8px; background: #317025; color: #fff !important; text-decoration: none !important;
  font: 700 16px/1 "Montserrat", sans-serif;
}
#header .yb-mm-btn svg { color: #fff; }
#header .yb-mm-btn:hover { background: #285E1E; }
#header .yb-mm-sub {
  display: block; padding: 8px 0; text-align: center;
  font: 500 14px/1.3 "Inter", sans-serif; color: #317025 !important; text-decoration: underline !important; text-underline-offset: 3px;
}
#header .yb-mm-extra { clear: both; float: none; width: 100%; }/* End custom CSS */