.elementor-164 .elementor-element.elementor-element-c1edbcd.elementor-element{--align-self:stretch;}body:not(.rtl) .elementor-164 .elementor-element.elementor-element-c1edbcd{left:0px;}body.rtl .elementor-164 .elementor-element.elementor-element-c1edbcd{right:0px;}.elementor-164 .elementor-element.elementor-element-c1edbcd{top:0px;z-index:0;}.elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-164 .elementor-element.elementor-element-eaacb45{color:var( --e-global-color-b72ef5c );}.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-164 .elementor-element.elementor-element-23a4a43 .elementor-button{background-color:var( --e-global-color-8800c75 );border-style:solid;border-color:var( --e-global-color-8800c75 );}.elementor-164 .elementor-element.elementor-element-7d4b737 .elementor-button{background-color:#61CE7000;border-style:solid;border-radius:30px 30px 30px 30px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-dd65a6a{padding:0px 0px 0px 0px;}.elementor-164 .elementor-element.elementor-element-dd65a6a.elementor-element{--align-self:center;}.elementor-164 .elementor-element.elementor-element-dd65a6a .elementor-icon-wrapper{text-align:center;}.elementor-164 .elementor-element.elementor-element-dd65a6a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8800c75 );}.elementor-164 .elementor-element.elementor-element-dd65a6a.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-dd65a6a.elementor-view-default .elementor-icon{color:var( --e-global-color-8800c75 );border-color:var( --e-global-color-8800c75 );}.elementor-164 .elementor-element.elementor-element-dd65a6a.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-dd65a6a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8800c75 );}.elementor-164 .elementor-element.elementor-element-dd65a6a .elementor-icon{font-size:33px;}.elementor-164 .elementor-element.elementor-element-dd65a6a .elementor-icon svg{height:33px;}.elementor-164 .elementor-element.elementor-element-ae12f16 .elementor-icon-wrapper{text-align:center;}.elementor-164 .elementor-element.elementor-element-ae12f16.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-ae12f16.elementor-view-stacked .elementor-icon{color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-ae12f16.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-ae12f16.elementor-view-stacked .elementor-icon:hover{background-color:#333333;color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-ae12f16.elementor-view-framed .elementor-icon:hover, .elementor-164 .elementor-element.elementor-element-ae12f16.elementor-view-default .elementor-icon:hover{color:#333333;border-color:#333333;}.elementor-164 .elementor-element.elementor-element-ae12f16.elementor-view-framed .elementor-icon:hover, .elementor-164 .elementor-element.elementor-element-ae12f16.elementor-view-default .elementor-icon:hover svg{fill:#333333;}.elementor-164 .elementor-element.elementor-element-ae12f16.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-ae12f16.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-ae12f16 .elementor-icon{font-size:35px;}.elementor-164 .elementor-element.elementor-element-ae12f16 .elementor-icon svg{height:35px;}.elementor-164 .elementor-element.elementor-element-5452289{text-align:center;}.elementor-164 .elementor-element.elementor-element-4764c32 .elementor-button{background-color:#61CE7000;fill:var( --e-global-color-8800c75 );color:var( --e-global-color-8800c75 );border-style:none;}.elementor-164 .elementor-element.elementor-element-4764c32 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-164 .elementor-element.elementor-element-4764c32 .elementor-button:hover, .elementor-164 .elementor-element.elementor-element-4764c32 .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-4764c32 .elementor-button:hover svg, .elementor-164 .elementor-element.elementor-element-4764c32 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-f864935 .elementor-icon-wrapper{text-align:center;}.elementor-164 .elementor-element.elementor-element-f864935.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-f864935.elementor-view-stacked .elementor-icon{color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-f864935.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-f864935.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-f864935.elementor-view-framed .elementor-icon:hover, .elementor-164 .elementor-element.elementor-element-f864935.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-f864935.elementor-view-framed .elementor-icon:hover, .elementor-164 .elementor-element.elementor-element-f864935.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-f864935.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-f864935.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-f864935 .elementor-icon{font-size:35px;}.elementor-164 .elementor-element.elementor-element-f864935 .elementor-icon svg{height:35px;}.elementor-164 .elementor-element.elementor-element-8c5d831{text-align:center;}.elementor-164 .elementor-element.elementor-element-f8cbdd1 .elementor-button{background-color:#61CE7000;fill:var( --e-global-color-8800c75 );color:var( --e-global-color-8800c75 );border-style:none;}.elementor-164 .elementor-element.elementor-element-f8cbdd1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-164 .elementor-element.elementor-element-f8cbdd1 .elementor-button:hover, .elementor-164 .elementor-element.elementor-element-f8cbdd1 .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-f8cbdd1 .elementor-button:hover svg, .elementor-164 .elementor-element.elementor-element-f8cbdd1 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-79a8d82 .elementor-icon-wrapper{text-align:center;}.elementor-164 .elementor-element.elementor-element-79a8d82.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-79a8d82.elementor-view-stacked .elementor-icon{color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-79a8d82.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-79a8d82.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-79a8d82.elementor-view-framed .elementor-icon:hover, .elementor-164 .elementor-element.elementor-element-79a8d82.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-79a8d82.elementor-view-framed .elementor-icon:hover, .elementor-164 .elementor-element.elementor-element-79a8d82.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-79a8d82.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-79a8d82.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-79a8d82 .elementor-icon{font-size:35px;}.elementor-164 .elementor-element.elementor-element-79a8d82 .elementor-icon svg{height:35px;}.elementor-164 .elementor-element.elementor-element-a23c7e1{text-align:center;}.elementor-164 .elementor-element.elementor-element-037d6a2 .elementor-button{background-color:#61CE7000;fill:var( --e-global-color-8800c75 );color:var( --e-global-color-8800c75 );border-style:none;}.elementor-164 .elementor-element.elementor-element-037d6a2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-164 .elementor-element.elementor-element-037d6a2 .elementor-button:hover, .elementor-164 .elementor-element.elementor-element-037d6a2 .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-037d6a2 .elementor-button:hover svg, .elementor-164 .elementor-element.elementor-element-037d6a2 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-1b15437 .elementor-icon-wrapper{text-align:center;}.elementor-164 .elementor-element.elementor-element-1b15437.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-1b15437.elementor-view-stacked .elementor-icon{color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-1b15437.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-1b15437.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-1b15437.elementor-view-framed .elementor-icon:hover, .elementor-164 .elementor-element.elementor-element-1b15437.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-1b15437.elementor-view-framed .elementor-icon:hover, .elementor-164 .elementor-element.elementor-element-1b15437.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-1b15437.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-1b15437.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-1b15437 .elementor-icon{font-size:35px;}.elementor-164 .elementor-element.elementor-element-1b15437 .elementor-icon svg{height:35px;}.elementor-164 .elementor-element.elementor-element-1daf257{text-align:center;}.elementor-164 .elementor-element.elementor-element-5ba9a7d .elementor-button{background-color:#61CE7000;fill:var( --e-global-color-8800c75 );color:var( --e-global-color-8800c75 );border-style:none;}.elementor-164 .elementor-element.elementor-element-5ba9a7d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-164 .elementor-element.elementor-element-5ba9a7d .elementor-button:hover, .elementor-164 .elementor-element.elementor-element-5ba9a7d .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-5ba9a7d .elementor-button:hover svg, .elementor-164 .elementor-element.elementor-element-5ba9a7d .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-e0ecb11{text-align:center;color:var( --e-global-color-b72ef5c );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-1840bdc{--divider-border-style:solid;--divider-color:var( --e-global-color-8800c75 );--divider-border-width:5px;--divider-icon-size:100px;--divider-element-spacing:40px;}.elementor-164 .elementor-element.elementor-element-1840bdc .elementor-divider-separator{width:50%;margin:0 auto;margin-center:0;}.elementor-164 .elementor-element.elementor-element-1840bdc .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{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 );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-164 .elementor-element.elementor-element-596dd01{margin:-45px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-164 .elementor-element.elementor-element-596dd01 .elementor-icon-box-wrapper{text-align:center;}.elementor-164 .elementor-element.elementor-element-596dd01.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-b72ef5c );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-596dd01.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-596dd01.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-596dd01.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-596dd01.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-596dd01.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-b72ef5c );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-596dd01.elementor-view-framed:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-596dd01.elementor-view-default:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-596dd01.elementor-view-framed:has(:focus) .elementor-icon, .elementor-164 .elementor-element.elementor-element-596dd01.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-596dd01.elementor-view-framed:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-596dd01.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-596dd01 .elementor-icon{font-size:33px;}.elementor-164 .elementor-element.elementor-element-596dd01 .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-596dd01 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:900;text-transform:uppercase;}.elementor-164 .elementor-element.elementor-element-0eeb4f9{margin:-45px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-164 .elementor-element.elementor-element-0eeb4f9 .elementor-icon-box-wrapper{text-align:center;}.elementor-164 .elementor-element.elementor-element-0eeb4f9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-b72ef5c );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-0eeb4f9.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-0eeb4f9.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-0eeb4f9.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-0eeb4f9.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-0eeb4f9.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-b72ef5c );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-0eeb4f9.elementor-view-framed:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-0eeb4f9.elementor-view-default:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-0eeb4f9.elementor-view-framed:has(:focus) .elementor-icon, .elementor-164 .elementor-element.elementor-element-0eeb4f9.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-0eeb4f9.elementor-view-framed:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-0eeb4f9.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-0eeb4f9 .elementor-icon{font-size:33px;}.elementor-164 .elementor-element.elementor-element-0eeb4f9 .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-0eeb4f9 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:900;text-transform:uppercase;}.elementor-164 .elementor-element.elementor-element-1fb7a9a{margin:-45px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-164 .elementor-element.elementor-element-1fb7a9a .elementor-icon-box-wrapper{text-align:center;}.elementor-164 .elementor-element.elementor-element-1fb7a9a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-b72ef5c );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-1fb7a9a.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-1fb7a9a.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-1fb7a9a.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-1fb7a9a.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-1fb7a9a.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-b72ef5c );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-1fb7a9a.elementor-view-framed:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-1fb7a9a.elementor-view-default:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-1fb7a9a.elementor-view-framed:has(:focus) .elementor-icon, .elementor-164 .elementor-element.elementor-element-1fb7a9a.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-1fb7a9a.elementor-view-framed:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-1fb7a9a.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-1fb7a9a .elementor-icon{font-size:33px;}.elementor-164 .elementor-element.elementor-element-1fb7a9a .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-1fb7a9a .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:900;text-transform:uppercase;}.elementor-164 .elementor-element.elementor-element-d68476d{margin:-45px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-164 .elementor-element.elementor-element-d68476d .elementor-icon-box-wrapper{text-align:center;}.elementor-164 .elementor-element.elementor-element-d68476d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-b72ef5c );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-d68476d.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-d68476d.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-d68476d.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-d68476d.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-d68476d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-b72ef5c );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-d68476d.elementor-view-framed:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-d68476d.elementor-view-default:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-d68476d.elementor-view-framed:has(:focus) .elementor-icon, .elementor-164 .elementor-element.elementor-element-d68476d.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-d68476d.elementor-view-framed:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-d68476d.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-d68476d .elementor-icon{font-size:33px;}.elementor-164 .elementor-element.elementor-element-d68476d .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-d68476d .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:900;text-transform:uppercase;}.elementor-164 .elementor-element.elementor-element-103ebb5{margin:-45px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-164 .elementor-element.elementor-element-103ebb5 .elementor-icon-box-wrapper{text-align:center;}.elementor-164 .elementor-element.elementor-element-103ebb5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-b72ef5c );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-103ebb5.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-103ebb5.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-103ebb5.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-103ebb5.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-103ebb5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-b72ef5c );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-103ebb5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-103ebb5.elementor-view-default:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-103ebb5.elementor-view-framed:has(:focus) .elementor-icon, .elementor-164 .elementor-element.elementor-element-103ebb5.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-103ebb5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-103ebb5.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-103ebb5 .elementor-icon{font-size:33px;}.elementor-164 .elementor-element.elementor-element-103ebb5 .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-103ebb5 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:900;text-transform:uppercase;}.elementor-164 .elementor-element.elementor-element-9ba8bf5{margin:-45px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-164 .elementor-element.elementor-element-9ba8bf5 .elementor-icon-box-wrapper{text-align:center;}.elementor-164 .elementor-element.elementor-element-9ba8bf5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-b72ef5c );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-9ba8bf5.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-9ba8bf5.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-9ba8bf5.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-9ba8bf5.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-9ba8bf5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-b72ef5c );color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-9ba8bf5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-9ba8bf5.elementor-view-default:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-9ba8bf5.elementor-view-framed:has(:focus) .elementor-icon, .elementor-164 .elementor-element.elementor-element-9ba8bf5.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-9ba8bf5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-164 .elementor-element.elementor-element-9ba8bf5.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-b72ef5c );}.elementor-164 .elementor-element.elementor-element-9ba8bf5 .elementor-icon{font-size:33px;}.elementor-164 .elementor-element.elementor-element-9ba8bf5 .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-9ba8bf5 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:900;text-transform:uppercase;}.elementor-164 .elementor-element.elementor-element-7af3148{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;padding:0px 0px 0px 0px;}.elementor-164 .elementor-element.elementor-element-7af3148.elementor-element{--align-self:flex-start;}.elementor-164 .elementor-element.elementor-element-7af3148.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8800c75 );}.elementor-164 .elementor-element.elementor-element-7af3148.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-7af3148.elementor-view-default .elementor-icon{color:var( --e-global-color-8800c75 );border-color:var( --e-global-color-8800c75 );}.elementor-164 .elementor-element.elementor-element-7af3148.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-7af3148.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8800c75 );}.elementor-164 .elementor-element.elementor-element-7af3148 .elementor-icon{font-size:33px;}.elementor-164 .elementor-element.elementor-element-7af3148 .elementor-icon svg{height:33px;}.elementor-164 .elementor-element.elementor-element-af75129{color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-164 .elementor-element.elementor-element-5369331{padding:0px 0px 0px 10px;--e-icon-list-icon-size:12px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:0px;}.elementor-164 .elementor-element.elementor-element-5369331 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(6px/2);}.elementor-164 .elementor-element.elementor-element-5369331 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(6px/2);}.elementor-164 .elementor-element.elementor-element-5369331 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(6px/2);}.elementor-164 .elementor-element.elementor-element-5369331 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-6px/2);}.elementor-164 .elementor-element.elementor-element-5369331 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-6px/2);}.elementor-164 .elementor-element.elementor-element-5369331 .elementor-icon-list-icon i{color:var( --e-global-color-8800c75 );transition:color 0.3s;}.elementor-164 .elementor-element.elementor-element-5369331 .elementor-icon-list-icon svg{fill:var( --e-global-color-8800c75 );transition:fill 0.3s;}.elementor-164 .elementor-element.elementor-element-5369331 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-164 .elementor-element.elementor-element-5369331 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-164 .elementor-element.elementor-element-5369331 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-164 .elementor-element.elementor-element-901be05{width:var( --container-widget-width, 117.963% );max-width:117.963%;--container-widget-width:117.963%;--container-widget-flex-grow:0;}.elementor-164 .elementor-element.elementor-element-901be05.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-164 .elementor-element.elementor-element-e7cdc31{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;padding:0px 0px 0px 0px;}.elementor-164 .elementor-element.elementor-element-e7cdc31.elementor-element{--align-self:flex-start;}.elementor-164 .elementor-element.elementor-element-e7cdc31.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8800c75 );}.elementor-164 .elementor-element.elementor-element-e7cdc31.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-e7cdc31.elementor-view-default .elementor-icon{color:var( --e-global-color-8800c75 );border-color:var( --e-global-color-8800c75 );}.elementor-164 .elementor-element.elementor-element-e7cdc31.elementor-view-framed .elementor-icon, .elementor-164 .elementor-element.elementor-element-e7cdc31.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8800c75 );}.elementor-164 .elementor-element.elementor-element-e7cdc31 .elementor-icon{font-size:33px;}.elementor-164 .elementor-element.elementor-element-e7cdc31 .elementor-icon svg{height:33px;}.elementor-164 .elementor-element.elementor-element-fd028ea{color:var( --e-global-color-b72ef5c );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-164 .elementor-element.elementor-element-c1edbcd.elementor-element{--align-self:stretch;}.elementor-164 .elementor-element.elementor-element-c1edbcd{z-index:0;}.elementor-164 .elementor-element.elementor-element-eaacb45{text-align:center;}.elementor-164 .elementor-element.elementor-element-e0ecb11{text-align:center;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-164 .elementor-element.elementor-element-596dd01 .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-596dd01 .elementor-icon-box-title a{font-size:14px;}.elementor-164 .elementor-element.elementor-element-0eeb4f9 .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-0eeb4f9 .elementor-icon-box-title a{font-size:14px;}.elementor-164 .elementor-element.elementor-element-1fb7a9a .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-1fb7a9a .elementor-icon-box-title a{font-size:14px;}.elementor-164 .elementor-element.elementor-element-d68476d .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-d68476d .elementor-icon-box-title a{font-size:14px;}.elementor-164 .elementor-element.elementor-element-103ebb5 .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-103ebb5 .elementor-icon-box-title a{font-size:14px;}.elementor-164 .elementor-element.elementor-element-9ba8bf5 .elementor-icon-box-title, .elementor-164 .elementor-element.elementor-element-9ba8bf5 .elementor-icon-box-title a{font-size:14px;}.elementor-164 .elementor-element.elementor-element-7af3148.elementor-element{--align-self:center;}.elementor-164 .elementor-element.elementor-element-af75129{text-align:center;}.elementor-164 .elementor-element.elementor-element-5369331{--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:flex-start;}.elementor-164 .elementor-element.elementor-element-e7cdc31.elementor-element{--align-self:center;}.elementor-164 .elementor-element.elementor-element-fd028ea{text-align:center;}}/* Start custom CSS for video, class: .elementor-element-c1edbcd *//* ========================================================= NIPPON FITNESS STARTSEITE – RESPONSIVE HERO VIDEO MASTER CSS Direkt im Elementor Video-Widget einfügen Ziel: - Hero immer bildschirmfüllend - Video vollflächig - Premium Dark Overlay - Content bleibt darüber - Desktop / Tablet / Mobile optimiert CI: Rot: #db0000 ========================================================= */ /* ========================================================= 01 / HERO-CONTAINER AUF BILDSCHIRMHÖHE ========================================================= */ .e-con:has(> .elementor-164 .elementor-element.elementor-element-c1edbcd) { position: relative !important; min-height: 100vh; min-height: 100svh; min-height: 100dvh; overflow: hidden !important; isolation: isolate; } /* ========================================================= 02 / VIDEO-WIDGET ALS HINTERGRUND ========================================================= */ .elementor-164 .elementor-element.elementor-element-c1edbcd { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; z-index: 0 !important; pointer-events: none; } /* ========================================================= 03 / ELEMENTOR VIDEO-WRAPPER ========================================================= */ .elementor-164 .elementor-element.elementor-element-c1edbcd > .elementor-widget-container, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-widget-container, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-wrapper, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-fit-aspect-ratio, .elementor-164 .elementor-element.elementor-element-c1edbcd .e-hosted-video, .elementor-164 .elementor-element.elementor-element-c1edbcd .e-video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; aspect-ratio: auto !important; } /* ========================================================= 04 / SELBST GEHOSTETES / HTML5 VIDEO ========================================================= */ .elementor-164 .elementor-element.elementor-element-c1edbcd video, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; display: block !important; object-fit: cover !important; /* * Desktop-Bildausschnitt */ object-position: center center !important; z-index: 1 !important; } /* ========================================================= 05 / YOUTUBE / VIMEO / IFRAME ========================================================= */ .elementor-164 .elementor-element.elementor-element-c1edbcd iframe { position: absolute !important; top: 50% !important; left: 50% !important; width: 177.7777778vh !important; height: 56.25vw !important; min-width: 100% !important; min-height: 100% !important; max-width: none !important; transform: translate(-50%, -50%) !important; z-index: 1 !important; } /* ========================================================= 06 / PREMIUM VIDEO OVERLAY – DESKTOP links: hohe Lesbarkeit für Eyebrow, H1, Text und Buttons rechts: deutlich mehr Video sichtbar Ebenen: Video = 1 Overlay = 2 Content = 3 ========================================================= */ .elementor-164 .elementor-element.elementor-element-c1edbcd::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient( 90deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0.78) 24%, rgba(0, 0, 0, 0.67) 44%, rgba(0, 0, 0, 0.47) 68%, rgba(0, 0, 0, 0.30) 100% ); } /* ========================================================= 07 / HERO-CONTENT ÜBER VIDEO UND OVERLAY ========================================================= */ .e-con:has(> .elementor-164 .elementor-element.elementor-element-c1edbcd) > :not(.elementor-164 .elementor-element.elementor-element-c1edbcd) { position: relative !important; z-index: 3 !important; } /* ========================================================= 08 / TABLET ========================================================= */ @media (max-width: 1024px) { .e-con:has(> .elementor-164 .elementor-element.elementor-element-c1edbcd) { min-height: 100vh; min-height: 100svh; min-height: 100dvh; } /* * Motiv leicht nach rechts verschieben. * Je nach Video später feinjustierbar. */ .elementor-164 .elementor-element.elementor-element-c1edbcd video, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-video { object-position: 58% center !important; } /* * Tablet: * etwas gleichmäßigere Abdunkelung, * da weniger horizontale Fläche vorhanden ist. */ .elementor-164 .elementor-element.elementor-element-c1edbcd::after { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0.78) 35%, rgba(0, 0, 0, 0.60) 68%, rgba(0, 0, 0, 0.40) 100% ); } } /* ========================================================= 09 / MOBILE ========================================================= */ @media (max-width: 767px) { .e-con:has(> .elementor-164 .elementor-element.elementor-element-c1edbcd) { min-height: 100vh; min-height: 100svh; min-height: 100dvh; overflow: hidden !important; } .elementor-164 .elementor-element.elementor-element-c1edbcd { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; } .elementor-164 .elementor-element.elementor-element-c1edbcd > .elementor-widget-container, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-widget-container, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-wrapper, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-fit-aspect-ratio, .elementor-164 .elementor-element.elementor-element-c1edbcd .e-hosted-video, .elementor-164 .elementor-element.elementor-element-c1edbcd .e-video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; aspect-ratio: auto !important; } /* * Mobile-Bildausschnitt * * Der Wert ist motivabhängig. * 42 % aus deinem bisherigen Aufbau * bleibt zunächst erhalten. */ .elementor-164 .elementor-element.elementor-element-c1edbcd video, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 42% center !important; } /* * MOBILE PREMIUM OVERLAY * * Horizontaler Verlauf wird ersetzt, * da der Content auf Smartphone einen * großen Teil der gesamten Breite einnimmt. * * oben: * klar abgedunkelt * * Mitte: * etwas transparenter * * unten: * wieder stärker für Text und Buttons */ .elementor-164 .elementor-element.elementor-element-c1edbcd::after { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.68) 38%, rgba(0, 0, 0, 0.66) 62%, rgba(0, 0, 0, 0.80) 100% ); } } /* ========================================================= 10 / SMALL MOBILE ========================================================= */ @media (max-width: 480px) { /* * Bildausschnitt für sehr schmale Displays. */ .elementor-164 .elementor-element.elementor-element-c1edbcd video, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-video { object-position: 42% center !important; } /* * Minimal stärkere Abdunkelung. * * Dadurch bleiben weiße Headline, * Fließtext und Buttons auch auf * sehr kleinen Displays zuverlässig lesbar. */ .elementor-164 .elementor-element.elementor-element-c1edbcd::after { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.71) 38%, rgba(0, 0, 0, 0.69) 62%, rgba(0, 0, 0, 0.84) 100% ); } }/* ========================================================= NIPPON FITNESS STARTSEITE – RESPONSIVE HERO VIDEO MASTER CSS Direkt im Elementor Video-Widget einfügen Ziel: - Hero immer bildschirmfüllend - Video vollflächig - Premium Dark Overlay - Content bleibt darüber - Desktop / Tablet / Mobile optimiert CI: Rot: #db0000 ========================================================= */ /* ========================================================= 01 / HERO-CONTAINER AUF BILDSCHIRMHÖHE ========================================================= */ .e-con:has(> .elementor-164 .elementor-element.elementor-element-c1edbcd) { position: relative !important; min-height: 100vh; min-height: 100svh; min-height: 100dvh; overflow: hidden !important; isolation: isolate; } /* ========================================================= 02 / VIDEO-WIDGET ALS HINTERGRUND ========================================================= */ .elementor-164 .elementor-element.elementor-element-c1edbcd { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; z-index: 0 !important; pointer-events: none; } /* ========================================================= 03 / ELEMENTOR VIDEO-WRAPPER ========================================================= */ .elementor-164 .elementor-element.elementor-element-c1edbcd > .elementor-widget-container, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-widget-container, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-wrapper, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-fit-aspect-ratio, .elementor-164 .elementor-element.elementor-element-c1edbcd .e-hosted-video, .elementor-164 .elementor-element.elementor-element-c1edbcd .e-video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; aspect-ratio: auto !important; } /* ========================================================= 04 / SELBST GEHOSTETES / HTML5 VIDEO ========================================================= */ .elementor-164 .elementor-element.elementor-element-c1edbcd video, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; display: block !important; object-fit: cover !important; /* * Desktop-Bildausschnitt */ object-position: center center !important; z-index: 1 !important; } /* ========================================================= 05 / YOUTUBE / VIMEO / IFRAME ========================================================= */ .elementor-164 .elementor-element.elementor-element-c1edbcd iframe { position: absolute !important; top: 50% !important; left: 50% !important; width: 177.7777778vh !important; height: 56.25vw !important; min-width: 100% !important; min-height: 100% !important; max-width: none !important; transform: translate(-50%, -50%) !important; z-index: 1 !important; } /* ========================================================= 06 / PREMIUM VIDEO OVERLAY – DESKTOP links: hohe Lesbarkeit für Eyebrow, H1, Text und Buttons rechts: deutlich mehr Video sichtbar Ebenen: Video = 1 Overlay = 2 Content = 3 ========================================================= */ .elementor-164 .elementor-element.elementor-element-c1edbcd::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient( 90deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0.78) 24%, rgba(0, 0, 0, 0.67) 44%, rgba(0, 0, 0, 0.47) 68%, rgba(0, 0, 0, 0.30) 100% ); } /* ========================================================= 07 / HERO-CONTENT ÜBER VIDEO UND OVERLAY ========================================================= */ .e-con:has(> .elementor-164 .elementor-element.elementor-element-c1edbcd) > :not(.elementor-164 .elementor-element.elementor-element-c1edbcd) { position: relative !important; z-index: 3 !important; } /* ========================================================= 08 / TABLET ========================================================= */ @media (max-width: 1024px) { .e-con:has(> .elementor-164 .elementor-element.elementor-element-c1edbcd) { min-height: 100vh; min-height: 100svh; min-height: 100dvh; } /* * Motiv leicht nach rechts verschieben. * Je nach Video später feinjustierbar. */ .elementor-164 .elementor-element.elementor-element-c1edbcd video, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-video { object-position: 58% center !important; } /* * Tablet: * etwas gleichmäßigere Abdunkelung, * da weniger horizontale Fläche vorhanden ist. */ .elementor-164 .elementor-element.elementor-element-c1edbcd::after { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0.78) 35%, rgba(0, 0, 0, 0.60) 68%, rgba(0, 0, 0, 0.40) 100% ); } } /* ========================================================= 09 / MOBILE ========================================================= */ @media (max-width: 767px) { .e-con:has(> .elementor-164 .elementor-element.elementor-element-c1edbcd) { min-height: 100vh; min-height: 100svh; min-height: 100dvh; overflow: hidden !important; } .elementor-164 .elementor-element.elementor-element-c1edbcd { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; } .elementor-164 .elementor-element.elementor-element-c1edbcd > .elementor-widget-container, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-widget-container, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-wrapper, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-fit-aspect-ratio, .elementor-164 .elementor-element.elementor-element-c1edbcd .e-hosted-video, .elementor-164 .elementor-element.elementor-element-c1edbcd .e-video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; aspect-ratio: auto !important; } /* * Mobile-Bildausschnitt * * Der Wert ist motivabhängig. * 42 % aus deinem bisherigen Aufbau * bleibt zunächst erhalten. */ .elementor-164 .elementor-element.elementor-element-c1edbcd video, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 42% center !important; } /* * MOBILE PREMIUM OVERLAY * * Horizontaler Verlauf wird ersetzt, * da der Content auf Smartphone einen * großen Teil der gesamten Breite einnimmt. * * oben: * klar abgedunkelt * * Mitte: * etwas transparenter * * unten: * wieder stärker für Text und Buttons */ .elementor-164 .elementor-element.elementor-element-c1edbcd::after { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.68) 38%, rgba(0, 0, 0, 0.66) 62%, rgba(0, 0, 0, 0.80) 100% ); } } /* ========================================================= 10 / SMALL MOBILE ========================================================= */ @media (max-width: 480px) { /* * Bildausschnitt für sehr schmale Displays. */ .elementor-164 .elementor-element.elementor-element-c1edbcd video, .elementor-164 .elementor-element.elementor-element-c1edbcd .elementor-video { object-position: 42% center !important; } /* * Minimal stärkere Abdunkelung. * * Dadurch bleiben weiße Headline, * Fließtext und Buttons auch auf * sehr kleinen Displays zuverlässig lesbar. */ .elementor-164 .elementor-element.elementor-element-c1edbcd::after { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.71) 38%, rgba(0, 0, 0, 0.69) 62%, rgba(0, 0, 0, 0.84) 100% ); } }/* End custom CSS */