.elementor-1036 .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-1036 .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-1036 .elementor-element.elementor-element-69dc111:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-69dc111 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1036 .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-1036 .elementor-element.elementor-element-c7e4461:not(.elementor-motion-effects-element-type-background), .elementor-1036 .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-1036 .elementor-element.elementor-element-15459ea{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1036 .elementor-element.elementor-element-15459ea .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-1036 .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-1036 .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-1036 .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-1036 .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-1036 .elementor-element.elementor-element-64c0c6d{left:381px;}body.rtl .elementor-1036 .elementor-element.elementor-element-64c0c6d{right:381px;}.elementor-1036 .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-1036 .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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-d857112:not(.elementor-motion-effects-element-type-background), .elementor-1036 .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-1036 .elementor-element.elementor-element-d857112.e-con{--flex-grow:0;--flex-shrink:0;}.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-1036 .elementor-element.elementor-element-cc2ce2c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-cc2ce2c:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-cc2ce2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1036 .elementor-element.elementor-element-897d0c2{--display:flex;}.elementor-1036 .elementor-element.elementor-element-897d0c2:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-897d0c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1036 .elementor-element.elementor-element-56c5c9f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-56c5c9f:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-56c5c9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1036 .elementor-element.elementor-element-0f3442c{--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-1036 .elementor-element.elementor-element-7a51a5d{padding:100px 0px 0px 0px;text-align:center;}.elementor-1036 .elementor-element.elementor-element-7a51a5d .elementor-heading-title{font-size:70px;font-weight:600;text-transform:uppercase;color:#193B26;}.elementor-1036 .elementor-element.elementor-element-0ef5db7{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-1036 .elementor-element.elementor-element-0ef5db7.elementor-element{--align-self:center;}.elementor-1036 .elementor-element.elementor-element-20f3c30{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-1036 .elementor-element.elementor-element-20f3c30.elementor-element{--align-self:center;}.elementor-1036 .elementor-element.elementor-element-1f64568{--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:100px 100px;--row-gap:100px;--column-gap:100px;--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-1036 .elementor-element.elementor-element-1f64568:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-1f64568 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-1036 .elementor-element.elementor-element-b80ed7e{--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:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-1036 .elementor-element.elementor-element-d86549e{text-align:center;}.elementor-1036 .elementor-element.elementor-element-d86549e .elementor-heading-title{font-size:70px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-699495d{width:var( --container-widget-width, 70% );max-width:70%;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-size:25px;font-weight:900;text-transform:uppercase;line-height:25px;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-699495d.elementor-element{--align-self:center;}.elementor-1036 .elementor-element.elementor-element-7eff170{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-1036 .elementor-element.elementor-element-7eff170.elementor-element{--align-self:center;}.elementor-1036 .elementor-element.elementor-element-562cbba{--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-1036 .elementor-element.elementor-element-562cbba.e-con{--align-self:center;}.elementor-1036 .elementor-element.elementor-element-618c9e7{--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-1036 .elementor-element.elementor-element-3424e4f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 0px 0px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-3424e4f:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-3424e4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sageder.tadui.ani-media.at/wp-content/uploads/2026/08/Detail-Schwelle-HS-Flat-96-AVS-Excel.jpg");background-position:center center;background-size:cover;}.elementor-1036 .elementor-element.elementor-element-f649844{--display:flex;--border-radius:0px 12px 12px 0px;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-f649844:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-f649844 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1036 .elementor-element.elementor-element-f933c2c{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-1036 .elementor-element.elementor-element-de36e35{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1036 .elementor-element.elementor-element-de36e35 .elementor-heading-title{font-size:24px;font-weight:800;}.elementor-1036 .elementor-element.elementor-element-c7e3aa3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:14px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-16b4e3b{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-fde05c3{padding:0px 0px 0px 0px;}.elementor-1036 .elementor-element.elementor-element-fde05c3 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-1036 .elementor-element.elementor-element-05e886b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:13px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-879db58{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-f523711{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-ad5366d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-d8e43d6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-b095eb2{--n-accordion-title-font-size:1rem;width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 0px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-title-hover-color:var( --e-global-color-text );--n-accordion-title-active-color:var( --e-global-color-text );--n-accordion-icon-size:15px;}.elementor-1036 .elementor-element.elementor-element-b095eb2 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-7237172{--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:0px;--padding-left:0px;--padding-right:5px;}.elementor-1036 .elementor-element.elementor-element-fe7cf88{--display:flex;--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-1036 .elementor-element.elementor-element-cb4c941 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-2442369{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-b8adeed{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-397defa img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-3f424a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-5cc6002{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-ddb931f img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-a0126e4{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:5px;}.elementor-1036 .elementor-element.elementor-element-ba83176{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-7e4c6c1 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-b118986{--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-1036 .elementor-element.elementor-element-b118986.e-con{--align-self:center;}.elementor-1036 .elementor-element.elementor-element-6a01420{--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-1036 .elementor-element.elementor-element-82f1ff3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 0px 0px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-82f1ff3:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-82f1ff3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sageder.tadui.ani-media.at/wp-content/uploads/2026/08/Hebeschiebetuere-Sky_Innenansicht.jpg");background-size:cover;}.elementor-1036 .elementor-element.elementor-element-173c416{--display:flex;--border-radius:0px 12px 12px 0px;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-173c416:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-173c416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1036 .elementor-element.elementor-element-303c1f9{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-1036 .elementor-element.elementor-element-c7d7130{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1036 .elementor-element.elementor-element-c7d7130 .elementor-heading-title{font-size:24px;font-weight:800;}.elementor-1036 .elementor-element.elementor-element-6d7a86c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:14px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-79be23b{--display:flex;}.elementor-1036 .elementor-element.elementor-element-553ce75{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:#193B26;}.elementor-1036 .elementor-element.elementor-element-cd1802e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:#193B26;}.elementor-1036 .elementor-element.elementor-element-8f494e3{--n-accordion-title-font-size:1rem;width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 0px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-title-hover-color:var( --e-global-color-text );--n-accordion-title-active-color:var( --e-global-color-text );--n-accordion-icon-size:15px;}.elementor-1036 .elementor-element.elementor-element-8f494e3 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-dc91ab2{--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:0px;--padding-left:0px;--padding-right:5px;}.elementor-1036 .elementor-element.elementor-element-cb1acf1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-64c0a14 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-fdaebb2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-2e74408 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-c90dc26{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-2810348 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-a823235{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:5px;}.elementor-1036 .elementor-element.elementor-element-4276a6c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-02d5052 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-0c5deca{--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-1036 .elementor-element.elementor-element-0c5deca.e-con{--align-self:center;}.elementor-1036 .elementor-element.elementor-element-ea388dd{--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-1036 .elementor-element.elementor-element-65d8cd3{--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-1036 .elementor-element.elementor-element-65d8cd3:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-65d8cd3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sageder.tadui.ani-media.at/wp-content/uploads/2026/08/Referenz_HS-Tuere-Light_innenansicht-2.jpg");background-position:-389px 0px;background-size:cover;}.elementor-1036 .elementor-element.elementor-element-9cfd56e{--display:flex;--border-radius:0px 12px 12px 0px;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-9cfd56e:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-9cfd56e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1036 .elementor-element.elementor-element-7032e3d{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-1036 .elementor-element.elementor-element-81bba03{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1036 .elementor-element.elementor-element-81bba03 .elementor-heading-title{font-size:24px;font-weight:800;}.elementor-1036 .elementor-element.elementor-element-26abae4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:14px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-ee932d1{--display:flex;}.elementor-1036 .elementor-element.elementor-element-267bd39{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:#193B26;}.elementor-1036 .elementor-element.elementor-element-487086d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:#193B26;}.elementor-1036 .elementor-element.elementor-element-cbc6f8a{--n-accordion-title-font-size:1rem;width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 0px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-title-hover-color:var( --e-global-color-text );--n-accordion-title-active-color:var( --e-global-color-text );--n-accordion-icon-size:15px;}.elementor-1036 .elementor-element.elementor-element-cbc6f8a > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-5323338{--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:0px;--padding-left:0px;--padding-right:5px;}.elementor-1036 .elementor-element.elementor-element-e0be66d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-1bcb29b img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-6989c88{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-842b1c1 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-44ef224{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-05d6c3c img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-2bbf0c8{--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:0px;--padding-left:0px;--padding-right:5px;}.elementor-1036 .elementor-element.elementor-element-d972dfc img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-4714264{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-4714264:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-4714264 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1036 .elementor-element.elementor-element-476a09b{--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-1036 .elementor-element.elementor-element-9df385c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-1036 .elementor-element.elementor-element-02291c4{padding:0px 0px 0px 0px;text-align:center;}.elementor-1036 .elementor-element.elementor-element-02291c4 .elementor-heading-title{font-size:23px;font-weight:700;}.elementor-1036 .elementor-element.elementor-element-84a947e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-size:13px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-04cf663{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-59d798b{--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-1036 .elementor-element.elementor-element-2cf87e2{--e-image-carousel-slides-to-show:1;}.elementor-1036 .elementor-element.elementor-element-2cf87e2 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1036 .elementor-element.elementor-element-2cf87e2 .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-2cf87e2 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1036 .elementor-element.elementor-element-2cf87e2 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-37c5f77{--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;--justify-content:center;border-style:none;--border-style:none;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1036 .elementor-element.elementor-element-37c5f77:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-37c5f77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1036 .elementor-element.elementor-element-fa47bbe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:14px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-f88af64{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;padding:0px 0px 0px 0px;font-size:13px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-f9cb68d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:14px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-e136fcb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;padding:0px 0px 0px 0px;font-size:13px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-ade1cc2{--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;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-a815a41{--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-1036 .elementor-element.elementor-element-793e64e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-6d03675{--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-1036 .elementor-element.elementor-element-250a2fc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-c8d2b21{--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-1036 .elementor-element.elementor-element-620b647{--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-1036 .elementor-element.elementor-element-48ba694{--e-image-carousel-slides-to-show:1;}.elementor-1036 .elementor-element.elementor-element-48ba694 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1036 .elementor-element.elementor-element-48ba694 .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-text );}.elementor-1036 .elementor-element.elementor-element-48ba694 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1036 .elementor-element.elementor-element-48ba694 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-text );}.elementor-1036 .elementor-element.elementor-element-5b42d02{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-5b42d02:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-5b42d02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1036 .elementor-element.elementor-element-018faca{--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-1036 .elementor-element.elementor-element-954f93d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-1036 .elementor-element.elementor-element-48a9c4a{padding:0px 0px 0px 0px;text-align:center;}.elementor-1036 .elementor-element.elementor-element-48a9c4a .elementor-heading-title{font-size:23px;font-weight:700;}.elementor-1036 .elementor-element.elementor-element-a43c581{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-size:13px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-a59a9ca{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-62ef6a3{--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-1036 .elementor-element.elementor-element-156a84d{--e-image-carousel-slides-to-show:1;}.elementor-1036 .elementor-element.elementor-element-156a84d .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1036 .elementor-element.elementor-element-156a84d .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-156a84d .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1036 .elementor-element.elementor-element-156a84d .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-cce5412{--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;--justify-content:center;border-style:none;--border-style:none;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1036 .elementor-element.elementor-element-cce5412:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-cce5412 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1036 .elementor-element.elementor-element-22123e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:14px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-ef5701c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;padding:0px 0px 0px 0px;font-size:13px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-3beeef0{--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;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-59127d1{--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-1036 .elementor-element.elementor-element-b58cb42{--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-1036 .elementor-element.elementor-element-e160b91{--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-1036 .elementor-element.elementor-element-c3ad192{--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:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-99ef828{--e-image-carousel-slides-to-show:1;}.elementor-1036 .elementor-element.elementor-element-99ef828 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1036 .elementor-element.elementor-element-99ef828 .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-text );}.elementor-1036 .elementor-element.elementor-element-99ef828 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1036 .elementor-element.elementor-element-99ef828 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-text );}.elementor-1036 .elementor-element.elementor-element-caed34d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-caed34d:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-caed34d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1036 .elementor-element.elementor-element-4e32c5d{--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-1036 .elementor-element.elementor-element-dedae60{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-1036 .elementor-element.elementor-element-5de6f4a{padding:0px 0px 0px 0px;text-align:center;}.elementor-1036 .elementor-element.elementor-element-5de6f4a .elementor-heading-title{font-size:23px;font-weight:700;}.elementor-1036 .elementor-element.elementor-element-74d5e7c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-size:13px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-2b07a6f{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-4f04b88{--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-1036 .elementor-element.elementor-element-aaf6b3e{--e-image-carousel-slides-to-show:1;}.elementor-1036 .elementor-element.elementor-element-aaf6b3e .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1036 .elementor-element.elementor-element-aaf6b3e .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-aaf6b3e .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1036 .elementor-element.elementor-element-aaf6b3e .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-9a5a25e{--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;--justify-content:center;border-style:none;--border-style:none;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1036 .elementor-element.elementor-element-9a5a25e:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-9a5a25e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1036 .elementor-element.elementor-element-feacdee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:14px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-747f92e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;padding:0px 0px 0px 0px;font-size:13px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-9c16622{--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;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-91a30ea{--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-1036 .elementor-element.elementor-element-ec5693b{--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-1036 .elementor-element.elementor-element-a90ceec{--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-1036 .elementor-element.elementor-element-01a874c{--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:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-8b11589{--e-image-carousel-slides-to-show:1;}.elementor-1036 .elementor-element.elementor-element-8b11589 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1036 .elementor-element.elementor-element-8b11589 .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-text );}.elementor-1036 .elementor-element.elementor-element-8b11589 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1036 .elementor-element.elementor-element-8b11589 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-text );}.elementor-1036 .elementor-element.elementor-element-77625b1{--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:100px 100px;--row-gap:100px;--column-gap:100px;--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-1036 .elementor-element.elementor-element-77625b1:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-77625b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-1036 .elementor-element.elementor-element-527b991{--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-1036 .elementor-element.elementor-element-db2e990{text-align:center;}.elementor-1036 .elementor-element.elementor-element-db2e990 .elementor-heading-title{font-size:70px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-8448471{width:var( --container-widget-width, 70% );max-width:70%;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-size:25px;font-weight:900;text-transform:uppercase;line-height:25px;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-8448471.elementor-element{--align-self:center;}.elementor-1036 .elementor-element.elementor-element-495faa8{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-1036 .elementor-element.elementor-element-495faa8.elementor-element{--align-self:center;}.elementor-1036 .elementor-element.elementor-element-ce9932e{--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-1036 .elementor-element.elementor-element-ce9932e.e-con{--align-self:center;}.elementor-1036 .elementor-element.elementor-element-5a3ae70{--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-1036 .elementor-element.elementor-element-ffddc7c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 0px 0px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-ffddc7c:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-ffddc7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sageder.tadui.ani-media.at/wp-content/uploads/2026/08/HS_klassisch_Referenz-Spanien-Marbella.jpeg");background-position:center center;background-size:cover;}.elementor-1036 .elementor-element.elementor-element-2359a21{--display:flex;--border-radius:0px 12px 12px 0px;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-2359a21:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-2359a21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1036 .elementor-element.elementor-element-43b955c{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-1036 .elementor-element.elementor-element-30ff788{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1036 .elementor-element.elementor-element-30ff788 .elementor-heading-title{font-size:22px;font-weight:800;}.elementor-1036 .elementor-element.elementor-element-c0b93bf{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-9867b67{padding:0px 0px 0px 0px;}.elementor-1036 .elementor-element.elementor-element-9867b67 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-1036 .elementor-element.elementor-element-d7e5d0b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-8c0918b{--n-accordion-title-font-size:1rem;width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 0px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-title-hover-color:var( --e-global-color-text );--n-accordion-title-active-color:var( --e-global-color-text );--n-accordion-icon-size:15px;}.elementor-1036 .elementor-element.elementor-element-8c0918b > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-7683432{--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:0px;--padding-left:0px;--padding-right:5px;}.elementor-1036 .elementor-element.elementor-element-dd7593e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-3688ac1 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-41084c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-eb59737{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-7c51c32 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-c440ef8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-b18420e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-cd29331 img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-3d1c8ae img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-ae4dd95{--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-1036 .elementor-element.elementor-element-ae4dd95.e-con{--align-self:center;}.elementor-1036 .elementor-element.elementor-element-62b2ea4{--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-1036 .elementor-element.elementor-element-45d94ce{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 0px 0px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-45d94ce:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-45d94ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sageder.tadui.ani-media.at/wp-content/uploads/2026/08/Faltschiebetuere_Holz_Alu_Highclass96-deluxe-IV1.jpg");background-size:cover;}.elementor-1036 .elementor-element.elementor-element-4161eea{--display:flex;--border-radius:0px 12px 12px 0px;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-4161eea:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-4161eea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EFEC;}.elementor-1036 .elementor-element.elementor-element-842d55a{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-1036 .elementor-element.elementor-element-e6c8266{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1036 .elementor-element.elementor-element-e6c8266 .elementor-heading-title{font-size:22px;font-weight:800;}.elementor-1036 .elementor-element.elementor-element-e9e1dbf{--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:0px;--padding-left:0px;--padding-right:5px;}.elementor-1036 .elementor-element.elementor-element-712b128{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-e65f91e img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-bc9c8de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-6c52a18{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-6d4582d img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-9a4346a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1036 .elementor-element.elementor-element-a78627d{--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-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-end;--n-tabs-title-flex-grow: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-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-1036 .elementor-element.elementor-element-a78627d > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-text );}.elementor-1036 .elementor-element.elementor-element-a78627d.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-1036 .elementor-element.elementor-element-a78627d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1036 .elementor-element.elementor-element-a78627d.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-1036 .elementor-element.elementor-element-a78627d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-1036 .elementor-element.elementor-element-a78627d.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-1036 .elementor-element.elementor-element-a78627d [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-text );}.elementor-1036 .elementor-element.elementor-element-be5b393{--display:flex;}.elementor-1036 .elementor-element.elementor-element-6c984e1{--display:flex;}.elementor-1036 .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-1036 .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-1036 .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-1036 .elementor-element.elementor-element-0632e78.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1036 .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-1036 .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-1036 .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-1036 .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-1036 .elementor-element.elementor-element-a969d54.elementor-element{--align-self:center;}.elementor-1036 .elementor-element.elementor-element-533ed0b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-size:70px;font-weight:700;text-transform:uppercase;line-height:70px;color:var( --e-global-color-text );}.elementor-1036 .elementor-element.elementor-element-c8d1e60{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-c8d1e60:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-c8d1e60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1036 .elementor-element.elementor-element-0e1718b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1036 .elementor-element.elementor-element-49464d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1036 .elementor-element.elementor-element-4c375dc .elementor-button{background-color:var( --e-global-color-primary );font-size:13px;font-weight:800;text-transform:uppercase;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:25px 25px 25px 25px;padding:17px 17px 17px 17px;}.elementor-1036 .elementor-element.elementor-element-9370e8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1036 .elementor-element.elementor-element-656ba70 .elementor-button{background-color:var( --e-global-color-text );font-size:13px;font-weight:800;text-transform:uppercase;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:25px 25px 25px 25px;padding:17px 17px 17px 17px;}.elementor-1036 .elementor-element.elementor-element-b9c339a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1036 .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-1036 .elementor-element.elementor-element-64c0c6d{left:160px;}body.rtl .elementor-1036 .elementor-element.elementor-element-64c0c6d{right:160px;}.elementor-1036 .elementor-element.elementor-element-64c0c6d{top:50px;}.elementor-1036 .elementor-element.elementor-element-699495d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1036 .elementor-element.elementor-element-65d8cd3:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-65d8cd3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1036 .elementor-element.elementor-element-8448471{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(min-width:768px){.elementor-1036 .elementor-element.elementor-element-7ec430e{--content-width:1400px;}.elementor-1036 .elementor-element.elementor-element-c7e4461{--width:50%;}.elementor-1036 .elementor-element.elementor-element-e653071{--width:66.6666%;}.elementor-1036 .elementor-element.elementor-element-d857112{--width:99.278%;}.elementor-1036 .elementor-element.elementor-element-1f64568{--width:100%;}.elementor-1036 .elementor-element.elementor-element-b80ed7e{--width:100%;}.elementor-1036 .elementor-element.elementor-element-562cbba{--width:70%;}.elementor-1036 .elementor-element.elementor-element-618c9e7{--width:100%;}.elementor-1036 .elementor-element.elementor-element-3424e4f{--width:30%;}.elementor-1036 .elementor-element.elementor-element-f649844{--width:70%;}.elementor-1036 .elementor-element.elementor-element-b118986{--width:70%;}.elementor-1036 .elementor-element.elementor-element-6a01420{--width:100%;}.elementor-1036 .elementor-element.elementor-element-82f1ff3{--width:30%;}.elementor-1036 .elementor-element.elementor-element-173c416{--width:70%;}.elementor-1036 .elementor-element.elementor-element-0c5deca{--width:70%;}.elementor-1036 .elementor-element.elementor-element-ea388dd{--width:100%;}.elementor-1036 .elementor-element.elementor-element-65d8cd3{--width:30%;}.elementor-1036 .elementor-element.elementor-element-9cfd56e{--width:70%;}.elementor-1036 .elementor-element.elementor-element-476a09b{--width:100%;}.elementor-1036 .elementor-element.elementor-element-59d798b{--width:50%;}.elementor-1036 .elementor-element.elementor-element-37c5f77{--width:50%;}.elementor-1036 .elementor-element.elementor-element-a815a41{--width:33%;}.elementor-1036 .elementor-element.elementor-element-6d03675{--width:33%;}.elementor-1036 .elementor-element.elementor-element-c8d2b21{--width:33%;}.elementor-1036 .elementor-element.elementor-element-018faca{--width:100%;}.elementor-1036 .elementor-element.elementor-element-62ef6a3{--width:50%;}.elementor-1036 .elementor-element.elementor-element-cce5412{--width:50%;}.elementor-1036 .elementor-element.elementor-element-59127d1{--width:33%;}.elementor-1036 .elementor-element.elementor-element-b58cb42{--width:33%;}.elementor-1036 .elementor-element.elementor-element-e160b91{--width:33%;}.elementor-1036 .elementor-element.elementor-element-4e32c5d{--width:100%;}.elementor-1036 .elementor-element.elementor-element-4f04b88{--width:50%;}.elementor-1036 .elementor-element.elementor-element-9a5a25e{--width:50%;}.elementor-1036 .elementor-element.elementor-element-91a30ea{--width:33%;}.elementor-1036 .elementor-element.elementor-element-ec5693b{--width:33%;}.elementor-1036 .elementor-element.elementor-element-a90ceec{--width:33%;}.elementor-1036 .elementor-element.elementor-element-77625b1{--width:100%;}.elementor-1036 .elementor-element.elementor-element-527b991{--width:100%;}.elementor-1036 .elementor-element.elementor-element-ce9932e{--width:70%;}.elementor-1036 .elementor-element.elementor-element-5a3ae70{--width:100%;}.elementor-1036 .elementor-element.elementor-element-ffddc7c{--width:30%;}.elementor-1036 .elementor-element.elementor-element-2359a21{--width:70%;}.elementor-1036 .elementor-element.elementor-element-ae4dd95{--width:70%;}.elementor-1036 .elementor-element.elementor-element-62b2ea4{--width:100%;}.elementor-1036 .elementor-element.elementor-element-45d94ce{--width:30%;}.elementor-1036 .elementor-element.elementor-element-4161eea{--width:70%;}.elementor-1036 .elementor-element.elementor-element-0e1718b{--width:25%;}.elementor-1036 .elementor-element.elementor-element-49464d5{--width:25%;}.elementor-1036 .elementor-element.elementor-element-9370e8b{--width:25%;}.elementor-1036 .elementor-element.elementor-element-b9c339a{--width:25%;}}@media(max-width:767px){.elementor-1036 .elementor-element.elementor-element-7ec430e{--min-height:650px;}.elementor-1036 .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-1036 .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-1036 .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-1036 .elementor-element.elementor-element-64c0c6d{left:-8px;}body.rtl .elementor-1036 .elementor-element.elementor-element-64c0c6d{right:-8px;}.elementor-1036 .elementor-element.elementor-element-b0594bd{--content-width:0px;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-d857112{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1036 .elementor-element.elementor-element-0f3442c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-7a51a5d .elementor-heading-title{font-size:30px;}.elementor-1036 .elementor-element.elementor-element-0ef5db7{padding:0px 20px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1036 .elementor-element.elementor-element-20f3c30{padding:0px 20px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1036 .elementor-element.elementor-element-1f64568{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-d86549e .elementor-heading-title{font-size:30px;}.elementor-1036 .elementor-element.elementor-element-699495d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1036 .elementor-element.elementor-element-7eff170{padding:0px 20px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1036 .elementor-element.elementor-element-618c9e7{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--border-radius:15px 15px 15px 15px;}.elementor-1036 .elementor-element.elementor-element-3424e4f{--border-radius:0px 0px 12px 12px;}.elementor-1036 .elementor-element.elementor-element-f649844{--border-radius:12px 12px 0px 0px;}.elementor-1036 .elementor-element.elementor-element-b095eb2{--container-widget-width:97%;--container-widget-flex-grow:0;width:var( --container-widget-width, 97% );max-width:97%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1036 .elementor-element.elementor-element-6a01420{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-1036 .elementor-element.elementor-element-173c416{--border-radius:12px 12px 0px 0px;}.elementor-1036 .elementor-element.elementor-element-8f494e3{--container-widget-width:97%;--container-widget-flex-grow:0;width:var( --container-widget-width, 97% );max-width:97%;}.elementor-1036 .elementor-element.elementor-element-0c5deca{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1036 .elementor-element.elementor-element-ea388dd{--width:100%;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-1036 .elementor-element.elementor-element-65d8cd3:not(.elementor-motion-effects-element-type-background), .elementor-1036 .elementor-element.elementor-element-65d8cd3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1036 .elementor-element.elementor-element-65d8cd3{--border-radius:0px 0px 12px 12px;}.elementor-1036 .elementor-element.elementor-element-9cfd56e{--border-radius:12px 12px 0px 0px;}.elementor-1036 .elementor-element.elementor-element-cbc6f8a{--container-widget-width:97%;--container-widget-flex-grow:0;width:var( --container-widget-width, 97% );max-width:97%;}.elementor-1036 .elementor-element.elementor-element-37c5f77{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1036 .elementor-element.elementor-element-cce5412{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1036 .elementor-element.elementor-element-9a5a25e{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1036 .elementor-element.elementor-element-db2e990 .elementor-heading-title{font-size:30px;}.elementor-1036 .elementor-element.elementor-element-8448471{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1036 .elementor-element.elementor-element-495faa8{padding:0px 20px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1036 .elementor-element.elementor-element-5a3ae70{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-1036 .elementor-element.elementor-element-8c0918b{--container-widget-width:97%;--container-widget-flex-grow:0;width:var( --container-widget-width, 97% );max-width:97%;}.elementor-1036 .elementor-element.elementor-element-62b2ea4{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-1036 .elementor-element.elementor-element-a78627d{--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-1036 .elementor-element.elementor-element-a78627d.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-1036 .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-1036 .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-1036 .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-1036 .elementor-element.elementor-element-533ed0b{font-size:30px;line-height:40px;}.elementor-1036 .elementor-element.elementor-element-c8d1e60{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-49464d5{--width:50%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-4c375dc .elementor-button{padding:17px 15px 17px 15px;}.elementor-1036 .elementor-element.elementor-element-9370e8b{--width:50%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1036 .elementor-element.elementor-element-656ba70 .elementor-button{padding:17px 15px 17px 15px;}}/* Start custom CSS for nested-tabs, class: .elementor-element-a78627d *//* 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-a78627d *//* 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-a78627d *//* 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-a78627d *//* 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-a78627d *//* 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-a78627d *//* 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;
}/* End custom CSS */
/* Start custom CSS *//* 1. Versteckt den Inhalts-Container von FENSTER (Tab 1) beim ersten Laden */
.elementor-widget-n-tabs:not(.tab-wurde-geklickt) .elementor-element-8adb728 {
    display: none !important;
}

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

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

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

/* 1. Versteckt den aktiven Inhalt beim Start, außer das Widget erhält einen Hover oder Klick */
.elementor-widget-n-tabs:not(:hover):not(:focus-within) .e-n-tab-content:first-of-type {
    display: none !important;
}

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

/* 3. Entfernt den Braun-Filter des Icons im Ruhezustand */
.elementor-widget-n-tabs:not(:hover):not(:focus-within) #tab-modern[aria-selected="true"] .e-n-tab-icon {
    filter: none !important;
}

/* 4. Versteckt den vertikalen Strich unter dem Button im Ruhezustand */
.elementor-widget-n-tabs:not(:hover):not(:focus-within) #tab-modern[aria-selected="true"] .e-n-tab-title-text::after {
    opacity: 0 !important;
}/* End custom CSS */