.elementor-887 .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-887 .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-887 .elementor-element.elementor-element-69dc111:not(.elementor-motion-effects-element-type-background), .elementor-887 .elementor-element.elementor-element-69dc111 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-887 .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-887 .elementor-element.elementor-element-c7e4461:not(.elementor-motion-effects-element-type-background), .elementor-887 .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-887 .elementor-element.elementor-element-fcd5971{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-887 .elementor-element.elementor-element-fcd5971 .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-887 .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-887 .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-887 .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-887 .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-887 .elementor-element.elementor-element-64c0c6d{left:381px;}body.rtl .elementor-887 .elementor-element.elementor-element-64c0c6d{right:381px;}.elementor-887 .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-887 .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-887 .elementor-element.elementor-element-d857112:not(.elementor-motion-effects-element-type-background), .elementor-887 .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-887 .elementor-element.elementor-element-cc2ce2c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-cc2ce2c:not(.elementor-motion-effects-element-type-background), .elementor-887 .elementor-element.elementor-element-cc2ce2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-887 .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-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-6ea4f7b{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-887 .elementor-element.elementor-element-6ea4f7b .elementor-divider-separator{width:100%;}.elementor-887 .elementor-element.elementor-element-6ea4f7b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-887 .elementor-element.elementor-element-cdc1ed4{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-887 .elementor-element.elementor-element-cdc1ed4.elementor-element{--align-self:center;}.elementor-887 .elementor-element.elementor-element-fe266d6{--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-887 .elementor-element.elementor-element-fe266d6:not(.elementor-motion-effects-element-type-background), .elementor-887 .elementor-element.elementor-element-fe266d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-887 .elementor-element.elementor-element-79020fb{--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-887 .elementor-element.elementor-element-d09c1ea{text-align:center;}.elementor-887 .elementor-element.elementor-element-d09c1ea .elementor-heading-title{font-size:70px;font-weight:600;text-transform:uppercase;color:#CAC1B3;}.elementor-887 .elementor-element.elementor-element-f8b1190{--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-887 .elementor-element.elementor-element-f8b1190.e-con{--align-self:center;}.elementor-887 .elementor-element.elementor-element-f86ef4b{--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-887 .elementor-element.elementor-element-87db89a{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );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 );}.elementor-887 .elementor-element.elementor-element-2c16104{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-2c16104 img{border-radius:10px 0px 0px 10px;}.elementor-887 .elementor-element.elementor-element-73c3438{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-2dc97bf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;font-size:11px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-f12f548{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-f12f548 .elementor-heading-title{font-size:22px;font-weight:800;}.elementor-887 .elementor-element.elementor-element-ab963e3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:10px;font-weight:600;color:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-7d6cf8d{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-b7e7641{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;padding:90px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-b7e7641 .elementor-icon-wrapper{text-align:center;}.elementor-887 .elementor-element.elementor-element-b7e7641 .elementor-icon{font-size:15px;}.elementor-887 .elementor-element.elementor-element-b7e7641 .elementor-icon svg{height:15px;}.elementor-887 .elementor-element.elementor-element-eb35ce3{--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-887 .elementor-element.elementor-element-20e8a47{--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-887 .elementor-element.elementor-element-5903dc5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-5903dc5 img{border-radius:10px 0px 0px 10px;}.elementor-887 .elementor-element.elementor-element-035874c{--display:flex;}.elementor-887 .elementor-element.elementor-element-41b6afc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;padding:90px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-41b6afc .elementor-icon-wrapper{text-align:center;}.elementor-887 .elementor-element.elementor-element-41b6afc .elementor-icon{font-size:15px;}.elementor-887 .elementor-element.elementor-element-41b6afc .elementor-icon svg{height:15px;}.elementor-887 .elementor-element.elementor-element-7b37fd6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-f077289{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;font-size:11px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-e542a8e{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-e542a8e .elementor-heading-title{font-size:22px;font-weight:800;}.elementor-887 .elementor-element.elementor-element-1e0079c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:10px;font-weight:600;color:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-9c6e7fe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-887 .elementor-element.elementor-element-9c6e7fe.e-con{--align-self:center;}.elementor-887 .elementor-element.elementor-element-bb80e00{--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:#CAC1B3;--border-color:#CAC1B3;--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-887 .elementor-element.elementor-element-0ff9e39{--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-887 .elementor-element.elementor-element-6a72f7a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-6a72f7a img{border-radius:10px 0px 0px 10px;}.elementor-887 .elementor-element.elementor-element-ac954c2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-0a6287f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;font-size:11px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-73d3c90{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-73d3c90 .elementor-heading-title{font-size:22px;font-weight:800;}.elementor-887 .elementor-element.elementor-element-6697b2e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:10px;font-weight:600;color:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-73f299c{--display:flex;}.elementor-887 .elementor-element.elementor-element-bb67e77{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;padding:90px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-bb67e77 .elementor-icon-wrapper{text-align:center;}.elementor-887 .elementor-element.elementor-element-bb67e77 .elementor-icon{font-size:15px;}.elementor-887 .elementor-element.elementor-element-bb67e77 .elementor-icon svg{height:15px;}.elementor-887 .elementor-element.elementor-element-5c9f4f6{--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-887 .elementor-element.elementor-element-69132bc{--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-887 .elementor-element.elementor-element-d83cffe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-d83cffe img{border-radius:10px 0px 0px 10px;}.elementor-887 .elementor-element.elementor-element-9861233{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-fcb81e6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;font-size:11px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-04b79b1{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-04b79b1 .elementor-heading-title{font-size:22px;font-weight:800;}.elementor-887 .elementor-element.elementor-element-d0d66ba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:10px;font-weight:600;color:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-5d2e7ee{--display:flex;}.elementor-887 .elementor-element.elementor-element-c235378{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;padding:90px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-c235378 .elementor-icon-wrapper{text-align:center;}.elementor-887 .elementor-element.elementor-element-c235378 .elementor-icon{font-size:15px;}.elementor-887 .elementor-element.elementor-element-c235378 .elementor-icon svg{height:15px;}.elementor-887 .elementor-element.elementor-element-6fb3a2f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-887 .elementor-element.elementor-element-6fb3a2f.e-con{--align-self:center;}.elementor-887 .elementor-element.elementor-element-f013f7b{--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-887 .elementor-element.elementor-element-0706841{--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-887 .elementor-element.elementor-element-2f62bbb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-2f62bbb img{border-radius:10px 0px 0px 10px;}.elementor-887 .elementor-element.elementor-element-43dc3b6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-abd7dbc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;font-size:11px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-2a6abcb{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-2a6abcb .elementor-heading-title{font-size:22px;font-weight:800;}.elementor-887 .elementor-element.elementor-element-a0c4731{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:10px;font-weight:600;color:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-1b3ee7a{--display:flex;}.elementor-887 .elementor-element.elementor-element-02b6c4f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;padding:90px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-02b6c4f .elementor-icon-wrapper{text-align:center;}.elementor-887 .elementor-element.elementor-element-02b6c4f .elementor-icon{font-size:15px;}.elementor-887 .elementor-element.elementor-element-02b6c4f .elementor-icon svg{height:15px;}.elementor-887 .elementor-element.elementor-element-1c0f626{--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-887 .elementor-element.elementor-element-92a59eb{--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-887 .elementor-element.elementor-element-67650be{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-67650be img{border-radius:10px 0px 0px 10px;}.elementor-887 .elementor-element.elementor-element-b76ab98{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-4a39e44{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;font-size:11px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-56574b0{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-56574b0 .elementor-heading-title{font-size:22px;font-weight:800;}.elementor-887 .elementor-element.elementor-element-1630162{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:10px;font-weight:600;color:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-3f47103{--display:flex;}.elementor-887 .elementor-element.elementor-element-92c0111{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;padding:90px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-92c0111 .elementor-icon-wrapper{text-align:center;}.elementor-887 .elementor-element.elementor-element-92c0111 .elementor-icon{font-size:15px;}.elementor-887 .elementor-element.elementor-element-92c0111 .elementor-icon svg{height:15px;}.elementor-887 .elementor-element.elementor-element-34eb543{--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-887 .elementor-element.elementor-element-34eb543:not(.elementor-motion-effects-element-type-background), .elementor-887 .elementor-element.elementor-element-34eb543 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-887 .elementor-element.elementor-element-c2bab3b{--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-887 .elementor-element.elementor-element-70a2399{text-align:center;}.elementor-887 .elementor-element.elementor-element-70a2399 .elementor-heading-title{font-size:70px;font-weight:600;text-transform:uppercase;color:#CAC1B3;}.elementor-887 .elementor-element.elementor-element-cf4a5c0{--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-887 .elementor-element.elementor-element-cf4a5c0.e-con{--align-self:center;}.elementor-887 .elementor-element.elementor-element-b4b8cef{--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-887 .elementor-element.elementor-element-bd16015{--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-887 .elementor-element.elementor-element-83f1d72{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-83f1d72 img{border-radius:10px 0px 0px 10px;}.elementor-887 .elementor-element.elementor-element-1e1a65f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-0903c4c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;font-size:11px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-57af569{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-57af569 .elementor-heading-title{font-size:22px;font-weight:800;}.elementor-887 .elementor-element.elementor-element-b43c48d{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;font-size:10px;font-weight:600;color:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-1328805{--display:flex;}.elementor-887 .elementor-element.elementor-element-fa933a0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;padding:90px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-fa933a0 .elementor-icon-wrapper{text-align:center;}.elementor-887 .elementor-element.elementor-element-fa933a0 .elementor-icon{font-size:15px;}.elementor-887 .elementor-element.elementor-element-fa933a0 .elementor-icon svg{height:15px;}.elementor-887 .elementor-element.elementor-element-b52222a{--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-887 .elementor-element.elementor-element-bb422d4{--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-887 .elementor-element.elementor-element-34ba01b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-34ba01b img{border-radius:10px 0px 0px 10px;}.elementor-887 .elementor-element.elementor-element-dbabea4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-037df54{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;font-size:11px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-0bcb9bc{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-0bcb9bc .elementor-heading-title{font-size:22px;font-weight:800;}.elementor-887 .elementor-element.elementor-element-69900b4{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;font-size:10px;font-weight:600;color:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-6466c12{--display:flex;}.elementor-887 .elementor-element.elementor-element-5209939{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;padding:90px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-5209939 .elementor-icon-wrapper{text-align:center;}.elementor-887 .elementor-element.elementor-element-5209939 .elementor-icon{font-size:15px;}.elementor-887 .elementor-element.elementor-element-5209939 .elementor-icon svg{height:15px;}.elementor-887 .elementor-element.elementor-element-44a6240{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-887 .elementor-element.elementor-element-44a6240.e-con{--align-self:center;}.elementor-887 .elementor-element.elementor-element-ad15e8a{--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-887 .elementor-element.elementor-element-674c78d{--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-887 .elementor-element.elementor-element-55e2e89{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-55e2e89 img{border-radius:10px 0px 0px 10px;}.elementor-887 .elementor-element.elementor-element-c349cee{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-9b1164f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;font-size:11px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-4906f8b{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-4906f8b .elementor-heading-title{font-size:22px;font-weight:800;}.elementor-887 .elementor-element.elementor-element-4b0e85b{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;font-size:10px;font-weight:600;color:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-39dc53f{--display:flex;}.elementor-887 .elementor-element.elementor-element-c40b90c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;padding:90px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-c40b90c .elementor-icon-wrapper{text-align:center;}.elementor-887 .elementor-element.elementor-element-c40b90c .elementor-icon{font-size:15px;}.elementor-887 .elementor-element.elementor-element-c40b90c .elementor-icon svg{height:15px;}.elementor-887 .elementor-element.elementor-element-a4888da{--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-887 .elementor-element.elementor-element-4842180{--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-887 .elementor-element.elementor-element-d44fcbd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-d44fcbd img{border-radius:10px 0px 0px 10px;}.elementor-887 .elementor-element.elementor-element-8afe617{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-eba6e0d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;font-size:11px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-99d4f6a{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-99d4f6a .elementor-heading-title{font-size:22px;font-weight:800;}.elementor-887 .elementor-element.elementor-element-39a7389{width:var( --container-widget-width, 65% );max-width:65%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:65%;--container-widget-flex-grow:0;font-size:10px;font-weight:600;color:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-c258068{--display:flex;}.elementor-887 .elementor-element.elementor-element-aea49c2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;padding:90px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-aea49c2 .elementor-icon-wrapper{text-align:center;}.elementor-887 .elementor-element.elementor-element-aea49c2 .elementor-icon{font-size:15px;}.elementor-887 .elementor-element.elementor-element-aea49c2 .elementor-icon svg{height:15px;}.elementor-887 .elementor-element.elementor-element-e1625e9{--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-887 .elementor-element.elementor-element-e1625e9:not(.elementor-motion-effects-element-type-background), .elementor-887 .elementor-element.elementor-element-e1625e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-887 .elementor-element.elementor-element-16c745c{--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-887 .elementor-element.elementor-element-ce4b7ee{text-align:center;}.elementor-887 .elementor-element.elementor-element-ce4b7ee .elementor-heading-title{font-size:70px;font-weight:600;text-transform:uppercase;color:#CAC1B3;}.elementor-887 .elementor-element.elementor-element-d85da2a{--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-887 .elementor-element.elementor-element-d85da2a.e-con{--align-self:center;}.elementor-887 .elementor-element.elementor-element-8756320{--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-887 .elementor-element.elementor-element-6117a5c{--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-887 .elementor-element.elementor-element-d3d8f3b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-d3d8f3b img{border-radius:10px 0px 0px 10px;}.elementor-887 .elementor-element.elementor-element-5132308{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-5737825{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;font-size:11px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-ea90059{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-ea90059 .elementor-heading-title{font-size:22px;font-weight:800;}.elementor-887 .elementor-element.elementor-element-42f6b2c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:10px;font-weight:600;color:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-fcb3d50{--display:flex;}.elementor-887 .elementor-element.elementor-element-5fba552{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;padding:90px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-5fba552 .elementor-icon-wrapper{text-align:center;}.elementor-887 .elementor-element.elementor-element-5fba552 .elementor-icon{font-size:15px;}.elementor-887 .elementor-element.elementor-element-5fba552 .elementor-icon svg{height:15px;}.elementor-887 .elementor-element.elementor-element-e43db9c{--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-887 .elementor-element.elementor-element-f8e3cb6{--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-887 .elementor-element.elementor-element-3f8e695{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-3f8e695 img{border-radius:10px 0px 0px 10px;}.elementor-887 .elementor-element.elementor-element-16f51fe{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-01c1c82{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;font-size:11px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-fc37aa4{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-fc37aa4 .elementor-heading-title{font-size:22px;font-weight:800;}.elementor-887 .elementor-element.elementor-element-0e301f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:10px;font-weight:600;color:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-f7a379a{--display:flex;}.elementor-887 .elementor-element.elementor-element-4cf3ec1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;padding:90px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-4cf3ec1 .elementor-icon-wrapper{text-align:center;}.elementor-887 .elementor-element.elementor-element-4cf3ec1 .elementor-icon{font-size:15px;}.elementor-887 .elementor-element.elementor-element-4cf3ec1 .elementor-icon svg{height:15px;}.elementor-887 .elementor-element.elementor-element-aed1f9a{--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-887 .elementor-element.elementor-element-aed1f9a > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-text );}.elementor-887 .elementor-element.elementor-element-aed1f9a.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-887 .elementor-element.elementor-element-aed1f9a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-887 .elementor-element.elementor-element-aed1f9a.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-887 .elementor-element.elementor-element-aed1f9a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-887 .elementor-element.elementor-element-aed1f9a.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-887 .elementor-element.elementor-element-aed1f9a [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-text );}.elementor-887 .elementor-element.elementor-element-897d0c2{--display:flex;}.elementor-887 .elementor-element.elementor-element-56c5c9f{--display:flex;}.elementor-887 .elementor-element.elementor-element-be5b393{--display:flex;}.elementor-887 .elementor-element.elementor-element-6c984e1{--display:flex;}.elementor-887 .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-887 .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-887 .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-887 .elementor-element.elementor-element-0632e78.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-887 .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-887 .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-887 .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-887 .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-887 .elementor-element.elementor-element-a969d54.elementor-element{--align-self:center;}.elementor-887 .elementor-element.elementor-element-ac7c291{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-887 .elementor-element.elementor-element-651ccb7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-1eb78ed{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-primary );}.elementor-887 .elementor-element.elementor-element-9cfed8b{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:1;border-radius:0px 0px 0px 0px;text-align:center;font-family:"Roboto", Sans-serif;color:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-9cfed8b.elementor-element{--align-self:center;}.elementor-887 .elementor-element.elementor-element-e9582a7 .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-887 .elementor-element.elementor-element-0cd3117{--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-887 .elementor-element.elementor-element-0cd3117:not(.elementor-motion-effects-element-type-background), .elementor-887 .elementor-element.elementor-element-0cd3117 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-b08589e{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:1;border-radius:0px 0px 0px 0px;text-align:center;font-family:"Roboto", Sans-serif;color:var( --e-global-color-primary );}.elementor-887 .elementor-element.elementor-element-b08589e.elementor-element{--align-self:center;}.elementor-887 .elementor-element.elementor-element-f1cdf4f{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-f1cdf4f:not(.elementor-motion-effects-element-type-background), .elementor-887 .elementor-element.elementor-element-f1cdf4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-887 .elementor-element.elementor-element-03c7207{--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-887 .elementor-element.elementor-element-9ac3b55{--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-887 .elementor-element.elementor-element-73bdc80 .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-887 .elementor-element.elementor-element-75f173f{--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-887 .elementor-element.elementor-element-f94b6c2 .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-887 .elementor-element.elementor-element-88ed3e8{--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-887 .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-887 .elementor-element.elementor-element-64c0c6d{left:160px;}body.rtl .elementor-887 .elementor-element.elementor-element-64c0c6d{right:160px;}.elementor-887 .elementor-element.elementor-element-64c0c6d{top:50px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-887 .elementor-element.elementor-element-7ec430e{--content-width:1400px;}.elementor-887 .elementor-element.elementor-element-c7e4461{--width:50%;}.elementor-887 .elementor-element.elementor-element-e653071{--width:66.6666%;}.elementor-887 .elementor-element.elementor-element-fe266d6{--width:100%;}.elementor-887 .elementor-element.elementor-element-79020fb{--width:100%;}.elementor-887 .elementor-element.elementor-element-f8b1190{--width:70%;}.elementor-887 .elementor-element.elementor-element-f86ef4b{--width:50%;}.elementor-887 .elementor-element.elementor-element-87db89a{--width:30%;}.elementor-887 .elementor-element.elementor-element-73c3438{--width:65%;}.elementor-887 .elementor-element.elementor-element-7d6cf8d{--width:5%;}.elementor-887 .elementor-element.elementor-element-eb35ce3{--width:50%;}.elementor-887 .elementor-element.elementor-element-20e8a47{--width:30%;}.elementor-887 .elementor-element.elementor-element-035874c{--width:5%;}.elementor-887 .elementor-element.elementor-element-7b37fd6{--width:65%;}.elementor-887 .elementor-element.elementor-element-9c6e7fe{--width:70%;}.elementor-887 .elementor-element.elementor-element-bb80e00{--width:50%;}.elementor-887 .elementor-element.elementor-element-0ff9e39{--width:30%;}.elementor-887 .elementor-element.elementor-element-ac954c2{--width:65%;}.elementor-887 .elementor-element.elementor-element-73f299c{--width:5%;}.elementor-887 .elementor-element.elementor-element-5c9f4f6{--width:50%;}.elementor-887 .elementor-element.elementor-element-69132bc{--width:30%;}.elementor-887 .elementor-element.elementor-element-9861233{--width:65%;}.elementor-887 .elementor-element.elementor-element-5d2e7ee{--width:5%;}.elementor-887 .elementor-element.elementor-element-6fb3a2f{--width:70%;}.elementor-887 .elementor-element.elementor-element-f013f7b{--width:50%;}.elementor-887 .elementor-element.elementor-element-0706841{--width:30%;}.elementor-887 .elementor-element.elementor-element-43dc3b6{--width:65%;}.elementor-887 .elementor-element.elementor-element-1b3ee7a{--width:5%;}.elementor-887 .elementor-element.elementor-element-1c0f626{--width:50%;}.elementor-887 .elementor-element.elementor-element-92a59eb{--width:30%;}.elementor-887 .elementor-element.elementor-element-b76ab98{--width:65%;}.elementor-887 .elementor-element.elementor-element-3f47103{--width:5%;}.elementor-887 .elementor-element.elementor-element-34eb543{--width:100%;}.elementor-887 .elementor-element.elementor-element-c2bab3b{--width:100%;}.elementor-887 .elementor-element.elementor-element-cf4a5c0{--width:70%;}.elementor-887 .elementor-element.elementor-element-b4b8cef{--width:50%;}.elementor-887 .elementor-element.elementor-element-bd16015{--width:30%;}.elementor-887 .elementor-element.elementor-element-1e1a65f{--width:65%;}.elementor-887 .elementor-element.elementor-element-1328805{--width:5%;}.elementor-887 .elementor-element.elementor-element-b52222a{--width:50%;}.elementor-887 .elementor-element.elementor-element-bb422d4{--width:30%;}.elementor-887 .elementor-element.elementor-element-dbabea4{--width:65%;}.elementor-887 .elementor-element.elementor-element-6466c12{--width:5%;}.elementor-887 .elementor-element.elementor-element-44a6240{--width:70%;}.elementor-887 .elementor-element.elementor-element-ad15e8a{--width:50%;}.elementor-887 .elementor-element.elementor-element-674c78d{--width:30%;}.elementor-887 .elementor-element.elementor-element-c349cee{--width:65%;}.elementor-887 .elementor-element.elementor-element-39dc53f{--width:5%;}.elementor-887 .elementor-element.elementor-element-a4888da{--width:50%;}.elementor-887 .elementor-element.elementor-element-4842180{--width:30%;}.elementor-887 .elementor-element.elementor-element-8afe617{--width:65%;}.elementor-887 .elementor-element.elementor-element-c258068{--width:5%;}.elementor-887 .elementor-element.elementor-element-e1625e9{--width:100%;}.elementor-887 .elementor-element.elementor-element-16c745c{--width:100%;}.elementor-887 .elementor-element.elementor-element-d85da2a{--width:70%;}.elementor-887 .elementor-element.elementor-element-8756320{--width:50%;}.elementor-887 .elementor-element.elementor-element-6117a5c{--width:30%;}.elementor-887 .elementor-element.elementor-element-5132308{--width:65%;}.elementor-887 .elementor-element.elementor-element-fcb3d50{--width:5%;}.elementor-887 .elementor-element.elementor-element-e43db9c{--width:50%;}.elementor-887 .elementor-element.elementor-element-f8e3cb6{--width:30%;}.elementor-887 .elementor-element.elementor-element-16f51fe{--width:65%;}.elementor-887 .elementor-element.elementor-element-f7a379a{--width:5%;}.elementor-887 .elementor-element.elementor-element-03c7207{--width:25%;}.elementor-887 .elementor-element.elementor-element-9ac3b55{--width:25%;}.elementor-887 .elementor-element.elementor-element-75f173f{--width:25%;}.elementor-887 .elementor-element.elementor-element-88ed3e8{--width:25%;}}@media(max-width:767px){.elementor-887 .elementor-element.elementor-element-7ec430e{--min-height:650px;}.elementor-887 .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-887 .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-887 .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-887 .elementor-element.elementor-element-64c0c6d{left:-8px;}body.rtl .elementor-887 .elementor-element.elementor-element-64c0c6d{right:-8px;}.elementor-887 .elementor-element.elementor-element-b0594bd{--content-width:0px;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-d857112{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-887 .elementor-element.elementor-element-8adb728{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-cdc1ed4{padding:0px 20px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-887 .elementor-element.elementor-element-fe266d6{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-887 .elementor-element.elementor-element-d09c1ea .elementor-heading-title{font-size:30px;}.elementor-887 .elementor-element.elementor-element-f8b1190{--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-887 .elementor-element.elementor-element-f86ef4b{--width:49%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-887 .elementor-element.elementor-element-2c16104 img{border-radius:10px 10px 0px 0px;}.elementor-887 .elementor-element.elementor-element-b7e7641{padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-eb35ce3{--width:48%;}.elementor-887 .elementor-element.elementor-element-5903dc5 img{border-radius:10px 10px 0px 0px;}.elementor-887 .elementor-element.elementor-element-41b6afc{padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-9c6e7fe{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-887 .elementor-element.elementor-element-bb80e00{--width:48%;}.elementor-887 .elementor-element.elementor-element-6a72f7a img{border-radius:10px 10px 0px 0px;}.elementor-887 .elementor-element.elementor-element-bb67e77{padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-5c9f4f6{--width:49%;}.elementor-887 .elementor-element.elementor-element-d83cffe img{border-radius:10px 10px 0px 0px;}.elementor-887 .elementor-element.elementor-element-c235378{padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-6fb3a2f{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-887 .elementor-element.elementor-element-f013f7b{--width:48%;}.elementor-887 .elementor-element.elementor-element-2f62bbb img{border-radius:10px 10px 0px 0px;}.elementor-887 .elementor-element.elementor-element-02b6c4f{padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-1c0f626{--width:48%;}.elementor-887 .elementor-element.elementor-element-67650be img{border-radius:10px 10px 0px 0px;}.elementor-887 .elementor-element.elementor-element-92c0111{padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-70a2399 .elementor-heading-title{font-size:30px;}.elementor-887 .elementor-element.elementor-element-cf4a5c0{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-887 .elementor-element.elementor-element-b4b8cef{--width:49%;}.elementor-887 .elementor-element.elementor-element-83f1d72 img{border-radius:10px 10px 0px 0px;}.elementor-887 .elementor-element.elementor-element-fa933a0{padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-b52222a{--width:48%;}.elementor-887 .elementor-element.elementor-element-34ba01b img{border-radius:10px 10px 0px 0px;}.elementor-887 .elementor-element.elementor-element-5209939{padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-44a6240{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-887 .elementor-element.elementor-element-ad15e8a{--width:49%;}.elementor-887 .elementor-element.elementor-element-55e2e89 img{border-radius:10px 10px 0px 0px;}.elementor-887 .elementor-element.elementor-element-c40b90c{padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-a4888da{--width:48%;}.elementor-887 .elementor-element.elementor-element-d44fcbd img{border-radius:10px 10px 0px 0px;}.elementor-887 .elementor-element.elementor-element-aea49c2{padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-ce4b7ee .elementor-heading-title{font-size:30px;}.elementor-887 .elementor-element.elementor-element-aed1f9a{--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-887 .elementor-element.elementor-element-aed1f9a.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-887 .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-887 .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-887 .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-887 .elementor-element.elementor-element-ac7c291{font-size:30px;line-height:40px;}.elementor-887 .elementor-element.elementor-element-1eb78ed{font-size:30px;line-height:40px;}.elementor-887 .elementor-element.elementor-element-9cfed8b{padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-e9582a7 .elementor-button{padding:17px 15px 17px 15px;}.elementor-887 .elementor-element.elementor-element-b08589e{padding:0px 0px 0px 0px;}.elementor-887 .elementor-element.elementor-element-f1cdf4f{--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-887 .elementor-element.elementor-element-9ac3b55{--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-887 .elementor-element.elementor-element-73bdc80 .elementor-button{padding:17px 15px 17px 15px;}.elementor-887 .elementor-element.elementor-element-75f173f{--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-887 .elementor-element.elementor-element-f94b6c2 .elementor-button{padding:17px 15px 17px 15px;}}/* Start custom CSS for nested-tabs, class: .elementor-element-aed1f9a *//* 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;
}

/* 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-aed1f9a *//* 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;
}

/* 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-aed1f9a *//* 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;
}

/* 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-aed1f9a *//* 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;
}

/* 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-aed1f9a *//* 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;
}

/* 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-aed1f9a *//* 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;
}

/* 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;
}
/* =========================================================
   MOBILE – VERSCHACHTELTE TABS OHNE HINTERGRUND
   ========================================================= */

@media (max-width: 767px) {

    /* Beide Tab-Leisten: transparent und horizontal scrollbar */
    .e-n-tabs-heading {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        padding: 20px 10px 18px !important;
        margin: 0 !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth !important;
        scrollbar-width: none !important;

        box-sizing: border-box !important;
    }

    /* Scrollbar bei Webkit-Browsern ausblenden */
    .e-n-tabs-heading::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    /*
     * Verschachtelte Tabs nicht in die äußere Scrollbreite
     * hineinziehen
     */
    .e-n-tabs-heading .e-n-tabs-heading {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px 10px 18px !important;
        margin: 0 !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    /* Äußere und innere Tab-Elemente */
    .e-n-tabs-heading > .e-n-tab-title,
    .e-n-tabs-heading .e-n-tabs-heading > .e-n-tab-title {
        display: flex !important;
        flex: 0 0 145px !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;

        padding: 0 5px !important;
        margin: 0 7px !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        box-sizing: border-box !important;
    }

    /*
     * Deine fünf individuellen IDs
     * – ebenfalls ohne Hintergrund
     */
    #fenster,
    #frameless,
    #fenstertueren,
    #haustueren,
    #sonne {
        display: flex !important;
        flex: 0 0 145px !important;
        flex-direction: column !important;
        align-items: center !important;

        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;

        padding: 0 !important;
        margin: 0 7px !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        box-sizing: border-box !important;
    }

    /* Icons */
    #fenster .e-n-tab-icon,
    #frameless .e-n-tab-icon,
    #fenstertueren .e-n-tab-icon,
    #haustueren .e-n-tab-icon,
    #sonne .e-n-tab-icon {
        display: block !important;

        width: 88px !important;
        height: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;

        margin: 0 auto 16px !important;

        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;

        transform: none !important;
    }

    /* Name als weißer Pillen-Button */
    #fenster .e-n-tab-title-text,
    #frameless .e-n-tab-title-text,
    #fenstertueren .e-n-tab-title-text,
    #haustueren .e-n-tab-title-text,
    #sonne .e-n-tab-title-text {
        display: block !important;

        width: 115px !important;
        min-width: 115px !important;
        max-width: 115px !important;

        padding: 9px 7px !important;
        margin: 0 auto !important;

        background: #ffffff !important;
        color: #cac1b3 !important;
        border-radius: 30px !important;

        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: normal !important;

        box-sizing: border-box !important;
    }

    /* Aktiver Zustand bleibt ebenfalls weiß */
    #fenster[aria-selected="true"] .e-n-tab-title-text,
    #frameless[aria-selected="true"] .e-n-tab-title-text,
    #fenstertueren[aria-selected="true"] .e-n-tab-title-text,
    #haustueren[aria-selected="true"] .e-n-tab-title-text,
    #sonne[aria-selected="true"] .e-n-tab-title-text {
        background: #ffffff !important;
        color: #cac1b3 !important;
    }

    /* Vertikale Linien ausblenden */
    #fenster .e-n-tab-title-text::after,
    #frameless .e-n-tab-title-text::after,
    #fenstertueren .e-n-tab-title-text::after,
    #haustueren .e-n-tab-title-text::after,
    #sonne .e-n-tab-title-text::after {
        display: none !important;
        content: none !important;
    }
}/* End custom CSS */