.elementor-4221 .elementor-element.elementor-element-4ae0a436:not(.elementor-motion-effects-element-type-background), .elementor-4221 .elementor-element.elementor-element-4ae0a436 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-4221 .elementor-element.elementor-element-4ae0a436 > .elementor-container{max-width:1430px;}.elementor-4221 .elementor-element.elementor-element-4ae0a436 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:15px;}.elementor-4221 .elementor-element.elementor-element-4ae0a436{box-shadow:0px -2px 5px 0px rgba(0, 0, 0, 0.04);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4221 .elementor-element.elementor-element-4ae0a436 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4221 .elementor-element.elementor-element-ba36d02 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:15px;}.elementor-4221 .elementor-element.elementor-element-ba36d02 > .elementor-background-overlay{opacity:0.5;}.elementor-4221 .elementor-element.elementor-element-46514902 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4221 .elementor-element.elementor-element-46514902:not(.elementor-motion-effects-element-type-background), .elementor-4221 .elementor-element.elementor-element-46514902 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #000000E0 50%, var( --e-global-color-f5df0a0 ) 100%);}.elementor-4221 .elementor-element.elementor-element-46514902 > .elementor-container{max-width:1410px;}.elementor-4221 .elementor-element.elementor-element-46514902, .elementor-4221 .elementor-element.elementor-element-46514902 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-4221 .elementor-element.elementor-element-46514902{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0% 9% 0% 9%;}.elementor-4221 .elementor-element.elementor-element-46514902 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4221 .elementor-element.elementor-element-4d962679 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.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 );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-4221 .elementor-element.elementor-element-e0d83e6{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-4221 .elementor-element.elementor-element-e0d83e6 .elementor-heading-title{font-size:20px;font-weight:700;font-style:italic;line-height:2rem;letter-spacing:2.2px;color:#FFFFFF;}.elementor-4221 .elementor-element.elementor-element-754c380d{text-align:center;}.elementor-4221 .elementor-element.elementor-element-754c380d .elementor-heading-title{font-size:18px;font-weight:700;line-height:1.2rem;letter-spacing:0.6px;color:#FFFFFF;}.elementor-4221 .elementor-element.elementor-element-a9fc72c{width:auto;max-width:auto;}.elementor-4221 .elementor-element.elementor-element-a9fc72c > .elementor-widget-container{margin:0px 20px 0px 0px;}.elementor-4221 .elementor-element.elementor-element-a9fc72c .etheme-icon-box{padding:0px 0px 0px 0px;}.elementor-4221 .elementor-element.elementor-element-a9fc72c .etheme-icon-box-description{font-family:"Inter", Sans-serif;font-size:27px;font-weight:700;color:#FED700;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-4221 .elementor-element.elementor-element-1f2c2275{width:var( --container-widget-width, 81.317% );max-width:81.317%;margin:-69px 0px calc(var(--kit-widget-spacing, 0px) + -110px) 0px;padding:11px 18px 0px 18px;--container-widget-width:81.317%;--container-widget-flex-grow:0;--e-transform-origin-x:center;--e-transform-origin-y:center;text-align:end;}.elementor-4221 .elementor-element.elementor-element-1f2c2275.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4221 .elementor-element.elementor-element-1f2c2275 img{height:500px;}.elementor-4221 .elementor-element.elementor-element-5f8a7cc3 > .elementor-container{max-width:1440px;}.elementor-4221 .elementor-element.elementor-element-3483ffc > .elementor-element-populated{margin:0px 0px 60px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-4221 .elementor-element.elementor-element-71ee638d .etheme-elementor-off-canvas__toggle .elementor-button{background-color:#FAFAFA;fill:#000000;color:#000000;border-style:none;border-radius:0px 30px 18px 0px;padding:15px 15px 15px 15px;}.elementor-4221 .elementor-element.elementor-element-71ee638d{--widgets-sep-width:1px;--widgets-sep-color:#C0BDBD;--toggle-button-position-axis-x:0px;--et_active-color:#070505;--space-between-widgets:61px;--widget-title-space-bottom:13px;--widget-list-item-space:13px;--widget-checkbox-icon-code:"\e918";--widget-checkbox-size:18px;--widget-checkbox-bg-color:#FFFFFF;--widget-count-min-width:27px;--widget-count-color:#000000;--widget-count-bg-color:#61CE7042;--widget-count-color-active:#FFFFFF;--widget-count-bg-color-active:#222222;--widget-count-br-radius:5px 5px 5px 5px;--et_inputs-height:37px;--et_inputs-border-radius:8px 8px 8px 8px;}.elementor-4221 .elementor-element.elementor-element-71ee638d .widget-title, .elementor-4221 .elementor-element.elementor-element-71ee638d .widgettitle{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;text-transform:capitalize;color:#000000;}.elementor-4221 .elementor-element.elementor-element-71ee638d ul li a{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:19px;color:#1A1A1A;}.elementor-4221 .elementor-element.elementor-element-71ee638d ul li .count, .elementor-4221 .elementor-element.elementor-element-71ee638d li.wc-layered-nav-rating .star-rating ~ span{font-family:"Lato", Sans-serif;font-size:12px;}.elementor-4221 .elementor-element.elementor-element-71ee638d .dokan-form-control, .elementor-4221 .elementor-element.elementor-element-71ee638d input[type=email], .elementor-4221 .elementor-element.elementor-element-71ee638d input[type=number], .elementor-4221 .elementor-element.elementor-element-71ee638d input[type=password], .elementor-4221 .elementor-element.elementor-element-71ee638d input[type=search], .elementor-4221 .elementor-element.elementor-element-71ee638d input[type=tel], .elementor-4221 .elementor-element.elementor-element-71ee638d input[type=text], .elementor-4221 .elementor-element.elementor-element-71ee638d input[type=url], .elementor-4221 .elementor-element.elementor-element-71ee638d textarea, .elementor-4221 .elementor-element.elementor-element-71ee638d textarea.form-control.elementor-4221 .elementor-element.elementor-element-71ee638d .select2.select2-container--default .select2-selection--single, .elementor-4221 .elementor-element.elementor-element-71ee638d select{font-size:14px;background-color:#EBEBEB;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-4221 .elementor-element.elementor-element-71ee638d .dokan-form-control::-webkit-input-placeholder, .elementor-4221 .elementor-element.elementor-element-71ee638d input[type=email]::-webkit-input-placeholder, .elementor-4221 .elementor-element.elementor-element-71ee638d input[type=number]::-webkit-input-placeholder, .elementor-4221 .elementor-element.elementor-element-71ee638d input[type=password]::-webkit-input-placeholder, .elementor-4221 .elementor-element.elementor-element-71ee638d input[type=search]::-webkit-input-placeholder, .elementor-4221 .elementor-element.elementor-element-71ee638d input[type=tel]::-webkit-input-placeholder, .elementor-4221 .elementor-element.elementor-element-71ee638d input[type=text]::-webkit-input-placeholder, .elementor-4221 .elementor-element.elementor-element-71ee638d input[type=url]::-webkit-input-placeholder, .elementor-4221 .elementor-element.elementor-element-71ee638d textarea::-webkit-input-placeholder, .elementor-4221 .elementor-element.elementor-element-71ee638d textarea.form-control.elementor-4221 .elementor-element.elementor-element-71ee638d .select2.select2-container--default .select2-selection--single::-webkit-input-placeholder, .elementor-4221 .elementor-element.elementor-element-71ee638d select{fill:#000000;color:#000000;}body:not(.rtl) .elementor-4221 .elementor-element.elementor-element-71ee638d .widget_product_search button, body:not(.rtl) .elementor-4221 .elementor-element.elementor-element-71ee638d .widget_search button, body:not(.rtl) .elementor-4221 .elementor-element.elementor-element-71ee638d .woocommerce-product-search button{border-radius:0 8px 8px 0 !important;}body.rtl .elementor-4221 .elementor-element.elementor-element-71ee638d .widget_product_search button, body.rtl .elementor-4221 .elementor-element.elementor-element-71ee638d .widget_search button, body.rtl .elementor-4221 .elementor-element.elementor-element-71ee638d .woocommerce-product-search button{border-radius:8px 0 0 8px !important;}.elementor-4221 .elementor-element.elementor-element-71ee638d .widget_product_search button, .elementor-4221 .elementor-element.elementor-element-71ee638d .widget_search button, .elementor-4221 .elementor-element.elementor-element-71ee638d .woocommerce-product-search button{fill:#FFFFFF;color:#FFFFFF;border-style:none;}.elementor-4221 .elementor-element.elementor-element-71ee638d .price_slider_wrapper .ui-slider-horizontal{margin-bottom:0px;}.elementor-4221 .elementor-element.elementor-element-71ee638d .price_slider_wrapper{--price-slider-handle-size:0px;--price-slider-handle-radius:0px;--price-slider-handle-scale-hover:0.1;}.elementor-4221 .elementor-element.elementor-element-71ee638d .price_slider_wrapper .price_label, .elementor-4221 .elementor-element.elementor-element-71ee638d .price_slider_amount .price_label span{font-family:"Inter", Sans-serif;}.elementor-4221 .elementor-element.elementor-element-71ee638d .widget_price_filter .button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;text-transform:none;fill:#000000;color:#000000;--loader-side-color:#000000;background-color:#D8247E;border-radius:-1px -1px -1px -1px;padding:0px 0px 0px 0px;}.elementor-4221 .elementor-element.elementor-element-71ee638d .widget_price_filter .button:hover, .elementor-4221 .elementor-element.elementor-element-71ee638d .widget_price_filter .button:focus{color:#FFFFFF;--loader-side-color:#FFFFFF;background-color:#222222;}.elementor-4221 .elementor-element.elementor-element-71ee638d .widget_price_filter .button:hover svg, .elementor-4221 .elementor-element.elementor-element-71ee638d .widget_price_filter .button:focus svg{fill:#FFFFFF;}.elementor-4221 .elementor-element.elementor-element-71ee638d .widget_price_filter .button, .elementor-4221 .elementor-element.elementor-element-71ee638d .widget_price_filter .button.button{border-style:none;}.elementor-4221 .elementor-element.elementor-element-b9b10c2 img{border-radius:10px 10px 10px 10px;}.elementor-4221 .elementor-element.elementor-element-3d15a14 > .elementor-widget-container{margin:0px 0px 19px 0px;}.elementor-4221 .elementor-element.elementor-element-3d15a14{--et_select-arrow-size:.75em;}.elementor-4221 .elementor-element.elementor-element-3d15a14 select{background-color:#FFFFFF;}.elementor-4221 .elementor-element.elementor-element-5d1e2452{--cols:4;--image-space:15px;--progress-max-width:235px;--progress-height:2px;--progress-radius:0px;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-product-grid-item{text-align:left;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-countdown-item{background-color:#F5F5F5;flex:1;border-style:none;border-radius:5px 5px 5px 5px;padding:5px 5px 5px 5px;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-elementor-lazy-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;fill:#111111;color:#111111;border-style:solid;border-width:1px 1px 1px 1px;border-color:#111111;border-radius:8px 8px 8px 8px;padding:13px 40px 13px 40px;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-elementor-lazy-button:hover, .elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-elementor-lazy-button:focus{background-color:#111111;color:#FFFFFF;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-elementor-lazy-progress-bar-inner{background-color:#1F1F1F;--progress-active-color:#1F1F1F;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-product-grid-categories{font-family:"Inter", Sans-serif;font-size:13px;font-weight:400;color:#888888;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-product-grid-categories a{color:#888888;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-product-grid-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-product-grid-item.type-list{text-align:left;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-product-grid-item.type-list .etheme-product-grid-content{align-self:center;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-product-grid-title a{color:#000000;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-product-grid-image img{width:100%;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .star-rating-wrapper{margin-bottom:10px;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .price{font-family:"Inter", Sans-serif;font-size:15px;color:#555555;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-countdown{--item-min-width:50px;--item-min-height:50px;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-countdown-digits{color:#222222;font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-countdown-label{color:#878787;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-elementor-lazy-button:hover svg, .elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-elementor-lazy-button:focus svg{fill:#FFFFFF;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-elementor-lazy-button-wrapper{margin:35px 0 0px 0;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-elementor-lazy-progress-bar-title{font-family:"Inter", Sans-serif;font-size:14px;color:#888888;margin-bottom:15px;}.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-elementor-lazy-progress-bar{background-color:#E2E2E2;}.elementor-4221 .elementor-element.elementor-element-2e1a4f1 .etheme-a-h-text-before{color:var( --e-global-color-primary );}.elementor-4221 .elementor-element.elementor-element-2e1a4f1{--line-style:solid;--line-color:var( --e-global-color-primary );}.elementor-4221 .elementor-element.elementor-element-03531af{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-4221 .elementor-element.elementor-element-1cd6839{--display:flex;}.elementor-4221 .elementor-element.elementor-element-9530981{--display:flex;}.elementor-4221 .elementor-element.elementor-element-c7107d0{--display:flex;}.elementor-4221 .elementor-element.elementor-element-e02ab86.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-4221 .elementor-element.elementor-element-e02ab86{column-gap:0px;text-align:justify;}.elementor-4221 .elementor-element.elementor-element-9c62287{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-icon-size:15px;}:where( .elementor-4221 .elementor-element.elementor-element-9c62287 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:700;}@media(min-width:768px){.elementor-4221 .elementor-element.elementor-element-4d962679{width:40%;}.elementor-4221 .elementor-element.elementor-element-5fb7178d{width:60%;}.elementor-4221 .elementor-element.elementor-element-3483ffc{width:21%;}.elementor-4221 .elementor-element.elementor-element-1fb84a93{width:79%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4221 .elementor-element.elementor-element-3483ffc{width:30%;}.elementor-4221 .elementor-element.elementor-element-1fb84a93{width:70%;}}@media(max-width:1024px){.elementor-4221 .elementor-element.elementor-element-46514902{padding:0% 0% 0% 0%;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-4221 .elementor-element.elementor-element-754c380d .elementor-heading-title{font-size:28px;}.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-4221 .elementor-element.elementor-element-1f2c2275{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4221 .elementor-element.elementor-element-5f8a7cc3{padding:0px 0px 0px 0px;}.elementor-4221 .elementor-element.elementor-element-3483ffc > .elementor-element-populated{padding:15px 0px 15px 15px;}.elementor-4221 .elementor-element.elementor-element-71ee638d .etheme-elementor-off-canvas__toggle .elementor-button{padding:15px 15px 15px 20px;}.elementor-4221 .elementor-element.elementor-element-5d1e2452{--cols:2;}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-4221 .elementor-element.elementor-element-754c380d .elementor-heading-title{line-height:1em;letter-spacing:0.2px;}.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-4221 .elementor-element.elementor-element-1f2c2275{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -41px;padding:0px 0px 0px 0px;--container-widget-width:381px;--container-widget-flex-grow:0;width:var( --container-widget-width, 381px );max-width:381px;text-align:center;}.elementor-4221 .elementor-element.elementor-element-1f2c2275 img{width:100%;max-width:100%;}.elementor-4221 .elementor-element.elementor-element-3483ffc > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-4221 .elementor-element.elementor-element-71ee638d{--off-canvas-width:300px;}.elementor-4221 .elementor-element.elementor-element-71ee638d .etheme-elementor-off-canvas__main{padding:15px 30px 15px 30px;}.elementor-4221 .elementor-element.elementor-element-5d1e2452{--cols:2;}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for section, class: .elementor-element-4ae0a436 */.elementor-4221 .elementor-element.elementor-element-4ae0a436 {
    left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
}/* End custom CSS */
/* Start custom CSS for etheme_sidebar, class: .elementor-element-71ee638d */body:not([data-elementor-device-mode="mobile"]) .elementor-4221 .elementor-element.elementor-element-71ee638d.elementor-widget-etheme_sidebar .etheme_widget_cats  {
    background-color: rgba(245, 245, 246, 1);
    border-radius: 10px;
    padding: var(--categories-widget-padding, 30px 25px);
    border-bottom: none;
}
[data-elementor-device-mode="tablet"] .elementor-4221 .elementor-element.elementor-element-71ee638d {
    --categories-widget-padding: 17px;
}
body:not([data-elementor-device-mode="mobile"]) .elementor-4221 .elementor-element.elementor-element-71ee638d.elementor-widget-etheme_sidebar .etheme_widget_cats a:not(:hover) .count {
    background-color: #fff;
}

.elementor-4221 .elementor-element.elementor-element-71ee638d .widget_price_filter .price-filter-box input {
    border-radius: 4px;
}

.elementor-4221 .elementor-element.elementor-element-71ee638d .et-follow-buttons a {
    color: rgba(0, 121, 107, 1);
}
.elementor-4221 .elementor-element.elementor-element-71ee638d .etheme_widget_cats .current-item a:not(:hover) .count {
    background-color: #222;
}/* End custom CSS */
/* Start custom CSS for woocommerce-etheme_archive_products, class: .elementor-element-5d1e2452 */.elementor-4221 .elementor-element.elementor-element-5d1e2452 .etheme-elementor-lazy-progress-wrapper {
    margin-bottom: 30px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5f8a7cc3 */.elementor-4221 .elementor-element.elementor-element-5f8a7cc3 {
    left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd50571 *//* ==========================================================
   EXOVOLT ENERGIE BANNER
   Desktop / Tablet / Mobile
   ========================================================== */

.exo-energy-stage {

    --exo-magenta: #BA2C73;
    --exo-magenta-hover: #cf347f;

    position: relative;

    width: 100%;
    min-height: 650px;

    overflow: hidden;

    background-color: #07090d;

    /* DESKTOP-BILD HIER EINSETZEN */
    background-image:
        url("https://exovolt.de/wp-content/uploads/2026/09/Exovolt-Batteriespeicher-.jpg");

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

}


/* ==========================================================
   DUNKLER VERLAUF
   ========================================================== */

.exo-energy-stage::before {

    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:

        linear-gradient(
            90deg,

            rgba(5,7,11,.98) 0%,

            rgba(5,7,11,.95) 19%,

            rgba(5,7,11,.82) 35%,

            rgba(5,7,11,.40) 53%,

            rgba(5,7,11,.06) 72%,

            rgba(5,7,11,0) 100%
        );

}


/* leichter Magenta Glow */

.exo-energy-stage::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 520px;
    height: 250px;

    z-index: 1;

    pointer-events: none;

    background:

        radial-gradient(
            ellipse at bottom left,
            rgba(186,44,115,.13),
            transparent 68%
        );

}


/* ==========================================================
   CONTENT
   ========================================================== */

.exo-energy-inner {

    position: relative;

    z-index: 3;

    width: 100%;

    max-width: 1600px;

    min-height: 650px;

    margin: 0 auto;

    padding:

        70px
        clamp(30px,5vw,82px)
        45px;

    display: flex;

    align-items: center;

}


/* Text Panel */

.exo-energy-panel {

    width: 100%;

    max-width: 610px;

    color: #fff;

}


/* ==========================================================
   HEADLINE
   ========================================================== */

.exo-energy-title {

    margin: 0;

    color: #fff;

    font-size:
        clamp(40px,4vw,61px);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -.7px;

}


.exo-energy-title span {

    color: var(--exo-magenta);

}


/* ==========================================================
   SUBTITLE
   ========================================================== */

.exo-energy-subtitle {

    max-width: 550px;

    margin:

        24px
        0
        0;

    color: #fff;

    font-size: 20px;

    line-height: 1.5;

    font-weight: 400;

}


/* Magenta Linie */

.exo-energy-accent {

    width: 80px;

    height: 3px;

    margin:

        28px
        0;

    background:

        var(--exo-magenta);

}


/* ==========================================================
   BESCHREIBUNG
   ========================================================== */

.exo-energy-description {

    max-width: 565px;

    margin: 0;

    color:

        rgba(255,255,255,.82);

    font-size: 16px;

    line-height: 1.68;

}


/* ==========================================================
   BUTTON
   ========================================================== */

.exo-energy-button {

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    margin-top: 28px;

    padding:

        15px
        20px;

    background:

        var(--exo-magenta);

    color: #fff !important;

    text-decoration: none !important;

    border-radius: 2px;

    font-size: 14px;

    font-weight: 700;

    box-shadow:

        0 7px 22px
        rgba(186,44,115,.18);

    transition:

        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;

}


.exo-energy-button-arrow {

    font-size: 21px;

    line-height: 1;

}


.exo-energy-button:hover {

    color: #fff !important;

    background:

        var(--exo-magenta-hover);

    transform:

        translateY(-2px);

    box-shadow:

        0 11px 30px
        rgba(186,44,115,.28);

}


/* ==========================================================
   PIKTOGRAMME / TRUST BEREICH
   ========================================================== */

.exo-energy-benefits {

    width: 100%;

    max-width: 650px;

    margin-top: 43px;

    display: grid;

    grid-template-columns:

        repeat(4,minmax(0,1fr));

    gap: 22px;

}


/* Einzelelement */

.exo-energy-benefit {

    min-width: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

}


/* ICON */

.exo-energy-benefit-icon {

    width: 52px;

    height: 52px;

    margin-bottom: 9px;

    display: flex;

    align-items: center;

    justify-content: center;

}


.exo-energy-benefit-icon svg {

    width: 46px;

    height: 46px;

    overflow: visible;

    fill: none;

    stroke: rgba(255,255,255,.92);

    stroke-width: 2;

    stroke-linecap: round;

    stroke-linejoin: round;

}


/* Magenta Details */

.exo-energy-benefit-icon
.exo-svg-accent {

    stroke:

        var(--exo-magenta);

}


/* Text unter Icons */

.exo-energy-benefit-text {

    color:

        rgba(255,255,255,.92);

    font-size: 12px;

    font-weight: 400;

    line-height: 1.3;

}


/* ==========================================================
   ICON HOVER
   ========================================================== */

.exo-energy-benefit {

    transition:

        transform .25s ease;

}


.exo-energy-benefit-icon svg {

    transition:

        transform .25s ease,
        filter .25s ease;

}


.exo-energy-benefit:hover {

    transform:

        translateY(-3px);

}


.exo-energy-benefit:hover
.exo-energy-benefit-icon svg {

    transform:

        scale(1.06);

    filter:

        drop-shadow(
            0 0 7px
            rgba(186,44,115,.35)
        );

}


/* ==========================================================
   TABLET
   ========================================================== */

@media
(max-width: 1199px) {


    .exo-energy-stage {

        min-height: 620px;


        /* TABLET-BILD HIER EINSETZEN */

        background-image:

            url("https://exovolt.de/wp-content/uploads/2026/09/Exovolt-Batteriespeicher-lager-tablet.jpg");


        background-position:

            center center;

    }


    .exo-energy-stage::before {

        background:

            linear-gradient(

                90deg,

                rgba(5,7,11,.98) 0%,

                rgba(5,7,11,.94) 33%,

                rgba(5,7,11,.70) 53%,

                rgba(5,7,11,.20) 77%,

                transparent 100%

            );

    }


    .exo-energy-inner {

        min-height: 620px;

        padding:

            55px
            38px
            42px;

    }


    .exo-energy-panel {

        max-width: 560px;

    }


    .exo-energy-title {

        font-size:

            clamp(
                37px,
                5vw,
                51px
            );

    }


    .exo-energy-subtitle {

        font-size:

            18px;

    }


}


/* ==========================================================
   MOBILE
   ========================================================== */

@media
(max-width: 767px) {


    .exo-energy-stage {

        min-height: 720px;


        /* MOBILE-BILD HIER EINSETZEN */

        background-image:

            url("https://exovolt.de/wp-content/uploads/2026/09/Batteriespeicher-exovolt-lager.png");


        background-position:

            center center;

    }


    /*
     * Mobile deutlich stärker abdunkeln,
     * damit der Text unabhängig vom Foto
     * immer lesbar bleibt.
     */

    .exo-energy-stage::before {

        background:

            linear-gradient(

                90deg,

                rgba(5,7,11,.98) 0%,

                rgba(5,7,11,.95) 50%,

                rgba(5,7,11,.82) 100%

            );

    }


    .exo-energy-stage::after {

        width: 100%;

        height: 250px;

    }


    .exo-energy-inner {

        min-height: 720px;

        align-items: flex-start;

        padding:

            48px
            28px
            35px;

    }


    .exo-energy-panel {

        max-width: 100%;

    }


    .exo-energy-title {

        font-size:

            clamp(
                33px,
                9vw,
                43px
            );

        line-height:

            1.07;

    }


    .exo-energy-subtitle {

        max-width: 430px;

        margin-top:

            19px;

        font-size:

            16px;

        line-height:

            1.45;

    }


    .exo-energy-accent {

        width:

            60px;

        margin:

            22px
            0;

    }


    .exo-energy-description {

        max-width:

            430px;

        font-size:

            14px;

        line-height:

            1.58;

    }


    .exo-energy-button {

        margin-top:

            23px;

        padding:

            14px
            18px;

    }


    /*
     * Wichtig:
     * alle vier Icons bleiben wie in deinem
     * Beispiel NEBENEINANDER
     */

    .exo-energy-benefits {

        grid-template-columns:

            repeat(
                4,
                minmax(0,1fr)
            );

        gap:

            5px;

        margin-top:

            37px;

    }


    .exo-energy-benefit-icon {

        width:

            42px;

        height:

            42px;

        margin-bottom:

            7px;

    }


    .exo-energy-benefit-icon svg {

        width:

            37px;

        height:

            37px;

    }


    .exo-energy-benefit-text {

        font-size:

            10px;

        line-height:

            1.22;

    }


}


/* ==========================================================
   KLEINE SMARTPHONES
   ========================================================== */

@media
(max-width: 430px) {


    .exo-energy-stage {

        min-height:

            700px;

    }


    .exo-energy-inner {

        min-height:

            700px;

        padding:

            40px
            21px
            30px;

    }


    .exo-energy-title {

        font-size:

            34px;

    }


    .exo-energy-subtitle {

        font-size:

            15px;

    }


    .exo-energy-description {

        font-size:

            13px;

    }


    .exo-energy-button {

        font-size:

            13px;

    }


    .exo-energy-benefits {

        margin-top:

            32px;

        gap:

            2px;

    }


    .exo-energy-benefit-icon {

        width:

            38px;

        height:

            38px;

    }


    .exo-energy-benefit-icon svg {

        width:

            34px;

        height:

            34px;

    }


    .exo-energy-benefit-text {

        font-size:

            9px;

    }

}/* End custom CSS */