.elementor-59 .elementor-element.elementor-element-ab7d53a{--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:-115px;--margin-left:0px;--margin-right:0px;--z-index:1000;}.elementor-59 .elementor-element.elementor-element-ab7d53a.e-con{--align-self:center;}.elementor-59 .elementor-element.elementor-element-8d71d77{--display:flex;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-c8ba5bd img{width:10vw;max-width:11vw;}.elementor-59 .elementor-element.elementor-element-efbcb75{--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-59 .elementor-element.elementor-element-efbcb75:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-efbcb75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CABDBD00;}.elementor-59 .elementor-element.elementor-element-efbcb75::before, .elementor-59 .elementor-element.elementor-element-efbcb75 > .elementor-background-video-container::before, .elementor-59 .elementor-element.elementor-element-efbcb75 > .e-con-inner > .elementor-background-video-container::before, .elementor-59 .elementor-element.elementor-element-efbcb75 > .elementor-background-slideshow::before, .elementor-59 .elementor-element.elementor-element-efbcb75 > .e-con-inner > .elementor-background-slideshow::before, .elementor-59 .elementor-element.elementor-element-efbcb75 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-59 .elementor-element.elementor-element-efbcb75.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-59 .elementor-element.elementor-element-b5aab42{--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-59 .elementor-element.elementor-element-b5aab42 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__link--top-level,
.elementor-59 .elementor-element.elementor-element-b5aab42 .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-59 .elementor-element.elementor-element-b5aab42 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__link--sub-level,
.elementor-59 .elementor-element.elementor-element-b5aab42 .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-item__link--sub-level{font-size:16px;line-height:24px;}.elementor-59 .elementor-element.elementor-element-b5aab42 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-sub-menu__list,
.elementor-59 .elementor-element.elementor-element-b5aab42 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner,
.elementor-59 .elementor-element.elementor-element-b5aab42 .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-sub-menu__list,
.elementor-59 .elementor-element.elementor-element-b5aab42 .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-mega-container__inner{border-radius:12px 12px 12px 12px;}.elementor-59 .elementor-element.elementor-element-b5aab42 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-sub-menu__list,
.elementor-59 .elementor-element.elementor-element-b5aab42 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner,
.elementor-59 .elementor-element.elementor-element-b5aab42 .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-sub-menu__list,
.elementor-59 .elementor-element.elementor-element-b5aab42 .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-59 .elementor-element.elementor-element-b5aab42 .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-59 .elementor-element.elementor-element-9431622{--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-59 .elementor-element.elementor-element-9431622:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-9431622 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-59 .elementor-element.elementor-element-3edc639{--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-59 .elementor-element.elementor-element-3edc639:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-3edc639 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-3b519c5{--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-59 .elementor-element.elementor-element-3b519c5:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-3b519c5 > .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-59 .elementor-element.elementor-element-d5acdbf{font-size:14px;line-height:14px;letter-spacing:1.2px;color:#727272;}.elementor-59 .elementor-element.elementor-element-d5acdbf a:hover, .elementor-59 .elementor-element.elementor-element-d5acdbf a:focus{color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-cde4239{--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-59 .elementor-element.elementor-element-cde4239:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-cde4239 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-0bdd1b7{--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-59 .elementor-element.elementor-element-0bdd1b7:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-0bdd1b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-7c33f4b{--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-59 .elementor-element.elementor-element-7c33f4b:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-7c33f4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-b9a11b9{width:initial;max-width:initial;}.elementor-59 .elementor-element.elementor-element-31341fe.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-59 .elementor-element.elementor-element-31341fe{font-size:16px;font-weight:600;line-height:20px;color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-31341fe a{color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-31341fe a:hover, .elementor-59 .elementor-element.elementor-element-31341fe a:focus{color:var( --e-global-color-secondary );}.elementor-59 .elementor-element.elementor-element-c089929{--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-59 .elementor-element.elementor-element-c089929:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-c089929 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-a26f62a{width:initial;max-width:initial;}.elementor-59 .elementor-element.elementor-element-bbd473b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-59 .elementor-element.elementor-element-bbd473b{font-size:16px;font-weight:600;line-height:20px;color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-bbd473b a{color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-bbd473b a:hover, .elementor-59 .elementor-element.elementor-element-bbd473b a:focus{color:var( --e-global-color-secondary );}.elementor-59 .elementor-element.elementor-element-3d84cc1{--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-59 .elementor-element.elementor-element-3d84cc1:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-3d84cc1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-d40b7f6{--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-59 .elementor-element.elementor-element-d40b7f6:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-d40b7f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-1bb4c5e{width:initial;max-width:initial;}.elementor-59 .elementor-element.elementor-element-4cff5b0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-59 .elementor-element.elementor-element-4cff5b0{font-size:16px;font-weight:600;line-height:20px;color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-4cff5b0 a{color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-4cff5b0 a:hover, .elementor-59 .elementor-element.elementor-element-4cff5b0 a:focus{color:var( --e-global-color-secondary );}.elementor-59 .elementor-element.elementor-element-0e66d5d{--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-59 .elementor-element.elementor-element-0e66d5d:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-0e66d5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-bef7f02{width:initial;max-width:initial;}.elementor-59 .elementor-element.elementor-element-0037ab6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-59 .elementor-element.elementor-element-0037ab6{font-size:16px;font-weight:600;line-height:20px;color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-0037ab6 a{color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-0037ab6 a:hover, .elementor-59 .elementor-element.elementor-element-0037ab6 a:focus{color:var( --e-global-color-secondary );}.elementor-59 .elementor-element.elementor-element-d6374f0{--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-59 .elementor-element.elementor-element-d6374f0:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-d6374f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-788019c{--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-59 .elementor-element.elementor-element-788019c:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-788019c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-e71558e{font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-e71558e a:hover, .elementor-59 .elementor-element.elementor-element-e71558e a:focus{color:var( --e-global-color-secondary );}.elementor-59 .elementor-element.elementor-element-4e08500{--display:flex;--gap:2px 20px;--row-gap:2px;--column-gap:20px;}.elementor-59 .elementor-element.elementor-element-4e08500:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-4e08500 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-59 .elementor-element.elementor-element-a5bf9ce{--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-59 .elementor-element.elementor-element-a5bf9ce:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-a5bf9ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-b94f712{--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-59 .elementor-element.elementor-element-b94f712:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-b94f712 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-2fee926{--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-59 .elementor-element.elementor-element-2fee926:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-2fee926 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-0c8af10{font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-0c8af10 a{color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-0c8af10 a:hover, .elementor-59 .elementor-element.elementor-element-0c8af10 a:focus{color:var( --e-global-color-secondary );}.elementor-59 .elementor-element.elementor-element-487dc9c{--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-59 .elementor-element.elementor-element-487dc9c:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-487dc9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-a5a6c55{font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-a5a6c55 a{color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-a5a6c55 a:hover, .elementor-59 .elementor-element.elementor-element-a5a6c55 a:focus{color:var( --e-global-color-secondary );}.elementor-59 .elementor-element.elementor-element-f0bc922{--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-59 .elementor-element.elementor-element-f0bc922:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-f0bc922 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-18c5f29{--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-59 .elementor-element.elementor-element-18c5f29:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-18c5f29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-92d5660{font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-92d5660 a{color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-92d5660 a:hover, .elementor-59 .elementor-element.elementor-element-92d5660 a:focus{color:var( --e-global-color-secondary );}.elementor-59 .elementor-element.elementor-element-2798527{--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-59 .elementor-element.elementor-element-2798527:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-2798527 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-f765151{font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-f765151 a{color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-f765151 a:hover, .elementor-59 .elementor-element.elementor-element-f765151 a:focus{color:var( --e-global-color-secondary );}.elementor-59 .elementor-element.elementor-element-5f16526{--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-59 .elementor-element.elementor-element-5f16526:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-5f16526 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-59 .elementor-element.elementor-element-2c67961{--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-59 .elementor-element.elementor-element-2c67961:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-2c67961 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-59 .elementor-element.elementor-element-276c647{--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-59 .elementor-element.elementor-element-276c647:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-276c647 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-3ad54a6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-3ad54a6:hover{box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);}.elementor-59 .elementor-element.elementor-element-5c99ac1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-5c99ac1:hover{box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);}.elementor-59 .elementor-element.elementor-element-f7cbd4a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-f7cbd4a:hover{box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);}.elementor-59 .elementor-element.elementor-element-e24e813{--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-59 .elementor-element.elementor-element-e24e813:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-e24e813 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-59 .elementor-element.elementor-element-4a7bc75{--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-59 .elementor-element.elementor-element-4a7bc75:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-4a7bc75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-77aa3db{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-77aa3db:hover{box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);}.elementor-59 .elementor-element.elementor-element-e910ada{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-e910ada:hover{box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);}.elementor-59 .elementor-element.elementor-element-1a55350{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-1a55350:hover{box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);}.elementor-59 .elementor-element.elementor-element-c3fc386{--display:flex;}.elementor-59 .elementor-element.elementor-element-6daa309{--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-59 .elementor-element.elementor-element-6daa309 > .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-59 .elementor-element.elementor-element-6daa309.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-59 .elementor-element.elementor-element-6daa309 {--n-menu-title-color-hover:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-6daa309 > .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-59 .elementor-element.elementor-element-3b8bcaa{--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-59 .elementor-element.elementor-element-ec6dd6b{background-color:var( --e-global-color-text );padding:3px 7px 3px 7px;border-radius:12px 12px 12px 12px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-59 .elementor-element.elementor-element-ec6dd6b.elementor-element{--align-self:center;}.elementor-59 .elementor-element.elementor-element-ec6dd6b .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.5s;}.elementor-59 .elementor-element.elementor-element-ec6dd6b .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.5s;}.elementor-59 .elementor-element.elementor-element-ec6dd6b .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-59 .elementor-element.elementor-element-ec6dd6b .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-59 .elementor-element.elementor-element-ec6dd6b .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-59 .elementor-element.elementor-element-ec6dd6b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-59 .elementor-element.elementor-element-ec6dd6b .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-59 .elementor-element.elementor-element-ec6dd6b .elementor-icon-list-text{color:#FFFFFF;transition:color 0.5s;}.elementor-59 .elementor-element.elementor-element-ec6dd6b .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-primary );}.elementor-59 .elementor-element.elementor-element-814f9db{--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-59 .elementor-element.elementor-element-b7e23d7{--display:flex;}.elementor-59 .elementor-element.elementor-element-b7e23d7:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-b7e23d7 > .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-59 .elementor-element.elementor-element-f055c18 .elementor-icon-wrapper{text-align:center;}.elementor-59 .elementor-element.elementor-element-8fd4a2b .elementor-icon-wrapper{text-align:center;}.elementor-59 .elementor-element.elementor-element-8fd4a2b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-8fd4a2b.elementor-view-framed .elementor-icon, .elementor-59 .elementor-element.elementor-element-8fd4a2b.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-8fd4a2b.elementor-view-framed .elementor-icon, .elementor-59 .elementor-element.elementor-element-8fd4a2b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-ad8d14a{--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-59 .elementor-element.elementor-element-ad8d14a.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}body:not(.rtl) .elementor-59 .elementor-element.elementor-element-ad8d14a{right:0px;}body.rtl .elementor-59 .elementor-element.elementor-element-ad8d14a{left:0px;}.elementor-59 .elementor-element.elementor-element-8d60534.elementor-element{--align-self:flex-end;}.elementor-59 .elementor-element.elementor-element-8d60534{z-index:5;}.elementor-59 .elementor-element.elementor-element-8d60534 .elementor-icon-wrapper{text-align:center;}.elementor-59 .elementor-element.elementor-element-8d60534.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );color:var( --e-global-color-b33f476 );}.elementor-59 .elementor-element.elementor-element-8d60534.elementor-view-framed .elementor-icon, .elementor-59 .elementor-element.elementor-element-8d60534.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-8d60534.elementor-view-framed .elementor-icon, .elementor-59 .elementor-element.elementor-element-8d60534.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-8d60534.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-b33f476 );}.elementor-59 .elementor-element.elementor-element-8d60534.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-b33f476 );}.elementor-59 .elementor-element.elementor-element-8d60534.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );}.elementor-59 .elementor-element.elementor-element-8d60534.elementor-view-framed .elementor-icon:hover, .elementor-59 .elementor-element.elementor-element-8d60534.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-8d60534.elementor-view-framed .elementor-icon:hover, .elementor-59 .elementor-element.elementor-element-8d60534.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-text );}.elementor-59 .elementor-element.elementor-element-8d60534.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-primary );}.elementor-59 .elementor-element.elementor-element-8d60534.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-59 .elementor-element.elementor-element-8d60534 .elementor-icon{font-size:20px;border-width:0px 0px 0px 0px;border-radius:3px 3px 3px 3px;}.elementor-59 .elementor-element.elementor-element-8d60534 .elementor-icon svg{height:20px;}.elementor-59 .elementor-element.elementor-element-7066209{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-59 .elementor-element.elementor-element-ab7d53a{--content-width:100%;}.elementor-59 .elementor-element.elementor-element-8d71d77{--width:25%;}.elementor-59 .elementor-element.elementor-element-efbcb75{--width:100%;}.elementor-59 .elementor-element.elementor-element-9431622{--content-width:56vw;}.elementor-59 .elementor-element.elementor-element-3b519c5{--width:100%;}.elementor-59 .elementor-element.elementor-element-0bdd1b7{--width:33%;}.elementor-59 .elementor-element.elementor-element-7c33f4b{--width:100%;}.elementor-59 .elementor-element.elementor-element-c089929{--width:100%;}.elementor-59 .elementor-element.elementor-element-3d84cc1{--width:33%;}.elementor-59 .elementor-element.elementor-element-d40b7f6{--width:100%;}.elementor-59 .elementor-element.elementor-element-0e66d5d{--width:100%;}.elementor-59 .elementor-element.elementor-element-d6374f0{--width:33%;}.elementor-59 .elementor-element.elementor-element-788019c{--width:92%;}.elementor-59 .elementor-element.elementor-element-4e08500{--content-width:40vw;}.elementor-59 .elementor-element.elementor-element-b94f712{--width:50%;}.elementor-59 .elementor-element.elementor-element-2fee926{--width:100%;}.elementor-59 .elementor-element.elementor-element-487dc9c{--width:100%;}.elementor-59 .elementor-element.elementor-element-f0bc922{--width:50%;}.elementor-59 .elementor-element.elementor-element-18c5f29{--width:100%;}.elementor-59 .elementor-element.elementor-element-2798527{--width:100%;}.elementor-59 .elementor-element.elementor-element-5f16526{--content-width:56vw;}.elementor-59 .elementor-element.elementor-element-276c647{--width:80%;}.elementor-59 .elementor-element.elementor-element-4a7bc75{--width:80%;}.elementor-59 .elementor-element.elementor-element-3b8bcaa{--width:25%;}.elementor-59 .elementor-element.elementor-element-ad8d14a{--width:5%;}}@media(max-width:1425px) and (min-width:768px){.elementor-59 .elementor-element.elementor-element-8d71d77{--width:25%;}.elementor-59 .elementor-element.elementor-element-efbcb75{--width:50%;}.elementor-59 .elementor-element.elementor-element-9431622{--content-width:66vw;}.elementor-59 .elementor-element.elementor-element-4e08500{--content-width:66vw;}.elementor-59 .elementor-element.elementor-element-3b8bcaa{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-59 .elementor-element.elementor-element-efbcb75{--width:56%;}.elementor-59 .elementor-element.elementor-element-9431622{--content-width:100vw;}}@media(max-width:1425px){.elementor-59 .elementor-element.elementor-element-efbcb75{--margin-top:0%;--margin-bottom:0%;--margin-left:2%;--margin-right:2%;}.elementor-59 .elementor-element.elementor-element-6daa309.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-59 .elementor-element.elementor-element-6daa309 > .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-59 .elementor-element.elementor-element-ec6dd6b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-59 .elementor-element.elementor-element-ec6dd6b .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:1024px){.elementor-59 .elementor-element.elementor-element-c8ba5bd img{width:14vw;max-width:14vw;}.elementor-59 .elementor-element.elementor-element-cde4239{--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-59 .elementor-element.elementor-element-b9a11b9{--container-widget-width:64px;--container-widget-flex-grow:0;width:var( --container-widget-width, 64px );max-width:64px;}.elementor-59 .elementor-element.elementor-element-31341fe{width:var( --container-widget-width, 75.781px );max-width:75.781px;--container-widget-width:75.781px;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-a26f62a{--container-widget-width:64px;--container-widget-flex-grow:0;width:var( --container-widget-width, 64px );max-width:64px;}.elementor-59 .elementor-element.elementor-element-bbd473b{width:var( --container-widget-width, 75.781px );max-width:75.781px;--container-widget-width:75.781px;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-1bb4c5e{--container-widget-width:64px;--container-widget-flex-grow:0;width:var( --container-widget-width, 64px );max-width:64px;}.elementor-59 .elementor-element.elementor-element-4cff5b0{width:var( --container-widget-width, 75.781px );max-width:75.781px;--container-widget-width:75.781px;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-bef7f02{--container-widget-width:64px;--container-widget-flex-grow:0;width:var( --container-widget-width, 64px );max-width:64px;}.elementor-59 .elementor-element.elementor-element-0037ab6{width:var( --container-widget-width, 75.781px );max-width:75.781px;--container-widget-width:75.781px;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-6daa309{--n-menu-title-space-between:0px;--n-menu-title-padding:5px 5px 5px 5px;}.elementor-59 .elementor-element.elementor-element-ec6dd6b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-59 .elementor-element.elementor-element-ec6dd6b .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-59 .elementor-element.elementor-element-ec6dd6b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-59 .elementor-element.elementor-element-ec6dd6b .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-59 .elementor-element.elementor-element-814f9db{--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-59 .elementor-element.elementor-element-b7e23d7{--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-59 .elementor-element.elementor-element-f055c18 .elementor-icon{font-size:20px;}.elementor-59 .elementor-element.elementor-element-f055c18 .elementor-icon svg{height:20px;}.elementor-59 .elementor-element.elementor-element-27a416c img{width:60%;}.elementor-59 .elementor-element.elementor-element-8fd4a2b .elementor-icon{font-size:20px;}.elementor-59 .elementor-element.elementor-element-8fd4a2b .elementor-icon svg{height:20px;}.elementor-59 .elementor-element.elementor-element-ad8d14a{--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-59 .elementor-element.elementor-element-ad8d14a.e-con{--align-self:flex-end;}.elementor-59 .elementor-element.elementor-element-8d60534{margin:0px 5px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-59 .elementor-element.elementor-element-8d60534.elementor-element{--align-self:flex-end;}.elementor-59 .elementor-element.elementor-element-8d60534 .elementor-icon-wrapper{text-align:end;}}/* Start custom CSS for text-editor, class: .elementor-element-d5acdbf */.elementor-59 .elementor-element.elementor-element-d5acdbf 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-59 .elementor-element.elementor-element-d5acdbf 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-59 .elementor-element.elementor-element-d5acdbf a:hover::after {
width: 100%; /* Linie zieht sich voll auf */
}
.elementor-59 .elementor-element.elementor-element-d5acdbf 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-b9a11b9 *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-b9a11b9 img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-b9a11b9: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-31341fe */.elementor-59 .elementor-element.elementor-element-31341fe 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-59 .elementor-element.elementor-element-31341fe 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-a26f62a *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-a26f62a img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-a26f62a: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-bbd473b */.elementor-59 .elementor-element.elementor-element-bbd473b 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-59 .elementor-element.elementor-element-bbd473b 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-1bb4c5e *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-1bb4c5e img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-1bb4c5e: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-4cff5b0 */.elementor-59 .elementor-element.elementor-element-4cff5b0 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-59 .elementor-element.elementor-element-4cff5b0 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-bef7f02 *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-bef7f02 img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-bef7f02: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-0037ab6 */.elementor-59 .elementor-element.elementor-element-0037ab6 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-59 .elementor-element.elementor-element-0037ab6 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-3d84cc1 */.elementor-59 .elementor-element.elementor-element-3d84cc1 {
/* Wichtig: Damit der Strich aus dem Container "ausbrechen" darf */
overflow: visible;
position: relative;
}
.elementor-59 .elementor-element.elementor-element-3d84cc1::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-e71558e */.elementor-59 .elementor-element.elementor-element-e71558e 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-59 .elementor-element.elementor-element-e71558e 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-0c8af10 */.elementor-59 .elementor-element.elementor-element-0c8af10 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-59 .elementor-element.elementor-element-0c8af10 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-a5a6c55 */.elementor-59 .elementor-element.elementor-element-a5a6c55 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-59 .elementor-element.elementor-element-a5a6c55 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-92d5660 */.elementor-59 .elementor-element.elementor-element-92d5660 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-59 .elementor-element.elementor-element-92d5660 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-f765151 */.elementor-59 .elementor-element.elementor-element-f765151 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-59 .elementor-element.elementor-element-f765151 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-d5acdbf */.elementor-59 .elementor-element.elementor-element-d5acdbf 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-59 .elementor-element.elementor-element-d5acdbf 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-59 .elementor-element.elementor-element-d5acdbf a:hover::after {
width: 100%; /* Linie zieht sich voll auf */
}
.elementor-59 .elementor-element.elementor-element-d5acdbf 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-b9a11b9 *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-b9a11b9 img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-b9a11b9: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-31341fe */.elementor-59 .elementor-element.elementor-element-31341fe 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-59 .elementor-element.elementor-element-31341fe 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-a26f62a *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-a26f62a img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-a26f62a: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-bbd473b */.elementor-59 .elementor-element.elementor-element-bbd473b 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-59 .elementor-element.elementor-element-bbd473b 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-1bb4c5e *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-1bb4c5e img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-1bb4c5e: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-4cff5b0 */.elementor-59 .elementor-element.elementor-element-4cff5b0 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-59 .elementor-element.elementor-element-4cff5b0 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-bef7f02 *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-bef7f02 img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-bef7f02: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-0037ab6 */.elementor-59 .elementor-element.elementor-element-0037ab6 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-59 .elementor-element.elementor-element-0037ab6 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-3d84cc1 */.elementor-59 .elementor-element.elementor-element-3d84cc1 {
/* Wichtig: Damit der Strich aus dem Container "ausbrechen" darf */
overflow: visible;
position: relative;
}
.elementor-59 .elementor-element.elementor-element-3d84cc1::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-e71558e */.elementor-59 .elementor-element.elementor-element-e71558e 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-59 .elementor-element.elementor-element-e71558e 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-0c8af10 */.elementor-59 .elementor-element.elementor-element-0c8af10 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-59 .elementor-element.elementor-element-0c8af10 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-a5a6c55 */.elementor-59 .elementor-element.elementor-element-a5a6c55 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-59 .elementor-element.elementor-element-a5a6c55 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-92d5660 */.elementor-59 .elementor-element.elementor-element-92d5660 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-59 .elementor-element.elementor-element-92d5660 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-f765151 */.elementor-59 .elementor-element.elementor-element-f765151 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-59 .elementor-element.elementor-element-f765151 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-d5acdbf */.elementor-59 .elementor-element.elementor-element-d5acdbf 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-59 .elementor-element.elementor-element-d5acdbf 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-59 .elementor-element.elementor-element-d5acdbf a:hover::after {
width: 100%; /* Linie zieht sich voll auf */
}
.elementor-59 .elementor-element.elementor-element-d5acdbf 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-b9a11b9 *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-b9a11b9 img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-b9a11b9: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-31341fe */.elementor-59 .elementor-element.elementor-element-31341fe 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-59 .elementor-element.elementor-element-31341fe 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-a26f62a *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-a26f62a img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-a26f62a: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-bbd473b */.elementor-59 .elementor-element.elementor-element-bbd473b 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-59 .elementor-element.elementor-element-bbd473b 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-1bb4c5e *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-1bb4c5e img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-1bb4c5e: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-4cff5b0 */.elementor-59 .elementor-element.elementor-element-4cff5b0 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-59 .elementor-element.elementor-element-4cff5b0 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-bef7f02 *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-bef7f02 img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-bef7f02: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-0037ab6 */.elementor-59 .elementor-element.elementor-element-0037ab6 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-59 .elementor-element.elementor-element-0037ab6 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-3d84cc1 */.elementor-59 .elementor-element.elementor-element-3d84cc1 {
/* Wichtig: Damit der Strich aus dem Container "ausbrechen" darf */
overflow: visible;
position: relative;
}
.elementor-59 .elementor-element.elementor-element-3d84cc1::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-e71558e */.elementor-59 .elementor-element.elementor-element-e71558e 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-59 .elementor-element.elementor-element-e71558e 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-0c8af10 */.elementor-59 .elementor-element.elementor-element-0c8af10 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-59 .elementor-element.elementor-element-0c8af10 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-a5a6c55 */.elementor-59 .elementor-element.elementor-element-a5a6c55 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-59 .elementor-element.elementor-element-a5a6c55 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-92d5660 */.elementor-59 .elementor-element.elementor-element-92d5660 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-59 .elementor-element.elementor-element-92d5660 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-f765151 */.elementor-59 .elementor-element.elementor-element-f765151 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-59 .elementor-element.elementor-element-f765151 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-d5acdbf */.elementor-59 .elementor-element.elementor-element-d5acdbf 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-59 .elementor-element.elementor-element-d5acdbf 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-59 .elementor-element.elementor-element-d5acdbf a:hover::after {
width: 100%; /* Linie zieht sich voll auf */
}
.elementor-59 .elementor-element.elementor-element-d5acdbf 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-b9a11b9 *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-b9a11b9 img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-b9a11b9: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-31341fe */.elementor-59 .elementor-element.elementor-element-31341fe 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-59 .elementor-element.elementor-element-31341fe 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-a26f62a *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-a26f62a img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-a26f62a: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-bbd473b */.elementor-59 .elementor-element.elementor-element-bbd473b 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-59 .elementor-element.elementor-element-bbd473b 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-1bb4c5e *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-1bb4c5e img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-1bb4c5e: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-4cff5b0 */.elementor-59 .elementor-element.elementor-element-4cff5b0 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-59 .elementor-element.elementor-element-4cff5b0 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-bef7f02 *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-bef7f02 img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-bef7f02: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-0037ab6 */.elementor-59 .elementor-element.elementor-element-0037ab6 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-59 .elementor-element.elementor-element-0037ab6 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-3d84cc1 */.elementor-59 .elementor-element.elementor-element-3d84cc1 {
/* Wichtig: Damit der Strich aus dem Container "ausbrechen" darf */
overflow: visible;
position: relative;
}
.elementor-59 .elementor-element.elementor-element-3d84cc1::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-e71558e */.elementor-59 .elementor-element.elementor-element-e71558e 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-59 .elementor-element.elementor-element-e71558e 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-0c8af10 */.elementor-59 .elementor-element.elementor-element-0c8af10 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-59 .elementor-element.elementor-element-0c8af10 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-a5a6c55 */.elementor-59 .elementor-element.elementor-element-a5a6c55 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-59 .elementor-element.elementor-element-a5a6c55 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-92d5660 */.elementor-59 .elementor-element.elementor-element-92d5660 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-59 .elementor-element.elementor-element-92d5660 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-f765151 */.elementor-59 .elementor-element.elementor-element-f765151 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-59 .elementor-element.elementor-element-f765151 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-d5acdbf */.elementor-59 .elementor-element.elementor-element-d5acdbf 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-59 .elementor-element.elementor-element-d5acdbf 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-59 .elementor-element.elementor-element-d5acdbf a:hover::after {
width: 100%; /* Linie zieht sich voll auf */
}
.elementor-59 .elementor-element.elementor-element-d5acdbf 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-b9a11b9 *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-b9a11b9 img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-b9a11b9: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-31341fe */.elementor-59 .elementor-element.elementor-element-31341fe 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-59 .elementor-element.elementor-element-31341fe 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-a26f62a *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-a26f62a img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-a26f62a: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-bbd473b */.elementor-59 .elementor-element.elementor-element-bbd473b 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-59 .elementor-element.elementor-element-bbd473b 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-1bb4c5e *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-1bb4c5e img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-1bb4c5e: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-4cff5b0 */.elementor-59 .elementor-element.elementor-element-4cff5b0 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-59 .elementor-element.elementor-element-4cff5b0 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-bef7f02 *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-bef7f02 img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-bef7f02: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-0037ab6 */.elementor-59 .elementor-element.elementor-element-0037ab6 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-59 .elementor-element.elementor-element-0037ab6 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-3d84cc1 */.elementor-59 .elementor-element.elementor-element-3d84cc1 {
/* Wichtig: Damit der Strich aus dem Container "ausbrechen" darf */
overflow: visible;
position: relative;
}
.elementor-59 .elementor-element.elementor-element-3d84cc1::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-e71558e */.elementor-59 .elementor-element.elementor-element-e71558e 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-59 .elementor-element.elementor-element-e71558e 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-0c8af10 */.elementor-59 .elementor-element.elementor-element-0c8af10 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-59 .elementor-element.elementor-element-0c8af10 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-a5a6c55 */.elementor-59 .elementor-element.elementor-element-a5a6c55 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-59 .elementor-element.elementor-element-a5a6c55 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-92d5660 */.elementor-59 .elementor-element.elementor-element-92d5660 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-59 .elementor-element.elementor-element-92d5660 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-f765151 */.elementor-59 .elementor-element.elementor-element-f765151 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-59 .elementor-element.elementor-element-f765151 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-d5acdbf */.elementor-59 .elementor-element.elementor-element-d5acdbf 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-59 .elementor-element.elementor-element-d5acdbf 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-59 .elementor-element.elementor-element-d5acdbf a:hover::after {
width: 100%; /* Linie zieht sich voll auf */
}
.elementor-59 .elementor-element.elementor-element-d5acdbf 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-b9a11b9 *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-b9a11b9 img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-b9a11b9: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-31341fe */.elementor-59 .elementor-element.elementor-element-31341fe 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-59 .elementor-element.elementor-element-31341fe 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-a26f62a *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-a26f62a img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-a26f62a: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-bbd473b */.elementor-59 .elementor-element.elementor-element-bbd473b 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-59 .elementor-element.elementor-element-bbd473b 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-1bb4c5e *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-1bb4c5e img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-1bb4c5e: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-4cff5b0 */.elementor-59 .elementor-element.elementor-element-4cff5b0 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-59 .elementor-element.elementor-element-4cff5b0 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-bef7f02 *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-bef7f02 img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-bef7f02: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-0037ab6 */.elementor-59 .elementor-element.elementor-element-0037ab6 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-59 .elementor-element.elementor-element-0037ab6 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-3d84cc1 */.elementor-59 .elementor-element.elementor-element-3d84cc1 {
/* Wichtig: Damit der Strich aus dem Container "ausbrechen" darf */
overflow: visible;
position: relative;
}
.elementor-59 .elementor-element.elementor-element-3d84cc1::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-e71558e */.elementor-59 .elementor-element.elementor-element-e71558e 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-59 .elementor-element.elementor-element-e71558e 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-0c8af10 */.elementor-59 .elementor-element.elementor-element-0c8af10 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-59 .elementor-element.elementor-element-0c8af10 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-a5a6c55 */.elementor-59 .elementor-element.elementor-element-a5a6c55 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-59 .elementor-element.elementor-element-a5a6c55 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-92d5660 */.elementor-59 .elementor-element.elementor-element-92d5660 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-59 .elementor-element.elementor-element-92d5660 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-f765151 */.elementor-59 .elementor-element.elementor-element-f765151 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-59 .elementor-element.elementor-element-f765151 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-d5acdbf */.elementor-59 .elementor-element.elementor-element-d5acdbf 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-59 .elementor-element.elementor-element-d5acdbf 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-59 .elementor-element.elementor-element-d5acdbf a:hover::after {
width: 100%; /* Linie zieht sich voll auf */
}
.elementor-59 .elementor-element.elementor-element-d5acdbf 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-b9a11b9 *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-b9a11b9 img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-b9a11b9: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-31341fe */.elementor-59 .elementor-element.elementor-element-31341fe 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-59 .elementor-element.elementor-element-31341fe 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-a26f62a *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-a26f62a img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-a26f62a: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-bbd473b */.elementor-59 .elementor-element.elementor-element-bbd473b 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-59 .elementor-element.elementor-element-bbd473b 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-1bb4c5e *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-1bb4c5e img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-1bb4c5e: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-4cff5b0 */.elementor-59 .elementor-element.elementor-element-4cff5b0 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-59 .elementor-element.elementor-element-4cff5b0 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-bef7f02 *//* 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 ![]()
oder Tag) die Größe ignoriert */
.menu-icon-fixed i,
.menu-icon-fixed svg {
width: 100% !important;
height: 100% !important;
}
.elementor-59 .elementor-element.elementor-element-bef7f02 img {
transition: all 0.3s ease-in-out;
/* Verhindert leichtes Ruckeln/Unschärfe beim Hover */
backface-visibility: hidden;
}
.elementor-59 .elementor-element.elementor-element-bef7f02: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-0037ab6 */.elementor-59 .elementor-element.elementor-element-0037ab6 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-59 .elementor-element.elementor-element-0037ab6 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-3d84cc1 */.elementor-59 .elementor-element.elementor-element-3d84cc1 {
/* Wichtig: Damit der Strich aus dem Container "ausbrechen" darf */
overflow: visible;
position: relative;
}
.elementor-59 .elementor-element.elementor-element-3d84cc1::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-e71558e */.elementor-59 .elementor-element.elementor-element-e71558e 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-59 .elementor-element.elementor-element-e71558e 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-0c8af10 */.elementor-59 .elementor-element.elementor-element-0c8af10 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-59 .elementor-element.elementor-element-0c8af10 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-a5a6c55 */.elementor-59 .elementor-element.elementor-element-a5a6c55 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-59 .elementor-element.elementor-element-a5a6c55 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-92d5660 */.elementor-59 .elementor-element.elementor-element-92d5660 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-59 .elementor-element.elementor-element-92d5660 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-f765151 */.elementor-59 .elementor-element.elementor-element-f765151 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-59 .elementor-element.elementor-element-f765151 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-6daa309 *//* Zwingt den Flex-Container des neuen Menu-Widgets in eine Zeile */
.elementor-59 .elementor-element.elementor-element-6daa309 .e-n-menu {
flex-wrap: nowrap !important;
}
/* Optional: Verhindert, dass der Text innerhalb der Items umbricht */
.elementor-59 .elementor-element.elementor-element-6daa309 .e-n-menu-item-title {
white-space: nowrap !important;
}/* End custom CSS */