.elementor-1067 .elementor-element.elementor-element-7ec430e{--display:flex;--min-height:600px;--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;}.elementor-1067 .elementor-element.elementor-element-69dc111{--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;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-69dc111:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-69dc111 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1067 .elementor-element.elementor-element-c7e4461{--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;--border-radius:0px 100px 100px 30px;--margin-top:-400px;--margin-bottom:0px;--margin-left:-40px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:60px;--padding-right:20px;}.elementor-1067 .elementor-element.elementor-element-c7e4461:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-c7e4461 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-33dd946{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1067 .elementor-element.elementor-element-33dd946 .elementor-heading-title{font-size:40px;font-weight:800;text-transform:uppercase;line-height:40px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );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-1067 .elementor-element.elementor-element-d9b5ed2{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1067 .elementor-element.elementor-element-dfdb034 .elementor-button{background-color:var( --e-global-color-secondary );font-size:13px;font-weight:800;text-transform:uppercase;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:25px 25px 25px 25px;padding:17px 17px 17px 17px;}.elementor-1067 .elementor-element.elementor-element-e653071{--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;--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-1067 .elementor-element.elementor-element-64c0c6d{width:var( --container-widget-width, 30% );max-width:30%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:30%;--container-widget-flex-grow:0;top:47px;text-align:end;font-size:25px;font-weight:900;text-transform:uppercase;line-height:25px;color:var( --e-global-color-primary );}body:not(.rtl) .elementor-1067 .elementor-element.elementor-element-64c0c6d{left:381px;}body.rtl .elementor-1067 .elementor-element.elementor-element-64c0c6d{right:381px;}.elementor-1067 .elementor-element.elementor-element-b0594bd{--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-1067 .elementor-element.elementor-element-d857112{--display:flex;--flex-direction:column-reverse;--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:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-d857112:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-d857112 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #1D452D 0%, #001508 100%);}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1067 .elementor-element.elementor-element-cc2ce2c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-cc2ce2c:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-cc2ce2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1067 .elementor-element.elementor-element-8adb728{--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;--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-1067 .elementor-element.elementor-element-897d0c2{--display:flex;}.elementor-1067 .elementor-element.elementor-element-897d0c2:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-897d0c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1067 .elementor-element.elementor-element-f97315c{--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;--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-1067 .elementor-element.elementor-element-56c5c9f{--display:flex;}.elementor-1067 .elementor-element.elementor-element-56c5c9f:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-56c5c9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1067 .elementor-element.elementor-element-be5b393{--display:flex;}.elementor-1067 .elementor-element.elementor-element-be5b393:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-be5b393 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1067 .elementor-element.elementor-element-6c984e1{--display:flex;--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-1067 .elementor-element.elementor-element-6c984e1:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-6c984e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1067 .elementor-element.elementor-element-6fdf092{--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;--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-1067 .elementor-element.elementor-element-a943637{padding:100px 0px 0px 0px;text-align:center;}.elementor-1067 .elementor-element.elementor-element-a943637 .elementor-heading-title{font-size:70px;font-weight:600;text-transform:uppercase;color:#193B26;}.elementor-1067 .elementor-element.elementor-element-d05eb62{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-d05eb62.elementor-element{--align-self:center;}.elementor-1067 .elementor-element.elementor-element-e93a1c6{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-e93a1c6.elementor-element{--align-self:center;}.elementor-1067 .elementor-element.elementor-element-525d138{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1067 .elementor-element.elementor-element-525d138:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-525d138 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-1067 .elementor-element.elementor-element-37c49a3{--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;}.elementor-1067 .elementor-element.elementor-element-a2ac97c{text-align:center;}.elementor-1067 .elementor-element.elementor-element-a2ac97c .elementor-heading-title{font-size:70px;font-weight:600;text-transform:uppercase;color:#CAC1B3;}.elementor-1067 .elementor-element.elementor-element-8c9ca48{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1067 .elementor-element.elementor-element-8c9ca48.e-con{--align-self:center;}.elementor-1067 .elementor-element.elementor-element-cd73d16{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-fd49476{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1067 .elementor-element.elementor-element-769146d{--e-image-carousel-slides-to-show:1;}.elementor-1067 .elementor-element.elementor-element-769146d .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1067 .elementor-element.elementor-element-769146d .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-769146d .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1067 .elementor-element.elementor-element-769146d .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-769146d .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:15px 15px 15px 15px;}.elementor-1067 .elementor-element.elementor-element-afd0cef{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-afd0cef:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-afd0cef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1067 .elementor-element.elementor-element-b36bd53{--display:flex;--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-1067 .elementor-element.elementor-element-867be2e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-7c67414{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-7d39adb{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1067 .elementor-element.elementor-element-7d39adb:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-7d39adb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-1067 .elementor-element.elementor-element-1036288{--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;}.elementor-1067 .elementor-element.elementor-element-d586f4c{text-align:center;}.elementor-1067 .elementor-element.elementor-element-d586f4c .elementor-heading-title{font-size:70px;font-weight:600;text-transform:uppercase;color:#CAC1B3;}.elementor-1067 .elementor-element.elementor-element-647c5d9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1067 .elementor-element.elementor-element-647c5d9.e-con{--align-self:center;}.elementor-1067 .elementor-element.elementor-element-c08d60d{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-0dcb6ab{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1067 .elementor-element.elementor-element-a337140{--e-image-carousel-slides-to-show:1;}.elementor-1067 .elementor-element.elementor-element-a337140 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1067 .elementor-element.elementor-element-a337140 .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-a337140 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1067 .elementor-element.elementor-element-a337140 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-a337140 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:15px 15px 15px 15px;}.elementor-1067 .elementor-element.elementor-element-3335fb3{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-3335fb3:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-3335fb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1067 .elementor-element.elementor-element-8499faf{--display:flex;--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-1067 .elementor-element.elementor-element-b3ff78a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-4d56a95{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-c2f9849{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1067 .elementor-element.elementor-element-c2f9849:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-c2f9849 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-1067 .elementor-element.elementor-element-f15c1db{--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;}.elementor-1067 .elementor-element.elementor-element-ff70dc7{text-align:center;}.elementor-1067 .elementor-element.elementor-element-ff70dc7 .elementor-heading-title{font-size:70px;font-weight:600;text-transform:uppercase;color:#CAC1B3;}.elementor-1067 .elementor-element.elementor-element-bcea9c1{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1067 .elementor-element.elementor-element-bcea9c1.e-con{--align-self:center;}.elementor-1067 .elementor-element.elementor-element-7340419{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-ae691f7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1067 .elementor-element.elementor-element-893b8d4{--e-image-carousel-slides-to-show:1;}.elementor-1067 .elementor-element.elementor-element-893b8d4 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1067 .elementor-element.elementor-element-893b8d4 .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-893b8d4 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1067 .elementor-element.elementor-element-893b8d4 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-893b8d4 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:15px 15px 15px 15px;}.elementor-1067 .elementor-element.elementor-element-224ff3f{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-224ff3f:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-224ff3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1067 .elementor-element.elementor-element-37432f2{--display:flex;--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-1067 .elementor-element.elementor-element-90a24e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-1589311{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-18adf24{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1067 .elementor-element.elementor-element-18adf24:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-18adf24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-1067 .elementor-element.elementor-element-c0cfb67{--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;}.elementor-1067 .elementor-element.elementor-element-88ddfa4{text-align:center;}.elementor-1067 .elementor-element.elementor-element-88ddfa4 .elementor-heading-title{font-size:70px;font-weight:600;text-transform:uppercase;color:#CAC1B3;}.elementor-1067 .elementor-element.elementor-element-8ba4330{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1067 .elementor-element.elementor-element-8ba4330.e-con{--align-self:center;}.elementor-1067 .elementor-element.elementor-element-eb353a5{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-e5a7777{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1067 .elementor-element.elementor-element-24138f8{--e-image-carousel-slides-to-show:1;}.elementor-1067 .elementor-element.elementor-element-24138f8 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1067 .elementor-element.elementor-element-24138f8 .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-24138f8 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1067 .elementor-element.elementor-element-24138f8 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-24138f8 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:15px 15px 15px 15px;}.elementor-1067 .elementor-element.elementor-element-94a9b3e{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-94a9b3e:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-94a9b3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1067 .elementor-element.elementor-element-b39d721{--display:flex;--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-1067 .elementor-element.elementor-element-0ed7068{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-a2f5f02{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-0c880e5{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:10;--n-tabs-title-justify-content:flex-end;--n-tabs-title-align-items:flex-end;--n-tabs-title-text-align:end;--n-tabs-title-gap:50px;--n-tabs-gap:90px;--n-tabs-title-border-radius:20px 20px 20px 20px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:20px;--n-tabs-title-color:var( --e-global-color-secondary );--n-tabs-title-color-active:var( --e-global-color-text );--n-tabs-title-direction:column;--n-tabs-icon-order:initial;--n-tabs-title-justify-content-toggle:center;--n-tabs-title-align-items-toggle:initial;--n-tabs-icon-size:44px;--n-tabs-icon-color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-0c880e5 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-text );}.elementor-1067 .elementor-element.elementor-element-0c880e5.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-0c880e5.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1067 .elementor-element.elementor-element-0c880e5.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#193B26;}.elementor-1067 .elementor-element.elementor-element-0c880e5.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-1067 .elementor-element.elementor-element-0c880e5.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-weight:500;}.elementor-1067 .elementor-element.elementor-element-0c880e5 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-text );}.elementor-1067 .elementor-element.elementor-element-0632e78{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-tabs-title-gap:120px;--n-tabs-gap:90px;--n-tabs-title-border-radius:20px 20px 20px 20px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:15px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:15px;--n-tabs-title-color:var( --e-global-color-secondary );}.elementor-1067 .elementor-element.elementor-element-0632e78 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-text );}.elementor-1067 .elementor-element.elementor-element-0632e78.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-1067 .elementor-element.elementor-element-0632e78.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1067 .elementor-element.elementor-element-0632e78.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-1067 .elementor-element.elementor-element-0632e78.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-weight:500;text-transform:uppercase;}.elementor-1067 .elementor-element.elementor-element-0632e78 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-text );}.elementor-1067 .elementor-element.elementor-element-a969d54{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 50px 50px 50px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-weight:400;color:var( --e-global-color-text );}.elementor-1067 .elementor-element.elementor-element-a969d54.elementor-element{--align-self:center;}.elementor-1067 .elementor-element.elementor-element-533ed0b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-size:70px;font-weight:700;text-transform:uppercase;line-height:70px;color:var( --e-global-color-text );}.elementor-1067 .elementor-element.elementor-element-69a317b{--display:flex;--flex-direction:column-reverse;--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;--align-items:center;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1067 .elementor-element.elementor-element-69a317b.e-con{--align-self:center;}.elementor-1067 .elementor-element.elementor-element-3aaadb5{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-eb3bbd6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1067 .elementor-element.elementor-element-65a79b1{--e-image-carousel-slides-to-show:1;}.elementor-1067 .elementor-element.elementor-element-65a79b1 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1067 .elementor-element.elementor-element-65a79b1 .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-65a79b1 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1067 .elementor-element.elementor-element-65a79b1 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-65a79b1 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:15px 15px 15px 15px;}.elementor-1067 .elementor-element.elementor-element-48fb09e{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-48fb09e:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-48fb09e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1067 .elementor-element.elementor-element-6b7eabe{--display:flex;--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-1067 .elementor-element.elementor-element-0961ff0{text-align:center;}.elementor-1067 .elementor-element.elementor-element-0961ff0 .elementor-heading-title{font-size:50px;font-weight:600;text-transform:uppercase;color:#CAC1B3;}.elementor-1067 .elementor-element.elementor-element-7f56ec7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;text-align:center;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-4ca855d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-3ec37e5{--display:flex;--flex-direction:column-reverse;--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;--align-items:center;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1067 .elementor-element.elementor-element-3ec37e5.e-con{--align-self:center;}.elementor-1067 .elementor-element.elementor-element-b6314c5{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-dea80fc{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1067 .elementor-element.elementor-element-3c33b2b{--e-image-carousel-slides-to-show:1;}.elementor-1067 .elementor-element.elementor-element-3c33b2b .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1067 .elementor-element.elementor-element-3c33b2b .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-3c33b2b .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1067 .elementor-element.elementor-element-3c33b2b .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-3c33b2b .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:15px 15px 15px 15px;}.elementor-1067 .elementor-element.elementor-element-8579104{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-8579104:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-8579104 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1067 .elementor-element.elementor-element-e9ecf93{--display:flex;--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-1067 .elementor-element.elementor-element-a206fa1{text-align:center;}.elementor-1067 .elementor-element.elementor-element-a206fa1 .elementor-heading-title{font-size:50px;font-weight:600;text-transform:uppercase;color:#CAC1B3;}.elementor-1067 .elementor-element.elementor-element-8ee07eb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;text-align:center;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-039cdef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;text-align:center;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-5342c1d{--display:flex;--flex-direction:column-reverse;--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;--align-items:center;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1067 .elementor-element.elementor-element-5342c1d.e-con{--align-self:center;}.elementor-1067 .elementor-element.elementor-element-cf46203{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-6fe273b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1067 .elementor-element.elementor-element-833237b{--e-image-carousel-slides-to-show:1;}.elementor-1067 .elementor-element.elementor-element-833237b .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1067 .elementor-element.elementor-element-833237b .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-833237b .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1067 .elementor-element.elementor-element-833237b .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-833237b .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:15px 15px 15px 15px;}.elementor-1067 .elementor-element.elementor-element-3b414d0{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-3b414d0:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-3b414d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1067 .elementor-element.elementor-element-74d9640{--display:flex;--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-1067 .elementor-element.elementor-element-aa6b188{text-align:center;}.elementor-1067 .elementor-element.elementor-element-aa6b188 .elementor-heading-title{font-size:50px;font-weight:600;text-transform:uppercase;color:#CAC1B3;}.elementor-1067 .elementor-element.elementor-element-bf50c79{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;text-align:center;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-4c4ebf1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;text-align:center;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-682f459{--display:flex;--flex-direction:column-reverse;--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;--align-items:center;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1067 .elementor-element.elementor-element-682f459.e-con{--align-self:center;}.elementor-1067 .elementor-element.elementor-element-57f8feb{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-b79c34a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1067 .elementor-element.elementor-element-b5ab86c{--e-image-carousel-slides-to-show:1;}.elementor-1067 .elementor-element.elementor-element-b5ab86c .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1067 .elementor-element.elementor-element-b5ab86c .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-b5ab86c .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1067 .elementor-element.elementor-element-b5ab86c .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-b5ab86c .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:15px 15px 15px 15px;}.elementor-1067 .elementor-element.elementor-element-4e31642{--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-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-4e31642:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-4e31642 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1067 .elementor-element.elementor-element-b33ce22{--display:flex;--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-1067 .elementor-element.elementor-element-42b4366{text-align:center;}.elementor-1067 .elementor-element.elementor-element-42b4366 .elementor-heading-title{font-size:50px;font-weight:600;text-transform:uppercase;color:#CAC1B3;}.elementor-1067 .elementor-element.elementor-element-596a852{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;text-align:center;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-bc0e947{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;text-align:center;font-weight:400;color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-c8d1e60{--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;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-c8d1e60:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-c8d1e60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1067 .elementor-element.elementor-element-0e1718b{--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;}.elementor-1067 .elementor-element.elementor-element-49464d5{--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;}.elementor-1067 .elementor-element.elementor-element-4c375dc .elementor-button{background-color:var( --e-global-color-primary );font-size:13px;font-weight:800;text-transform:uppercase;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:25px 25px 25px 25px;padding:17px 17px 17px 17px;}.elementor-1067 .elementor-element.elementor-element-9370e8b{--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;}.elementor-1067 .elementor-element.elementor-element-656ba70 .elementor-button{background-color:var( --e-global-color-text );font-size:13px;font-weight:800;text-transform:uppercase;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:25px 25px 25px 25px;padding:17px 17px 17px 17px;}.elementor-1067 .elementor-element.elementor-element-b9c339a{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1067 .elementor-element.elementor-element-c7e4461{--margin-top:-450px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}body:not(.rtl) .elementor-1067 .elementor-element.elementor-element-64c0c6d{left:160px;}body.rtl .elementor-1067 .elementor-element.elementor-element-64c0c6d{right:160px;}.elementor-1067 .elementor-element.elementor-element-64c0c6d{top:50px;}}@media(min-width:768px){.elementor-1067 .elementor-element.elementor-element-7ec430e{--content-width:1400px;}.elementor-1067 .elementor-element.elementor-element-c7e4461{--width:50%;}.elementor-1067 .elementor-element.elementor-element-e653071{--width:66.6666%;}.elementor-1067 .elementor-element.elementor-element-525d138{--width:100%;}.elementor-1067 .elementor-element.elementor-element-37c49a3{--width:100%;}.elementor-1067 .elementor-element.elementor-element-8c9ca48{--width:70%;}.elementor-1067 .elementor-element.elementor-element-cd73d16{--width:66%;}.elementor-1067 .elementor-element.elementor-element-fd49476{--width:100%;}.elementor-1067 .elementor-element.elementor-element-afd0cef{--width:50%;}.elementor-1067 .elementor-element.elementor-element-b36bd53{--width:100%;}.elementor-1067 .elementor-element.elementor-element-7d39adb{--width:100%;}.elementor-1067 .elementor-element.elementor-element-1036288{--width:100%;}.elementor-1067 .elementor-element.elementor-element-647c5d9{--width:70%;}.elementor-1067 .elementor-element.elementor-element-c08d60d{--width:66%;}.elementor-1067 .elementor-element.elementor-element-0dcb6ab{--width:100%;}.elementor-1067 .elementor-element.elementor-element-3335fb3{--width:50%;}.elementor-1067 .elementor-element.elementor-element-8499faf{--width:100%;}.elementor-1067 .elementor-element.elementor-element-c2f9849{--width:100%;}.elementor-1067 .elementor-element.elementor-element-f15c1db{--width:100%;}.elementor-1067 .elementor-element.elementor-element-bcea9c1{--width:70%;}.elementor-1067 .elementor-element.elementor-element-7340419{--width:66%;}.elementor-1067 .elementor-element.elementor-element-ae691f7{--width:100%;}.elementor-1067 .elementor-element.elementor-element-224ff3f{--width:50%;}.elementor-1067 .elementor-element.elementor-element-37432f2{--width:100%;}.elementor-1067 .elementor-element.elementor-element-18adf24{--width:100%;}.elementor-1067 .elementor-element.elementor-element-c0cfb67{--width:100%;}.elementor-1067 .elementor-element.elementor-element-8ba4330{--width:70%;}.elementor-1067 .elementor-element.elementor-element-eb353a5{--width:66%;}.elementor-1067 .elementor-element.elementor-element-e5a7777{--width:100%;}.elementor-1067 .elementor-element.elementor-element-94a9b3e{--width:50%;}.elementor-1067 .elementor-element.elementor-element-b39d721{--width:100%;}.elementor-1067 .elementor-element.elementor-element-3aaadb5{--width:50%;}.elementor-1067 .elementor-element.elementor-element-eb3bbd6{--width:100%;}.elementor-1067 .elementor-element.elementor-element-48fb09e{--width:50%;}.elementor-1067 .elementor-element.elementor-element-6b7eabe{--width:100%;}.elementor-1067 .elementor-element.elementor-element-b6314c5{--width:50%;}.elementor-1067 .elementor-element.elementor-element-8579104{--width:50%;}.elementor-1067 .elementor-element.elementor-element-e9ecf93{--width:100%;}.elementor-1067 .elementor-element.elementor-element-cf46203{--width:50%;}.elementor-1067 .elementor-element.elementor-element-6fe273b{--width:100%;}.elementor-1067 .elementor-element.elementor-element-3b414d0{--width:50%;}.elementor-1067 .elementor-element.elementor-element-74d9640{--width:100%;}.elementor-1067 .elementor-element.elementor-element-57f8feb{--width:50%;}.elementor-1067 .elementor-element.elementor-element-b79c34a{--width:100%;}.elementor-1067 .elementor-element.elementor-element-4e31642{--width:50%;}.elementor-1067 .elementor-element.elementor-element-b33ce22{--width:100%;}.elementor-1067 .elementor-element.elementor-element-0e1718b{--width:25%;}.elementor-1067 .elementor-element.elementor-element-49464d5{--width:25%;}.elementor-1067 .elementor-element.elementor-element-9370e8b{--width:25%;}.elementor-1067 .elementor-element.elementor-element-b9c339a{--width:25%;}}@media(max-width:767px){.elementor-1067 .elementor-element.elementor-element-7ec430e{--min-height:650px;}.elementor-1067 .elementor-element.elementor-element-69dc111{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-c7e4461{--width:90%;--border-radius:0px 100px 100px 0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1067 .elementor-element.elementor-element-64c0c6d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;top:0px;}body:not(.rtl) .elementor-1067 .elementor-element.elementor-element-64c0c6d{left:-8px;}body.rtl .elementor-1067 .elementor-element.elementor-element-64c0c6d{right:-8px;}.elementor-1067 .elementor-element.elementor-element-b0594bd{--content-width:0px;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-d857112{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1067 .elementor-element.elementor-element-8adb728{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-f97315c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-6fdf092{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-a943637 .elementor-heading-title{font-size:30px;}.elementor-1067 .elementor-element.elementor-element-d05eb62{padding:0px 20px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1067 .elementor-element.elementor-element-e93a1c6{padding:0px 20px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1067 .elementor-element.elementor-element-525d138{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-a2ac97c .elementor-heading-title{font-size:30px;}.elementor-1067 .elementor-element.elementor-element-8c9ca48{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1067 .elementor-element.elementor-element-cd73d16{--width:49%;}.elementor-1067 .elementor-element.elementor-element-afd0cef{--width:48%;}.elementor-1067 .elementor-element.elementor-element-d586f4c .elementor-heading-title{font-size:30px;}.elementor-1067 .elementor-element.elementor-element-647c5d9{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1067 .elementor-element.elementor-element-c08d60d{--width:49%;}.elementor-1067 .elementor-element.elementor-element-3335fb3{--width:48%;}.elementor-1067 .elementor-element.elementor-element-ff70dc7 .elementor-heading-title{font-size:30px;}.elementor-1067 .elementor-element.elementor-element-bcea9c1{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1067 .elementor-element.elementor-element-7340419{--width:49%;}.elementor-1067 .elementor-element.elementor-element-224ff3f{--width:48%;}.elementor-1067 .elementor-element.elementor-element-88ddfa4 .elementor-heading-title{font-size:30px;}.elementor-1067 .elementor-element.elementor-element-8ba4330{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1067 .elementor-element.elementor-element-eb353a5{--width:49%;}.elementor-1067 .elementor-element.elementor-element-94a9b3e{--width:48%;}.elementor-1067 .elementor-element.elementor-element-0c880e5{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;--n-tabs-title-justify-content:flex-start;--n-tabs-title-align-items:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:10px;}:where( .elementor-1067 .elementor-element.elementor-element-0c880e5.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:10px;--padding-right:10px;--padding-bottom:10px;--padding-left:10px;}.elementor-1067 .elementor-element.elementor-element-0632e78{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-gap:10px;--n-tabs-gap:0px;}:where( .elementor-1067 .elementor-element.elementor-element-0632e78.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-1067 .elementor-element.elementor-element-a969d54{padding:0px 20px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1067 .elementor-element.elementor-element-533ed0b{font-size:30px;line-height:40px;}.elementor-1067 .elementor-element.elementor-element-69a317b{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1067 .elementor-element.elementor-element-3aaadb5{--width:100%;}.elementor-1067 .elementor-element.elementor-element-48fb09e{--width:100%;}.elementor-1067 .elementor-element.elementor-element-0961ff0 .elementor-heading-title{font-size:30px;}.elementor-1067 .elementor-element.elementor-element-3ec37e5{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1067 .elementor-element.elementor-element-b6314c5{--width:100%;}.elementor-1067 .elementor-element.elementor-element-8579104{--width:100%;}.elementor-1067 .elementor-element.elementor-element-a206fa1 .elementor-heading-title{font-size:30px;}.elementor-1067 .elementor-element.elementor-element-5342c1d{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1067 .elementor-element.elementor-element-cf46203{--width:100%;}.elementor-1067 .elementor-element.elementor-element-3b414d0{--width:100%;}.elementor-1067 .elementor-element.elementor-element-aa6b188 .elementor-heading-title{font-size:30px;}.elementor-1067 .elementor-element.elementor-element-682f459{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1067 .elementor-element.elementor-element-57f8feb{--width:100%;}.elementor-1067 .elementor-element.elementor-element-4e31642{--width:100%;}.elementor-1067 .elementor-element.elementor-element-42b4366 .elementor-heading-title{font-size:30px;}.elementor-1067 .elementor-element.elementor-element-c8d1e60{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-49464d5{--width:50%;--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-1067 .elementor-element.elementor-element-4c375dc .elementor-button{padding:17px 15px 17px 15px;}.elementor-1067 .elementor-element.elementor-element-9370e8b{--width:50%;--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-1067 .elementor-element.elementor-element-656ba70 .elementor-button{padding:17px 15px 17px 15px;}}/* Start custom CSS for nested-tabs, class: .elementor-element-0c880e5 *//* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab-modern {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab-modern .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Frameless-1.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab-modern .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab-modern:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab-modern:hover .e-n-tab-title-text,
#tab-modern[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab-modern .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab-modern .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab-modern:hover .e-n-tab-title-text::after,
#tab-modern[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab-modern:hover .e-n-tab-icon,
#tab-modern[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab2 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab2 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Fenstertueren-1.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab2 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab2:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab2:hover .e-n-tab-title-text,
#tab2[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab2 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab2 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab2:hover .e-n-tab-title-text::after,
#tab2[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab2:hover .e-n-tab-icon,
#tab2[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab3 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab3 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab3 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab3:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab3:hover .e-n-tab-title-text,
#tab3[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab3 .e-n-tab-title-text::before {
    content: none !important;
}
/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab3 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab3 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab3 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab3:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab3:hover .e-n-tab-title-text,
#tab3[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab3 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab3 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab3:hover .e-n-tab-title-text::after,
#tab3[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab3:hover .e-n-tab-icon,
#tab3[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}
/* ==========================================================================
   ZUSATZTAB 4 (z.B. Sonnen- & Insektenschutz)
   ========================================================================== */

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab4 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab4 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz - HIER DEINE NEUE URL EINTRAGEN */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort wird zum Button */
#tab4 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab4:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab4:hover .e-n-tab-title-text,
#tab4[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab4 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab4 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab4:hover .e-n-tab-title-text::after,
#tab4[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}

/* Farbwechsel des bestehenden Bildes bei Hover und Aktiv-Zustand */
#tab4:hover .e-n-tab-icon,
#tab4[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig AUS = Mobile) */
#tab-modern .e-n-tab-title-text::after,
#tab2 .e-n-tab-title-text::after,
#tab3 .e-n-tab-title-text::after {
    content: "" !important;
    display: none !important; /* ❗ Mobile = kein Strich */
    
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important;
    
    width: 3px !important;
    height: 130px !important;
    background-color: #193B26 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}
@media (min-width: 768px) {
    #tab-modern .e-n-tab-title-text::after,
    #tab2 .e-n-tab-title-text::after,
    #tab3 .e-n-tab-title-text::after {
        display: block !important;
    }

    #tab-modern:hover .e-n-tab-title-text::after,
    #tab-modern[aria-selected="true"] .e-n-tab-title-text::after,
    #tab2:hover .e-n-tab-title-text::after,
    #tab2[aria-selected="true"] .e-n-tab-title-text::after,
    #tab3:hover .e-n-tab-title-text::after,
    #tab3[aria-selected="true"] .e-n-tab-title-text::after {
        opacity: 1 !important;
    }
}
/* ==========================================================================
   1. VERSTECKT DEN INHALTS-CONTAINER VOR DEM KLICK
   ========================================================================= */
.elementor-widget-n-tabs:not(:focus-within) .elementor-element-5840826 {
    display: none !important;
}

/* ==========================================================================
   2. REINE KLICK-KONTROLLE (Wort & Icon bleiben weiß, bis man klickt oder hovert)
   ========================================================================== */
/* Versteckt das technische Elementor-Inhaltsfenster beim Start */
.elementor-widget-n-tabs:not(:focus-within) .e-n-tab-content:first-of-type {
    display: none !important;
}

/* Zwingt den Wort-Button von "Modern" im Ruhezustand auf WEISS, ERLAUBT aber den Hover-Effekt direkt auf dem Button */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-title-text {
    background-color: #ffffff !important;
    color: #cac1b3 !important;
}

/* Entfernt den Braun-Filter des Icons im Ruhezustand, außer man fährt direkt mit der Maus drüber */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-icon {
    filter: none !important;
}

/* Versteckt den vertikalen Strich unter dem Button im Ruhezustand, außer man fährt direkt drüber */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-title-text::after {
    opacity: 0 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0c880e5 *//* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab-modern {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab-modern .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Frameless-1.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab-modern .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab-modern:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab-modern:hover .e-n-tab-title-text,
#tab-modern[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab-modern .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab-modern .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab-modern:hover .e-n-tab-title-text::after,
#tab-modern[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab-modern:hover .e-n-tab-icon,
#tab-modern[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab2 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab2 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Fenstertueren-1.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab2 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab2:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab2:hover .e-n-tab-title-text,
#tab2[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab2 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab2 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab2:hover .e-n-tab-title-text::after,
#tab2[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab2:hover .e-n-tab-icon,
#tab2[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab3 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab3 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab3 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab3:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab3:hover .e-n-tab-title-text,
#tab3[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab3 .e-n-tab-title-text::before {
    content: none !important;
}
/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab3 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab3 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab3 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab3:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab3:hover .e-n-tab-title-text,
#tab3[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab3 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab3 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab3:hover .e-n-tab-title-text::after,
#tab3[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab3:hover .e-n-tab-icon,
#tab3[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}
/* ==========================================================================
   ZUSATZTAB 4 (z.B. Sonnen- & Insektenschutz)
   ========================================================================== */

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab4 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab4 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz - HIER DEINE NEUE URL EINTRAGEN */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort wird zum Button */
#tab4 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab4:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab4:hover .e-n-tab-title-text,
#tab4[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab4 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab4 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab4:hover .e-n-tab-title-text::after,
#tab4[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}

/* Farbwechsel des bestehenden Bildes bei Hover und Aktiv-Zustand */
#tab4:hover .e-n-tab-icon,
#tab4[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig AUS = Mobile) */
#tab-modern .e-n-tab-title-text::after,
#tab2 .e-n-tab-title-text::after,
#tab3 .e-n-tab-title-text::after {
    content: "" !important;
    display: none !important; /* ❗ Mobile = kein Strich */
    
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important;
    
    width: 3px !important;
    height: 130px !important;
    background-color: #193B26 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}
@media (min-width: 768px) {
    #tab-modern .e-n-tab-title-text::after,
    #tab2 .e-n-tab-title-text::after,
    #tab3 .e-n-tab-title-text::after {
        display: block !important;
    }

    #tab-modern:hover .e-n-tab-title-text::after,
    #tab-modern[aria-selected="true"] .e-n-tab-title-text::after,
    #tab2:hover .e-n-tab-title-text::after,
    #tab2[aria-selected="true"] .e-n-tab-title-text::after,
    #tab3:hover .e-n-tab-title-text::after,
    #tab3[aria-selected="true"] .e-n-tab-title-text::after {
        opacity: 1 !important;
    }
}
/* ==========================================================================
   1. VERSTECKT DEN INHALTS-CONTAINER VOR DEM KLICK
   ========================================================================= */
.elementor-widget-n-tabs:not(:focus-within) .elementor-element-5840826 {
    display: none !important;
}

/* ==========================================================================
   2. REINE KLICK-KONTROLLE (Wort & Icon bleiben weiß, bis man klickt oder hovert)
   ========================================================================== */
/* Versteckt das technische Elementor-Inhaltsfenster beim Start */
.elementor-widget-n-tabs:not(:focus-within) .e-n-tab-content:first-of-type {
    display: none !important;
}

/* Zwingt den Wort-Button von "Modern" im Ruhezustand auf WEISS, ERLAUBT aber den Hover-Effekt direkt auf dem Button */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-title-text {
    background-color: #ffffff !important;
    color: #cac1b3 !important;
}

/* Entfernt den Braun-Filter des Icons im Ruhezustand, außer man fährt direkt mit der Maus drüber */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-icon {
    filter: none !important;
}

/* Versteckt den vertikalen Strich unter dem Button im Ruhezustand, außer man fährt direkt drüber */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-title-text::after {
    opacity: 0 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0c880e5 *//* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab-modern {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab-modern .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Frameless-1.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab-modern .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab-modern:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab-modern:hover .e-n-tab-title-text,
#tab-modern[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab-modern .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab-modern .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab-modern:hover .e-n-tab-title-text::after,
#tab-modern[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab-modern:hover .e-n-tab-icon,
#tab-modern[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab2 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab2 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Fenstertueren-1.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab2 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab2:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab2:hover .e-n-tab-title-text,
#tab2[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab2 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab2 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab2:hover .e-n-tab-title-text::after,
#tab2[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab2:hover .e-n-tab-icon,
#tab2[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab3 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab3 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab3 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab3:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab3:hover .e-n-tab-title-text,
#tab3[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab3 .e-n-tab-title-text::before {
    content: none !important;
}
/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab3 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab3 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab3 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab3:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab3:hover .e-n-tab-title-text,
#tab3[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab3 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab3 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab3:hover .e-n-tab-title-text::after,
#tab3[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab3:hover .e-n-tab-icon,
#tab3[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}
/* ==========================================================================
   ZUSATZTAB 4 (z.B. Sonnen- & Insektenschutz)
   ========================================================================== */

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab4 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab4 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz - HIER DEINE NEUE URL EINTRAGEN */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort wird zum Button */
#tab4 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab4:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab4:hover .e-n-tab-title-text,
#tab4[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab4 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab4 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab4:hover .e-n-tab-title-text::after,
#tab4[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}

/* Farbwechsel des bestehenden Bildes bei Hover und Aktiv-Zustand */
#tab4:hover .e-n-tab-icon,
#tab4[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig AUS = Mobile) */
#tab-modern .e-n-tab-title-text::after,
#tab2 .e-n-tab-title-text::after,
#tab3 .e-n-tab-title-text::after {
    content: "" !important;
    display: none !important; /* ❗ Mobile = kein Strich */
    
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important;
    
    width: 3px !important;
    height: 130px !important;
    background-color: #193B26 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}
@media (min-width: 768px) {
    #tab-modern .e-n-tab-title-text::after,
    #tab2 .e-n-tab-title-text::after,
    #tab3 .e-n-tab-title-text::after {
        display: block !important;
    }

    #tab-modern:hover .e-n-tab-title-text::after,
    #tab-modern[aria-selected="true"] .e-n-tab-title-text::after,
    #tab2:hover .e-n-tab-title-text::after,
    #tab2[aria-selected="true"] .e-n-tab-title-text::after,
    #tab3:hover .e-n-tab-title-text::after,
    #tab3[aria-selected="true"] .e-n-tab-title-text::after {
        opacity: 1 !important;
    }
}
/* ==========================================================================
   1. VERSTECKT DEN INHALTS-CONTAINER VOR DEM KLICK
   ========================================================================= */
.elementor-widget-n-tabs:not(:focus-within) .elementor-element-5840826 {
    display: none !important;
}

/* ==========================================================================
   2. REINE KLICK-KONTROLLE (Wort & Icon bleiben weiß, bis man klickt oder hovert)
   ========================================================================== */
/* Versteckt das technische Elementor-Inhaltsfenster beim Start */
.elementor-widget-n-tabs:not(:focus-within) .e-n-tab-content:first-of-type {
    display: none !important;
}

/* Zwingt den Wort-Button von "Modern" im Ruhezustand auf WEISS, ERLAUBT aber den Hover-Effekt direkt auf dem Button */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-title-text {
    background-color: #ffffff !important;
    color: #cac1b3 !important;
}

/* Entfernt den Braun-Filter des Icons im Ruhezustand, außer man fährt direkt mit der Maus drüber */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-icon {
    filter: none !important;
}

/* Versteckt den vertikalen Strich unter dem Button im Ruhezustand, außer man fährt direkt drüber */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-title-text::after {
    opacity: 0 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0c880e5 *//* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab-modern {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab-modern .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Frameless-1.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab-modern .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab-modern:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab-modern:hover .e-n-tab-title-text,
#tab-modern[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab-modern .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab-modern .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab-modern:hover .e-n-tab-title-text::after,
#tab-modern[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab-modern:hover .e-n-tab-icon,
#tab-modern[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab2 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab2 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Fenstertueren-1.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab2 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab2:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab2:hover .e-n-tab-title-text,
#tab2[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab2 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab2 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab2:hover .e-n-tab-title-text::after,
#tab2[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab2:hover .e-n-tab-icon,
#tab2[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab3 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab3 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab3 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab3:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab3:hover .e-n-tab-title-text,
#tab3[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab3 .e-n-tab-title-text::before {
    content: none !important;
}
/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab3 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab3 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab3 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab3:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab3:hover .e-n-tab-title-text,
#tab3[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab3 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab3 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab3:hover .e-n-tab-title-text::after,
#tab3[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab3:hover .e-n-tab-icon,
#tab3[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}
/* ==========================================================================
   ZUSATZTAB 4 (z.B. Sonnen- & Insektenschutz)
   ========================================================================== */

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab4 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab4 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz - HIER DEINE NEUE URL EINTRAGEN */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort wird zum Button */
#tab4 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab4:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab4:hover .e-n-tab-title-text,
#tab4[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab4 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab4 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab4:hover .e-n-tab-title-text::after,
#tab4[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}

/* Farbwechsel des bestehenden Bildes bei Hover und Aktiv-Zustand */
#tab4:hover .e-n-tab-icon,
#tab4[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig AUS = Mobile) */
#tab-modern .e-n-tab-title-text::after,
#tab2 .e-n-tab-title-text::after,
#tab3 .e-n-tab-title-text::after {
    content: "" !important;
    display: none !important; /* ❗ Mobile = kein Strich */
    
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important;
    
    width: 3px !important;
    height: 130px !important;
    background-color: #193B26 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}
@media (min-width: 768px) {
    #tab-modern .e-n-tab-title-text::after,
    #tab2 .e-n-tab-title-text::after,
    #tab3 .e-n-tab-title-text::after {
        display: block !important;
    }

    #tab-modern:hover .e-n-tab-title-text::after,
    #tab-modern[aria-selected="true"] .e-n-tab-title-text::after,
    #tab2:hover .e-n-tab-title-text::after,
    #tab2[aria-selected="true"] .e-n-tab-title-text::after,
    #tab3:hover .e-n-tab-title-text::after,
    #tab3[aria-selected="true"] .e-n-tab-title-text::after {
        opacity: 1 !important;
    }
}
/* ==========================================================================
   1. VERSTECKT DEN INHALTS-CONTAINER VOR DEM KLICK
   ========================================================================= */
.elementor-widget-n-tabs:not(:focus-within) .elementor-element-5840826 {
    display: none !important;
}

/* ==========================================================================
   2. REINE KLICK-KONTROLLE (Wort & Icon bleiben weiß, bis man klickt oder hovert)
   ========================================================================== */
/* Versteckt das technische Elementor-Inhaltsfenster beim Start */
.elementor-widget-n-tabs:not(:focus-within) .e-n-tab-content:first-of-type {
    display: none !important;
}

/* Zwingt den Wort-Button von "Modern" im Ruhezustand auf WEISS, ERLAUBT aber den Hover-Effekt direkt auf dem Button */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-title-text {
    background-color: #ffffff !important;
    color: #cac1b3 !important;
}

/* Entfernt den Braun-Filter des Icons im Ruhezustand, außer man fährt direkt mit der Maus drüber */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-icon {
    filter: none !important;
}

/* Versteckt den vertikalen Strich unter dem Button im Ruhezustand, außer man fährt direkt drüber */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-title-text::after {
    opacity: 0 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0c880e5 *//* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab-modern {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab-modern .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Frameless-1.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab-modern .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab-modern:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab-modern:hover .e-n-tab-title-text,
#tab-modern[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab-modern .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab-modern .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab-modern:hover .e-n-tab-title-text::after,
#tab-modern[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab-modern:hover .e-n-tab-icon,
#tab-modern[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab2 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab2 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Fenstertueren-1.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab2 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab2:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab2:hover .e-n-tab-title-text,
#tab2[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab2 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab2 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab2:hover .e-n-tab-title-text::after,
#tab2[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab2:hover .e-n-tab-icon,
#tab2[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab3 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab3 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab3 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab3:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab3:hover .e-n-tab-title-text,
#tab3[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab3 .e-n-tab-title-text::before {
    content: none !important;
}
/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab3 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab3 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab3 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab3:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab3:hover .e-n-tab-title-text,
#tab3[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab3 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab3 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab3:hover .e-n-tab-title-text::after,
#tab3[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab3:hover .e-n-tab-icon,
#tab3[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}
/* ==========================================================================
   ZUSATZTAB 4 (z.B. Sonnen- & Insektenschutz)
   ========================================================================== */

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab4 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab4 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz - HIER DEINE NEUE URL EINTRAGEN */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort wird zum Button */
#tab4 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab4:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab4:hover .e-n-tab-title-text,
#tab4[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab4 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab4 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab4:hover .e-n-tab-title-text::after,
#tab4[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}

/* Farbwechsel des bestehenden Bildes bei Hover und Aktiv-Zustand */
#tab4:hover .e-n-tab-icon,
#tab4[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig AUS = Mobile) */
#tab-modern .e-n-tab-title-text::after,
#tab2 .e-n-tab-title-text::after,
#tab3 .e-n-tab-title-text::after {
    content: "" !important;
    display: none !important; /* ❗ Mobile = kein Strich */
    
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important;
    
    width: 3px !important;
    height: 130px !important;
    background-color: #193B26 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}
@media (min-width: 768px) {
    #tab-modern .e-n-tab-title-text::after,
    #tab2 .e-n-tab-title-text::after,
    #tab3 .e-n-tab-title-text::after {
        display: block !important;
    }

    #tab-modern:hover .e-n-tab-title-text::after,
    #tab-modern[aria-selected="true"] .e-n-tab-title-text::after,
    #tab2:hover .e-n-tab-title-text::after,
    #tab2[aria-selected="true"] .e-n-tab-title-text::after,
    #tab3:hover .e-n-tab-title-text::after,
    #tab3[aria-selected="true"] .e-n-tab-title-text::after {
        opacity: 1 !important;
    }
}
/* ==========================================================================
   1. VERSTECKT DEN INHALTS-CONTAINER VOR DEM KLICK
   ========================================================================= */
.elementor-widget-n-tabs:not(:focus-within) .elementor-element-5840826 {
    display: none !important;
}

/* ==========================================================================
   2. REINE KLICK-KONTROLLE (Wort & Icon bleiben weiß, bis man klickt oder hovert)
   ========================================================================== */
/* Versteckt das technische Elementor-Inhaltsfenster beim Start */
.elementor-widget-n-tabs:not(:focus-within) .e-n-tab-content:first-of-type {
    display: none !important;
}

/* Zwingt den Wort-Button von "Modern" im Ruhezustand auf WEISS, ERLAUBT aber den Hover-Effekt direkt auf dem Button */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-title-text {
    background-color: #ffffff !important;
    color: #cac1b3 !important;
}

/* Entfernt den Braun-Filter des Icons im Ruhezustand, außer man fährt direkt mit der Maus drüber */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-icon {
    filter: none !important;
}

/* Versteckt den vertikalen Strich unter dem Button im Ruhezustand, außer man fährt direkt drüber */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-title-text::after {
    opacity: 0 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0c880e5 *//* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab-modern {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab-modern .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Frameless-1.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab-modern .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab-modern:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab-modern:hover .e-n-tab-title-text,
#tab-modern[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab-modern .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab-modern .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab-modern:hover .e-n-tab-title-text::after,
#tab-modern[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab-modern:hover .e-n-tab-icon,
#tab-modern[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab2 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab2 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Fenstertueren-1.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab2 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab2:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab2:hover .e-n-tab-title-text,
#tab2[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab2 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab2 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab2:hover .e-n-tab-title-text::after,
#tab2[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab2:hover .e-n-tab-icon,
#tab2[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab3 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab3 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab3 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab3:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab3:hover .e-n-tab-title-text,
#tab3[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab3 .e-n-tab-title-text::before {
    content: none !important;
}
/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab3 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab3 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#tab3 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab3:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab3:hover .e-n-tab-title-text,
#tab3[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab3 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab3 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab3:hover .e-n-tab-title-text::after,
#tab3[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
#tab3:hover .e-n-tab-icon,
#tab3[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}
/* ==========================================================================
   ZUSATZTAB 4 (z.B. Sonnen- & Insektenschutz)
   ========================================================================== */

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#tab4 {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#tab4 .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz - HIER DEINE NEUE URL EINTRAGEN */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/Haustueren.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort wird zum Button */
#tab4 .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#tab4:hover .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#tab4:hover .e-n-tab-title-text,
#tab4[aria-selected="true"] .e-n-tab-title-text {
    background-color: #193B26 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#tab4 .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#tab4 .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 130px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #193B26 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#tab4:hover .e-n-tab-title-text::after,
#tab4[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}

/* Farbwechsel des bestehenden Bildes bei Hover und Aktiv-Zustand */
#tab4:hover .e-n-tab-icon,
#tab4[aria-selected="true"] .e-n-tab-icon {
    filter: invert(80%) sepia(21%) saturate(1400%) hue-rotate(90deg) brightness(40%) contrast(100%) !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig AUS = Mobile) */
#tab-modern .e-n-tab-title-text::after,
#tab2 .e-n-tab-title-text::after,
#tab3 .e-n-tab-title-text::after {
    content: "" !important;
    display: none !important; /* ❗ Mobile = kein Strich */
    
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 85% !important;
    
    width: 3px !important;
    height: 130px !important;
    background-color: #193B26 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}
@media (min-width: 768px) {
    #tab-modern .e-n-tab-title-text::after,
    #tab2 .e-n-tab-title-text::after,
    #tab3 .e-n-tab-title-text::after {
        display: block !important;
    }

    #tab-modern:hover .e-n-tab-title-text::after,
    #tab-modern[aria-selected="true"] .e-n-tab-title-text::after,
    #tab2:hover .e-n-tab-title-text::after,
    #tab2[aria-selected="true"] .e-n-tab-title-text::after,
    #tab3:hover .e-n-tab-title-text::after,
    #tab3[aria-selected="true"] .e-n-tab-title-text::after {
        opacity: 1 !important;
    }
}
/* ==========================================================================
   1. VERSTECKT DEN INHALTS-CONTAINER VOR DEM KLICK
   ========================================================================= */
.elementor-widget-n-tabs:not(:focus-within) .elementor-element-5840826 {
    display: none !important;
}

/* ==========================================================================
   2. REINE KLICK-KONTROLLE (Wort & Icon bleiben weiß, bis man klickt oder hovert)
   ========================================================================== */
/* Versteckt das technische Elementor-Inhaltsfenster beim Start */
.elementor-widget-n-tabs:not(:focus-within) .e-n-tab-content:first-of-type {
    display: none !important;
}

/* Zwingt den Wort-Button von "Modern" im Ruhezustand auf WEISS, ERLAUBT aber den Hover-Effekt direkt auf dem Button */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-title-text {
    background-color: #ffffff !important;
    color: #cac1b3 !important;
}

/* Entfernt den Braun-Filter des Icons im Ruhezustand, außer man fährt direkt mit der Maus drüber */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-icon {
    filter: none !important;
}

/* Versteckt den vertikalen Strich unter dem Button im Ruhezustand, außer man fährt direkt drüber */
.elementor-widget-n-tabs:not(:focus-within) #tab-modern[aria-selected="true"]:not(:hover) .e-n-tab-title-text::after {
    opacity: 0 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0632e78 *//* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#fenster {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#fenster .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/fenster-quadratisch.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#fenster .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#fenster:hover .e-n-tab-title-text {
    background-color: #CAC1B3 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#fenster:hover .e-n-tab-title-text,
#fenster[aria-selected="true"] .e-n-tab-title-text {
    background-color: #CAC1B3 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#fenster .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#fenster .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 84% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 160px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #CAC1B3 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#fenster:hover .e-n-tab-title-text::after,
#fenster[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
/* Farbwechsel des bestehenden Bildes bei Hover und Aktiv-Zustand */
/* Bild-Farbwechsel bei Hover & Aktiv (Basis: Weißes Originalbild) */
#fenster:hover .e-n-tab-icon,
#fenster[aria-selected="true"] .e-n-tab-icon {
    filter: invert(12%) sepia(6%) saturate(583%) hue-rotate(338deg) brightness(87%) contrast(85%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#frameless {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#frameless .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/frameless-quadratisch.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#frameless .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#frameless:hover .e-n-tab-title-text {
    background-color: #CAC1B3 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#frameless:hover .e-n-tab-title-text,
#frameless[aria-selected="true"] .e-n-tab-title-text {
    background-color: #CAC1B3 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#frameless .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#frameless .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 84% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 160px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #CAC1B3 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#frameless:hover .e-n-tab-title-text::after,
#frameless[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
/* Farbwechsel des bestehenden Bildes bei Hover und Aktiv-Zustand */
/* Bild-Farbwechsel bei Hover & Aktiv (Basis: Weißes Originalbild) */
#frameless:hover .e-n-tab-icon,
#frameless[aria-selected="true"] .e-n-tab-icon {
    filter: invert(12%) sepia(6%) saturate(583%) hue-rotate(338deg) brightness(87%) contrast(85%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#fenstertueren {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#fenstertueren .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/fenstertueren-quadratisch.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#fenstertueren .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#fenstertueren:hover .e-n-tab-title-text {
    background-color: #CAC1B3 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#fenstertueren:hover .e-n-tab-title-text,
#fenstertueren[aria-selected="true"] .e-n-tab-title-text {
    background-color: #CAC1B3 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#fenstertueren .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#fenstertueren .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 84% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 160px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #CAC1B3 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#fenstertueren:hover .e-n-tab-title-text::after,
#fenstertueren[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
/* Farbwechsel des bestehenden Bildes bei Hover und Aktiv-Zustand */
/* Bild-Farbwechsel bei Hover & Aktiv (Basis: Weißes Originalbild) */
#fenstertueren:hover .e-n-tab-icon,
#fenstertueren[aria-selected="true"] .e-n-tab-icon {
    filter: invert(12%) sepia(6%) saturate(583%) hue-rotate(338deg) brightness(87%) contrast(85%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#haustueren {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#haustueren .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/haustueren-quadratisch.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#haustueren .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#haustueren:hover .e-n-tab-title-text {
    background-color: #CAC1B3 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#haustueren:hover .e-n-tab-title-text,
#haustueren[aria-selected="true"] .e-n-tab-title-text {
    background-color: #CAC1B3 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#haustueren .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#haustueren .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 84% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 160px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #CAC1B3 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#haustueren:hover .e-n-tab-title-text::after,
#haustueren[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
/* Farbwechsel des bestehenden Bildes bei Hover und Aktiv-Zustand */
/* Bild-Farbwechsel bei Hover & Aktiv (Basis: Weißes Originalbild) */
#haustueren:hover .e-n-tab-icon,
#haustueren[aria-selected="true"] .e-n-tab-icon {
    filter: invert(12%) sepia(6%) saturate(583%) hue-rotate(338deg) brightness(87%) contrast(85%) !important;
}

/* 1. Hauptkachel: Einfarbiges Sageder-Grün ohne inneren Rand */
#sonne {
    background-color: #FFFFFF00 !important; 
    border-radius: 20px !important;
    padding: 25px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. OBERER BEREICH: Das transparente Foto sitzt jetzt hier drin */
#sonne .e-n-tab-icon {
    display: block !important; 
    width: 100px !important;
    height: 100px !important;
    
    /* Bild-Zuweisung & absolute Transparenz */
    background-image: url('https://sageder.tadui.ani-media.at/wp-content/uploads/2026/07/sonnen-insektenschutz-quadratisch.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Garantiert kein zweiter Hintergrund */
    
    margin-bottom: 20px !important; 
}

/* 3. UNTERER BEREICH: Nur das Wort "Modern" wird zum Button */
#sonne .e-n-tab-title-text {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #cac1b3 !important;
    
    /* Der Button-Style NUR für das Wort */
    background-color: #ffffff !important; 
    padding: 8px 24px !important;                             
    border-radius: 30px !important;                           
    transition: all 0.3s ease !important;                     
}

/* Hover-Effekt: Nur der Wort-Button leuchtet auf */
#sonne:hover .e-n-tab-title-text {
    background-color: #CAC1B3 !important;
     color: #ffffff !important;
}

/* Hover-Effekt UND Aktiv-Zustand: Der Wort-Button färbt sich dunkelgrün */
#sonne:hover .e-n-tab-title-text,
#sonne[aria-selected="true"] .e-n-tab-title-text {
    background-color: #CAC1B3 !important;
    color: #ffffff !important;
}

/* 4. Sicherheits-Reset: Löscht alte Code-Reste aus dem Speicher */
#sonne .e-n-tab-title-text::before {
    content: none !important;
}

/* 5. DER VERTIKALE STRICH (Standardmäßig unsichtbar) */
#sonne .e-n-tab-title-text::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Positionierung direkt unter der Mitte des Wort-Buttons */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 84% !important; /* Startet direkt an der Unterkante des Buttons */
    
    /* Maße des Strichs */
    width: 3px !important;       /* Dicke des Strichs */
    height: 160px !important;     /* Länge des Strichs (nach Bedarf anpassen) */
    
    background-color: #CAC1B3 !important; /* Farbe des Strichs */
    opacity: 0 !important;       /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease !important;
}

/* Strich einblenden beim Hovern und im Aktiv-Zustand */
#sonne:hover .e-n-tab-title-text::after,
#sonne[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 1 !important; /* Macht den Strich sichtbar */
}
/* Farbwechsel des bestehenden Bildes bei Hover und Aktiv-Zustand */
/* Bild-Farbwechsel bei Hover & Aktiv (Basis: Weißes Originalbild) */
#sonne:hover .e-n-tab-icon,
#sonne[aria-selected="true"] .e-n-tab-icon {
    filter: invert(12%) sepia(6%) saturate(583%) hue-rotate(338deg) brightness(87%) contrast(85%) !important;
}/* End custom CSS */
/* Start custom CSS *//* 1. Versteckt den Inhalts-Container von FENSTER (Tab 1) beim ersten Laden */
.elementor-widget-n-tabs:not(.tab-wurde-geklickt) .elementor-element-8adb728 {
    display: none !important;
}

/* 2. Zwingt den Wort-Button von "FENSTER" beim Laden auf WEISS (Inaktiv) */
.elementor-widget-n-tabs:not(.tab-wurde-geklickt) #fenster[aria-selected="true"] .e-n-tab-title-text {
    background-color: #ffffff !important;
    color: #cac1b3 !important;
}

/* 3. Entfernt den Braun-Filter des Icons von "FENSTER" beim Laden */
.elementor-widget-n-tabs:not(.tab-wurde-geklickt) #fenster[aria-selected="true"] .e-n-tab-icon {
    filter: none !important;
}

/* 4. Versteckt den vertikalen Strich unter dem Fenster-Button beim Laden */
.elementor-widget-n-tabs:not(.tab-wurde-geklickt) #fenster[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 0 !important;
}/* End custom CSS */