/* ===== Leonwood Slide Panel Menu ===== */ .lw-menu{position:relative !important;width:100% !important;min-height:65vh !important;overflow:hidden !important;color:#fff !important;font-family:'Gontserrat','Montserrat',system-ui,-apple-system,sans-serif !important;} .lw-panel{position:absolute !important;inset:0 !important;display:flex !important;flex-direction:column !important;padding:0 4px !important;transition:transform .32s cubic-bezier(.4,0,.2,1) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important; padding-left: 10px !important; padding-right: 5px !important;} .lw-panel[data-state="active"]{transform:translateX(0) !important} .lw-panel[data-state="left"]{transform:translateX(-100%) !important} .lw-panel[data-state="right"]{transform:translateX(100%) !important} /* Header row (Zurück / Schließen) */ .lw-head{display:flex !important;justify-content:flex-end !important;gap:10px !important;margin-bottom:14px !important} .lw-head.with-back{justify-content:space-between !important} .lw-btn-pill{background:transparent !important;color:#fff !important;border:1.5px solid #fff !important;border-radius:30px !important;padding:8px 18px !important;font-size:14px !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;gap:6px !important;font-family:'Gontserrat','Montserrat',system-ui,-apple-system,sans-serif !important;font-weight:500 !important;text-decoration:none !important} .lw-btn-pill:hover{background:rgba(255,255,255,.1) !important} .lw-btn-pill svg{width:12px !important;height:12px !important;flex-shrink:0 !important} /* Menu items (Ebene 1) - Font Weight 800 */ .lw-items{display:flex !important;flex-direction:column !important;gap:18px !important;flex:1 !important} .lw-item{background:transparent !important;color:#fff !important;border:none !important;text-align:left !important;font-size:19px !important;font-weight:800 !important;padding:6px 0 !important;cursor:pointer !important;display:flex !important;align-items:center !important;gap:12px !important;font-family:'Gontserrat','Montserrat',system-ui,-apple-system,sans-serif !important;text-decoration:none !important;letter-spacing:0 !important} .lw-item:hover{opacity:.85 !important} .lw-item .lw-chev{display:inline-flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important} .lw-item .lw-chev svg{width:14px !important;height:14px !important;display:block !important} .lw-item.lw-static{cursor:default !important;padding-left:0 !important} /* CTA Button mit Glow Effekt */ .lw-cta{ margin-top:16px !important; background:#FFA009 !important; color:#fff !important; border:none !important; border-radius:40px !important; padding:16px 28px !important; font-size:14px !important; font-weight:800 !important; letter-spacing:1px !important; cursor:pointer !important; font-family:'Gontserrat','Montserrat',system-ui,-apple-system,sans-serif !important; text-decoration:none !important; display:inline-block !important; text-align:center !important; box-shadow:0 0 8px 4px rgba(245,130,31,.55), 0 0 20px 8px rgba(245,130,31,.35) !important; animation:lw-glow 3.4s ease-in-out infinite !important; transition:transform .2s ease !important; } .lw-cta:hover{ background:#FFC089 !important; box-shadow:0 0 24px 6px rgba(245,130,31,.75) !important; } @keyframes lw-glow{ 0%,100%{box-shadow:0 0 18px 4px rgba(245,130,31,.55), 0 0 20px 8px rgba(245,130,31,.35)} 50%{box-shadow:0 0 26px 6px rgba(245,130,31,.85), 0 0 52px 14px rgba(245,130,31,.55)} } /* Sub-panel content (Ebene 2) - kompakter */ .lw-sub-content{display:flex !important;flex-direction:column !important} .lw-group{font-style:italic !important;font-size:15px !important;opacity:.9 !important;margin:12px 0 4px !important;font-weight:500 !important;color:#fff !important} .lw-group:first-child{margin-top:4px !important} .lw-sub-link{color:#fff !important;text-decoration:none !important;font-size:18px !important;font-weight:700 !important;padding:4px 0 !important;display:block !important;font-family:'Gontserrat','Montserrat',system-ui,-apple-system,sans-serif !important} .lw-sub-link:hover{opacity:.85 !important} /* ===== Akkordeon (Ebene 3 innerhalb Ebene 2) - SVG-Pfeil VORNE ===== */ .lw-acc{background:transparent !important;color:#fff !important;border:none !important;text-align:left !important;font-size:17px !important;font-weight:700 !important;font-style:italic !important;padding:4px 0 !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;width:100% !important;font-family:'Gontserrat','Montserrat',system-ui,-apple-system,sans-serif !important;gap:10px !important} .lw-acc .lw-acc-chev{display:inline-flex !important;align-items:center !important;justify-content:center !important;transition:transform .25s ease !important;flex-shrink:0 !important;width:22px !important;height:22px !important} .lw-acc .lw-acc-chev svg{width:100% !important;height:100% !important;display:block !important} .lw-acc[data-open="true"] .lw-acc-chev{transform:rotate(180deg) !important} .lw-acc-content{max-height:0 !important;overflow:hidden !important;transition:max-height .35s ease !important;padding-left:14px !important;border-left:2px solid rgba(255,255,255,.25) !important;margin-left:2px !important;margin-top:0 !important} .lw-acc[data-open="true"] + .lw-acc-content{max-height:600px !important;margin-top:6px !important;margin-bottom:6px !important} .lw-acc-item{color:#fff !important;text-decoration:none !important;font-size:16px !important;font-weight:600 !important;padding:5px 0 !important;display:block !important;font-family:'Gontserrat','Montserrat',system-ui,-apple-system,sans-serif !important} .lw-acc-item:hover{opacity:.85 !important} /* ===== Mobile (bis 767px) - MAX SPEZIFITÄT gegen Elementor ===== */ @media (max-width: 767px){ html body #lw-menu .lw-item, html body #lw-menu .lw-item.lw-static{font-size:20px !important;line-height:1.4 !important} html body #lw-menu .lw-item .lw-chev svg{width:12px !important;height:12px !important} html body #lw-menu .lw-sub-link{font-size:15px !important;line-height:1.4 !important;padding:5px 0 !important} html body #lw-menu .lw-group{font-size:13px !important;margin:10px 0 2px !important} html body #lw-menu .lw-group:first-child{margin-top:10px !important} html body #lw-menu .lw-cta{font-size:13px !important;padding:14px 24px !important} html body #lw-menu .lw-btn-pill{font-size:13px !important;padding:7px 16px !important} html body #lw-menu .lw-btn-pill svg{width:11px !important;height:11px !important} html body #lw-menu .lw-items{gap:14px !important} html body #lw-menu .lw-head{margin-bottom:8px !important} html body #lw-menu .lw-acc{font-size:14px !important;line-height:1.4 !important;padding:3px 0 !important;gap:8px !important} html body #lw-menu .lw-acc .lw-acc-chev{width:18px !important;height:18px !important} html body #lw-menu .lw-acc-item{font-size:14px !important;padding:4px 0 !important} html body #lw-menu .lw-acc-content{padding-left:12px !important} } (function(){ var menu = document.getElementById('lw-menu'); if(!menu) return; function setState(name, state){ var p = menu.querySelector('[data-panel="'+name+'"]'); if(p) p.setAttribute('data-state', state); } menu.addEventListener('click', function(e){ var openTrigger = e.target.closest('.lw-item[data-open]'); var backBtn = e.target.closest('[data-action="back"]'); var closeBtn = e.target.closest('[data-action="close"]'); var accBtn = e.target.closest('[data-acc]'); if(accBtn){ var isOpen = accBtn.getAttribute('data-open') === 'true'; if(!isOpen){ var panel = accBtn.closest('[data-panel]'); if(panel){ panel.querySelectorAll('[data-acc]').forEach(function(a){ if(a !== accBtn) a.setAttribute('data-open', 'false'); }); } } accBtn.setAttribute('data-open', isOpen ? 'false' : 'true'); return; } if(openTrigger){ var target = openTrigger.getAttribute('data-open'); setState('main', 'left'); setState(target, 'active'); } if(backBtn){ menu.querySelectorAll('[data-panel]').forEach(function(p){ p.setAttribute('data-state', p.getAttribute('data-panel') === 'main' ? 'active' : 'right'); }); menu.querySelectorAll('[data-acc]').forEach(function(a){ a.setAttribute('data-open', 'false'); }); } if(closeBtn){ var oc = document.querySelector('.e-off-canvas[aria-hidden="false"]'); if(oc){ var closer = oc.querySelector('.e-off-canvas__close-button, .elementor-off-canvas__close-button'); if(closer) closer.click(); } } }); })();