.elementor-7736 .elementor-element.elementor-element-49b573bb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7736 .elementor-element.elementor-element-ef9c645{--display:flex;}.elementor-7736 .elementor-element.elementor-element-ef9c645:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-ef9c645 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFEFE94;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-7736 .elementor-element.elementor-element-17ea500d .elementor-icon-wrapper{text-align:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-41f0925b .elementor-icon-wrapper{text-align:center;}.elementor-7736 .elementor-element.elementor-element-41f0925b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-41f0925b.elementor-view-framed .elementor-icon, .elementor-7736 .elementor-element.elementor-element-41f0925b.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-41f0925b.elementor-view-framed .elementor-icon, .elementor-7736 .elementor-element.elementor-element-41f0925b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-b4d390c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:-135px;--margin-left:0px;--margin-right:0px;--z-index:9999;}.elementor-7736 .elementor-element.elementor-element-b4d390c.e-con{--align-self:center;}.elementor-7736 .elementor-element.elementor-element-6532f0a5{--display:flex;}.elementor-7736 .elementor-element.elementor-element-2ebb92fd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:12px 12px 12px 12px;--margin-top:0%;--margin-bottom:0%;--margin-left:20%;--margin-right:20%;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-7736 .elementor-element.elementor-element-2ebb92fd:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-2ebb92fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CABDBD00;}.elementor-7736 .elementor-element.elementor-element-2ebb92fd::before, .elementor-7736 .elementor-element.elementor-element-2ebb92fd > .elementor-background-video-container::before, .elementor-7736 .elementor-element.elementor-element-2ebb92fd > .e-con-inner > .elementor-background-video-container::before, .elementor-7736 .elementor-element.elementor-element-2ebb92fd > .elementor-background-slideshow::before, .elementor-7736 .elementor-element.elementor-element-2ebb92fd > .e-con-inner > .elementor-background-slideshow::before, .elementor-7736 .elementor-element.elementor-element-2ebb92fd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-7736 .elementor-element.elementor-element-2ebb92fd.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-7736 .elementor-element.elementor-element-1303388{--jmm-top-item-dropdown-icon-size:8px;--jmm-top-items-hor-align:space-between;--jmm-sub-menu-offset:12px;--jmm-sub-items-ver-padding:8px;--jmm-sub-menu-top-left-radius:12px;--jmm-sub-menu-top-right-radius:12px;--jmm-sub-menu-bottom-right-radius:12px;--jmm-sub-menu-bottom-left-radius:12px;--jmm-top-item-title-color:var( --e-global-color-text );--jmm-sub-item-title-color:var( --e-global-color-text );--jmm-top-hover-item-title-color:var( --e-global-color-text );--jmm-sub-hover-item-title-color:var( --e-global-color-secondary );--jmm-top-active-item-title-color:var( --e-global-color-text );--jmm-sub-active-item-title-color:var( --e-global-color-text );--jmm-dropdown-bg-color:#FFFFFF;--jmm-dropdown-item-title-color:var( --e-global-color-text );--jmm-dropdown-hover-item-title-color:var( --e-global-color-text );--jmm-dropdown-active-item-title-color:var( --e-global-color-secondary );}.elementor-7736 .elementor-element.elementor-element-1303388 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__link--top-level,
							.elementor-7736 .elementor-element.elementor-element-1303388 .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-item__link--top-level{font-size:16px;font-weight:300;line-height:24px;}.elementor-7736 .elementor-element.elementor-element-1303388 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__link--sub-level,
							.elementor-7736 .elementor-element.elementor-element-1303388 .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-item__link--sub-level{font-size:16px;line-height:24px;}.elementor-7736 .elementor-element.elementor-element-1303388 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-sub-menu__list,
					.elementor-7736 .elementor-element.elementor-element-1303388 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner,
					.elementor-7736 .elementor-element.elementor-element-1303388 .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-sub-menu__list,
					.elementor-7736 .elementor-element.elementor-element-1303388 .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-mega-container__inner{border-radius:12px 12px 12px 12px;}.elementor-7736 .elementor-element.elementor-element-1303388 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-sub-menu__list,
				.elementor-7736 .elementor-element.elementor-element-1303388 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner,
				.elementor-7736 .elementor-element.elementor-element-1303388 .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-sub-menu__list,
				.elementor-7736 .elementor-element.elementor-element-1303388 .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-mega-container__inner{box-shadow:0px 17px 40px -6px rgba(0, 0, 0, 0.22);}.elementor-7736 .elementor-element.elementor-element-1303388 .jet-mega-menu.jet-mega-menu--layout-dropdown .jet-mega-menu-item__link--top-level{font-size:16px;}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-429bf580{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;}.elementor-7736 .elementor-element.elementor-element-429bf580:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-429bf580 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-7736 .elementor-element.elementor-element-4ce4a8fd{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 0px 0px;--padding-top:24px;--padding-bottom:0px;--padding-left:36px;--padding-right:36px;}.elementor-7736 .elementor-element.elementor-element-4ce4a8fd:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-4ce4a8fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-6262e5c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7736 .elementor-element.elementor-element-6262e5c7:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-6262e5c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7736 .elementor-element.elementor-element-162e4654{font-size:14px;line-height:14px;letter-spacing:1.2px;color:#727272;}.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover, .elementor-7736 .elementor-element.elementor-element-162e4654 a:focus{color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-69d13aed{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:24px;--padding-left:0px;--padding-right:24px;}.elementor-7736 .elementor-element.elementor-element-69d13aed:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-69d13aed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-151819dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-7736 .elementor-element.elementor-element-151819dc:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-151819dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-6c27ba1c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-7736 .elementor-element.elementor-element-6c27ba1c:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-6c27ba1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-403299c5{width:initial;max-width:initial;}.elementor-7736 .elementor-element.elementor-element-3ff91c21.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7736 .elementor-element.elementor-element-3ff91c21{font-size:16px;font-weight:600;line-height:20px;color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-3ff91c21 a{color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-3ff91c21 a:hover, .elementor-7736 .elementor-element.elementor-element-3ff91c21 a:focus{color:var( --e-global-color-secondary );}.elementor-7736 .elementor-element.elementor-element-44c5d891{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-7736 .elementor-element.elementor-element-44c5d891:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-44c5d891 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-f98aa63{width:initial;max-width:initial;}.elementor-7736 .elementor-element.elementor-element-321792c7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7736 .elementor-element.elementor-element-321792c7{font-size:16px;font-weight:600;line-height:20px;color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-321792c7 a{color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-321792c7 a:hover, .elementor-7736 .elementor-element.elementor-element-321792c7 a:focus{color:var( --e-global-color-secondary );}.elementor-7736 .elementor-element.elementor-element-11ed54d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-7736 .elementor-element.elementor-element-11ed54d:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-11ed54d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-5d53c70a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-7736 .elementor-element.elementor-element-5d53c70a:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-5d53c70a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-382d1e23{width:initial;max-width:initial;}.elementor-7736 .elementor-element.elementor-element-7f72b593.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7736 .elementor-element.elementor-element-7f72b593{font-size:16px;font-weight:600;line-height:20px;color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-7f72b593 a{color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-7f72b593 a:hover, .elementor-7736 .elementor-element.elementor-element-7f72b593 a:focus{color:var( --e-global-color-secondary );}.elementor-7736 .elementor-element.elementor-element-3e7baedb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-7736 .elementor-element.elementor-element-3e7baedb:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-3e7baedb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-667d68f3{width:initial;max-width:initial;}.elementor-7736 .elementor-element.elementor-element-6141e46a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7736 .elementor-element.elementor-element-6141e46a{font-size:16px;font-weight:600;line-height:20px;color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-6141e46a a{color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-6141e46a a:hover, .elementor-7736 .elementor-element.elementor-element-6141e46a a:focus{color:var( --e-global-color-secondary );}.elementor-7736 .elementor-element.elementor-element-47ea104e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:24px;--padding-bottom:24px;--padding-left:012px;--padding-right:0px;}.elementor-7736 .elementor-element.elementor-element-47ea104e:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-47ea104e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-126fe57c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-7736 .elementor-element.elementor-element-126fe57c:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-126fe57c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-1e19b92b{font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-1e19b92b a:hover, .elementor-7736 .elementor-element.elementor-element-1e19b92b a:focus{color:var( --e-global-color-secondary );}.elementor-7736 .elementor-element.elementor-element-7dc2959d{--display:flex;--gap:2px 20px;--row-gap:2px;--column-gap:20px;}.elementor-7736 .elementor-element.elementor-element-7dc2959d:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-7dc2959d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-7736 .elementor-element.elementor-element-41adae8f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-7736 .elementor-element.elementor-element-41adae8f:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-41adae8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-29a09bfc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7736 .elementor-element.elementor-element-29a09bfc:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-29a09bfc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-1cbab46c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:020px 020px;--row-gap:020px;--column-gap:020px;}.elementor-7736 .elementor-element.elementor-element-1cbab46c:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-1cbab46c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-58b4be85{font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-58b4be85 a{color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-58b4be85 a:hover, .elementor-7736 .elementor-element.elementor-element-58b4be85 a:focus{color:var( --e-global-color-secondary );}.elementor-7736 .elementor-element.elementor-element-54c52ba7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:020px 020px;--row-gap:020px;--column-gap:020px;}.elementor-7736 .elementor-element.elementor-element-54c52ba7:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-54c52ba7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-3fe79872{font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-3fe79872 a{color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-3fe79872 a:hover, .elementor-7736 .elementor-element.elementor-element-3fe79872 a:focus{color:var( --e-global-color-secondary );}.elementor-7736 .elementor-element.elementor-element-3d26bbaf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7736 .elementor-element.elementor-element-3d26bbaf:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-3d26bbaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-422cac53{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-7736 .elementor-element.elementor-element-422cac53:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-422cac53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-209346b9{font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-209346b9 a{color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-209346b9 a:hover, .elementor-7736 .elementor-element.elementor-element-209346b9 a:focus{color:var( --e-global-color-secondary );}.elementor-7736 .elementor-element.elementor-element-502cb343{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-7736 .elementor-element.elementor-element-502cb343:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-502cb343 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-580a7154{font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-580a7154 a{color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-580a7154 a:hover, .elementor-7736 .elementor-element.elementor-element-580a7154 a:focus{color:var( --e-global-color-secondary );}.elementor-7736 .elementor-element.elementor-element-528a6c0{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:2px 20px;--row-gap:2px;--column-gap:20px;}.elementor-7736 .elementor-element.elementor-element-528a6c0:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-528a6c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-7736 .elementor-element.elementor-element-7b4feb35{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:2px 20px;--row-gap:2px;--column-gap:20px;}.elementor-7736 .elementor-element.elementor-element-7b4feb35:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-7b4feb35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-7736 .elementor-element.elementor-element-1aa70bcf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:2px 20px;--row-gap:2px;--column-gap:20px;--border-radius:12px 12px 12px 12px;}.elementor-7736 .elementor-element.elementor-element-1aa70bcf:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-1aa70bcf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-494b4783{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7736 .elementor-element.elementor-element-494b4783:hover{box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);}.elementor-7736 .elementor-element.elementor-element-10b2c334{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7736 .elementor-element.elementor-element-10b2c334:hover{box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);}.elementor-7736 .elementor-element.elementor-element-60b907e7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7736 .elementor-element.elementor-element-60b907e7:hover{box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);}.elementor-7736 .elementor-element.elementor-element-1e4a4d22{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:2px 20px;--row-gap:2px;--column-gap:20px;}.elementor-7736 .elementor-element.elementor-element-1e4a4d22:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-1e4a4d22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-7736 .elementor-element.elementor-element-65fbb48d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:2px 20px;--row-gap:2px;--column-gap:20px;--border-radius:12px 12px 12px 12px;}.elementor-7736 .elementor-element.elementor-element-65fbb48d:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-65fbb48d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-43035732{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7736 .elementor-element.elementor-element-43035732:hover{box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);}.elementor-7736 .elementor-element.elementor-element-2119ed5a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7736 .elementor-element.elementor-element-2119ed5a:hover{box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);}.elementor-7736 .elementor-element.elementor-element-2ae8e78f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7736 .elementor-element.elementor-element-2ae8e78f:hover{box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);}.elementor-7736 .elementor-element.elementor-element-3ba0415c{--display:flex;}.elementor-7736 .elementor-element.elementor-element-13712f93{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-open-animation-duration:700ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:var( --e-global-color-text );--n-menu-title-transition:500ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-7736 .elementor-element.elementor-element-13712f93 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{background-color:var( --e-global-color-primary );}.elementor-7736 .elementor-element.elementor-element-13712f93.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-7736 .elementor-element.elementor-element-13712f93 {--n-menu-title-color-hover:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-13712f93 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:12px 12px 12px 12px;}.elementor-7736 .elementor-element.elementor-element-211e1423{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-7736 .elementor-element.elementor-element-5c0a2263{background-color:var( --e-global-color-b33f476 );padding:5px 9px 5px 9px;border-radius:12px 12px 12px 12px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7736 .elementor-element.elementor-element-5c0a2263.elementor-element{--align-self:center;}.elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.5s;}.elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.5s;}.elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-item > a{font-family:var( --e-global-typography-fe21920-font-family ), Sans-serif;font-size:var( --e-global-typography-fe21920-font-size );line-height:var( --e-global-typography-fe21920-line-height );word-spacing:var( --e-global-typography-fe21920-word-spacing );}.elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.5s;}.elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9a343b5 );}.elementor-7736 .elementor-element.elementor-element-3b0d7f2d{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;bottom:0px;--z-index:99;}.elementor-7736 .elementor-element.elementor-element-3b0d7f2d.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}body:not(.rtl) .elementor-7736 .elementor-element.elementor-element-3b0d7f2d{right:0px;}body.rtl .elementor-7736 .elementor-element.elementor-element-3b0d7f2d{left:0px;}.elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-element{--align-self:flex-end;}.elementor-7736 .elementor-element.elementor-element-5dad22f2{z-index:5;}.elementor-7736 .elementor-element.elementor-element-5dad22f2 .elementor-icon-wrapper{text-align:center;}.elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );color:var( --e-global-color-b33f476 );}.elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-view-framed .elementor-icon, .elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-view-framed .elementor-icon, .elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-b33f476 );}.elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-b33f476 );}.elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );}.elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-view-framed .elementor-icon:hover, .elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-view-framed .elementor-icon:hover, .elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-text );}.elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-primary );}.elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-7736 .elementor-element.elementor-element-5dad22f2 .elementor-icon{font-size:20px;border-width:0px 0px 0px 0px;border-radius:3px 3px 3px 3px;}.elementor-7736 .elementor-element.elementor-element-5dad22f2 .elementor-icon svg{height:20px;}.elementor-7736 .elementor-element.elementor-element-57ffa5fc{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-7736 .elementor-element.elementor-element-69d13aed{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7736 .elementor-element.elementor-element-403299c5{--container-widget-width:64px;--container-widget-flex-grow:0;width:var( --container-widget-width, 64px );max-width:64px;}.elementor-7736 .elementor-element.elementor-element-3ff91c21{width:var( --container-widget-width, 75.781px );max-width:75.781px;--container-widget-width:75.781px;--container-widget-flex-grow:0;}.elementor-7736 .elementor-element.elementor-element-f98aa63{--container-widget-width:64px;--container-widget-flex-grow:0;width:var( --container-widget-width, 64px );max-width:64px;}.elementor-7736 .elementor-element.elementor-element-321792c7{width:var( --container-widget-width, 75.781px );max-width:75.781px;--container-widget-width:75.781px;--container-widget-flex-grow:0;}.elementor-7736 .elementor-element.elementor-element-382d1e23{--container-widget-width:64px;--container-widget-flex-grow:0;width:var( --container-widget-width, 64px );max-width:64px;}.elementor-7736 .elementor-element.elementor-element-7f72b593{width:var( --container-widget-width, 75.781px );max-width:75.781px;--container-widget-width:75.781px;--container-widget-flex-grow:0;}.elementor-7736 .elementor-element.elementor-element-667d68f3{--container-widget-width:64px;--container-widget-flex-grow:0;width:var( --container-widget-width, 64px );max-width:64px;}.elementor-7736 .elementor-element.elementor-element-6141e46a{width:var( --container-widget-width, 75.781px );max-width:75.781px;--container-widget-width:75.781px;--container-widget-flex-grow:0;}.elementor-7736 .elementor-element.elementor-element-13712f93{--n-menu-title-space-between:0px;--n-menu-title-padding:5px 5px 5px 5px;}.elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-item > a{font-size:var( --e-global-typography-fe21920-font-size );line-height:var( --e-global-typography-fe21920-line-height );word-spacing:var( --e-global-typography-fe21920-word-spacing );}}@media(min-width:768px){.elementor-7736 .elementor-element.elementor-element-b4d390c{--content-width:100%;}.elementor-7736 .elementor-element.elementor-element-6532f0a5{--width:25%;}.elementor-7736 .elementor-element.elementor-element-2ebb92fd{--width:100%;}.elementor-7736 .elementor-element.elementor-element-429bf580{--content-width:56vw;}.elementor-7736 .elementor-element.elementor-element-6262e5c7{--width:100%;}.elementor-7736 .elementor-element.elementor-element-151819dc{--width:33%;}.elementor-7736 .elementor-element.elementor-element-6c27ba1c{--width:100%;}.elementor-7736 .elementor-element.elementor-element-44c5d891{--width:100%;}.elementor-7736 .elementor-element.elementor-element-11ed54d{--width:33%;}.elementor-7736 .elementor-element.elementor-element-5d53c70a{--width:100%;}.elementor-7736 .elementor-element.elementor-element-3e7baedb{--width:100%;}.elementor-7736 .elementor-element.elementor-element-47ea104e{--width:33%;}.elementor-7736 .elementor-element.elementor-element-126fe57c{--width:92%;}.elementor-7736 .elementor-element.elementor-element-7dc2959d{--content-width:40vw;}.elementor-7736 .elementor-element.elementor-element-29a09bfc{--width:50%;}.elementor-7736 .elementor-element.elementor-element-1cbab46c{--width:100%;}.elementor-7736 .elementor-element.elementor-element-54c52ba7{--width:100%;}.elementor-7736 .elementor-element.elementor-element-3d26bbaf{--width:50%;}.elementor-7736 .elementor-element.elementor-element-422cac53{--width:100%;}.elementor-7736 .elementor-element.elementor-element-502cb343{--width:100%;}.elementor-7736 .elementor-element.elementor-element-528a6c0{--content-width:56vw;}.elementor-7736 .elementor-element.elementor-element-1aa70bcf{--width:80%;}.elementor-7736 .elementor-element.elementor-element-65fbb48d{--width:80%;}.elementor-7736 .elementor-element.elementor-element-211e1423{--width:25%;}.elementor-7736 .elementor-element.elementor-element-3b0d7f2d{--width:5%;}}@media(max-width:1425px) and (min-width:768px){.elementor-7736 .elementor-element.elementor-element-6532f0a5{--width:25%;}.elementor-7736 .elementor-element.elementor-element-2ebb92fd{--width:50%;}.elementor-7736 .elementor-element.elementor-element-429bf580{--content-width:66vw;}.elementor-7736 .elementor-element.elementor-element-7dc2959d{--content-width:66vw;}.elementor-7736 .elementor-element.elementor-element-211e1423{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7736 .elementor-element.elementor-element-2ebb92fd{--width:56%;}.elementor-7736 .elementor-element.elementor-element-429bf580{--content-width:100vw;}}@media(max-width:1425px){.elementor-7736 .elementor-element.elementor-element-2ebb92fd{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-7736 .elementor-element.elementor-element-13712f93.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7736 .elementor-element.elementor-element-13712f93 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:12px 12px 12px 12px;}.elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-item > a{font-size:var( --e-global-typography-fe21920-font-size );line-height:var( --e-global-typography-fe21920-line-height );word-spacing:var( --e-global-typography-fe21920-word-spacing );}}@media(max-width:767px){.elementor-7736 .elementor-element.elementor-element-49b573bb{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--border-radius:12px 12px 12px 12px;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7736 .elementor-element.elementor-element-ef9c645{--width:90%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;}.elementor-7736 .elementor-element.elementor-element-17ea500d .elementor-icon{font-size:20px;}.elementor-7736 .elementor-element.elementor-element-17ea500d .elementor-icon svg{height:20px;}.elementor-7736 .elementor-element.elementor-element-5e7292c7 img{width:60%;}.elementor-7736 .elementor-element.elementor-element-41f0925b .elementor-icon{font-size:20px;}.elementor-7736 .elementor-element.elementor-element-41f0925b .elementor-icon svg{height:20px;}.elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7736 .elementor-element.elementor-element-5c0a2263 .elementor-icon-list-item > a{font-size:var( --e-global-typography-fe21920-font-size );line-height:var( --e-global-typography-fe21920-line-height );word-spacing:var( --e-global-typography-fe21920-word-spacing );}.elementor-7736 .elementor-element.elementor-element-3b0d7f2d{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7736 .elementor-element.elementor-element-3b0d7f2d.e-con{--align-self:flex-end;}.elementor-7736 .elementor-element.elementor-element-5dad22f2{margin:0px 5px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-7736 .elementor-element.elementor-element-5dad22f2.elementor-element{--align-self:flex-end;}.elementor-7736 .elementor-element.elementor-element-5dad22f2 .elementor-icon-wrapper{text-align:end;}}/* Start custom CSS for image, class: .elementor-element-04f5369 */.elementor-7736 .elementor-element.elementor-element-04f5369 img {
    width: 150px !important;
    height: auto !important;
    transition: all 0.3s ease;

}

/* 1. Weicher Übergang für das Logo */
.invert-logo img {
    transition: filter 0.3s ease;
}

/* 2. Invertieren, sobald der Sticky-Effekt greift */
/* Der Selektor bedeutet: Wenn der Header (.elementor-sticky--effects) aktiv ist, 
   dann färbe das darin liegende Logo (.invert-logo) um. */
.elementor-sticky--effects .invert-logo img {
    filter: invert(1) brightness(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-162e4654 */.elementor-7736 .elementor-element.elementor-element-162e4654 a {
    /* 1. Der Reset (damit es aussieht wie normaler Text) */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;

    /* 2. Vorbereitung für die Animation */
    position: relative;
    display: inline-block; /* Wichtig, damit die Linie so breit ist wie der Text */
}

/* Die unsichtbare Linie */
.elementor-7736 .elementor-element.elementor-element-162e4654 a::after {
    content: '';
    position: absolute;
    width: 0%; /* Startet unsichtbar */
    height: 1px; /* Sehr feine Linie */
    bottom: -2px; /* Kleiner Abstand zum Text */
    left: 0;
    background-color: currentColor; /* Nimmt automatisch die Textfarbe an */
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Schönes, weiches Einblenden */
}

/* Der Hover-Zustand */
.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover::after {
    width: 100%; /* Linie zieht sich voll auf */
}

.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover {
    color: inherit !important; /* Verhindert ungewollte Farbwechsel */
    opacity: 0.7; /* Optional: Macht den Text selbst beim Hover minimal heller/leichter */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-403299c5 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-403299c5 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-403299c5:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3ff91c21 */.elementor-7736 .elementor-element.elementor-element-3ff91c21 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-3ff91c21 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f98aa63 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-f98aa63 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-f98aa63:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-321792c7 */.elementor-7736 .elementor-element.elementor-element-321792c7 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-321792c7 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-382d1e23 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-382d1e23 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-382d1e23:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7f72b593 */.elementor-7736 .elementor-element.elementor-element-7f72b593 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-7f72b593 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-667d68f3 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-667d68f3 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-667d68f3:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6141e46a */.elementor-7736 .elementor-element.elementor-element-6141e46a a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-6141e46a a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11ed54d */.elementor-7736 .elementor-element.elementor-element-11ed54d {
    /* Wichtig: Damit der Strich aus dem Container "ausbrechen" darf */
    overflow: visible; 
    position: relative;
}

.elementor-7736 .elementor-element.elementor-element-11ed54d::after {
    content: "";
    position: absolute;
    right: 0; /* Dockt die Linie rechts an */
    width: 1px; /* Die Dicke der Border */
    background-color: #EAEAEA; /* Helles Grau, passend zum Dropdown-Trenner */
    
    /* Die Magie: */
    top: -30px; /* Zieht die Linie 30px über den Container hinaus */
    bottom: 0; /* Die Linie geht bis zum unteren Rand des Containers */
    
    /* Optional: Z-Index, falls die Linie von etwas überdeckt wird */
    z-index: 1; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1e19b92b */.elementor-7736 .elementor-element.elementor-element-1e19b92b a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-1e19b92b a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-58b4be85 */.elementor-7736 .elementor-element.elementor-element-58b4be85 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-58b4be85 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3fe79872 */.elementor-7736 .elementor-element.elementor-element-3fe79872 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-3fe79872 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-209346b9 */.elementor-7736 .elementor-element.elementor-element-209346b9 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-209346b9 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-580a7154 */.elementor-7736 .elementor-element.elementor-element-580a7154 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-580a7154 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-162e4654 */.elementor-7736 .elementor-element.elementor-element-162e4654 a {
    /* 1. Der Reset (damit es aussieht wie normaler Text) */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;

    /* 2. Vorbereitung für die Animation */
    position: relative;
    display: inline-block; /* Wichtig, damit die Linie so breit ist wie der Text */
}

/* Die unsichtbare Linie */
.elementor-7736 .elementor-element.elementor-element-162e4654 a::after {
    content: '';
    position: absolute;
    width: 0%; /* Startet unsichtbar */
    height: 1px; /* Sehr feine Linie */
    bottom: -2px; /* Kleiner Abstand zum Text */
    left: 0;
    background-color: currentColor; /* Nimmt automatisch die Textfarbe an */
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Schönes, weiches Einblenden */
}

/* Der Hover-Zustand */
.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover::after {
    width: 100%; /* Linie zieht sich voll auf */
}

.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover {
    color: inherit !important; /* Verhindert ungewollte Farbwechsel */
    opacity: 0.7; /* Optional: Macht den Text selbst beim Hover minimal heller/leichter */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-403299c5 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-403299c5 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-403299c5:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3ff91c21 */.elementor-7736 .elementor-element.elementor-element-3ff91c21 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-3ff91c21 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f98aa63 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-f98aa63 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-f98aa63:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-321792c7 */.elementor-7736 .elementor-element.elementor-element-321792c7 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-321792c7 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-382d1e23 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-382d1e23 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-382d1e23:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7f72b593 */.elementor-7736 .elementor-element.elementor-element-7f72b593 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-7f72b593 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-667d68f3 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-667d68f3 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-667d68f3:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6141e46a */.elementor-7736 .elementor-element.elementor-element-6141e46a a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-6141e46a a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11ed54d */.elementor-7736 .elementor-element.elementor-element-11ed54d {
    /* Wichtig: Damit der Strich aus dem Container "ausbrechen" darf */
    overflow: visible; 
    position: relative;
}

.elementor-7736 .elementor-element.elementor-element-11ed54d::after {
    content: "";
    position: absolute;
    right: 0; /* Dockt die Linie rechts an */
    width: 1px; /* Die Dicke der Border */
    background-color: #EAEAEA; /* Helles Grau, passend zum Dropdown-Trenner */
    
    /* Die Magie: */
    top: -30px; /* Zieht die Linie 30px über den Container hinaus */
    bottom: 0; /* Die Linie geht bis zum unteren Rand des Containers */
    
    /* Optional: Z-Index, falls die Linie von etwas überdeckt wird */
    z-index: 1; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1e19b92b */.elementor-7736 .elementor-element.elementor-element-1e19b92b a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-1e19b92b a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-58b4be85 */.elementor-7736 .elementor-element.elementor-element-58b4be85 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-58b4be85 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3fe79872 */.elementor-7736 .elementor-element.elementor-element-3fe79872 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-3fe79872 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-209346b9 */.elementor-7736 .elementor-element.elementor-element-209346b9 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-209346b9 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-580a7154 */.elementor-7736 .elementor-element.elementor-element-580a7154 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-580a7154 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-162e4654 */.elementor-7736 .elementor-element.elementor-element-162e4654 a {
    /* 1. Der Reset (damit es aussieht wie normaler Text) */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;

    /* 2. Vorbereitung für die Animation */
    position: relative;
    display: inline-block; /* Wichtig, damit die Linie so breit ist wie der Text */
}

/* Die unsichtbare Linie */
.elementor-7736 .elementor-element.elementor-element-162e4654 a::after {
    content: '';
    position: absolute;
    width: 0%; /* Startet unsichtbar */
    height: 1px; /* Sehr feine Linie */
    bottom: -2px; /* Kleiner Abstand zum Text */
    left: 0;
    background-color: currentColor; /* Nimmt automatisch die Textfarbe an */
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Schönes, weiches Einblenden */
}

/* Der Hover-Zustand */
.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover::after {
    width: 100%; /* Linie zieht sich voll auf */
}

.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover {
    color: inherit !important; /* Verhindert ungewollte Farbwechsel */
    opacity: 0.7; /* Optional: Macht den Text selbst beim Hover minimal heller/leichter */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-403299c5 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-403299c5 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-403299c5:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3ff91c21 */.elementor-7736 .elementor-element.elementor-element-3ff91c21 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-3ff91c21 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f98aa63 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-f98aa63 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-f98aa63:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-321792c7 */.elementor-7736 .elementor-element.elementor-element-321792c7 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-321792c7 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-382d1e23 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-382d1e23 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-382d1e23:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7f72b593 */.elementor-7736 .elementor-element.elementor-element-7f72b593 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-7f72b593 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-667d68f3 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-667d68f3 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-667d68f3:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6141e46a */.elementor-7736 .elementor-element.elementor-element-6141e46a a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-6141e46a a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11ed54d */.elementor-7736 .elementor-element.elementor-element-11ed54d {
    /* Wichtig: Damit der Strich aus dem Container "ausbrechen" darf */
    overflow: visible; 
    position: relative;
}

.elementor-7736 .elementor-element.elementor-element-11ed54d::after {
    content: "";
    position: absolute;
    right: 0; /* Dockt die Linie rechts an */
    width: 1px; /* Die Dicke der Border */
    background-color: #EAEAEA; /* Helles Grau, passend zum Dropdown-Trenner */
    
    /* Die Magie: */
    top: -30px; /* Zieht die Linie 30px über den Container hinaus */
    bottom: 0; /* Die Linie geht bis zum unteren Rand des Containers */
    
    /* Optional: Z-Index, falls die Linie von etwas überdeckt wird */
    z-index: 1; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1e19b92b */.elementor-7736 .elementor-element.elementor-element-1e19b92b a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-1e19b92b a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-58b4be85 */.elementor-7736 .elementor-element.elementor-element-58b4be85 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-58b4be85 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3fe79872 */.elementor-7736 .elementor-element.elementor-element-3fe79872 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-3fe79872 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-209346b9 */.elementor-7736 .elementor-element.elementor-element-209346b9 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-209346b9 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-580a7154 */.elementor-7736 .elementor-element.elementor-element-580a7154 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-580a7154 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-162e4654 */.elementor-7736 .elementor-element.elementor-element-162e4654 a {
    /* 1. Der Reset (damit es aussieht wie normaler Text) */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;

    /* 2. Vorbereitung für die Animation */
    position: relative;
    display: inline-block; /* Wichtig, damit die Linie so breit ist wie der Text */
}

/* Die unsichtbare Linie */
.elementor-7736 .elementor-element.elementor-element-162e4654 a::after {
    content: '';
    position: absolute;
    width: 0%; /* Startet unsichtbar */
    height: 1px; /* Sehr feine Linie */
    bottom: -2px; /* Kleiner Abstand zum Text */
    left: 0;
    background-color: currentColor; /* Nimmt automatisch die Textfarbe an */
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Schönes, weiches Einblenden */
}

/* Der Hover-Zustand */
.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover::after {
    width: 100%; /* Linie zieht sich voll auf */
}

.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover {
    color: inherit !important; /* Verhindert ungewollte Farbwechsel */
    opacity: 0.7; /* Optional: Macht den Text selbst beim Hover minimal heller/leichter */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-403299c5 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-403299c5 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-403299c5:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3ff91c21 */.elementor-7736 .elementor-element.elementor-element-3ff91c21 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-3ff91c21 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f98aa63 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-f98aa63 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-f98aa63:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-321792c7 */.elementor-7736 .elementor-element.elementor-element-321792c7 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-321792c7 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-382d1e23 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-382d1e23 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-382d1e23:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7f72b593 */.elementor-7736 .elementor-element.elementor-element-7f72b593 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-7f72b593 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-667d68f3 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-667d68f3 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-667d68f3:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6141e46a */.elementor-7736 .elementor-element.elementor-element-6141e46a a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-6141e46a a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11ed54d */.elementor-7736 .elementor-element.elementor-element-11ed54d {
    /* Wichtig: Damit der Strich aus dem Container "ausbrechen" darf */
    overflow: visible; 
    position: relative;
}

.elementor-7736 .elementor-element.elementor-element-11ed54d::after {
    content: "";
    position: absolute;
    right: 0; /* Dockt die Linie rechts an */
    width: 1px; /* Die Dicke der Border */
    background-color: #EAEAEA; /* Helles Grau, passend zum Dropdown-Trenner */
    
    /* Die Magie: */
    top: -30px; /* Zieht die Linie 30px über den Container hinaus */
    bottom: 0; /* Die Linie geht bis zum unteren Rand des Containers */
    
    /* Optional: Z-Index, falls die Linie von etwas überdeckt wird */
    z-index: 1; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1e19b92b */.elementor-7736 .elementor-element.elementor-element-1e19b92b a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-1e19b92b a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-58b4be85 */.elementor-7736 .elementor-element.elementor-element-58b4be85 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-58b4be85 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3fe79872 */.elementor-7736 .elementor-element.elementor-element-3fe79872 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-3fe79872 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-209346b9 */.elementor-7736 .elementor-element.elementor-element-209346b9 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-209346b9 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-580a7154 */.elementor-7736 .elementor-element.elementor-element-580a7154 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-580a7154 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-162e4654 */.elementor-7736 .elementor-element.elementor-element-162e4654 a {
    /* 1. Der Reset (damit es aussieht wie normaler Text) */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;

    /* 2. Vorbereitung für die Animation */
    position: relative;
    display: inline-block; /* Wichtig, damit die Linie so breit ist wie der Text */
}

/* Die unsichtbare Linie */
.elementor-7736 .elementor-element.elementor-element-162e4654 a::after {
    content: '';
    position: absolute;
    width: 0%; /* Startet unsichtbar */
    height: 1px; /* Sehr feine Linie */
    bottom: -2px; /* Kleiner Abstand zum Text */
    left: 0;
    background-color: currentColor; /* Nimmt automatisch die Textfarbe an */
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Schönes, weiches Einblenden */
}

/* Der Hover-Zustand */
.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover::after {
    width: 100%; /* Linie zieht sich voll auf */
}

.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover {
    color: inherit !important; /* Verhindert ungewollte Farbwechsel */
    opacity: 0.7; /* Optional: Macht den Text selbst beim Hover minimal heller/leichter */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-403299c5 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-403299c5 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-403299c5:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3ff91c21 */.elementor-7736 .elementor-element.elementor-element-3ff91c21 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-3ff91c21 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f98aa63 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-f98aa63 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-f98aa63:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-321792c7 */.elementor-7736 .elementor-element.elementor-element-321792c7 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-321792c7 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-382d1e23 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-382d1e23 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-382d1e23:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7f72b593 */.elementor-7736 .elementor-element.elementor-element-7f72b593 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-7f72b593 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-667d68f3 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-667d68f3 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-667d68f3:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6141e46a */.elementor-7736 .elementor-element.elementor-element-6141e46a a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-6141e46a a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11ed54d */.elementor-7736 .elementor-element.elementor-element-11ed54d {
    /* Wichtig: Damit der Strich aus dem Container "ausbrechen" darf */
    overflow: visible; 
    position: relative;
}

.elementor-7736 .elementor-element.elementor-element-11ed54d::after {
    content: "";
    position: absolute;
    right: 0; /* Dockt die Linie rechts an */
    width: 1px; /* Die Dicke der Border */
    background-color: #EAEAEA; /* Helles Grau, passend zum Dropdown-Trenner */
    
    /* Die Magie: */
    top: -30px; /* Zieht die Linie 30px über den Container hinaus */
    bottom: 0; /* Die Linie geht bis zum unteren Rand des Containers */
    
    /* Optional: Z-Index, falls die Linie von etwas überdeckt wird */
    z-index: 1; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1e19b92b */.elementor-7736 .elementor-element.elementor-element-1e19b92b a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-1e19b92b a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-58b4be85 */.elementor-7736 .elementor-element.elementor-element-58b4be85 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-58b4be85 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3fe79872 */.elementor-7736 .elementor-element.elementor-element-3fe79872 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-3fe79872 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-209346b9 */.elementor-7736 .elementor-element.elementor-element-209346b9 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-209346b9 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-580a7154 */.elementor-7736 .elementor-element.elementor-element-580a7154 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-580a7154 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-162e4654 */.elementor-7736 .elementor-element.elementor-element-162e4654 a {
    /* 1. Der Reset (damit es aussieht wie normaler Text) */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;

    /* 2. Vorbereitung für die Animation */
    position: relative;
    display: inline-block; /* Wichtig, damit die Linie so breit ist wie der Text */
}

/* Die unsichtbare Linie */
.elementor-7736 .elementor-element.elementor-element-162e4654 a::after {
    content: '';
    position: absolute;
    width: 0%; /* Startet unsichtbar */
    height: 1px; /* Sehr feine Linie */
    bottom: -2px; /* Kleiner Abstand zum Text */
    left: 0;
    background-color: currentColor; /* Nimmt automatisch die Textfarbe an */
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Schönes, weiches Einblenden */
}

/* Der Hover-Zustand */
.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover::after {
    width: 100%; /* Linie zieht sich voll auf */
}

.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover {
    color: inherit !important; /* Verhindert ungewollte Farbwechsel */
    opacity: 0.7; /* Optional: Macht den Text selbst beim Hover minimal heller/leichter */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-403299c5 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-403299c5 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-403299c5:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3ff91c21 */.elementor-7736 .elementor-element.elementor-element-3ff91c21 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-3ff91c21 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f98aa63 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-f98aa63 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-f98aa63:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-321792c7 */.elementor-7736 .elementor-element.elementor-element-321792c7 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-321792c7 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-382d1e23 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-382d1e23 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-382d1e23:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7f72b593 */.elementor-7736 .elementor-element.elementor-element-7f72b593 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-7f72b593 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-667d68f3 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-667d68f3 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-667d68f3:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6141e46a */.elementor-7736 .elementor-element.elementor-element-6141e46a a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-6141e46a a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11ed54d */.elementor-7736 .elementor-element.elementor-element-11ed54d {
    /* Wichtig: Damit der Strich aus dem Container "ausbrechen" darf */
    overflow: visible; 
    position: relative;
}

.elementor-7736 .elementor-element.elementor-element-11ed54d::after {
    content: "";
    position: absolute;
    right: 0; /* Dockt die Linie rechts an */
    width: 1px; /* Die Dicke der Border */
    background-color: #EAEAEA; /* Helles Grau, passend zum Dropdown-Trenner */
    
    /* Die Magie: */
    top: -30px; /* Zieht die Linie 30px über den Container hinaus */
    bottom: 0; /* Die Linie geht bis zum unteren Rand des Containers */
    
    /* Optional: Z-Index, falls die Linie von etwas überdeckt wird */
    z-index: 1; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1e19b92b */.elementor-7736 .elementor-element.elementor-element-1e19b92b a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-1e19b92b a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-58b4be85 */.elementor-7736 .elementor-element.elementor-element-58b4be85 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-58b4be85 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3fe79872 */.elementor-7736 .elementor-element.elementor-element-3fe79872 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-3fe79872 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-209346b9 */.elementor-7736 .elementor-element.elementor-element-209346b9 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-209346b9 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-580a7154 */.elementor-7736 .elementor-element.elementor-element-580a7154 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-580a7154 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-162e4654 */.elementor-7736 .elementor-element.elementor-element-162e4654 a {
    /* 1. Der Reset (damit es aussieht wie normaler Text) */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;

    /* 2. Vorbereitung für die Animation */
    position: relative;
    display: inline-block; /* Wichtig, damit die Linie so breit ist wie der Text */
}

/* Die unsichtbare Linie */
.elementor-7736 .elementor-element.elementor-element-162e4654 a::after {
    content: '';
    position: absolute;
    width: 0%; /* Startet unsichtbar */
    height: 1px; /* Sehr feine Linie */
    bottom: -2px; /* Kleiner Abstand zum Text */
    left: 0;
    background-color: currentColor; /* Nimmt automatisch die Textfarbe an */
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Schönes, weiches Einblenden */
}

/* Der Hover-Zustand */
.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover::after {
    width: 100%; /* Linie zieht sich voll auf */
}

.elementor-7736 .elementor-element.elementor-element-162e4654 a:hover {
    color: inherit !important; /* Verhindert ungewollte Farbwechsel */
    opacity: 0.7; /* Optional: Macht den Text selbst beim Hover minimal heller/leichter */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-403299c5 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-403299c5 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-403299c5:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3ff91c21 */.elementor-7736 .elementor-element.elementor-element-3ff91c21 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-3ff91c21 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f98aa63 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-f98aa63 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-f98aa63:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-321792c7 */.elementor-7736 .elementor-element.elementor-element-321792c7 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-321792c7 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-382d1e23 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-382d1e23 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-382d1e23:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7f72b593 */.elementor-7736 .elementor-element.elementor-element-7f72b593 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-7f72b593 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-667d68f3 *//* Stellt sicher, dass das Icon auf allen Screens 64x64px ist */
.menu-icon-fixed {
    width: 64px !important;
    height: 64px !important;
    /* Verhindert, dass Flexbox versucht, das Element zu verkleinern */
    flex-shrink: 0 !important; 
}

/* Ggf. notwendig, falls das Icon selbst (z.B. ein <img> oder <i> Tag) die Größe ignoriert */
.menu-icon-fixed i, 
.menu-icon-fixed svg {
    width: 100% !important;
    height: 100% !important;
}

.elementor-7736 .elementor-element.elementor-element-667d68f3 img {
    transition: all 0.3s ease-in-out;
    /* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-667d68f3:hover img {
    /* Hebt das Icon 5px nach oben */
    transform: translateY(-5px);
    /* Wirft einen weichen Schatten nach unten */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6141e46a */.elementor-7736 .elementor-element.elementor-element-6141e46a a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-6141e46a a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11ed54d */.elementor-7736 .elementor-element.elementor-element-11ed54d {
    /* Wichtig: Damit der Strich aus dem Container "ausbrechen" darf */
    overflow: visible; 
    position: relative;
}

.elementor-7736 .elementor-element.elementor-element-11ed54d::after {
    content: "";
    position: absolute;
    right: 0; /* Dockt die Linie rechts an */
    width: 1px; /* Die Dicke der Border */
    background-color: #EAEAEA; /* Helles Grau, passend zum Dropdown-Trenner */
    
    /* Die Magie: */
    top: -30px; /* Zieht die Linie 30px über den Container hinaus */
    bottom: 0; /* Die Linie geht bis zum unteren Rand des Containers */
    
    /* Optional: Z-Index, falls die Linie von etwas überdeckt wird */
    z-index: 1; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1e19b92b */.elementor-7736 .elementor-element.elementor-element-1e19b92b a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-1e19b92b a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-58b4be85 */.elementor-7736 .elementor-element.elementor-element-58b4be85 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-58b4be85 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3fe79872 */.elementor-7736 .elementor-element.elementor-element-3fe79872 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-3fe79872 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-209346b9 */.elementor-7736 .elementor-element.elementor-element-209346b9 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-209346b9 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-580a7154 */.elementor-7736 .elementor-element.elementor-element-580a7154 a {
    /* --- RESET START --- */
    color: inherit !important; 
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important; 
    border: none;
    box-shadow: none;
    /* --- RESET ENDE --- */

    /* WICHTIG FÜR ANIMATION: */
    /* Damit "transform" auf Text-Links wirkt, müssen sie sich wie Blöcke verhalten */
    display: inline-block; 
    
    /* Die Animation: */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Sorgt dafür, dass die Schrift während der Bewegung scharf bleibt */
    backface-visibility: hidden; 
}

.elementor-7736 .elementor-element.elementor-element-580a7154 a:hover {
    color: inherit !important; 
    text-decoration: none !important;

    /* DER EFFEKT: */
    /* Text hebt sich leicht an (etwas weniger als das Icon, um Hierarchie zu wahren) */
    transform: translateY(-3px);
    
    /* Optional: Leichte Aufhellung/Transparenz simuliert "Licht/Interaktion" */
    opacity: 0.8; 
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-13712f93 *//* Zwingt den Flex-Container des neuen Menu-Widgets in eine Zeile */
.elementor-7736 .elementor-element.elementor-element-13712f93 .e-n-menu {
    flex-wrap: nowrap !important;
}

/* Optional: Verhindert, dass der Text innerhalb der Items umbricht */
.elementor-7736 .elementor-element.elementor-element-13712f93 .e-n-menu-item-title {
    white-space: nowrap !important;
}/* End custom CSS */