.elementor-66449 .elementor-element.elementor-element-cca6c41{margin-top:3px;margin-bottom:3px;padding:3px 3px 3px 3px;}.elementor-66449 .elementor-element.elementor-element-9636a16 > .elementor-background-overlay{background-color:#78421D;opacity:1;}.elementor-66449 .elementor-element.elementor-element-9636a16{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.5);}.elementor-66449 .elementor-element.elementor-element-9636a16, .elementor-66449 .elementor-element.elementor-element-9636a16 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-global-36999 > .elementor-widget-container{margin:3px 3px 3px 3px;padding:8px 8px 8px 8px;}.elementor-66449 .elementor-element.elementor-global-37002{--iteration-count:infinite;--animation-duration:2500ms;top:28px;--dynamic-text-color:#F5DEB3;}body:not(.rtl) .elementor-66449 .elementor-element.elementor-global-37002{left:0px;}body.rtl .elementor-66449 .elementor-element.elementor-global-37002{right:0px;}.elementor-66449 .elementor-element.elementor-global-37002 .elementor-headline{text-align:center;font-family:"Tahoma", Sans-serif;font-size:30px;font-weight:600;}.elementor-66449 .elementor-element.elementor-global-37002 .elementor-headline-plain-text{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-37002 .elementor-headline-dynamic-wrapper path{stroke:#F5DEB3;stroke-linecap:round;stroke-linejoin:round;}.elementor-66449 .elementor-element.elementor-element-c73275b{--spacer-size:10px;}.elementor-66449 .elementor-element.elementor-element-02627ff{--animation-duration:0ms;width:var( --container-widget-width, 625.328px );max-width:625.328px;--container-widget-width:625.328px;--container-widget-flex-grow:0;align-self:flex-start;--dynamic-text-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-02627ff > .elementor-widget-container{margin:4px 4px 4px 4px;padding:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-02627ff.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-66449 .elementor-element.elementor-element-02627ff .elementor-headline{text-align:center;font-size:15px;}.elementor-66449 .elementor-element.elementor-element-02627ff .elementor-headline-plain-text{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-02627ff .elementor-headline-dynamic-text{font-family:"Tahoma", Sans-serif;font-weight:600;}.elementor-66449 .elementor-element.elementor-element-02627ff .elementor-headline-dynamic-wrapper path{stroke:#F5DEB3;stroke-linecap:round;stroke-linejoin:round;}body:not(.rtl) .elementor-66449 .elementor-element.elementor-global-37005{left:125px;}body.rtl .elementor-66449 .elementor-element.elementor-global-37005{right:125px;}.elementor-66449 .elementor-element.elementor-global-37005{top:-4px;}.elementor-66449 .elementor-element.elementor-element-17468a6{--spacer-size:10px;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-d071be4.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-d071be4.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-d071be4.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-083050f.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-083050f.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-083050f.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-1960c72.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-1960c72.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-1960c72.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-a589160.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-a589160.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-a589160.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-09c5835.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-09c5835.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-repeater-item-09c5835.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-37011{--grid-template-columns:repeat(0, auto);--icon-size:12px;--grid-column-gap:12px;--grid-row-gap:8px;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-widget-container{text-align:center;}.elementor-66449 .elementor-element.elementor-global-37011 > .elementor-widget-container{padding:7px 7px 7px 7px;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-social-icon{background-color:#F5DEB3;border-style:solid;border-width:2px 2px 2px 2px;border-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-social-icon i{color:#78421D;}.elementor-66449 .elementor-element.elementor-global-37011 .elementor-social-icon svg{fill:#78421D;}.elementor-66449 .elementor-element.elementor-element-6a5398e{--spacer-size:10px;}.elementor-66449 .elementor-element.elementor-element-2b10849 > .elementor-background-overlay{background-color:#78421D;opacity:1;}.elementor-66449 .elementor-element.elementor-element-2b10849{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.5);}.elementor-66449 .elementor-element.elementor-element-2b10849, .elementor-66449 .elementor-element.elementor-element-2b10849 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-element-a635562 .elementor-menu-toggle{margin:0 auto;}.elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu .elementor-item{letter-spacing:-0.2px;}.elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--main .elementor-item{color:#F5DEB3;fill:#F5DEB3;padding-left:7px;padding-right:7px;}.elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--main .elementor-item:hover, .elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-a635562 .e--pointer-framed .elementor-item:before, .elementor-66449 .elementor-element.elementor-element-a635562 .e--pointer-framed .elementor-item:after{border-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-a635562 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-66449 .elementor-element.elementor-element-a635562 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-a635562 .e--pointer-framed .elementor-item:before{border-width:6px;}.elementor-66449 .elementor-element.elementor-element-a635562 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 6px 6px;}.elementor-66449 .elementor-element.elementor-element-a635562 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:6px 6px 0 0;}.elementor-66449 .elementor-element.elementor-element-a635562 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:6px 0 0 6px;}.elementor-66449 .elementor-element.elementor-element-a635562 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 6px 6px 0;}.elementor-66449 .elementor-element.elementor-element-a635562 .e--pointer-underline .elementor-item:after, .elementor-66449 .elementor-element.elementor-element-a635562 .e--pointer-overline .elementor-item:before, .elementor-66449 .elementor-element.elementor-element-a635562 .e--pointer-double-line .elementor-item:before, .elementor-66449 .elementor-element.elementor-element-a635562 .e--pointer-double-line .elementor-item:after{height:6px;}.elementor-66449 .elementor-element.elementor-element-a635562{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--dropdown a, .elementor-66449 .elementor-element.elementor-element-a635562 .elementor-menu-toggle{color:#F5DEB3;fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--dropdown{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--dropdown a:hover, .elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--dropdown a:focus, .elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--dropdown a.highlighted, .elementor-66449 .elementor-element.elementor-element-a635562 .elementor-menu-toggle:hover, .elementor-66449 .elementor-element.elementor-element-a635562 .elementor-menu-toggle:focus{color:#78421D;}.elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--dropdown a:hover, .elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--dropdown a:focus, .elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--dropdown a.highlighted{background-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-a635562 .elementor-nav-menu--dropdown a.elementor-item-active{color:#78421D;background-color:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-a635562 div.elementor-menu-toggle{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-a635562 div.elementor-menu-toggle svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-0104039 > .elementor-background-overlay{background-color:#78421D;opacity:1;}.elementor-66449 .elementor-element.elementor-element-0104039{border-style:solid;border-width:5px 5px 0px 5px;border-color:#F5DEB3;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.5);}.elementor-66449 .elementor-element.elementor-element-0104039, .elementor-66449 .elementor-element.elementor-element-0104039 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-global-35048{--iteration-count:infinite;--animation-duration:2500ms;top:84.983px;--dynamic-text-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-35048 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:10px 10px 10px 10px;}body:not(.rtl) .elementor-66449 .elementor-element.elementor-global-35048{left:0.033px;}body.rtl .elementor-66449 .elementor-element.elementor-global-35048{right:0.033px;}.elementor-66449 .elementor-element.elementor-global-35048.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-66449 .elementor-element.elementor-global-35048 .elementor-headline{text-align:start;font-family:"Tahoma", Sans-serif;font-size:24px;}.elementor-66449 .elementor-element.elementor-global-35048 .elementor-headline-plain-text{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-35048 .elementor-headline-dynamic-text{font-family:"Tahoma", Sans-serif;font-weight:600;}.elementor-66449 .elementor-element.elementor-global-35048 .elementor-headline-dynamic-wrapper path{stroke:#F5DEB3;stroke-linecap:round;stroke-linejoin:round;}.elementor-66449 .elementor-element.elementor-global-35045 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:4px 4px 4px 4px;}.elementor-66449 .elementor-element.elementor-element-7642895{--animation-duration:0ms;--dynamic-text-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-7642895 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-element-7642895 .elementor-headline{text-align:start;font-size:20px;}.elementor-66449 .elementor-element.elementor-element-7642895 .elementor-headline-plain-text{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-7642895 .elementor-headline-dynamic-text{font-family:"Tahoma", Sans-serif;font-weight:600;}.elementor-66449 .elementor-element.elementor-element-7642895 .elementor-headline-dynamic-wrapper path{stroke:#F5DEB3;stroke-linecap:round;stroke-linejoin:round;}body:not(.rtl) .elementor-66449 .elementor-element.elementor-global-35051{left:34px;}body.rtl .elementor-66449 .elementor-element.elementor-global-35051{right:34px;}.elementor-66449 .elementor-element.elementor-global-35051{top:-3px;}.elementor-66449 .elementor-element.elementor-element-e9fffa9 > .elementor-background-overlay{background-color:#78421D;opacity:1;}.elementor-66449 .elementor-element.elementor-element-e9fffa9 > .elementor-container{min-height:123px;}.elementor-66449 .elementor-element.elementor-element-e9fffa9{border-style:solid;border-width:5px 5px 0px 5px;border-color:#F5DEB3;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.5);}.elementor-66449 .elementor-element.elementor-element-e9fffa9, .elementor-66449 .elementor-element.elementor-element-e9fffa9 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-global-35076{--iteration-count:infinite;--animation-duration:2500ms;--dynamic-text-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-35076 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:12px 12px 12px 12px;border-radius:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-global-35076.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-66449 .elementor-element.elementor-global-35076 .elementor-headline{text-align:center;font-family:"Tahoma", Sans-serif;font-size:30px;}.elementor-66449 .elementor-element.elementor-global-35076 .elementor-headline-plain-text{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-35076 .elementor-headline-dynamic-text{font-family:"Tahoma", Sans-serif;font-weight:600;}.elementor-66449 .elementor-element.elementor-global-35076 .elementor-headline-dynamic-wrapper path{stroke:#F5DEB3;stroke-linecap:round;stroke-linejoin:round;}.elementor-66449 .elementor-element.elementor-global-35071 > .elementor-widget-container{margin:1px 1px 1px 1px;padding:2px 2px 2px 2px;}body:not(.rtl) .elementor-66449 .elementor-element.elementor-global-35071{left:-3px;}body.rtl .elementor-66449 .elementor-element.elementor-global-35071{right:-3px;}.elementor-66449 .elementor-element.elementor-global-35071{top:-2.014px;text-align:center;}.elementor-66449 .elementor-element.elementor-global-35068 > .elementor-widget-container{background-color:#78421D;border-radius:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-global-35068.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-66449 .elementor-element.elementor-element-87d6367{--animation-duration:0ms;--dynamic-text-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-87d6367 .elementor-headline{text-align:center;font-size:20px;}.elementor-66449 .elementor-element.elementor-element-87d6367 .elementor-headline-plain-text{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-87d6367 .elementor-headline-dynamic-text{font-family:"Tahoma", Sans-serif;font-weight:600;}.elementor-66449 .elementor-element.elementor-element-87d6367 .elementor-headline-dynamic-wrapper path{stroke:#F5DEB3;stroke-linecap:round;stroke-linejoin:round;}.elementor-66449 .elementor-element.elementor-element-539c893{--spacer-size:10px;}.elementor-66449 .elementor-element.elementor-element-00360fa > .elementor-background-overlay{background-color:#78421D;opacity:1;}.elementor-66449 .elementor-element.elementor-element-00360fa{border-style:solid;border-width:2px 5px 5px 5px;border-color:#F5DEB3;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.5);}.elementor-66449 .elementor-element.elementor-element-00360fa, .elementor-66449 .elementor-element.elementor-element-00360fa > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-global-35084 > .elementor-widget-container{margin:4px 4px 4px 4px;border-radius:8px 8px 8px 8px;}.elementor-66449 .elementor-element.elementor-global-35084.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-66449 .elementor-element.elementor-element-7803f89 > .elementor-element-populated{border-style:solid;border-width:0px 0px 2px 0px;border-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-7803f89 > .elementor-element-populated, .elementor-66449 .elementor-element.elementor-element-7803f89 > .elementor-element-populated > .elementor-background-overlay, .elementor-66449 .elementor-element.elementor-element-7803f89 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-d071be4.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-d071be4.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-d071be4.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-083050f.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-083050f.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-083050f.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-1960c72.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-1960c72.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-1960c72.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-42a7dcf.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-42a7dcf.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-42a7dcf.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-09c5835.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-09c5835.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-repeater-item-09c5835.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51117{--grid-template-columns:repeat(0, auto);--icon-size:12px;--grid-column-gap:12px;--grid-row-gap:8px;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-widget-container{text-align:center;}.elementor-66449 .elementor-element.elementor-global-51117 > .elementor-widget-container{padding:7px 7px 7px 7px;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-social-icon{background-color:#F5DEB3;border-style:solid;border-width:2px 2px 2px 2px;border-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-social-icon i{color:#78421D;}.elementor-66449 .elementor-element.elementor-global-51117 .elementor-social-icon svg{fill:#78421D;}.elementor-66449 .elementor-element.elementor-element-f87c071 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-66449 .elementor-element.elementor-element-f87c071 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-element-bbc9169{--spacer-size:10px;}.elementor-66449 .elementor-element.elementor-element-21d82bc{width:100%;max-width:100%;}.elementor-66449 .elementor-element.elementor-element-21d82bc > .elementor-widget-container{padding:4px 4px 4px 4px;border-style:none;}.elementor-66449 .elementor-element.elementor-element-21d82bc.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-menu-toggle{margin-left:auto;background-color:#78421D;border-width:3px;}.elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-nav-menu--dropdown a, .elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-menu-toggle{color:#F5DEB3;fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-nav-menu--dropdown{background-color:#78421D;border-style:solid;border-width:0px 0px 3px 0px;border-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-nav-menu--dropdown a:hover, .elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-nav-menu--dropdown a:focus, .elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-nav-menu--dropdown a.highlighted, .elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-menu-toggle:hover, .elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-menu-toggle:focus{color:#78421D;}.elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-nav-menu--dropdown a:hover, .elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-nav-menu--dropdown a:focus, .elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-nav-menu--dropdown a.highlighted{background-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-21d82bc .elementor-nav-menu--dropdown a.elementor-item-active{color:#78421D;background-color:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-21d82bc div.elementor-menu-toggle{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-21d82bc div.elementor-menu-toggle svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-21d82bc div.elementor-menu-toggle:hover, .elementor-66449 .elementor-element.elementor-element-21d82bc div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-21d82bc div.elementor-menu-toggle:hover svg, .elementor-66449 .elementor-element.elementor-element-21d82bc div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-c57f2a2 > .elementor-background-overlay{background-color:#78421D;opacity:1;}.elementor-66449 .elementor-element.elementor-element-c57f2a2{border-style:solid;border-width:2px 5px 5px 5px;border-color:#F5DEB3;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.5);}.elementor-66449 .elementor-element.elementor-element-c57f2a2, .elementor-66449 .elementor-element.elementor-element-c57f2a2 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-element-77c93bf > .elementor-element-populated{border-style:solid;border-width:0px 0px 2px 0px;border-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-77c93bf > .elementor-element-populated, .elementor-66449 .elementor-element.elementor-element-77c93bf > .elementor-element-populated > .elementor-background-overlay, .elementor-66449 .elementor-element.elementor-element-77c93bf > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-d071be4.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-d071be4.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-d071be4.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-083050f.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-083050f.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-083050f.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-1960c72.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-1960c72.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-1960c72.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-0e8586d.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-0e8586d.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-0e8586d.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-09c5835.elementor-social-icon{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-09c5835.elementor-social-icon i{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-repeater-item-09c5835.elementor-social-icon svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51123{--grid-template-columns:repeat(0, auto);--icon-size:12px;--grid-column-gap:12px;--grid-row-gap:8px;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-widget-container{text-align:center;}.elementor-66449 .elementor-element.elementor-global-51123 > .elementor-widget-container{padding:7px 7px 7px 7px;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-social-icon{background-color:#F5DEB3;border-style:solid;border-width:2px 2px 2px 2px;border-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-social-icon i{color:#78421D;}.elementor-66449 .elementor-element.elementor-global-51123 .elementor-social-icon svg{fill:#78421D;}.elementor-66449 .elementor-element.elementor-element-b0b7399 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-66449 .elementor-element.elementor-element-b0b7399 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-element-e0cbdeb{--spacer-size:10px;}.elementor-66449 .elementor-element.elementor-element-53dcb47{width:100%;max-width:100%;}.elementor-66449 .elementor-element.elementor-element-53dcb47 > .elementor-widget-container{padding:4px 4px 4px 4px;border-style:none;}.elementor-66449 .elementor-element.elementor-element-53dcb47.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-menu-toggle{margin:0 auto;background-color:#78421D;border-width:3px;}.elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-nav-menu--dropdown a, .elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-menu-toggle{color:#F5DEB3;fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-nav-menu--dropdown{background-color:#78421D;border-style:solid;border-width:0px 0px 3px 0px;border-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-nav-menu--dropdown a:hover, .elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-nav-menu--dropdown a:focus, .elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-nav-menu--dropdown a.highlighted, .elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-menu-toggle:hover, .elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-menu-toggle:focus{color:#78421D;}.elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-nav-menu--dropdown a:hover, .elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-nav-menu--dropdown a:focus, .elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-nav-menu--dropdown a.highlighted{background-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-53dcb47 .elementor-nav-menu--dropdown a.elementor-item-active{color:#78421D;background-color:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-53dcb47 div.elementor-menu-toggle{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-53dcb47 div.elementor-menu-toggle svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-53dcb47 div.elementor-menu-toggle:hover, .elementor-66449 .elementor-element.elementor-element-53dcb47 div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-53dcb47 div.elementor-menu-toggle:hover svg, .elementor-66449 .elementor-element.elementor-element-53dcb47 div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-de31c4e{--spacer-size:10px;}.elementor-66449 .elementor-element.elementor-element-d55e4ab{--spacer-size:10px;}.elementor-66449 .elementor-element.elementor-element-f630570{margin-top:3px;margin-bottom:3px;padding:3px 3px 3px 3px;}.elementor-66449 .elementor-element.elementor-element-e6faffd:not(.elementor-motion-effects-element-type-background), .elementor-66449 .elementor-element.elementor-element-e6faffd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-66449 .elementor-element.elementor-element-e6faffd > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-element-e6faffd, .elementor-66449 .elementor-element.elementor-element-e6faffd > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-e6faffd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-66449 .elementor-element.elementor-element-d87de2c > .elementor-widget-container{background-color:#F6F6F6;margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#CFCBCB;box-shadow:0px 7px 10px 0px rgba(0,0,0,0.5);}.elementor-66449 .elementor-element.elementor-element-d87de2c.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-66449 .elementor-element.elementor-element-8a8bced > .elementor-widget-container{background-color:#F6F6F6;margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#CFCBCB;box-shadow:0px 7px 10px 0px rgba(0,0,0,0.5);}.elementor-66449 .elementor-element.elementor-element-8a8bced.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-66449 .elementor-element.elementor-element-661abc7 > .elementor-widget-container{background-color:#F6F6F6;margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C6C4C4;box-shadow:0px 7px 10px 0px rgba(0,0,0,0.5);}.elementor-66449 .elementor-element.elementor-element-661abc7.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-66449 .elementor-element.elementor-element-7ed04c9{--spacer-size:10px;}.elementor-66449 .elementor-element.elementor-element-e4633c0{width:100%;max-width:100%;}.elementor-66449 .elementor-element.elementor-element-e4633c0 > .elementor-widget-container{padding:4px 4px 4px 4px;border-style:none;}.elementor-66449 .elementor-element.elementor-element-e4633c0.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-menu-toggle{margin-left:auto;background-color:#0000EE;border-width:3px;}.elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-nav-menu--dropdown a, .elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-menu-toggle{color:#F5DEB3;fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-nav-menu--dropdown{background-color:#0000EE;border-style:solid;border-width:0px 0px 3px 0px;border-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-nav-menu--dropdown a:hover, .elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-nav-menu--dropdown a:focus, .elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-nav-menu--dropdown a.highlighted, .elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-menu-toggle:hover, .elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-menu-toggle:focus{color:#78421D;}.elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-nav-menu--dropdown a:hover, .elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-nav-menu--dropdown a:focus, .elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-nav-menu--dropdown a.highlighted{background-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-e4633c0 .elementor-nav-menu--dropdown a.elementor-item-active{color:#78421D;background-color:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-e4633c0 div.elementor-menu-toggle{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-e4633c0 div.elementor-menu-toggle svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-e4633c0 div.elementor-menu-toggle:hover, .elementor-66449 .elementor-element.elementor-element-e4633c0 div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-e4633c0 div.elementor-menu-toggle:hover svg, .elementor-66449 .elementor-element.elementor-element-e4633c0 div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-434d515 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-element-434d515{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:3px;margin-bottom:3px;padding:3px 3px 3px 3px;}.elementor-66449 .elementor-element.elementor-element-38b0c1e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-66449 .elementor-element.elementor-element-38b0c1e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-element-7d57860 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-element-7d57860{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-66449 .elementor-element.elementor-element-e972075 > .elementor-element-populated > .elementor-background-overlay{opacity:0.5;}.elementor-66449 .elementor-element.elementor-element-e972075 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:5px 5px 5px 5px;}.elementor-66449 .elementor-element.elementor-element-e972075 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-element-498a9db > .elementor-element-populated > .elementor-background-overlay{opacity:0.5;}.elementor-66449 .elementor-element.elementor-element-498a9db > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-66449 .elementor-element.elementor-element-498a9db > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-element-fed68eb > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-66449 .elementor-element.elementor-element-be72ee1 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-element-be72ee1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-66449 .elementor-element.elementor-element-e58d0b4:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-66449 .elementor-element.elementor-element-e58d0b4 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000EE;}.elementor-66449 .elementor-element.elementor-element-e58d0b4 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:3px 3px 3px 3px;}.elementor-66449 .elementor-element.elementor-element-e58d0b4 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-menu-toggle{margin:0 auto;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu .elementor-item{letter-spacing:-0.2px;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:7px;padding-right:7px;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--main .elementor-item:hover, .elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .e--pointer-framed .elementor-item:before, .elementor-66449 .elementor-element.elementor-element-ff94e34 .e--pointer-framed .elementor-item:after{border-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-66449 .elementor-element.elementor-element-ff94e34 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .e--pointer-framed .elementor-item:before{border-width:6px;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 6px 6px;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:6px 6px 0 0;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:6px 0 0 6px;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 6px 6px 0;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .e--pointer-underline .elementor-item:after, .elementor-66449 .elementor-element.elementor-element-ff94e34 .e--pointer-overline .elementor-item:before, .elementor-66449 .elementor-element.elementor-element-ff94e34 .e--pointer-double-line .elementor-item:before, .elementor-66449 .elementor-element.elementor-element-ff94e34 .e--pointer-double-line .elementor-item:after{height:6px;}.elementor-66449 .elementor-element.elementor-element-ff94e34{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--dropdown a, .elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-menu-toggle{color:#F5DEB3;fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--dropdown{background-color:#0000EE;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--dropdown a:hover, .elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--dropdown a:focus, .elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--dropdown a.highlighted, .elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-menu-toggle:hover, .elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-menu-toggle:focus{color:#78421D;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--dropdown a:hover, .elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--dropdown a:focus, .elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--dropdown a.highlighted{background-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-ff94e34 .elementor-nav-menu--dropdown a.elementor-item-active{color:#78421D;background-color:#FFFFFF;}.elementor-66449 .elementor-element.elementor-element-ff94e34 div.elementor-menu-toggle{color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-ff94e34 div.elementor-menu-toggle svg{fill:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-7bfd3a4{--spacer-size:10px;}.elementor-66449 .elementor-element.elementor-element-0edeed0{border-style:none;}.elementor-66449 .elementor-element.elementor-element-5eac1f9 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-9fb4214 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-e1b4217{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-dc4aa39{--spacer-size:40px;}.elementor-66449 .elementor-element.elementor-element-f2d8698{border-style:none;}.elementor-66449 .elementor-element.elementor-element-dcba3bb > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-f982443 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-2e33d3c{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-6c6780d{border-style:none;}.elementor-66449 .elementor-element.elementor-element-b0aa860 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-191eab0 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-4be84aa{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-c7bf888{border-style:none;}.elementor-66449 .elementor-element.elementor-element-fa79027 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-b1a3809 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-bf03e36{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-16e7a1e{border-style:none;}.elementor-66449 .elementor-element.elementor-element-c2125f8 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-bb3e4ad > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-007465c{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-79816b1{border-style:none;}.elementor-66449 .elementor-element.elementor-element-d32915c > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-a3d05c7 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-a715887{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-7139e94{border-style:none;}.elementor-66449 .elementor-element.elementor-element-94ff761 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-b08f279 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-2c44db9{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-917ddfe{border-style:none;}.elementor-66449 .elementor-element.elementor-element-030cc82 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-1f02a53 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-7a30d8d{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-7bae18a{border-style:none;}.elementor-66449 .elementor-element.elementor-element-5368d36 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-5470373 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-e3ac1d9{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-a38b900{border-style:none;}.elementor-66449 .elementor-element.elementor-element-6191cd2 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-e5a685a > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-92911fc{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-f15a5e8{border-style:none;}.elementor-66449 .elementor-element.elementor-element-b1577f1 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-45d4647 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-faf91c4{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-af9fb2d{border-style:none;}.elementor-66449 .elementor-element.elementor-element-5ea541e > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-42f8403 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-1d118e3{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-6cb0509{border-style:none;}.elementor-66449 .elementor-element.elementor-element-81f6afd > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-466cd18 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-ff2a8c2{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-199257b{border-style:none;}.elementor-66449 .elementor-element.elementor-element-dce9962 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-bd6ca96 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-7745c2f{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-d60a982{border-style:none;}.elementor-66449 .elementor-element.elementor-element-71a089a > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-b1b8dd6 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-f5e3a82{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-9b7c34b{border-style:none;}.elementor-66449 .elementor-element.elementor-element-ad71390 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-aae4376 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-9beab47{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-eff3a56{border-style:none;}.elementor-66449 .elementor-element.elementor-element-00c70e0 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-b715acb > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-c96df05{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-4d18f22{border-style:none;}.elementor-66449 .elementor-element.elementor-element-ea2e450 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-4acc4d0 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-472792d{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-3ed0aae{border-style:none;}.elementor-66449 .elementor-element.elementor-element-9fef99f > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-8c15649 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-0fd5841{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-84ba087{border-style:none;}.elementor-66449 .elementor-element.elementor-element-a4331aa > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-4888118 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-aa9b556{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-dc07165{border-style:none;}.elementor-66449 .elementor-element.elementor-element-afdaa7c > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-af36f12 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-d9e9228{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-d4de26f{border-style:none;}.elementor-66449 .elementor-element.elementor-element-2fc28d6 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-b3dd91a > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-60ce872{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-7e813a5{border-style:none;}.elementor-66449 .elementor-element.elementor-element-9a383f2 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-6d25a90 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-e163ecb{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-203104c{border-style:none;}.elementor-66449 .elementor-element.elementor-element-310e747 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-94214f1 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-c8186cb{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-752a1ff{border-style:none;}.elementor-66449 .elementor-element.elementor-element-559b0e2 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-5cf9fe7 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-663ae45{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-b7d8924{border-style:none;}.elementor-66449 .elementor-element.elementor-element-3cb342f > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-b4aad0f > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-1c6c555{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-7899d86{border-style:none;}.elementor-66449 .elementor-element.elementor-element-a9d5c46 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-5a5c262 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-9e43966{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-5a8dbc5{border-style:none;}.elementor-66449 .elementor-element.elementor-element-24358e9 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-f1aab5c > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-b174f94{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-d2a62bd{border-style:none;}.elementor-66449 .elementor-element.elementor-element-4b4660a > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-37841d6 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-1a3cd38{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-2a6984d{border-style:none;}.elementor-66449 .elementor-element.elementor-element-1968d5c > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;}.elementor-66449 .elementor-element.elementor-element-3603b3f > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-24db18e{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-98fc573{border-style:none;}.elementor-66449 .elementor-element.elementor-element-a13b38e > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-84f71ad > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-45a2126{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-ea7ff4f{border-style:none;}.elementor-66449 .elementor-element.elementor-element-77f256e > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-3c8ebb4 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-0bc4a0a{--spacer-size:100px;}.elementor-66449 .elementor-element.elementor-element-d3afe7f{border-style:none;}.elementor-66449 .elementor-element.elementor-element-e140a7d > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;margin:7px 7px 7px 7px;--e-column-margin-right:7px;--e-column-margin-left:7px;}.elementor-66449 .elementor-element.elementor-element-8096bb7 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-element-26b5ec8{--spacer-size:15px;}.elementor-66449 .elementor-element.elementor-element-dfbd28a{margin-top:3px;margin-bottom:3px;padding:3px 3px 3px 3px;}.elementor-66449 .elementor-element.elementor-element-8c6bfe2 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-66449 .elementor-element.elementor-element-8c6bfe2 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-element-9dd0db9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-66449 .elementor-element.elementor-element-9dd0db9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-element-3b7c9e5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-66449 .elementor-element.elementor-element-3b7c9e5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-element-3b7c9e5 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:5px 5px 5px 5px;}.elementor-66449 .elementor-element.elementor-element-3b7c9e5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-global-35099 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 5px 5px 5px;border-radius:8px 8px 8px 8px;}.elementor-66449 .elementor-element.elementor-global-35099.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-66449 .elementor-element.elementor-element-4d76844 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-66449 .elementor-element.elementor-element-017db1c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-66449 .elementor-element.elementor-element-017db1c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-element-b34085f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-66449 .elementor-element.elementor-element-b34085f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#78421D;}.elementor-66449 .elementor-element.elementor-element-b34085f > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F5DEB3;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:3px 3px 3px 3px;}.elementor-66449 .elementor-element.elementor-element-b34085f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-66449 .elementor-element.elementor-global-35001 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-66449 .elementor-element.elementor-global-35001.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-66449 .elementor-element.elementor-element-7546aa3{--spacer-size:10px;}@media(min-width:801px){.elementor-66449 .elementor-element.elementor-element-935ae35{width:10.659%;}.elementor-66449 .elementor-element.elementor-element-1140919{width:78.544%;}.elementor-66449 .elementor-element.elementor-element-b82a6a7{width:29.459%;}.elementor-66449 .elementor-element.elementor-element-e578c44{width:33.675%;}.elementor-66449 .elementor-element.elementor-element-b5fae45{width:21.028%;}.elementor-66449 .elementor-element.elementor-element-d290572{width:15.818%;}.elementor-66449 .elementor-element.elementor-element-b909dab{width:47.56%;}.elementor-66449 .elementor-element.elementor-element-985a1f3{width:30.488%;}.elementor-66449 .elementor-element.elementor-element-0453aac{width:21.59%;}.elementor-66449 .elementor-element.elementor-element-b52323c{width:32.293%;}.elementor-66449 .elementor-element.elementor-element-7803f89{width:22.371%;}.elementor-66449 .elementor-element.elementor-element-f87c071{width:45%;}.elementor-66449 .elementor-element.elementor-element-2efd350{width:32.293%;}.elementor-66449 .elementor-element.elementor-element-77c93bf{width:22.371%;}.elementor-66449 .elementor-element.elementor-element-b0b7399{width:45%;}.elementor-66449 .elementor-element.elementor-element-546af78{width:10.463%;}.elementor-66449 .elementor-element.elementor-element-6fbfc76{width:10.659%;}.elementor-66449 .elementor-element.elementor-element-615dfff{width:78.544%;}.elementor-66449 .elementor-element.elementor-element-6791920{width:10.463%;}.elementor-66449 .elementor-element.elementor-element-38b0c1e{width:10.659%;}.elementor-66449 .elementor-element.elementor-element-e972075{width:93.155%;}.elementor-66449 .elementor-element.elementor-element-498a9db{width:6.325%;}.elementor-66449 .elementor-element.elementor-element-fed68eb{width:78.544%;}.elementor-66449 .elementor-element.elementor-element-a3e9957{width:10.463%;}.elementor-66449 .elementor-element.elementor-element-72f0d9e{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-5eac1f9{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-cde953d{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-f2b45b7{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-dcba3bb{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-0b0d0ed{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-d9d8b4e{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-b0aa860{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-43a2caa{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-049eb12{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-fa79027{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-103acab{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-10dd251{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-c2125f8{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-f3d2d91{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-4b2e240{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-d32915c{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-5253e04{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-ebb0f09{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-94ff761{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-6bb7be9{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-85660a0{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-030cc82{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-a2e2837{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-9833d27{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-5368d36{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-a847ab5{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-5382dd5{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-6191cd2{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-08a1051{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-cdb5596{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-b1577f1{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-6264792{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-00cbc2f{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-5ea541e{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-41fc34b{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-01f3801{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-81f6afd{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-f72d926{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-d6d235a{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-dce9962{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-9780efe{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-772a2df{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-71a089a{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-cbeb421{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-b54fac0{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-ad71390{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-bc11b37{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-ea2cc2a{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-00c70e0{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-5116afc{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-216ff93{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-ea2e450{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-8153664{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-5b54bc5{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-9fef99f{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-17be280{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-28b8064{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-a4331aa{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-70b3173{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-952cbcd{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-afdaa7c{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-758778e{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-480f554{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-2fc28d6{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-381d114{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-7118763{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-9a383f2{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-7910151{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-2bb746b{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-310e747{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-4f5735d{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-363d944{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-559b0e2{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-cc31c78{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-f28d78e{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-3cb342f{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-ee8cc2c{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-e27edee{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-a9d5c46{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-dfe96c5{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-3044355{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-24358e9{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-8b91d8b{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-c82f41f{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-4b4660a{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-99b853c{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-d7a18ea{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-1968d5c{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-8625095{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-4827abd{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-a13b38e{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-8c703d5{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-ed7dfa5{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-77f256e{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-cfded90{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-dc693d0{width:10.993%;}.elementor-66449 .elementor-element.elementor-element-e140a7d{width:77.946%;}.elementor-66449 .elementor-element.elementor-element-b205a5a{width:10.727%;}.elementor-66449 .elementor-element.elementor-element-8c6bfe2{width:10.659%;}.elementor-66449 .elementor-element.elementor-element-3b7c9e5{width:93.155%;}.elementor-66449 .elementor-element.elementor-element-ae4ddca{width:6.325%;}.elementor-66449 .elementor-element.elementor-element-4d76844{width:78.544%;}.elementor-66449 .elementor-element.elementor-element-642647b{width:10.463%;}}@media(max-width:1450px) and (min-width:801px){.elementor-66449 .elementor-element.elementor-element-7803f89{width:47%;}.elementor-66449 .elementor-element.elementor-element-f87c071{width:20%;}.elementor-66449 .elementor-element.elementor-element-77c93bf{width:47%;}.elementor-66449 .elementor-element.elementor-element-b0b7399{width:20%;}.elementor-66449 .elementor-element.elementor-element-546af78{width:2%;}.elementor-66449 .elementor-element.elementor-element-6791920{width:2%;}.elementor-66449 .elementor-element.elementor-element-a3e9957{width:2%;}.elementor-66449 .elementor-element.elementor-element-642647b{width:2%;}}@media(max-width:1450px){.elementor-66449 .elementor-element.elementor-element-02627ff > .elementor-widget-container{margin:16px 16px 16px 16px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-66449 .elementor-element.elementor-global-35048{left:4.033px;}body.rtl .elementor-66449 .elementor-element.elementor-global-35048{right:4.033px;}.elementor-66449 .elementor-element.elementor-global-35048{top:15.983px;}.elementor-66449 .elementor-element.elementor-element-7642895 > .elementor-widget-container{margin:16px 16px 16px 16px;padding:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-element-7803f89.elementor-column{width:200px;}.elementor-66449 .elementor-element.elementor-element-7803f89 > .elementor-element-populated{border-width:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-element-f87c071 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-66449 .elementor-element.elementor-element-f87c071.elementor-column{width:200px;}.elementor-66449 .elementor-element.elementor-element-77c93bf > .elementor-element-populated{border-width:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-element-b0b7399 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}}@media(max-width:800px){.elementor-66449 .elementor-element.elementor-element-935ae35{width:2%;}.elementor-66449 .elementor-element.elementor-element-1140919{width:95%;}.elementor-66449 .elementor-element.elementor-element-1140919 > .elementor-element-populated{margin:1px 1px 1px 1px;--e-column-margin-right:1px;--e-column-margin-left:1px;padding:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-element-7803f89 > .elementor-element-populated{border-width:0px 0px 2px 0px;}.elementor-66449 .elementor-element.elementor-element-77c93bf > .elementor-element-populated{border-width:0px 0px 2px 0px;}.elementor-66449 .elementor-element.elementor-element-6fbfc76{width:2%;}.elementor-66449 .elementor-element.elementor-element-615dfff{width:95%;}.elementor-66449 .elementor-element.elementor-element-615dfff > .elementor-element-populated{margin:1px 1px 1px 1px;--e-column-margin-right:1px;--e-column-margin-left:1px;padding:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-element-38b0c1e{width:2%;}.elementor-66449 .elementor-element.elementor-element-fed68eb{width:95%;}.elementor-66449 .elementor-element.elementor-element-fed68eb > .elementor-element-populated{margin:1px 1px 1px 1px;--e-column-margin-right:1px;--e-column-margin-left:1px;padding:0px 0px 0px 0px;}.elementor-66449 .elementor-element.elementor-element-8c6bfe2{width:2%;}.elementor-66449 .elementor-element.elementor-element-4d76844{width:95%;}.elementor-66449 .elementor-element.elementor-element-4d76844 > .elementor-element-populated{margin:1px 1px 1px 1px;--e-column-margin-right:1px;--e-column-margin-left:1px;padding:0px 0px 0px 0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-21d82bc *//* Header allgemein über dem Inhalt */ .site-header, .elementor-location-header { position: relative; z-index: 9000; } /* Mittleres Menü (Seiten-Menü: Start | Teambeschreibung | ...) immer klickbar */ .team-main-menu { position: relative; z-index: 9500; /* höher als alles andere auf der Seite */ } /* Rechtes Team-Menü (Canvas/Hamburger auf der Seite) etwas darunter einsortieren */ .team-intern-menu { position: relative; z-index: 100; /* darf über Inhalt liegen, aber unter dem mittleren Menü */ }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-53dcb47 *//* Header allgemein über dem Inhalt */ .site-header, .elementor-location-header { position: relative; z-index: 9000; } /* Mittleres Menü (Seiten-Menü: Start | Teambeschreibung | ...) immer klickbar */ .team-main-menu { position: relative; z-index: 9500; /* höher als alles andere auf der Seite */ } /* Rechtes Team-Menü (Canvas/Hamburger auf der Seite) etwas darunter einsortieren */ .team-intern-menu { position: relative; z-index: 100; /* darf über Inhalt liegen, aber unter dem mittleren Menü */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-f630570 */.elementor-widget-sidebar{ position: sticky; top: 200px;}/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-e4633c0 *//* Header allgemein über dem Inhalt */ .site-header, .elementor-location-header { position: relative; z-index: 9000; } /* Mittleres Menü (Seiten-Menü: Start | Teambeschreibung | ...) immer klickbar */ .team-main-menu { position: relative; z-index: 9500; /* höher als alles andere auf der Seite */ } /* Rechtes Team-Menü (Canvas/Hamburger auf der Seite) etwas darunter einsortieren */ .team-intern-menu { position: relative; z-index: 100; /* darf über Inhalt liegen, aber unter dem mittleren Menü */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-434d515 */.elementor-widget-sidebar{ position: sticky; top: 200px;}/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-0edeed0 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-f2d8698 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-6c6780d *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-c7bf888 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-16e7a1e *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-79816b1 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-7139e94 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-917ddfe *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-7bae18a *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-a38b900 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-f15a5e8 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-af9fb2d *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-6cb0509 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-199257b *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-d60a982 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-9b7c34b *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-eff3a56 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-4d18f22 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-3ed0aae *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-84ba087 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-dc07165 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-d4de26f *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-7e813a5 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-203104c *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-752a1ff *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-b7d8924 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-7899d86 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-5a8dbc5 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-d2a62bd *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-2a6984d *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-98fc573 *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-ea7ff4f *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-d3afe7f *//* 1. Standard-Menü auf vertikal einstellen */ .my-vertical-menu .elementor-nav-menu { display: block; width: 100%; /* Menü nimmt die volle Spaltenbreite ein */ } /* 2. Untermenüs immer sichtbar machen */ .my-vertical-menu .elementor-nav-menu .sub-menu { display: block !important; /* Untermenüs immer sichtbar */ position: static; /* Verhindert Überlagerung */ padding-left: 20px; /* Einrückung der Untermenüpunkte */ margin: 0; /* Keine zusätzlichen Abstände */ width: calc(100% - 40px); /* Untermenüs eingerückt innerhalb der Spaltenbreite */ } /* 3. Standardstil für alle Menüpunkte */ .my-vertical-menu .elementor-nav-menu a { display: block; /* Jeder Menüpunkt in einer eigenen Zeile */ white-space: nowrap; /* Kein Umbruch */ padding: 10px 15px; /* Einheitliche Polsterung */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Polsterung wird berücksichtigt */ background-color: #ffffff; /* Standard-Hintergrundfarbe: Weiß */ color: #78421d; /* Standard-Schriftfarbe */ text-decoration: none; /* Kein Unterstrich */ overflow: hidden; /* Verhindert Textüberlauf */ } /* 4. Hover-Effekte für alle Menüpunkte (Haupt- und Unterpunkte) */ .my-vertical-menu .elementor-nav-menu a:hover, .my-vertical-menu .elementor-nav-menu a:focus { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ } /* 5. Styling für Unterpunkte */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { font-size: 14px; /* Schriftgröße für Untermenüpunkte */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ background-color: #ffffff; /* Standard-Hintergrund bleibt weiß */ color: #78421d; /* Schriftfarbe bleibt gleich */ width: 100%; /* Hintergrundfarbe über gesamte Zeilenbreite */ box-sizing: border-box; /* Sicherstellen, dass es die volle Zeile umfasst */ padding-left: 30px; /* Zusätzliche Einrückung für Untermenüs */ } /* 6. Hauptmenüpunkte Styling */ .my-vertical-menu .elementor-nav-menu > .menu-item > a { font-weight: bold; /* Hauptpunkte fett */ font-size: 16px; /* Schriftgröße für Hauptmenüpunkte */ width: calc(100% - 20px); /* Hauptmenüs leicht eingerückt */ } /* 7. Aktiver Menüpunkt */ .my-vertical-menu .elementor-nav-menu .current-menu-item > a { background-color: #F5DEB3; /* Hintergrundfarbe für aktiven Punkt (Ocker) */ color: #78421d; /* Schriftfarbe bleibt gleich */ font-weight: bold; } /* 8. Abstand zwischen Menüpunkten */ .my-vertical-menu .elementor-nav-menu li { margin-bottom: 5px; /* Abstand zwischen den Punkten */ } /* 9. Kein Hamburger-Menü (mobile Ansicht deaktivieren) */ .my-vertical-menu .elementor-menu-toggle { display: none !important; } /* 10. Sicherstellen, dass die Zeilen gleich groß sind */ .my-vertical-menu .elementor-nav-menu a { line-height: 1.5; /* Einheitliche Zeilenhöhe */ display: flex; /* Stellt sicher, dass der Container die volle Breite einnimmt */ align-items: center; /* Zentriert den Text vertikal */ justify-content: space-between; /* Verteilt Inhalt gleichmäßig */ } /* 11. Hintergrundfarbe und Breite für Unterpunkte sicherstellen */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a { background-color: #ffffff; /* Standard-Hintergrundfarbe bleibt weiß */ padding: 10px 15px; /* Gleiche Polsterung wie Hauptpunkte */ width: calc(100% - 30px); /* Untermenüs leicht eingerückt */ box-sizing: border-box; /* Berücksichtigt Padding in der Breite */ } /* 12. Hover für Untermenüpunkte separat definieren */ .my-vertical-menu .elementor-nav-menu .sub-menu > .menu-item > a:hover { background-color: #F5DEB3; /* Hintergrundfarbe beim Hover für Unterpunkte */ color: #78421d; /* Schriftfarbe bleibt gleich */ }/* End custom CSS */ /* Start custom CSS for global, class: .elementor-global-35099 *//* ===== Cookieverwaltung-Link: Erzwinge #f5deb3 in ColorMag Pro (Global Widgets, Footer, Sidebar) ===== */ :root { --cookie-gold: #f5deb3; } /* 1) Sehr spezifisch: Widget/Footer + Klasse */ .footer-widgets .cookie-link-wrapper a.borlabs-cookie-preference, .widget .cookie-link-wrapper a.borlabs-cookie-preference, .cookie-link-wrapper a.borlabs-cookie-preference, .cookie-link-wrapper a[class*="borlabs-cookie"] { color: var(--cookie-gold) !important; text-decoration: none !important; font-weight: bold; } /* 2) Falls ColorMag Inline-Styles setzt → [style] überschreiben */ .cookie-link-wrapper a.borlabs-cookie-preference[style], .cookie-link-wrapper a[class*="borlabs-cookie"][style] { color: var(--cookie-gold) !important; } /* 3) Falls kein Klassenname ankommt: alle Links im Wrapper erzwingen */ .footer-widgets .cookie-link-wrapper a, .widget .cookie-link-wrapper a, .cookie-link-wrapper a { color: var(--cookie-gold) !important; text-decoration: none !important; } /* 4) States */ .cookie-link-wrapper a:link, .cookie-link-wrapper a:visited, .cookie-link-wrapper a:focus { color: var(--cookie-gold) !important; } .cookie-link-wrapper a:hover, .cookie-link-wrapper a:active { color: #78421d !important; /* dunkler fürs Hover */ background-color: var(--cookie-gold) !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-dfbd28a */.elementor-widget-sidebar{ position: sticky; top: 200px;}/* End custom CSS */