.elementor-1927 .elementor-element.elementor-element-c2c08ea{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--z-index:10;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1927 .elementor-element.elementor-element-1ce79d1 img{width:40%;}.elementor-1927 .elementor-element.elementor-element-344523e{width:auto;max-width:auto;}.elementor-1927 .elementor-element.elementor-element-7c4ad7a{--display:flex;}.elementor-1927 .elementor-element.elementor-element-e6153ed{--display:flex;}.elementor-1927 .elementor-element.elementor-element-e6153ed.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1927 .elementor-element.elementor-element-4e9b391{--display:flex;}.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-weight:var( --e-global-typography-primary-font-weight );}.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-1927 .elementor-element.elementor-element-a04483d{--icon-box-icon-margin:15px;}.elementor-1927 .elementor-element.elementor-element-9395bdf{--icon-box-icon-margin:15px;}.elementor-1927 .elementor-element.elementor-element-d5d2b77{--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:0px;--z-index:9999;}.elementor-1927 .elementor-element.elementor-element-d37aeb4{--display:flex;}.elementor-1927 .elementor-element.elementor-element-d37aeb4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-aab2db0 > .elementor-widget-container{margin:20px 0px 0px 0px;}.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-1927 .elementor-element.elementor-element-c796d42.elementor-element{--order:99999 /* order end hack */;}.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(9px/2);}.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(9px/2);}.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(9px/2);}.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-9px/2);}.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-9px/2);}.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-icon i{color:#010205CC;transition:color 0.3s;}.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-icon svg{fill:#010205CC;transition:fill 0.3s;}.elementor-1927 .elementor-element.elementor-element-c796d42{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-text{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#010205CC;transition:color 0.3s;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1927 .elementor-element.elementor-element-1d13294{width:var( --container-widget-width, 106.31% );max-width:106.31%;--container-widget-width:106.31%;--container-widget-flex-grow:0;}.elementor-1927 .elementor-element.elementor-element-1d13294 > .elementor-widget-container{margin:-24px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-1d13294.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-31389d3 );fill:var( --e-global-color-31389d3 );}.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu--main .elementor-item:hover,
.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-31389d3 );fill:var( --e-global-color-31389d3 );}.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-31389d3 );}.elementor-1927 .elementor-element.elementor-element-3562b60{--display:flex;}.elementor-1927 .elementor-element.elementor-element-3562b60.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-4cc5aa5{--spacer-size:81px;}.elementor-1927 .elementor-element.elementor-element-c554127{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-c554127.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-0c4917e > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-36b9a0a > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-3b56df0 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1927 .elementor-element.elementor-element-f02bde0{--divider-border-style:solid;--divider-color:#C5C5C5;--divider-border-width:2px;}.elementor-1927 .elementor-element.elementor-element-f02bde0 .elementor-divider-separator{width:100%;}.elementor-1927 .elementor-element.elementor-element-f02bde0 .elementor-divider{padding-block-start:24px;padding-block-end:24px;}.elementor-1927 .elementor-element.elementor-element-b03db3f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-07ac774{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-07ac774.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1927 .elementor-element.elementor-element-e5906cb > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-1927 .elementor-element.elementor-element-e5906cb .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1927 .elementor-element.elementor-element-d3adf7d{--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-1927 .elementor-element.elementor-element-d3adf7d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-af8e214 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-af8e214{text-align:center;}.elementor-1927 .elementor-element.elementor-element-e71a7af{--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-1927 .elementor-element.elementor-element-e71a7af.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-8f99fa3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-8f99fa3{text-align:center;}.elementor-1927 .elementor-element.elementor-element-34b57b6{--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;--justify-content:flex-start;--flex-wrap:wrap;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-1927 .elementor-element.elementor-element-a231d5f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-a231d5f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-a65a8f6 > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-1927 .elementor-element.elementor-element-a65a8f6 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1927 .elementor-element.elementor-element-ba2a14a{--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-1927 .elementor-element.elementor-element-ba2a14a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-4c865fe > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-4c865fe{text-align:center;}.elementor-1927 .elementor-element.elementor-element-5b5ceb7{--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-1927 .elementor-element.elementor-element-5b5ceb7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-e7761d2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-e7761d2{text-align:center;}.elementor-1927 .elementor-element.elementor-element-fe53291{--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;--justify-content:flex-start;--flex-wrap:wrap;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-5c07bf5{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-5c07bf5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-b5e8354 > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-1927 .elementor-element.elementor-element-b5e8354 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1927 .elementor-element.elementor-element-99e68c8{--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-1927 .elementor-element.elementor-element-99e68c8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-eeabf7d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-eeabf7d{text-align:center;}.elementor-1927 .elementor-element.elementor-element-5a454f3{--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-1927 .elementor-element.elementor-element-5a454f3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-a9787c4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-a9787c4{text-align:center;}.elementor-1927 .elementor-element.elementor-element-54b46e0{--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;--justify-content:flex-start;--flex-wrap:wrap;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-150aa06{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-150aa06.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-d939350 > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-1927 .elementor-element.elementor-element-d939350 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1927 .elementor-element.elementor-element-054c0e8{--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-1927 .elementor-element.elementor-element-232f1a0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-232f1a0{text-align:center;}.elementor-1927 .elementor-element.elementor-element-db15727{--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-1927 .elementor-element.elementor-element-f4da107 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-f4da107{text-align:center;}.elementor-1927 .elementor-element.elementor-element-de91837{--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;--justify-content:flex-start;--flex-wrap:wrap;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-20b6e64{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-20b6e64.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-346161f > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-1927 .elementor-element.elementor-element-346161f .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1927 .elementor-element.elementor-element-1308eff{--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-1927 .elementor-element.elementor-element-1308eff.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-3728cd8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-3728cd8{text-align:center;}.elementor-1927 .elementor-element.elementor-element-4a03d0d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-4a03d0d{text-align:center;}.elementor-1927 .elementor-element.elementor-element-683a8d5{--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;--justify-content:flex-start;--flex-wrap:wrap;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-1324f43{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1927 .elementor-element.elementor-element-9ce9c33{--display:flex;--min-height:230px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-9ce9c33::before, .elementor-1927 .elementor-element.elementor-element-9ce9c33 > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-9ce9c33 > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-9ce9c33 > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-9ce9c33 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-9ce9c33 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-3558030{z-index:3;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-d247369{left:0px;}body.rtl .elementor-1927 .elementor-element.elementor-element-d247369{right:0px;}.elementor-1927 .elementor-element.elementor-element-d247369{top:0px;z-index:1;}.elementor-1927 .elementor-element.elementor-element-d247369 img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-236fe85{--display:flex;--min-height:230px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-236fe85::before, .elementor-1927 .elementor-element.elementor-element-236fe85 > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-236fe85 > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-236fe85 > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-236fe85 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-236fe85 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-a332fbd{z-index:3;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-fc5ba10{left:0px;}body.rtl .elementor-1927 .elementor-element.elementor-element-fc5ba10{right:0px;}.elementor-1927 .elementor-element.elementor-element-fc5ba10{top:0px;z-index:1;}.elementor-1927 .elementor-element.elementor-element-fc5ba10 img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-f4b97e3 > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-5952903 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-0c05b50 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-10d88c1 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-5502e37{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1927 .elementor-element.elementor-element-28fdfe8{--display:flex;--min-height:230px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-28fdfe8::before, .elementor-1927 .elementor-element.elementor-element-28fdfe8 > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-28fdfe8 > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-28fdfe8 > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-28fdfe8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-28fdfe8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-df83f87{z-index:3;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-60bbe02{left:0px;}body.rtl .elementor-1927 .elementor-element.elementor-element-60bbe02{right:0px;}.elementor-1927 .elementor-element.elementor-element-60bbe02{top:0px;z-index:1;}.elementor-1927 .elementor-element.elementor-element-60bbe02 img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-aec3b60{--display:flex;--min-height:230px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-aec3b60::before, .elementor-1927 .elementor-element.elementor-element-aec3b60 > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-aec3b60 > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-aec3b60 > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-aec3b60 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-aec3b60 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-59db05c{z-index:3;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-7af1219{left:0px;}body.rtl .elementor-1927 .elementor-element.elementor-element-7af1219{right:0px;}.elementor-1927 .elementor-element.elementor-element-7af1219{top:0px;z-index:1;}.elementor-1927 .elementor-element.elementor-element-7af1219 img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-df76b9d{--display:flex;--min-height:230px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-df76b9d::before, .elementor-1927 .elementor-element.elementor-element-df76b9d > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-df76b9d > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-df76b9d > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-df76b9d > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-df76b9d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-0f6d37b{z-index:3;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-f1f7447{left:0px;}body.rtl .elementor-1927 .elementor-element.elementor-element-f1f7447{right:0px;}.elementor-1927 .elementor-element.elementor-element-f1f7447{top:0px;z-index:1;}.elementor-1927 .elementor-element.elementor-element-f1f7447 img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-2544a76 > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-db7e443 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-09852d6 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-9b8e9ff > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-2e52636 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-eb266e2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1927 .elementor-element.elementor-element-07c5496{--display:flex;--min-height:230px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-07c5496::before, .elementor-1927 .elementor-element.elementor-element-07c5496 > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-07c5496 > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-07c5496 > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-07c5496 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-07c5496 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-8c6deee{z-index:3;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-dd8ef36{left:0px;}body.rtl .elementor-1927 .elementor-element.elementor-element-dd8ef36{right:0px;}.elementor-1927 .elementor-element.elementor-element-dd8ef36{top:0px;z-index:1;}.elementor-1927 .elementor-element.elementor-element-dd8ef36 img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-9b57018{--display:flex;--min-height:230px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-9b57018::before, .elementor-1927 .elementor-element.elementor-element-9b57018 > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-9b57018 > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-9b57018 > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-9b57018 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-9b57018 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-25d2efa{z-index:3;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-e9515eb{left:0px;}body.rtl .elementor-1927 .elementor-element.elementor-element-e9515eb{right:0px;}.elementor-1927 .elementor-element.elementor-element-e9515eb{top:0px;z-index:1;}.elementor-1927 .elementor-element.elementor-element-e9515eb img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-0dcd6a6 > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-7a0c509 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-24b0946 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-792b9cb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1927 .elementor-element.elementor-element-0eb788f > .elementor-widget-container{margin:0px 0px 16px 0px;}.elementor-1927 .elementor-element.elementor-element-5a77166{--display:flex;--min-height:205px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-5a77166::before, .elementor-1927 .elementor-element.elementor-element-5a77166 > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-5a77166 > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-5a77166 > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-5a77166 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-5a77166 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-20fca49{z-index:3;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-27bbbf9{left:0px;}body.rtl .elementor-1927 .elementor-element.elementor-element-27bbbf9{right:0px;}.elementor-1927 .elementor-element.elementor-element-27bbbf9{top:-2px;z-index:1;}.elementor-1927 .elementor-element.elementor-element-27bbbf9 img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-cbc0ce1{--display:flex;--min-height:230px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:016px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-cbc0ce1::before, .elementor-1927 .elementor-element.elementor-element-cbc0ce1 > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-cbc0ce1 > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-cbc0ce1 > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-cbc0ce1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-cbc0ce1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-53c6b5f{z-index:3;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-8ae3d60{left:0px;}body.rtl .elementor-1927 .elementor-element.elementor-element-8ae3d60{right:0px;}.elementor-1927 .elementor-element.elementor-element-8ae3d60{top:0px;z-index:1;}.elementor-1927 .elementor-element.elementor-element-8ae3d60 img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-bf1bdd0{--display:flex;--min-height:230px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:016px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-bf1bdd0::before, .elementor-1927 .elementor-element.elementor-element-bf1bdd0 > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-bf1bdd0 > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-bf1bdd0 > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-bf1bdd0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-bf1bdd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-1887f72{z-index:3;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-1beb188{left:0px;}body.rtl .elementor-1927 .elementor-element.elementor-element-1beb188{right:0px;}.elementor-1927 .elementor-element.elementor-element-1beb188{top:0px;z-index:1;}.elementor-1927 .elementor-element.elementor-element-1beb188 img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-aeac261 > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-136a288 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-5d4af25{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1927 .elementor-element.elementor-element-0e384ed > .elementor-widget-container{margin:0px 0px 16px 0px;}.elementor-1927 .elementor-element.elementor-element-ba0a64c{--display:flex;--min-height:205px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-ba0a64c::before, .elementor-1927 .elementor-element.elementor-element-ba0a64c > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-ba0a64c > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-ba0a64c > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-ba0a64c > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-ba0a64c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-1871486{z-index:3;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-ed38fb2{left:-1px;}body.rtl .elementor-1927 .elementor-element.elementor-element-ed38fb2{right:-1px;}.elementor-1927 .elementor-element.elementor-element-ed38fb2{top:-2px;z-index:1;}.elementor-1927 .elementor-element.elementor-element-ed38fb2 img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-4b72fb1{--display:flex;--min-height:230px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:016px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-4b72fb1::before, .elementor-1927 .elementor-element.elementor-element-4b72fb1 > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-4b72fb1 > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-4b72fb1 > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-4b72fb1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-4b72fb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-84521f6{z-index:3;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-32a7dfe{left:0px;}body.rtl .elementor-1927 .elementor-element.elementor-element-32a7dfe{right:0px;}.elementor-1927 .elementor-element.elementor-element-32a7dfe{top:0px;z-index:1;}.elementor-1927 .elementor-element.elementor-element-32a7dfe img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-8af886e{--display:flex;--min-height:230px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:016px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-8af886e::before, .elementor-1927 .elementor-element.elementor-element-8af886e > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-8af886e > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-8af886e > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-8af886e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-8af886e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-60a380f{z-index:3;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-3b084bb{left:0px;}body.rtl .elementor-1927 .elementor-element.elementor-element-3b084bb{right:0px;}.elementor-1927 .elementor-element.elementor-element-3b084bb{top:0px;z-index:1;}.elementor-1927 .elementor-element.elementor-element-3b084bb img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-1413715 > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-9c41916 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-c69d104{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1927 .elementor-element.elementor-element-75a79bc > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-1927 .elementor-element.elementor-element-75a79bc iframe{height:765px;}.elementor-1927 .elementor-element.elementor-element-4f45c6f > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-4f45c6f.elementor-element{--order:99999 /* order end hack */;}.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(9px/2);}.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(9px/2);}.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(9px/2);}.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-9px/2);}.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-9px/2);}.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-icon i{color:#010205CC;transition:color 0.3s;}.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-icon svg{fill:#010205CC;transition:fill 0.3s;}.elementor-1927 .elementor-element.elementor-element-4f45c6f{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-text{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#010205CC;transition:color 0.3s;}.elementor-1927 .elementor-element.elementor-element-f31bcf4{--display:flex;}.elementor-1927 .elementor-element.elementor-element-f31bcf4.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-bb15722{left:21px;}body.rtl .elementor-1927 .elementor-element.elementor-element-bb15722{right:21px;}.elementor-1927 .elementor-element.elementor-element-bb15722{top:30px;z-index:9999;}.elementor-1927 .elementor-element.elementor-element-47693ad{--display:flex;--position:fixed;top:0px;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-47693ad{left:0px;}body.rtl .elementor-1927 .elementor-element.elementor-element-47693ad{right:0px;}.elementor-1927 .elementor-element.elementor-element-d0b01f5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--flex-wrap:nowrap;}.elementor-1927 .elementor-element.elementor-element-fe3e63a{--display:flex;}.elementor-1927 .elementor-element.elementor-element-ac9c3fb > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-e9e2c41{width:var( --container-widget-width, 106.31% );max-width:106.31%;--container-widget-width:106.31%;--container-widget-flex-grow:0;}.elementor-1927 .elementor-element.elementor-element-e9e2c41 > .elementor-widget-container{margin:-24px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-e9e2c41.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-e9e2c41 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}.elementor-1927 .elementor-element.elementor-element-e9e2c41 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-31389d3 );fill:var( --e-global-color-31389d3 );}.elementor-1927 .elementor-element.elementor-element-e9e2c41 .elementor-nav-menu--main .elementor-item:hover,
.elementor-1927 .elementor-element.elementor-element-e9e2c41 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-1927 .elementor-element.elementor-element-e9e2c41 .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-1927 .elementor-element.elementor-element-e9e2c41 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-31389d3 );fill:var( --e-global-color-31389d3 );}.elementor-1927 .elementor-element.elementor-element-e9e2c41 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-31389d3 );}.elementor-1927 .elementor-element.elementor-element-e9e1a5e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-3edf037{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-3edf037.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-463a766{--spacer-size:50px;}.elementor-1927 .elementor-element.elementor-element-215e3bb > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-ea26215 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-bdd40c6 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-de6f50d{--divider-border-style:solid;--divider-color:#C5C5C5;--divider-border-width:2px;}.elementor-1927 .elementor-element.elementor-element-de6f50d .elementor-divider-separator{width:100%;}.elementor-1927 .elementor-element.elementor-element-de6f50d .elementor-divider{padding-block-start:24px;padding-block-end:24px;}.elementor-1927 .elementor-element.elementor-element-984514e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-a1b65f9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-a1b65f9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-652cb62 > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-1927 .elementor-element.elementor-element-652cb62 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1927 .elementor-element.elementor-element-88e43b7{--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-1927 .elementor-element.elementor-element-88e43b7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-0139a24 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-0139a24{text-align:center;}.elementor-1927 .elementor-element.elementor-element-9b34f1b{--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-1927 .elementor-element.elementor-element-9b34f1b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-5775041 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-5775041{text-align:center;}.elementor-1927 .elementor-element.elementor-element-a8976be{--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;--justify-content:flex-start;--flex-wrap:wrap;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-91c66ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-91c66ee.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-9c3ab05 > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-1927 .elementor-element.elementor-element-9c3ab05 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1927 .elementor-element.elementor-element-954992e{--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-1927 .elementor-element.elementor-element-954992e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-9c1d434 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-9c1d434{text-align:center;}.elementor-1927 .elementor-element.elementor-element-b4451c9{--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-1927 .elementor-element.elementor-element-b4451c9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-ba5c8ab > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-ba5c8ab{text-align:center;}.elementor-1927 .elementor-element.elementor-element-8f535ee{--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;--justify-content:flex-start;--flex-wrap:wrap;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-8718df3{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-8718df3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-328001e > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-1927 .elementor-element.elementor-element-328001e .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1927 .elementor-element.elementor-element-952cf21{--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-1927 .elementor-element.elementor-element-952cf21.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-8e9bbfa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-8e9bbfa{text-align:center;}.elementor-1927 .elementor-element.elementor-element-267a545{--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-1927 .elementor-element.elementor-element-267a545.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-37c5c14 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-37c5c14{text-align:center;}.elementor-1927 .elementor-element.elementor-element-c6bee07{--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;--justify-content:flex-start;--flex-wrap:wrap;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-099c4a0{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-099c4a0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-eba204f > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-1927 .elementor-element.elementor-element-eba204f .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1927 .elementor-element.elementor-element-8209654{--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-1927 .elementor-element.elementor-element-8affa21 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-8affa21{text-align:center;}.elementor-1927 .elementor-element.elementor-element-a83cd8b{--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-1927 .elementor-element.elementor-element-ae505a5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-ae505a5{text-align:center;}.elementor-1927 .elementor-element.elementor-element-1dd6e20{--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;--justify-content:flex-start;--flex-wrap:wrap;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-fdb2375{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-fdb2375.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-37d6e7e > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-1927 .elementor-element.elementor-element-37d6e7e .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1927 .elementor-element.elementor-element-97eab84{--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-1927 .elementor-element.elementor-element-97eab84.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1927 .elementor-element.elementor-element-00cd223 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-00cd223{text-align:center;}.elementor-1927 .elementor-element.elementor-element-7f9421c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-7f9421c{text-align:center;}.elementor-1927 .elementor-element.elementor-element-39b44c8{--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;--justify-content:flex-start;--flex-wrap:wrap;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-1d9e08e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1927 .elementor-element.elementor-element-4687f43{--display:flex;--min-height:230px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-4687f43::before, .elementor-1927 .elementor-element.elementor-element-4687f43 > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-4687f43 > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-4687f43 > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-4687f43 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-4687f43 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-249da61{z-index:3;}.elementor-1927 .elementor-element.elementor-element-5e1e250{z-index:1;}.elementor-1927 .elementor-element.elementor-element-5e1e250 img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-ffcb607{--display:flex;--min-height:230px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1927 .elementor-element.elementor-element-ffcb607::before, .elementor-1927 .elementor-element.elementor-element-ffcb607 > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-ffcb607 > .e-con-inner > .elementor-background-video-container::before, .elementor-1927 .elementor-element.elementor-element-ffcb607 > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-ffcb607 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1927 .elementor-element.elementor-element-ffcb607 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000080 100%, #000000E6 100%);}.elementor-1927 .elementor-element.elementor-element-4424beb{z-index:3;}.elementor-1927 .elementor-element.elementor-element-e255dfc{z-index:1;}.elementor-1927 .elementor-element.elementor-element-e255dfc img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-duration:1.05s;}.elementor-1927 .elementor-element.elementor-element-bdaa1a4 > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-235c317 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-8f04a2d > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-9e16ce9 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-1927 .elementor-element.elementor-element-274fbe4{--display:flex;}.elementor-1927 .elementor-element.elementor-element-714a07d{z-index:999999;}.elementor-1927 .elementor-element.elementor-element-57311d5{--display:flex;}.elementor-1927 .elementor-element.elementor-element-787a532{--display:flex;--position:fixed;bottom:0px;}body:not(.rtl) .elementor-1927 .elementor-element.elementor-element-787a532{left:0px;}body.rtl .elementor-1927 .elementor-element.elementor-element-787a532{right:0px;}.elementor-1927 .elementor-element.elementor-element-f94062b{--icon-box-icon-margin:15px;}.elementor-1927 .elementor-element.elementor-element-b475955{--icon-box-icon-margin:15px;}.elementor-1927 .elementor-element.elementor-element-f8cc047{--icon-box-icon-margin:15px;}.elementor-1927 .elementor-element.elementor-element-068fa47{--icon-box-icon-margin:15px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1927 .elementor-element.elementor-element-d37aeb4{--width:9.492%;}.elementor-1927 .elementor-element.elementor-element-3562b60{--width:18.211%;}.elementor-1927 .elementor-element.elementor-element-c554127{--width:100%;}.elementor-1927 .elementor-element.elementor-element-07ac774{--width:100%;}.elementor-1927 .elementor-element.elementor-element-d3adf7d{--width:80.9%;}.elementor-1927 .elementor-element.elementor-element-e71a7af{--width:78.177%;}.elementor-1927 .elementor-element.elementor-element-a231d5f{--width:100%;}.elementor-1927 .elementor-element.elementor-element-ba2a14a{--width:82.722%;}.elementor-1927 .elementor-element.elementor-element-5b5ceb7{--width:82.722%;}.elementor-1927 .elementor-element.elementor-element-5c07bf5{--width:100%;}.elementor-1927 .elementor-element.elementor-element-99e68c8{--width:91.818%;}.elementor-1927 .elementor-element.elementor-element-5a454f3{--width:91.818%;}.elementor-1927 .elementor-element.elementor-element-150aa06{--width:100%;}.elementor-1927 .elementor-element.elementor-element-20b6e64{--width:100%;}.elementor-1927 .elementor-element.elementor-element-1308eff{--width:84.536%;}.elementor-1927 .elementor-element.elementor-element-f31bcf4{--width:63.132%;}.elementor-1927 .elementor-element.elementor-element-fe3e63a{--width:100%;}.elementor-1927 .elementor-element.elementor-element-e9e1a5e{--width:100%;}.elementor-1927 .elementor-element.elementor-element-3edf037{--width:100%;}.elementor-1927 .elementor-element.elementor-element-a1b65f9{--width:100%;}.elementor-1927 .elementor-element.elementor-element-88e43b7{--width:80.9%;}.elementor-1927 .elementor-element.elementor-element-9b34f1b{--width:78.177%;}.elementor-1927 .elementor-element.elementor-element-91c66ee{--width:100%;}.elementor-1927 .elementor-element.elementor-element-954992e{--width:82.722%;}.elementor-1927 .elementor-element.elementor-element-b4451c9{--width:82.722%;}.elementor-1927 .elementor-element.elementor-element-8718df3{--width:100%;}.elementor-1927 .elementor-element.elementor-element-952cf21{--width:91.818%;}.elementor-1927 .elementor-element.elementor-element-267a545{--width:91.818%;}.elementor-1927 .elementor-element.elementor-element-099c4a0{--width:100%;}.elementor-1927 .elementor-element.elementor-element-fdb2375{--width:100%;}.elementor-1927 .elementor-element.elementor-element-97eab84{--width:84.536%;}}@media(max-width:767px){.elementor-1927 .elementor-element.elementor-element-7c4ad7a{--content-width:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-1927 .elementor-element.elementor-element-e6153ed{--width:151.875px;}.elementor-1927 .elementor-element.elementor-element-4e9b391{--width:100px;--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;--flex-wrap:nowrap;}.elementor-1927 .elementor-element.elementor-element-4e9b391.e-con{--order:99999 /* order end hack */;}.elementor-1927 .elementor-element.elementor-element-47693ad{--content-width:100%;--min-height:100vh;--z-index:9990;}.elementor-1927 .elementor-element.elementor-element-d0b01f5{--width:100%;--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;--flex-wrap:nowrap;}.elementor-1927 .elementor-element.elementor-element-fe3e63a{--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-1927 .elementor-element.elementor-element-ac9c3fb > .elementor-widget-container{margin:40px 20px 0px 20px;}.elementor-1927 .elementor-element.elementor-element-e9e2c41 > .elementor-widget-container{margin:70px 20px 35px 20px;}.elementor-1927 .elementor-element.elementor-element-e9e1a5e{--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-1927 .elementor-element.elementor-element-463a766{--spacer-size:50px;}.elementor-1927 .elementor-element.elementor-element-a1b65f9{--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-91c66ee{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-8f535ee{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1927 .elementor-element.elementor-element-8718df3{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-c6bee07{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1927 .elementor-element.elementor-element-099c4a0{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-1dd6e20{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1927 .elementor-element.elementor-element-fdb2375{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1927 .elementor-element.elementor-element-39b44c8{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1927 .elementor-element.elementor-element-274fbe4{--z-index:99999999999;}.elementor-1927 .elementor-element.elementor-element-787a532{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;--z-index:9999;}.elementor-1927 .elementor-element.elementor-element-43769d5{z-index:9999;}}/* Start custom CSS for html, class: .elementor-element-e46d7da */.elementor-1927 .elementor-element.elementor-element-e46d7da { width: 33.33% !important; display: flex; justify-content: flex-start; }/* End custom CSS */
/* Start custom CSS for theme-site-logo, class: .elementor-element-1ce79d1 */.elementor-1927 .elementor-element.elementor-element-1ce79d1 { width: 33.33% !important; display: flex; justify-content: center; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-344523e */.elementor-1927 .elementor-element.elementor-element-344523e { width: 33.33% !important; display: flex; justify-content: center; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2c08ea */.elementor-1927 .elementor-element.elementor-element-c2c08ea {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 80px;
background-color: var(--bg-primary);
border-bottom: 1px solid var(--border-color);
z-index: 77777;
padding: 0 40px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6153ed *//* Normalzustand */
.logo-dark { display: none !important; }
/* Dark Mode Zustand */
body.dark-mode .logo-light { display: none !important; }
body.dark-mode .logo-dark { display: block !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e9b391 *//* 1. Positionierung der Gruppe (Fix für Live-Vorschau) */
.elementor-1927 .elementor-element.elementor-element-4e9b391 {
margin-right: px !important; /* Erzwingt den Abstand zum rechten Bildschirmrand */
width: auto !important;
display: flex !important;
flex-direction: row-reverse !important; /* Deine funktionierende Ausrichtung */
align-items: center !important;
gap: 12px !important; /* Konsistenter Abstand zwischen den Icons */
}
/* 2. Design der quadratischen Pillen */
.elementor-1927 .elementor-element.elementor-element-4e9b391 .elementor-icon-box-icon {
background-color: var(--bg-hover) !important;
border-radius: 8px !important; /* Leicht abgerundete Ecken */
width: 42px !important;
height: 42px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
box-shadow: 0 2px 4px hsla(0, 0%, 0%, 0.06) !important;
transition: all 0.3s ease !important;
}
/* Icon-Farbe & Größe */
.elementor-1927 .elementor-element.elementor-element-4e9b391 .elementor-icon-box-icon i,
.elementor-1927 .elementor-element.elementor-element-4e9b391 .elementor-icon-box-icon svg {
color: var(--text-primary) !important;
fill: var(--text-primary) !important;
font-size: 18px !important;
}
/* 3. DARK MODE ANPASSUNG */
body.dark-mode .elementor-1927 .elementor-element.elementor-element-4e9b391 .elementor-icon-box-icon {
background-color: hsla(0, 0%, 100%, 0.08) !important;
box-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.4) !important;
}
body.dark-mode .elementor-1927 .elementor-element.elementor-element-4e9b391 .elementor-icon-box-icon i,
body.dark-mode .elementor-1927 .elementor-element.elementor-element-4e9b391 .elementor-icon-box-icon svg {
color: #ffffff !important;
fill: #ffffff !important;
}
/* 4. Aufräumen */
.elementor-1927 .elementor-element.elementor-element-4e9b391 .elementor-icon-box-content {
display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c4ad7a *//* 1. BASIS & LIGHT MODE (Weißer Balken + Schatten) */
.elementor-1927 .elementor-element.elementor-element-7c4ad7a {
background-color: #ffffff !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 10px 20px !important;
/* Schatten für Light Mode */
box-shadow: 0 4px 12px hsla(0, 0%, 0%, 0.08) !important;
border-bottom: none !important;
position: relative;
z-index: 100;
}
/* Logo-Größe Deckeln */
.elementor-1927 .elementor-element.elementor-element-7c4ad7a .mobile-logo img {
max-height: 40px !important;
width: auto !important;
}
/* Quadratische Icon-Pillen (Light Mode) */
.elementor-1927 .elementor-element.elementor-element-7c4ad7a .header-icons-group .elementor-icon-box-icon {
background-color: hsla(0, 0%, 0%, 0.05) !important;
border-radius: 8px !important; /* Quadratisch mit leichter Rundung */
width: 40px !important;
height: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
}
.elementor-1927 .elementor-element.elementor-element-7c4ad7a .header-icons-group .elementor-icon-box-icon i {
color: #000000 !important;
font-size: 18px !important;
}
/* --------------------------------------------------
2. DARK MODE (Dunkler Balken + Linie statt Schatten)
-------------------------------------------------- */
/* Header-Hintergrund & Trennlinie */
body.dark-mode .elementor-1927 .elementor-element.elementor-element-7c4ad7a {
background-color: #111111 !important;
box-shadow: none !important; /* Schatten weg */
border-bottom: 1px solid hsla(0, 0%, 100%, 0.1) !important; /* Helle Linie hin */
}
/* Icons im Dark Mode */
body.dark-mode .elementor-1927 .elementor-element.elementor-element-7c4ad7a .header-icons-group .elementor-icon-box-icon {
background-color: hsla(0, 0%, 100%, 0.1) !important;
}
body.dark-mode .elementor-1927 .elementor-element.elementor-element-7c4ad7a .header-icons-group .elementor-icon-box-icon i {
color: #ffffff !important;
}
/* Bereinigung */
.elementor-1927 .elementor-element.elementor-element-7c4ad7a .elementor-icon-box-title,
.elementor-1927 .elementor-element.elementor-element-7c4ad7a .elementor-icon-box-description {
display: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aab2db0 *//* Container für den Toggle */
.elementor-1927 .elementor-element.elementor-element-aab2db0 .customer-toggle-wrapper {
position: relative !important;
display: flex !important;
background-color: var(--bg-hover) !important;
border-radius: 8px !important;
padding: 4px !important;
margin-bottom: 30px !important;
width: 100% !important;
}
/* Versteckt die Standard-Radiobuttons */
.elementor-1927 .elementor-element.elementor-element-aab2db0 .customer-toggle-wrapper input[type="radio"] {
display: none !important;
}
/* Beschriftung (Privat / Gewerbe) */
.elementor-1927 .elementor-element.elementor-element-aab2db0 .toggle-label {
flex: 1 !important;
text-align: center !important;
padding: 10px 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
color: var(--text-secondary) !important;
cursor: pointer !important;
z-index: 2 !important;
transition: color 0.3s ease !important;
margin: 0 !important;
}
/* Textfarbe des aktiven Buttons */
.elementor-1927 .elementor-element.elementor-element-aab2db0 .customer-toggle-wrapper input[type="radio"]:checked + .toggle-label {
color: var(--text-primary) !important;
}
/* Der verschiebbare Hintergrund (die aktive "Pille") */
.elementor-1927 .elementor-element.elementor-element-aab2db0 .toggle-slider {
position: absolute !important;
top: 4px !important;
left: 4px !important;
width: calc(50% - 4px) !important;
height: calc(100% - 8px) !important;
background-color: var(--bg-primary) !important;
border-radius: 6px !important;
z-index: 1 !important;
transition: transform 0.3s ease !important;
box-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.1) !important;
}
/* Verschiebt den Slider nach rechts, wenn "Gewerbe" geklickt wird */
.elementor-1927 .elementor-element.elementor-element-aab2db0 #toggle-gewerbe:checked ~ .toggle-slider {
transform: translateX(100%) !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c796d42 *//* 1. Hält das gesamte Widget ganz unten am Rand */
.elementor-1927 .elementor-element.elementor-element-c796d42 {
margin-top: auto !important;
padding-bottom: 40px !important;
}
/* 2. Text- und Icon-Farbe ZWINGEND an das globale Theme binden */
/* Überschreibt Elementor-Standardfarben für Links explizit */
.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-item,
.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-item a,
.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-text {
color: var(--text-primary) !important;
}
.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-icon i,
.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-icon svg {
fill: var(--text-primary) !important;
color: var(--text-primary) !important;
}
/* 3. Zentrales Layout & Hover für die Pille (gilt für Listen mit und ohne Link) */
.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-item {
display: flex !important;
align-items: center !important;
width: 100% !important;
padding: 10px 24px !important;
border-radius: 8px !important;
background-color: transparent !important;
transition: background-color 0.2s ease, color 0.2s ease !important;
margin-bottom: 8px !important;
}
.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-item:last-child {
margin-bottom: 0 !important;
}
/* Link-Layout zurücksetzen, da das Elternelement (li) die Pille formt */
.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-item a {
display: flex !important;
align-items: center !important;
width: 100% !important;
padding: 0 !important;
background-color: transparent !important;
}
/* 4. Globaler Hover-Effekt exakt nach Farbschema */
.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-item:hover {
background-color: var(--bg-hover) !important;
}
/* 5. Abstand Icon zu Text */
.elementor-1927 .elementor-element.elementor-element-c796d42 .elementor-icon-list-icon {
margin-right: 16px !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-1d13294 *//* 1. Menü-Links als volle Blöcke formatieren & Pfeil fest integrieren */
.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu--main .elementor-item {
display: flex !important;
align-items: center !important;
width: 100% !important;
/* Platzaufteilung: 10px oben/unten, 48px rechts (für den Pfeil), 24px links */
padding: 18px 52px 18px 10px !important;
margin-bottom: 20px !important;
/* Hintergrund ist transparent, Panel-Farbe scheint durch */
background-color: transparent !important;
border-radius: 3px !important;
/* NEU: Zwingt Elementor, die globale Textfarbe in beiden Modi zu nutzen */
color: var(--text-primary) !important;
/* DER PFEIL: Als Variable geladen, ändert Farbe im Dark Mode */
background-image: var(--menu-arrow-icon) !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
background-size: 29px !important;
transition: background-color 0.2s ease, color 0.2s ease !important;
}
/* Entfernt den Abstand unter dem letzten Menüpunkt */
.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu--main li:last-child .elementor-item {
margin-bottom: 0 !important;
}
/* 2. Hover- und Aktiv-Zustand */
.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu--main .elementor-item:hover,
.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu--main .current-menu-item .elementor-item {
background-color: var(--bg-hover) !important;
}
/* 3. RADIKALE FEHLERBEHEBUNG: Elementors grüne Stör-Boxen restlos vernichten */
.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu--main .elementor-item::before,
.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu--main .elementor-item::after {
display: none !important;
content: none !important;
background: transparent !important;
width: 0 !important;
height: 0 !important;
}
/* Etwaige Standard-Pfeile von WordPress ausblenden */
.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-item .elementor-item-caret {
display: none !important;
}
/* -------------------------------------------------------- */
/* DEAKTIVIERUNGEN UND AUSNAHMEN */
/* -------------------------------------------------------- */
/* 1. Spezifischen Link visuell deaktivieren (Beispiel: Autohandel) */
.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu--main a[href*="wir"] {
opacity: 0.4 !important;
pointer-events: none !important;
}
/* 2. Pfeil bei "Über uns" zwingend ausblenden - KORRIGIERT */
/* Da der Pfeil ein Hintergrundbild ist, muss genau dieses entfernt werden */
.elementor-1927 .elementor-element.elementor-element-1d13294 .elementor-nav-menu--main a[href*="wir"] {
background-image: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d37aeb4 */.elementor-1927 .elementor-element.elementor-element-d37aeb4 {
width: 400px !important;
height: 100vh !important;
background-color: var(--bg-primary) !important;
padding: 40px !important;
overflow-y: auto;
position: relative !important; /* Wichtig für die Positionierung des Strichs */
}
/* Der erzwungene Trennstrich */
.elementor-1927 .elementor-element.elementor-element-d37aeb4::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
width: 1px !important;
height: 100% !important;
background-color: var(--border-color) !important;
z-index: 999 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-34b57b6 *//* Abstand zwischen den Pillen verringern */
.data-label {
margin-right: -22px !important; /* Von Standard (meist 10-15px) auf 6px reduziert */
margin-bottom: 1px !important; /* Falls sie in die nächste Zeile umbrechen */
}
/* Letzte Pille braucht keinen Abstand nach rechts */
.data-label:last-child {
margin-right: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07ac774 *//* --- Hauptcontainer --- */
.auto-hover-box {
background-color: transparent;
transition: background-color 0.3s ease;
cursor: pointer;
}
.auto-hover-box:hover {
/* Wechselt beim Hover exakt auf die Farbe von Panel 1 */
background-color: var(--bg-primary) !important;
border-radius: 12px;
}
/* --- Titel-Fix --- */
.auto-hover-box .elementor-heading-title {
margin: 0 !important;
padding: 0 !important;
line-height: 1.1;
color: var(--text-primary) !important;
}
/* --- Fahrzeug-Animation & Linksbündigkeit --- */
.auto-hover-box-img-container img {
display: block;
max-width: 100%;
margin: 0 !important; /* Korrektur: Erzwingt Linksbündigkeit, hebt Zentrierung auf */
transform: translateX(-5px);
transition: transform 0.15s ease-out;
}
.auto-hover-box:hover .auto-hover-box-img-container img {
transform: translateX(5px);
}
/* --- Daten-Labels (Pillen) --- */
.data-label {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto !important;
/* Im Ruhezustand auf dem dunkleren Panel 2 */
background-color: var(--bg-primary);
color: var(--text-primary) !important;
border: 1px solid var(--border-color);
padding: 4px 12px;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
line-height: 1;
transition: background-color 0.3s ease;
pointer-events: none;
margin-top: -5px !important;
}
/* Hover-Effekt für die Pille: Da der Kasten nun Weiß/Dunkelgrau wird,
muss die Pille einen Kontrast-Hintergrund erhalten */
.auto-hover-box:hover .data-label {
background-color: var(--bg-hover) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe53291 *//* Abstand zwischen den Pillen verringern */
.data-label {
margin-right: -22px !important; /* Von Standard (meist 10-15px) auf 6px reduziert */
margin-bottom: 1px !important; /* Falls sie in die nächste Zeile umbrechen */
}
/* Letzte Pille braucht keinen Abstand nach rechts */
.data-label:last-child {
margin-right: 0 !important;
}/* Abstand zwischen den Pillen verringern */
.data-label {
margin-right: -22px !important; /* Von Standard (meist 10-15px) auf 6px reduziert */
margin-bottom: 1px !important; /* Falls sie in die nächste Zeile umbrechen */
}
/* Letzte Pille braucht keinen Abstand nach rechts */
.data-label:last-child {
margin-right: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a231d5f *//* --- Hauptcontainer --- */
.auto-hover-box {
background-color: transparent;
transition: background-color 0.3s ease;
cursor: pointer;
}
.auto-hover-box:hover {
/* Wechselt beim Hover exakt auf die Farbe von Panel 1 */
background-color: var(--bg-primary) !important;
border-radius: 12px;
}
/* --- Titel-Fix --- */
.auto-hover-box .elementor-heading-title {
margin: 0 !important;
padding: 0 !important;
line-height: 1.1;
color: var(--text-primary) !important;
}
/* --- Fahrzeug-Animation --- */
.auto-hover-box-img-container {
margin: 0 !important;
padding: 0 !important;
}
.auto-hover-box-img-container img {
display: block;
max-width: 100%;
margin: 0 auto;
transform: translateX(-5px);
transition: transform 0.15s ease-out;
}
.auto-hover-box:hover .auto-hover-box-img-container img {
transform: translateX(5px);
}
/* --- Daten-Labels (Pillen) --- */
.data-label {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto !important;
/* Im Ruhezustand auf dem dunkleren Panel 2 */
background-color: var(--bg-primary);
color: var(--text-primary) !important;
border: 1px solid var(--border-color);
padding: 4px 12px;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
line-height: 1;
transition: background-color 0.3s ease;
pointer-events: none;
margin-top: -5px !important;
}
/* Hover-Effekt für die Pille: Da der Kasten nun Weiß/Dunkelgrau wird,
muss die Pille einen Kontrast-Hintergrund erhalten */
.auto-hover-box:hover .data-label {
background-color: var(--bg-hover) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54b46e0 *//* Abstand zwischen den Pillen verringern */
.data-label {
margin-right: -22px !important; /* Von Standard (meist 10-15px) auf 6px reduziert */
margin-bottom: 1px !important; /* Falls sie in die nächste Zeile umbrechen */
}
/* Letzte Pille braucht keinen Abstand nach rechts */
.data-label:last-child {
margin-right: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c07bf5 *//* --- Hauptcontainer --- */
.auto-hover-box {
background-color: transparent;
transition: background-color 0.3s ease;
cursor: pointer;
}
.auto-hover-box:hover {
/* Wechselt beim Hover exakt auf die Farbe von Panel 1 */
background-color: var(--bg-primary) !important;
border-radius: 12px;
}
/* --- Titel-Fix --- */
.auto-hover-box .elementor-heading-title {
margin: 0 !important;
padding: 0 !important;
line-height: 1.1;
color: var(--text-primary) !important;
}
/* --- Fahrzeug-Animation --- */
.auto-hover-box-img-container {
margin: 0 !important;
padding: 0 !important;
}
.auto-hover-box-img-container img {
display: block;
max-width: 100%;
margin: 0 auto;
transform: translateX(-5px);
transition: transform 0.15s ease-out;
}
.auto-hover-box:hover .auto-hover-box-img-container img {
transform: translateX(5px);
}
/* --- Daten-Labels (Pillen) --- */
.data-label {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto !important;
/* Im Ruhezustand auf dem dunkleren Panel 2 */
background-color: var(--bg-primary);
color: var(--text-primary) !important;
border: 1px solid var(--border-color);
padding: 4px 12px;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
line-height: 1;
transition: background-color 0.3s ease;
pointer-events: none;
margin-top: -5px !important;
}
/* Hover-Effekt für die Pille: Da der Kasten nun Weiß/Dunkelgrau wird,
muss die Pille einen Kontrast-Hintergrund erhalten */
.auto-hover-box:hover .data-label {
background-color: var(--bg-hover) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de91837 *//* Abstand zwischen den Pillen verringern */
.data-label {
margin-right: -22px !important; /* Von Standard (meist 10-15px) auf 6px reduziert */
margin-bottom: 1px !important; /* Falls sie in die nächste Zeile umbrechen */
}
/* Letzte Pille braucht keinen Abstand nach rechts */
.data-label:last-child {
margin-right: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-150aa06 *//* --- Hauptcontainer --- */
.auto-hover-box {
background-color: transparent;
transition: background-color 0.3s ease;
cursor: pointer;
}
.auto-hover-box:hover {
/* Wechselt beim Hover exakt auf die Farbe von Panel 1 */
background-color: var(--bg-primary) !important;
border-radius: 12px;
}
/* --- Titel-Fix --- */
.auto-hover-box .elementor-heading-title {
margin: 0 !important;
padding: 0 !important;
line-height: 1.1;
color: var(--text-primary) !important;
}
/* --- Fahrzeug-Animation --- */
.auto-hover-box-img-container {
margin: 0 !important;
padding: 0 !important;
}
.auto-hover-box-img-container img {
display: block;
max-width: 100%;
margin: 0 auto;
transform: translateX(-5px);
transition: transform 0.15s ease-out;
}
.auto-hover-box:hover .auto-hover-box-img-container img {
transform: translateX(5px);
}
/* --- Daten-Labels (Pillen) --- */
.data-label {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto !important;
/* Im Ruhezustand auf dem dunkleren Panel 2 */
background-color: var(--bg-primary);
color: var(--text-primary) !important;
border: 1px solid var(--border-color);
padding: 4px 12px;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
line-height: 1;
transition: background-color 0.3s ease;
pointer-events: none;
margin-top: -5px !important;
}
/* Hover-Effekt für die Pille: Da der Kasten nun Weiß/Dunkelgrau wird,
muss die Pille einen Kontrast-Hintergrund erhalten */
.auto-hover-box:hover .data-label {
background-color: var(--bg-hover) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-683a8d5 *//* Abstand zwischen den Pillen verringern */
.data-label {
margin-right: -22px !important; /* Von Standard (meist 10-15px) auf 6px reduziert */
margin-bottom: 1px !important; /* Falls sie in die nächste Zeile umbrechen */
}
/* Letzte Pille braucht keinen Abstand nach rechts */
.data-label:last-child {
margin-right: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20b6e64 *//* --- Hauptcontainer --- */
.auto-hover-box {
background-color: transparent;
transition: background-color 0.3s ease;
cursor: pointer;
}
.auto-hover-box:hover {
/* Wechselt beim Hover exakt auf die Farbe von Panel 1 */
background-color: var(--bg-primary) !important;
border-radius: 12px;
}
/* --- Titel-Fix --- */
.auto-hover-box .elementor-heading-title {
margin: 0 !important;
padding: 0 !important;
line-height: 1.1;
color: var(--text-primary) !important;
}
/* --- Fahrzeug-Animation --- */
.auto-hover-box-img-container {
margin: 0 !important;
padding: 0 !important;
}
.auto-hover-box-img-container img {
display: block;
max-width: 100%;
margin: 0 auto;
transform: translateX(-5px);
transition: transform 0.15s ease-out;
}
.auto-hover-box:hover .auto-hover-box-img-container img {
transform: translateX(5px);
}
/* --- Daten-Labels (Pillen) --- */
.data-label {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto !important;
/* Im Ruhezustand auf dem dunkleren Panel 2 */
background-color: var(--bg-primary);
color: var(--text-primary) !important;
border: 1px solid var(--border-color);
padding: 4px 12px;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
line-height: 1;
transition: background-color 0.3s ease;
pointer-events: none;
margin-top: -5px !important;
}
/* Hover-Effekt für die Pille: Da der Kasten nun Weiß/Dunkelgrau wird,
muss die Pille einen Kontrast-Hintergrund erhalten */
.auto-hover-box:hover .data-label {
background-color: var(--bg-hover) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d247369 *//* Erzeugt den Gradienten (Ebene 2) zwischen Bild und Text */
.elementor-1927 .elementor-element.elementor-element-d247369::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* Verlauf: Startet ab 50% der Höhe und wird nach unten schwarz */
background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.9) 100%);
z-index: 2;
pointer-events: none; /* Stellt sicher, dass Klicks zum Container durchgehen */
}
/* Weicher Übergang für das Bild */
.elementor-1927 .elementor-element.elementor-element-d247369 img {
transition: transform 0.4s ease !important;
}
/* Führt den Zoom beim Hovern aus */
.elementor-1927 .elementor-element.elementor-element-d247369:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ce9c33 *//* Definiert die weiche Übergangsgeschwindigkeit für das Bild */
.elementor-1927 .elementor-element.elementor-element-9ce9c33 img {
transition: transform 0.4s ease !important;
}
/* Zoomt das Bild, sobald der Container gehovert wird */
.elementor-1927 .elementor-element.elementor-element-9ce9c33:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fc5ba10 *//* Erzeugt den Gradienten (Ebene 2) zwischen Bild und Text */
.elementor-1927 .elementor-element.elementor-element-fc5ba10::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* Verlauf: Startet ab 50% der Höhe und wird nach unten schwarz */
background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.9) 100%);
z-index: 2;
pointer-events: none; /* Stellt sicher, dass Klicks zum Container durchgehen */
}
/* Weicher Übergang für das Bild */
.elementor-1927 .elementor-element.elementor-element-fc5ba10 img {
transition: transform 0.4s ease !important;
}
/* Führt den Zoom beim Hovern aus */
.elementor-1927 .elementor-element.elementor-element-fc5ba10:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-236fe85 *//* Definiert die weiche Übergangsgeschwindigkeit für das Bild */
.elementor-1927 .elementor-element.elementor-element-236fe85 img {
transition: transform 0.4s ease !important;
}
/* Zoomt das Bild, sobald der Container gehovert wird */
.elementor-1927 .elementor-element.elementor-element-236fe85:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-60bbe02 *//* Erzeugt den Gradienten (Ebene 2) zwischen Bild und Text */
.elementor-1927 .elementor-element.elementor-element-60bbe02::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* Verlauf: Startet ab 50% der Höhe und wird nach unten schwarz */
background: linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.9) 100%);
z-index: 2;
pointer-events: none; /* Stellt sicher, dass Klicks zum Container durchgehen */
}
/* Weicher Übergang für das Bild */
.elementor-1927 .elementor-element.elementor-element-60bbe02 img {
transition: transform 0.4s ease !important;
}
/* Führt den Zoom beim Hovern aus */
.elementor-1927 .elementor-element.elementor-element-60bbe02:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28fdfe8 *//* Definiert die weiche Übergangsgeschwindigkeit für das Bild */
.elementor-1927 .elementor-element.elementor-element-28fdfe8 img {
transition: transform 0.4s ease !important;
}
/* Zoomt das Bild, sobald der Container gehovert wird */
.elementor-1927 .elementor-element.elementor-element-28fdfe8:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7af1219 *//* Erzeugt den Gradienten (Ebene 2) zwischen Bild und Text */
.elementor-1927 .elementor-element.elementor-element-7af1219::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* Verlauf: Startet ab 50% der Höhe und wird nach unten schwarz */
background: linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.9) 100%);
z-index: 2;
pointer-events: none; /* Stellt sicher, dass Klicks zum Container durchgehen */
}
/* Weicher Übergang für das Bild */
.elementor-1927 .elementor-element.elementor-element-7af1219 img {
transition: transform 0.4s ease !important;
}
/* Führt den Zoom beim Hovern aus */
.elementor-1927 .elementor-element.elementor-element-7af1219:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aec3b60 *//* Definiert die weiche Übergangsgeschwindigkeit für das Bild */
.elementor-1927 .elementor-element.elementor-element-aec3b60 img {
transition: transform 0.4s ease !important;
}
/* Zoomt das Bild, sobald der Container gehovert wird */
.elementor-1927 .elementor-element.elementor-element-aec3b60:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f1f7447 *//* Erzeugt den Gradienten (Ebene 2) zwischen Bild und Text */
.elementor-1927 .elementor-element.elementor-element-f1f7447::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* Verlauf: Startet ab 50% der Höhe und wird nach unten schwarz */
background: linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.9) 100%);
z-index: 2;
pointer-events: none; /* Stellt sicher, dass Klicks zum Container durchgehen */
}
/* Weicher Übergang für das Bild */
.elementor-1927 .elementor-element.elementor-element-f1f7447 img {
transition: transform 0.4s ease !important;
}
/* Führt den Zoom beim Hovern aus */
.elementor-1927 .elementor-element.elementor-element-f1f7447:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df76b9d *//* Definiert die weiche Übergangsgeschwindigkeit für das Bild */
.elementor-1927 .elementor-element.elementor-element-df76b9d img {
transition: transform 0.4s ease !important;
}
/* Zoomt das Bild, sobald der Container gehovert wird */
.elementor-1927 .elementor-element.elementor-element-df76b9d:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dd8ef36 *//* Erzeugt den Gradienten (Ebene 2) zwischen Bild und Text */
.elementor-1927 .elementor-element.elementor-element-dd8ef36::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* Verlauf: Startet ab 50% der Höhe und wird nach unten schwarz */
background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.9) 100%);
z-index: 2;
pointer-events: none; /* Stellt sicher, dass Klicks zum Container durchgehen */
}
/* Weicher Übergang für das Bild */
.elementor-1927 .elementor-element.elementor-element-dd8ef36 img {
transition: transform 0.4s ease !important;
}
/* Führt den Zoom beim Hovern aus */
.elementor-1927 .elementor-element.elementor-element-dd8ef36:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07c5496 *//* Definiert die weiche Übergangsgeschwindigkeit für das Bild */
.elementor-1927 .elementor-element.elementor-element-07c5496 img {
transition: transform 0.4s ease !important;
}
/* Zoomt das Bild, sobald der Container gehovert wird */
.elementor-1927 .elementor-element.elementor-element-07c5496:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e9515eb *//* Erzeugt den Gradienten (Ebene 2) zwischen Bild und Text */
.elementor-1927 .elementor-element.elementor-element-e9515eb::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* Verlauf: Startet ab 50% der Höhe und wird nach unten schwarz */
background: linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.9) 100%);
z-index: 2;
pointer-events: none; /* Stellt sicher, dass Klicks zum Container durchgehen */
}
/* Weicher Übergang für das Bild */
.elementor-1927 .elementor-element.elementor-element-e9515eb img {
transition: transform 0.4s ease !important;
}
/* Führt den Zoom beim Hovern aus */
.elementor-1927 .elementor-element.elementor-element-e9515eb:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b57018 *//* Definiert die weiche Übergangsgeschwindigkeit für das Bild */
.elementor-1927 .elementor-element.elementor-element-9b57018 img {
transition: transform 0.4s ease !important;
}
/* Zoomt das Bild, sobald der Container gehovert wird */
.elementor-1927 .elementor-element.elementor-element-9b57018:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-27bbbf9 *//* Erzeugt den Gradienten (Ebene 2) zwischen Bild und Text */
.elementor-1927 .elementor-element.elementor-element-27bbbf9::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* Verlauf: Startet ab 50% der Höhe und wird nach unten schwarz */
background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.9) 100%);
z-index: 2;
pointer-events: none; /* Stellt sicher, dass Klicks zum Container durchgehen */
}
/* Weicher Übergang für das Bild */
.elementor-1927 .elementor-element.elementor-element-27bbbf9 img {
transition: transform 0.4s ease !important;
}
/* Führt den Zoom beim Hovern aus */
.elementor-1927 .elementor-element.elementor-element-27bbbf9:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a77166 *//* Definiert die weiche Übergangsgeschwindigkeit für das Bild */
.elementor-1927 .elementor-element.elementor-element-5a77166 img {
transition: transform 0.4s ease !important;
}
/* Zoomt das Bild, sobald der Container gehovert wird */
.elementor-1927 .elementor-element.elementor-element-5a77166:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8ae3d60 *//* Erzeugt den Gradienten (Ebene 2) zwischen Bild und Text */
.elementor-1927 .elementor-element.elementor-element-8ae3d60::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* Verlauf: Startet ab 50% der Höhe und wird nach unten schwarz */
background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.9) 100%);
z-index: 2;
pointer-events: none; /* Stellt sicher, dass Klicks zum Container durchgehen */
}
/* Weicher Übergang für das Bild */
.elementor-1927 .elementor-element.elementor-element-8ae3d60 img {
transition: transform 0.4s ease !important;
}
/* Führt den Zoom beim Hovern aus */
.elementor-1927 .elementor-element.elementor-element-8ae3d60:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbc0ce1 *//* Definiert die weiche Übergangsgeschwindigkeit für das Bild */
.elementor-1927 .elementor-element.elementor-element-cbc0ce1 img {
transition: transform 0.4s ease !important;
}
/* Zoomt das Bild, sobald der Container gehovert wird */
.elementor-1927 .elementor-element.elementor-element-cbc0ce1:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1beb188 *//* Erzeugt den Gradienten (Ebene 2) zwischen Bild und Text */
.elementor-1927 .elementor-element.elementor-element-1beb188::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* Verlauf: Startet ab 50% der Höhe und wird nach unten schwarz */
background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.9) 100%);
z-index: 2;
pointer-events: none; /* Stellt sicher, dass Klicks zum Container durchgehen */
}
/* Weicher Übergang für das Bild */
.elementor-1927 .elementor-element.elementor-element-1beb188 img {
transition: transform 0.4s ease !important;
}
/* Führt den Zoom beim Hovern aus */
.elementor-1927 .elementor-element.elementor-element-1beb188:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf1bdd0 *//* Definiert die weiche Übergangsgeschwindigkeit für das Bild */
.elementor-1927 .elementor-element.elementor-element-bf1bdd0 img {
transition: transform 0.4s ease !important;
}
/* Zoomt das Bild, sobald der Container gehovert wird */
.elementor-1927 .elementor-element.elementor-element-bf1bdd0:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed38fb2 *//* Erzeugt den Gradienten (Ebene 2) zwischen Bild und Text */
.elementor-1927 .elementor-element.elementor-element-ed38fb2::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* Verlauf: Startet ab 50% der Höhe und wird nach unten schwarz */
background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.9) 100%);
z-index: 2;
pointer-events: none; /* Stellt sicher, dass Klicks zum Container durchgehen */
}
/* Weicher Übergang für das Bild */
.elementor-1927 .elementor-element.elementor-element-ed38fb2 img {
transition: transform 0.4s ease !important;
}
/* Führt den Zoom beim Hovern aus */
.elementor-1927 .elementor-element.elementor-element-ed38fb2:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba0a64c *//* Definiert die weiche Übergangsgeschwindigkeit für das Bild */
.elementor-1927 .elementor-element.elementor-element-ba0a64c img {
transition: transform 0.4s ease !important;
}
/* Zoomt das Bild, sobald der Container gehovert wird */
.elementor-1927 .elementor-element.elementor-element-ba0a64c:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-32a7dfe *//* Erzeugt den Gradienten (Ebene 2) zwischen Bild und Text */
.elementor-1927 .elementor-element.elementor-element-32a7dfe::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* Verlauf: Startet ab 50% der Höhe und wird nach unten schwarz */
background: linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.9) 100%);
z-index: 2;
pointer-events: none; /* Stellt sicher, dass Klicks zum Container durchgehen */
}
/* Weicher Übergang für das Bild */
.elementor-1927 .elementor-element.elementor-element-32a7dfe img {
transition: transform 0.4s ease !important;
}
/* Führt den Zoom beim Hovern aus */
.elementor-1927 .elementor-element.elementor-element-32a7dfe:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b72fb1 *//* Definiert die weiche Übergangsgeschwindigkeit für das Bild */
.elementor-1927 .elementor-element.elementor-element-4b72fb1 img {
transition: transform 0.4s ease !important;
}
/* Zoomt das Bild, sobald der Container gehovert wird */
.elementor-1927 .elementor-element.elementor-element-4b72fb1:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3b084bb *//* Erzeugt den Gradienten (Ebene 2) zwischen Bild und Text */
.elementor-1927 .elementor-element.elementor-element-3b084bb::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* Verlauf: Startet ab 50% der Höhe und wird nach unten schwarz */
background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.9) 100%);
z-index: 2;
pointer-events: none; /* Stellt sicher, dass Klicks zum Container durchgehen */
}
/* Weicher Übergang für das Bild */
.elementor-1927 .elementor-element.elementor-element-3b084bb img {
transition: transform 0.4s ease !important;
}
/* Führt den Zoom beim Hovern aus */
.elementor-1927 .elementor-element.elementor-element-3b084bb:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8af886e *//* Definiert die weiche Übergangsgeschwindigkeit für das Bild */
.elementor-1927 .elementor-element.elementor-element-8af886e img {
transition: transform 0.4s ease !important;
}
/* Zoomt das Bild, sobald der Container gehovert wird */
.elementor-1927 .elementor-element.elementor-element-8af886e:hover img {
transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4f45c6f *//* 1. Hält das gesamte Widget ganz unten am Rand */
.elementor-1927 .elementor-element.elementor-element-4f45c6f {
margin-top: auto !important;
padding-bottom: 40px !important;
}
/* 2. Text- und Icon-Farbe erzwingen (Dark Mode Fix für alle Elemente) */
.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-text,
.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-icon i,
.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-icon svg {
color: var(--text-primary) !important;
fill: var(--text-primary) !important;
transition: color 0.2s ease, fill 0.2s ease !important;
}
/* 3. Pillen-Design zentral auf das umschließende Listen-Element (li) anwenden */
.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-item {
display: flex !important;
align-items: center !important;
width: 100% !important;
/* Pille aufbauen */
padding: 10px 24px !important;
border-radius: 8px !important;
background-color: transparent !important;
transition: background-color 0.2s ease !important;
margin-bottom: 8px !important;
}
.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-item:last-child {
margin-bottom: 0 !important;
}
/* 4. Verhindern, dass vorhandene Links das Layout aufbrechen */
.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-item > a {
display: flex !important;
align-items: center !important;
width: 100% !important;
padding: 0 !important; /* Padding übernimmt jetzt das Elternelement */
background-color: transparent !important;
}
/* 5. Zentraler Hover-Effekt für die gesamte Pille */
.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-item:hover {
background-color: var(--border-color) !important;
}
/* 6. Fester Abstand zwischen Icon und Text */
.elementor-1927 .elementor-element.elementor-element-4f45c6f .elementor-icon-list-icon {
margin-right: 16px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3562b60 *//* =========================================
PANEL-EINSTELLUNGEN (MITTE)
========================================= */
.elementor-1927 .elementor-element.elementor-element-3562b60 {
width: 450px !important;
height: 100vh !important;
background-color: var(--bg-panel-dark) !important;
padding: 40px !important; /* Reduziertes Gesamt-Padding */
border-right: 1px solid var(--border-color) !important;
overflow-y: auto !important;
display: flex !important;
flex-direction: column !important;
}
/* =========================================
1.1 LINK: "ALLE FAHRZEUGE"
========================================= */
.link-all-vehicles {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
padding: 10px !important;
background-color: transparent !important;
color: var(--text-primary) !important;
border-radius: 12px !important;
text-decoration: none !important;
font-size: 20px !important;
font-weight: 600 !important;
transition: background-color 0.2s ease !important;
}
.link-all-vehicles:hover {
background-color: var(--bg-primary) !important;
}
/* Pfeil mit Strich */
.link-all-vehicles::after {
content: "" !important;
display: block !important;
width: 24px !important;
height: 24px !important;
background-image: url('data:image/svg+xml;utf8,') !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}
body.dark-mode .link-all-vehicles::after {
background-image: url('data:image/svg+xml;utf8,') !important;
}
/* =========================================
1.2 Einfache Links
========================================= */
.link-submenu {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
padding: 10px !important;
background-color: transparent !important;
color: var(--text-primary) !important;
border-radius: 12px !important;
text-decoration: none !important;
font-size: 20px !important;
font-weight: 600 !important;
transition: background-color 0.2s ease !important;
}
.link-submenu:hover {
background-color: var(--bg-primary) !important;
}
/* =========================================
1.3 Picture Links
========================================= */
/* Text- und Layout-Eigenschaften */
.link-picture-submenu {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
padding: 10px !important;
background-color: transparent !important;
color: hsla(0, 0%, 100%, 1) !important; /* Weiß */
border-radius: 12px !important;
text-decoration: none !important;
font-size: 20px !important;
font-weight: 600 !important;
}
/* Pfeil in Weiß (%23ffffff) eingefügt */
.link-picture-submenu::after {
content: "" !important;
display: block !important;
width: 24px !important;
height: 24px !important;
background-image: url('data:image/svg+xml;utf8,') !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
transition: transform 0.3s ease !important;
}
/* Pfeil bewegt sich beim Hovern leicht nach rechts für dynamisches Feedback */
.link-picture-submenu:hover::after {
transform: translateX(5px) !important;
}
/* =========================================
2. ÜBERSCHRIFTEN (PKW, VAN, ETC.)
========================================= */
/* Entfernt jegliches Widget-Spacing von Elementor */
.elementor-1927 .elementor-element.elementor-element-3562b60 .elementor-widget-heading {
margin: 0 !important;
padding: 0 !important;
}
.elementor-1927 .elementor-element.elementor-element-3562b60 .elementor-heading-title {
font-size: 20px !important;
font-weight: 600 !important;
color: var(--text-primary) !important;
padding: 5px 10px !important; /* Minimales Padding für Text-Ausrichtung */
margin: 0 !important;
line-height: 1.1 !important;
}
/* =========================================
4. DARK MODE BILDWECHSLER (KORRIGIERT)
========================================= */
/* 1. Im Light Mode das dunkle Bild zwingend verstecken */
.img-dark {
display: none !important;
}
/* 2. Im Dark Mode das helle Bild zwingend verstecken */
body.dark-mode .img-light {
display: none !important;
}
/* 3. Im Dark Mode das dunkle Bild wieder einblenden */
body.dark-mode .img-dark {
display: block !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb15722 *//* Positioniert das unsichtbare Elementor-Gehäuse */
.elementor-1927 .elementor-element.elementor-element-bb15722 {
position: absolute !important;
top: 30px !important;
left: 20px !important;
width: 48px !important;
height: 48px !important;
z-index: 999999 !important;
pointer-events: auto !important;
}
/* Formatiert das X und das Rechteck */
.elementor-1927 .elementor-element.elementor-element-bb15722 .loesch-close-box {
width: 100% !important;
height: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
color: hsla(0, 0%, 100%, 1) !important;
font-size: 28px !important;
font-weight: 300 !important;
cursor: pointer !important;
border-radius: 4px !important;
background-color: hsla(0, 0%, 0%, 0) !important;
transition: background-color 0.2s ease-out !important;
}
/* Der Hover-Effekt */
.elementor-1927 .elementor-element.elementor-element-bb15722 .loesch-close-box:hover {
background-color: hsla(0, 0%, 100%, 0.1) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5d2b77 *//* 1. Haupt-Overlay */
#loesch-menu-overlay {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
z-index: 88888 !important;
opacity: 0 !important;
pointer-events: none !important;
/* Ein- und Ausblenden des gesamten Overlays */
transition: opacity 0.4s ease-in-out !important;
display: flex !important;
gap: 0 !important;
}
#loesch-menu-overlay.is-visible {
opacity: 1 !important;
pointer-events: all !important;
}
/* 2. Die Panels (Absolut Ruckelfrei) */
#loesch-menu-overlay .loesch-slide-panel {
transform: translate3d(-100.5%, 0, 0);
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
margin-right: -2px !important;
will-change: transform;
}
#loesch-menu-overlay.is-visible .loesch-slide-panel {
transform: translate3d(0, 0, 0);
}
/* 3. Hintergrund & Blur-Fläche */
#loesch-backdrop {
flex-grow: 1 !important;
height: 100vh !important;
cursor: pointer;
position: relative;
background-color: hsla(0, 0%, 0%, 0) !important;
/* Sanftes Ein- und Entblurren */
transition: background-color 0.5s ease, backdrop-filter 0.5s ease, -webkit-backdrop-filter 0.5s ease !important;
will-change: backdrop-filter;
}
#loesch-menu-overlay.is-visible #loesch-backdrop {
background-color: var(--overlay-backdrop) !important;
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(15px) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ac9c3fb *//* Container für den Toggle */
.elementor-1927 .elementor-element.elementor-element-ac9c3fb .customer-toggle-wrapper {
position: relative !important;
display: flex !important;
background-color: var(--bg-hover) !important;
border-radius: 8px !important;
padding: 4px !important;
margin-bottom: 30px !important;
width: 100% !important;
}
/* Versteckt die Standard-Radiobuttons */
.elementor-1927 .elementor-element.elementor-element-ac9c3fb .customer-toggle-wrapper input[type="radio"] {
display: none !important;
}
/* Beschriftung (Privat / Gewerbe) */
.elementor-1927 .elementor-element.elementor-element-ac9c3fb .toggle-label {
flex: 1 !important;
text-align: center !important;
padding: 10px 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
color: var(--text-secondary) !important;
cursor: pointer !important;
z-index: 2 !important;
transition: color 0.3s ease !important;
margin: 0 !important;
}
/* Textfarbe des aktiven Buttons */
.elementor-1927 .elementor-element.elementor-element-ac9c3fb .customer-toggle-wrapper input[type="radio"]:checked + .toggle-label {
color: var(--text-primary) !important;
}
/* Der verschiebbare Hintergrund (die aktive "Pille") */
.elementor-1927 .elementor-element.elementor-element-ac9c3fb .toggle-slider {
position: absolute !important;
top: 4px !important;
left: 4px !important;
width: calc(50% - 4px) !important;
height: calc(100% - 8px) !important;
background-color: var(--bg-primary) !important;
border-radius: 6px !important;
z-index: 1 !important;
transition: transform 0.3s ease !important;
box-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.1) !important;
}
/* Verschiebt den Slider nach rechts, wenn "Gewerbe" geklickt wird */
.elementor-1927 .elementor-element.elementor-element-ac9c3fb #toggle-gewerbe:checked ~ .toggle-slider {
transform: translateX(100%) !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e9e2c41 *//* 1. Grund-Design und Abstände für Level 1 Menü Links */
.elementor-1927 .elementor-element.elementor-element-e9e2c41 .elementor-nav-menu > li > a.elementor-item {
display: flex !important;
align-items: center !important;
width: 100% !important;
/* Text aus globalen Variablen */
color: var(--text-primary) !important;
border-radius: 4px !important;
/* Präzise Abstände */
padding: 15px 40px 15px 20px !important;
margin-bottom: 22px !important;
text-decoration: none !important;
border: none !important;
box-shadow: none !important;
/* Pfeil-Icon für Light Mode */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 20px center !important;
background-size: 20px 20px !important;
}
/* 2. Dark Mode Korrektur für den Pfeil */
body.dark-mode .elementor-1927 .elementor-element.elementor-element-e9e2c41 .elementor-nav-menu > li > a.elementor-item {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
/* 4. Pfeil beim LETZTEN Punkt ("Über uns") entfernen */
.elementor-1927 .elementor-element.elementor-element-e9e2c41 .elementor-nav-menu > li:last-child > a.elementor-item {
background-image: none !important;
}
/* 5. Inaktive Menüpunkte (Gesperrt) */
.elementor-1927 .elementor-element.elementor-element-e9e2c41 li.menu-item-disabled a {
pointer-events: none !important;
opacity: 0.4 !important;
cursor: default !important;
}
/* 6. Listen-Reset für saubere Kanten */
.elementor-1927 .elementor-element.elementor-element-e9e2c41 .elementor-nav-menu,
.elementor-1927 .elementor-element.elementor-element-e9e2c41 .elementor-nav-menu > li {
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d455be3 *//* Reiner Text-Link ohne Box-Design */
.elementor-1927 .elementor-element.elementor-element-d455be3 a {
display: block !important;
background-color: transparent !important; /* Wichtig: Kein Hintergrund */
color: var(--text-primary) !important;
padding: 10px 0 !important; /* Nur Abstand oben/unten, links bündig */
margin: 0 !important;
text-decoration: none !important;
font-weight: 600 !important;
}
/* Deaktiviert Elementor Hover-Hintergründe */
.elementor-1927 .elementor-element.elementor-element-d455be3 a:hover,
.elementor-1927 .elementor-element.elementor-element-d455be3 a:active,
.elementor-1927 .elementor-element.elementor-element-d455be3 a:focus {
background-color: transparent !important;
color: var(--text-primary) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-215e3bb *//* Reiner Text-Link ohne Box-Design */
.elementor-1927 .elementor-element.elementor-element-215e3bb a {
display: block !important;
background-color: transparent !important; /* Wichtig: Kein Hintergrund */
color: var(--text-primary) !important;
padding: 10px 0 !important; /* Nur Abstand oben/unten, links bündig */
margin: 0 !important;
text-decoration: none !important;
font-weight: 600 !important;
}
/* Deaktiviert Elementor Hover-Hintergründe */
.elementor-1927 .elementor-element.elementor-element-215e3bb a:hover,
.elementor-1927 .elementor-element.elementor-element-215e3bb a:active,
.elementor-1927 .elementor-element.elementor-element-215e3bb a:focus {
background-color: transparent !important;
color: var(--text-primary) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ea26215 *//* Reiner Text-Link ohne Box-Design */
.elementor-1927 .elementor-element.elementor-element-ea26215 a {
display: block !important;
background-color: transparent !important; /* Wichtig: Kein Hintergrund */
color: var(--text-primary) !important;
padding: 10px 0 !important; /* Nur Abstand oben/unten, links bündig */
margin: 0 !important;
text-decoration: none !important;
font-weight: 600 !important;
}
/* Deaktiviert Elementor Hover-Hintergründe */
.elementor-1927 .elementor-element.elementor-element-ea26215 a:hover,
.elementor-1927 .elementor-element.elementor-element-ea26215 a:active,
.elementor-1927 .elementor-element.elementor-element-ea26215 a:focus {
background-color: transparent !important;
color: var(--text-primary) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bdd40c6 *//* Reiner Text-Link ohne Box-Design */
.elementor-1927 .elementor-element.elementor-element-bdd40c6 a {
display: block !important;
background-color: transparent !important; /* Wichtig: Kein Hintergrund */
color: var(--text-primary) !important;
padding: 10px 0 !important; /* Nur Abstand oben/unten, links bündig */
margin: 0 !important;
text-decoration: none !important;
font-weight: 600 !important;
}
/* Deaktiviert Elementor Hover-Hintergründe */
.elementor-1927 .elementor-element.elementor-element-bdd40c6 a:hover,
.elementor-1927 .elementor-element.elementor-element-bdd40c6 a:active,
.elementor-1927 .elementor-element.elementor-element-bdd40c6 a:focus {
background-color: transparent !important;
color: var(--text-primary) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1b65f9 *//* 1. Haupt-Karte (Container) - Linksbündigkeit erzwingen */
.elementor-1927 .elementor-element.elementor-element-a1b65f9 {
background-color: var(--bg-secondary) !important;
border-radius: 12px !important;
padding: 20px !important;
box-shadow: 0 4px 16px hsla(0, 0%, 0%, 0.08) !important;
/* Alles im Container strikt nach links ausrichten */
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}
/* 2. Überschrift ("PKWs") */
.elementor-1927 .elementor-element.elementor-element-a1b65f9 .elementor-heading-title {
background-color: transparent !important;
padding: 0 !important;
margin: 0 0 10px 0 !important; /* Nur Abstand nach unten */
font-size: 22px !important;
line-height: 1.2 !important;
color: var(--text-primary) !important;
text-align: left !important;
}
/* 3. Die Labels (Pillen) - Nullpunkt-Ausrichtung */
.elementor-1927 .elementor-element.elementor-element-a1b65f9 .elementor-widget-text-editor,
.elementor-1927 .elementor-element.elementor-element-a1b65f9 .elementor-button,
.elementor-1927 .elementor-element.elementor-element-a1b65f9 .elementor-widget-heading:not(:first-child) {
width: max-content !important;
display: inline-block !important;
background-color: transparent !important;
/* Entfernt jeglichen seitlichen Versatz des Widgets */
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
}
.elementor-1927 .elementor-element.elementor-element-a1b65f9 .elementor-widget-text-editor .elementor-widget-container,
.elementor-1927 .elementor-element.elementor-element-a1b65f9 .elementor-button .elementor-widget-container,
.elementor-1927 .elementor-element.elementor-element-a1b65f9 .elementor-widget-heading:not(:first-child) .elementor-widget-container {
background-color: var(--bg-primary) !important;
color: var(--text-primary) !important;
border-radius: 4px !important;
padding: 4px 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
box-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.12) !important;
/* Stellt sicher, dass die Pille im Container nicht springt */
display: inline-block !important;
margin: 0 !important;
}
/* 4. DARK MODE */
body.dark-mode .elementor-1927 .elementor-element.elementor-element-a1b65f9 { box-shadow: none !important; }
body.dark-mode .elementor-1927 .elementor-element.elementor-element-a1b65f9 .elementor-widget-text-editor .elementor-widget-container,
body.dark-mode .elementor-1927 .elementor-element.elementor-element-a1b65f9 .elementor-button .elementor-widget-container,
body.dark-mode .elementor-1927 .elementor-element.elementor-element-a1b65f9 .elementor-widget-heading:not(:first-child) .elementor-widget-container {
background-color: var(--bg-panel-dark) !important;
box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91c66ee *//* 1. Haupt-Karte (Container) - Linksbündigkeit erzwingen */
.elementor-1927 .elementor-element.elementor-element-91c66ee {
background-color: var(--bg-secondary) !important;
border-radius: 12px !important;
padding: 20px !important;
box-shadow: 0 4px 16px hsla(0, 0%, 0%, 0.08) !important;
/* Alles im Container strikt nach links ausrichten */
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}
/* 2. Überschrift ("PKWs") */
.elementor-1927 .elementor-element.elementor-element-91c66ee .elementor-heading-title {
background-color: transparent !important;
padding: 0 !important;
margin: 0 0 10px 0 !important; /* Nur Abstand nach unten */
font-size: 22px !important;
line-height: 1.2 !important;
color: var(--text-primary) !important;
text-align: left !important;
}
/* 3. Die Labels (Pillen) - Nullpunkt-Ausrichtung */
.elementor-1927 .elementor-element.elementor-element-91c66ee .elementor-widget-text-editor,
.elementor-1927 .elementor-element.elementor-element-91c66ee .elementor-button,
.elementor-1927 .elementor-element.elementor-element-91c66ee .elementor-widget-heading:not(:first-child) {
width: max-content !important;
display: inline-block !important;
background-color: transparent !important;
/* Entfernt jeglichen seitlichen Versatz des Widgets */
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
}
.elementor-1927 .elementor-element.elementor-element-91c66ee .elementor-widget-text-editor .elementor-widget-container,
.elementor-1927 .elementor-element.elementor-element-91c66ee .elementor-button .elementor-widget-container,
.elementor-1927 .elementor-element.elementor-element-91c66ee .elementor-widget-heading:not(:first-child) .elementor-widget-container {
background-color: var(--bg-primary) !important;
color: var(--text-primary) !important;
border-radius: 4px !important;
padding: 4px 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
box-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.12) !important;
/* Stellt sicher, dass die Pille im Container nicht springt */
display: inline-block !important;
margin: 0 !important;
}
/* 4. DARK MODE */
body.dark-mode .elementor-1927 .elementor-element.elementor-element-91c66ee { box-shadow: none !important; }
body.dark-mode .elementor-1927 .elementor-element.elementor-element-91c66ee .elementor-widget-text-editor .elementor-widget-container,
body.dark-mode .elementor-1927 .elementor-element.elementor-element-91c66ee .elementor-button .elementor-widget-container,
body.dark-mode .elementor-1927 .elementor-element.elementor-element-91c66ee .elementor-widget-heading:not(:first-child) .elementor-widget-container {
background-color: var(--bg-panel-dark) !important;
box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8718df3 *//* 1. Haupt-Karte (Container) - Linksbündigkeit erzwingen */
.elementor-1927 .elementor-element.elementor-element-8718df3 {
background-color: var(--bg-secondary) !important;
border-radius: 12px !important;
padding: 20px !important;
box-shadow: 0 4px 16px hsla(0, 0%, 0%, 0.08) !important;
/* Alles im Container strikt nach links ausrichten */
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}
/* 2. Überschrift ("PKWs") */
.elementor-1927 .elementor-element.elementor-element-8718df3 .elementor-heading-title {
background-color: transparent !important;
padding: 0 !important;
margin: 0 0 10px 0 !important; /* Nur Abstand nach unten */
font-size: 22px !important;
line-height: 1.2 !important;
color: var(--text-primary) !important;
text-align: left !important;
}
/* 3. Die Labels (Pillen) - Nullpunkt-Ausrichtung */
.elementor-1927 .elementor-element.elementor-element-8718df3 .elementor-widget-text-editor,
.elementor-1927 .elementor-element.elementor-element-8718df3 .elementor-button,
.elementor-1927 .elementor-element.elementor-element-8718df3 .elementor-widget-heading:not(:first-child) {
width: max-content !important;
display: inline-block !important;
background-color: transparent !important;
/* Entfernt jeglichen seitlichen Versatz des Widgets */
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
}
.elementor-1927 .elementor-element.elementor-element-8718df3 .elementor-widget-text-editor .elementor-widget-container,
.elementor-1927 .elementor-element.elementor-element-8718df3 .elementor-button .elementor-widget-container,
.elementor-1927 .elementor-element.elementor-element-8718df3 .elementor-widget-heading:not(:first-child) .elementor-widget-container {
background-color: var(--bg-primary) !important;
color: var(--text-primary) !important;
border-radius: 4px !important;
padding: 4px 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
box-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.12) !important;
/* Stellt sicher, dass die Pille im Container nicht springt */
display: inline-block !important;
margin: 0 !important;
}
/* 4. DARK MODE */
body.dark-mode .elementor-1927 .elementor-element.elementor-element-8718df3 { box-shadow: none !important; }
body.dark-mode .elementor-1927 .elementor-element.elementor-element-8718df3 .elementor-widget-text-editor .elementor-widget-container,
body.dark-mode .elementor-1927 .elementor-element.elementor-element-8718df3 .elementor-button .elementor-widget-container,
body.dark-mode .elementor-1927 .elementor-element.elementor-element-8718df3 .elementor-widget-heading:not(:first-child) .elementor-widget-container {
background-color: var(--bg-panel-dark) !important;
box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-099c4a0 *//* 1. Haupt-Karte (Container) - Linksbündigkeit erzwingen */
.elementor-1927 .elementor-element.elementor-element-099c4a0 {
background-color: var(--bg-secondary) !important;
border-radius: 12px !important;
padding: 20px !important;
box-shadow: 0 4px 16px hsla(0, 0%, 0%, 0.08) !important;
/* Alles im Container strikt nach links ausrichten */
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}
/* 2. Überschrift ("PKWs") */
.elementor-1927 .elementor-element.elementor-element-099c4a0 .elementor-heading-title {
background-color: transparent !important;
padding: 0 !important;
margin: 0 0 10px 0 !important; /* Nur Abstand nach unten */
font-size: 22px !important;
line-height: 1.2 !important;
color: var(--text-primary) !important;
text-align: left !important;
}
/* 3. Die Labels (Pillen) - Abstände vertikal & horizontal */
.elementor-1927 .elementor-element.elementor-element-099c4a0 .elementor-widget-text-editor,
.elementor-1927 .elementor-element.elementor-element-099c4a0 .elementor-button,
.elementor-1927 .elementor-element.elementor-element-099c4a0 .elementor-widget-heading:not(:first-child) {
width: max-content !important;
display: inline-block !important;
background-color: transparent !important;
/* ABSTÄNDE */
margin-left: 0 !important;
margin-right: 0px !important; /* Horizontaler Abstand zwischen Pillen in einer Zeile */
margin-bottom: 12px !important; /* VERTIKALER ABSTAND zwischen den Zeilen */
padding-left: 0 !important;
}
.elementor-1927 .elementor-element.elementor-element-099c4a0 .elementor-widget-text-editor .elementor-widget-container,
.elementor-1927 .elementor-element.elementor-element-099c4a0 .elementor-button .elementor-widget-container,
.elementor-1927 .elementor-element.elementor-element-099c4a0 .elementor-widget-heading:not(:first-child) .elementor-widget-container {
background-color: var(--bg-primary) !important;
color: var(--text-primary) !important;
border-radius: 4px !important;
padding: 4px 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
box-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.12) !important;
display: inline-block !important;
margin: 0 !important;
}
/* 4. DARK MODE */
body.dark-mode .elementor-1927 .elementor-element.elementor-element-099c4a0 { box-shadow: none !important; }
body.dark-mode .elementor-1927 .elementor-element.elementor-element-099c4a0 .elementor-widget-text-editor .elementor-widget-container,
body.dark-mode .elementor-1927 .elementor-element.elementor-element-099c4a0 .elementor-button .elementor-widget-container,
body.dark-mode .elementor-1927 .elementor-element.elementor-element-099c4a0 .elementor-widget-heading:not(:first-child) .elementor-widget-container {
background-color: var(--bg-panel-dark) !important;
box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdb2375 *//* 1. Haupt-Karte (Container) - Linksbündigkeit erzwingen */
.elementor-1927 .elementor-element.elementor-element-fdb2375 {
background-color: var(--bg-secondary) !important;
border-radius: 12px !important;
padding: 20px !important;
box-shadow: 0 4px 16px hsla(0, 0%, 0%, 0.08) !important;
/* Alles im Container strikt nach links ausrichten */
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}
/* 2. Überschrift ("PKWs") */
.elementor-1927 .elementor-element.elementor-element-fdb2375 .elementor-heading-title {
background-color: transparent !important;
padding: 0 !important;
margin: 0 0 10px 0 !important; /* Nur Abstand nach unten */
font-size: 22px !important;
line-height: 1.2 !important;
color: var(--text-primary) !important;
text-align: left !important;
}
/* 3. Die Labels (Pillen) - Abstände vertikal & horizontal */
.elementor-1927 .elementor-element.elementor-element-fdb2375 .elementor-widget-text-editor,
.elementor-1927 .elementor-element.elementor-element-fdb2375 .elementor-button,
.elementor-1927 .elementor-element.elementor-element-fdb2375 .elementor-widget-heading:not(:first-child) {
width: max-content !important;
display: inline-block !important;
background-color: transparent !important;
/* ABSTÄNDE */
margin-left: 0 !important;
margin-right: 0px !important; /* Horizontaler Abstand zwischen Pillen in einer Zeile */
margin-bottom: 12px !important; /* VERTIKALER ABSTAND zwischen den Zeilen */
padding-left: 0 !important;
}
.elementor-1927 .elementor-element.elementor-element-fdb2375 .elementor-widget-text-editor .elementor-widget-container,
.elementor-1927 .elementor-element.elementor-element-fdb2375 .elementor-button .elementor-widget-container,
.elementor-1927 .elementor-element.elementor-element-fdb2375 .elementor-widget-heading:not(:first-child) .elementor-widget-container {
background-color: var(--bg-primary) !important;
color: var(--text-primary) !important;
border-radius: 4px !important;
padding: 4px 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
box-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.12) !important;
display: inline-block !important;
margin: 0 !important;
}
/* 4. DARK MODE */
body.dark-mode .elementor-1927 .elementor-element.elementor-element-fdb2375 { box-shadow: none !important; }
body.dark-mode .elementor-1927 .elementor-element.elementor-element-fdb2375 .elementor-widget-text-editor .elementor-widget-container,
body.dark-mode .elementor-1927 .elementor-element.elementor-element-fdb2375 .elementor-button .elementor-widget-container,
body.dark-mode .elementor-1927 .elementor-element.elementor-element-fdb2375 .elementor-widget-heading:not(:first-child) .elementor-widget-container {
background-color: var(--bg-panel-dark) !important;
box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0b01f5 *//* 1. Die Schiene: Lücke zwischen Lvl 1 und Lvl 2 eliminieren */
#menu-slider-rail {
display: flex !important;
gap: 0 !important; /* WICHTIG: Verhindert den weißen Streifen */
margin: 0 !important;
padding: 0 !important;
width: 200% !important;
flex-wrap: nowrap !important;
}
/* 2. Die Ansichten: Alle Außenabstände eliminieren */
#level-1-view, #level-2-view {
width: 50% !important;
margin: 0 !important;
padding: 0 !important; /* Wir setzen Padding gleich gezielt */
flex-shrink: 0 !important;
box-sizing: border-box !important;
}
/* 3. Level 2 gezieltes Seiten-Padding (Symmetrie) */
#level-2-view {
background-color: var(--bg-panel-dark) !important;
padding-left: 20px !important; /* Gleicher Abstand links */
padding-right: 20px !important; /* Gleicher Abstand rechts */
padding-top: 20px !important;
}
/* 4. Overlay-Hintergrund synchronisieren */
#mobile-menu-overlay.show-lvl2 {
background-color: var(--bg-panel-dark) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47693ad *//* 1. Hintergrundfarbe für Light/Dark Mode an die ID binden */
#mobile-menu-overlay {
background-color: var(--bg-primary) !important;
}
/* 2. Steuerklasse für die Unsichtbarkeit (für das Script) */
.hide-my-menu {
transform: translateX(-100%);
opacity: 0;
pointer-events: none;
transition: transform 0.25s ease-out, opacity 0.25s ease-out;
}
/* 3. Sichtbarer Zustand */
/* Aktiver Zustand: Menü fährt flüssig auf Position 0 (sichtbarer Bereich) */
.hide-my-menu.is-active {
transform: translateX(0);
opacity: 1;
pointer-events: auto;
}
/* Macht das Menü-Overlay selbstständig scrollbar */
#mobile-menu-overlay {
overflow-y: auto !important; /* Erlaubt vertikales Scrollen im Container */
max-height: 100vh !important; /* Begrenzt die Höhe exakt auf den Bildschirm */
padding-bottom: 100px !important; /* Platzhalter unten, damit die Bottom-Bar nichts verdeckt */
/* Optimierung für flüssiges Scrollen auf iPhones */
-webkit-overflow-scrolling: touch !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43769d5 */.mobile-bottom-bar {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: var(--bg-primary);
/* Rand oben (1 Pixel dick, durchgehende Linie, nutzt deine globale Rahmenfarbe) */
border-top: 1px solid var(--border-color);
/* Schatten nach oben: X-Versatz(0), Y-Versatz(-5px), Weichzeichner(15px), Farbe(Schwarz mit 10% Deckkraft) */
box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: space-around;
align-items: center;
padding: 8px 4px calc(8px + env(safe-area-inset-bottom)) 4px;
z-index: 9999;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-787a532 *//* Haupt-Container (Die Leiste) */
.custom-bottom-bar {
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
background-color: var(--bg-primary) !important;
border-top: 1px solid var(--border-color) !important;
padding: 8px 4px calc(8px + env(safe-area-inset-bottom)) 4px !important;
z-index: 9999 !important;
}
/* Flex-Layout für den inneren Elementor-Container erzwingen */
.custom-bottom-bar > .e-con-inner,
.custom-bottom-bar > .e-container {
display: flex !important;
flex-direction: row !important;
justify-content: space-around !important;
align-items: center !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
/* Einzelne Navigationspunkte (Icon-Box Widgets) */
.custom-nav-item {
flex: 1 !important;
margin: 0 2px !important; /* Minimaler Abstand zwischen den Pillen */
width: 100% !important;
}
.custom-nav-item .elementor-widget-container {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
min-height: 60px !important; /* Große, unsichtbare Klickfläche (Pille) */
padding: 8px 4px !important;
background-color: transparent !important;
border-radius: 50px !important; /* Pillenform */
transition: background-color 0.2s ease !important;
cursor: pointer !important;
position: relative !important; /* Zwingend erforderlich für den Link-Trick */
-webkit-tap-highlight-color: transparent !important;
}
/* Der Trick: Spannt den Link unsichtbar über die gesamte Pille */
.custom-nav-item a::after {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 10 !important;
}
/* Icon-Größe und Farbe */
.custom-nav-item .elementor-icon-box-icon {
margin-bottom: 4px !important;
}
.custom-nav-item .elementor-icon svg,
.custom-nav-item .elementor-icon i,
.custom-nav-item .elementor-icon img {
width: 24px !important;
height: 24px !important;
font-size: 24px !important;
fill: var(--text-secondary) !important;
color: var(--text-secondary) !important;
transition: color 0.2s ease, fill 0.2s ease !important;
}
/* Text-Größe und Farbe */
.custom-nav-item .elementor-icon-box-title,
.custom-nav-item .elementor-icon-box-title a {
font-size: 11px !important;
font-weight: 600 !important;
color: var(--text-secondary) !important;
text-transform: none !important;
margin: 0 !important;
line-height: 1 !important;
transition: color 0.2s ease !important;
}
/* Hover und Active State (für Dark/Light Mode Interaktion) */
.custom-nav-item:hover .elementor-widget-container,
.custom-nav-item.is-active .elementor-widget-container {
background-color: var(--bg-hover) !important;
}
.custom-nav-item:hover .elementor-icon svg,
.custom-nav-item:hover .elementor-icon i,
.custom-nav-item.is-active .elementor-icon svg,
.custom-nav-item.is-active .elementor-icon i {
fill: var(--text-primary) !important;
color: var(--text-primary) !important;
}
.custom-nav-item:hover .elementor-icon-box-title,
.custom-nav-item:hover .elementor-icon-box-title a,
.custom-nav-item.is-active .elementor-icon-box-title,
.custom-nav-item.is-active .elementor-icon-box-title a {
color: var(--text-primary) !important;
}/* End custom CSS */