.elementor-11 .elementor-element.elementor-element-f323db5{--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;--overlay-opacity:0;}.elementor-11 .elementor-element.elementor-element-f323db5::before, .elementor-11 .elementor-element.elementor-element-f323db5 > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-f323db5 > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-f323db5 > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-f323db5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-f323db5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-8e01c7b );--background-overlay:'';}.elementor-11 .elementor-element.elementor-element-f323db5:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-f323db5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://barjoli.agentur-wemakemarketing.cloud1-vm122.ipp.de-serv.de/wp-content/uploads/2025/06/fallback-scaled.jpg") 50% 50%;background-size:cover;}.elementor-11 .elementor-element.elementor-element-826670b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-fb1f00b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-eb6b13c .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );color:var( --e-global-color-b99d52a );}.elementor-11 .elementor-element.elementor-element-2076435 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:34px;font-weight:600;text-transform:uppercase;letter-spacing:2.1px;}.elementor-11 .elementor-element.elementor-element-f3ed62d{width:var( --container-widget-width, 93.8% );max-width:93.8%;--container-widget-width:93.8%;--container-widget-flex-grow:0;color:var( --e-global-color-97afac0 );}.elementor-11 .elementor-element.elementor-element-1b9aed4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-4c17522{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-11 .elementor-element.elementor-element-7013baa{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-97afac0 );--border-color:var( --e-global-color-97afac0 );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-9237561{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-9237561:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-9237561 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://barjoli.agentur-wemakemarketing.cloud1-vm122.ipp.de-serv.de/wp-content/uploads/2025/07/WhatsApp-Image-2025-04-24-at-15.40.05.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-21c4a54 > .elementor-widget-container{padding:0rem 1rem 0rem 1rem;}.elementor-11 .elementor-element.elementor-element-21c4a54 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );font-weight:var( --e-global-typography-1434a1d-font-weight );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );}.elementor-11 .elementor-element.elementor-element-1ff4486{width:100%;max-width:100%;color:var( --e-global-color-97afac0 );}.elementor-11 .elementor-element.elementor-element-1ff4486 > .elementor-widget-container{padding:0rem 1rem 0rem 1rem;}.elementor-11 .elementor-element.elementor-element-f0accbe{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-97afac0 );--border-color:var( --e-global-color-97afac0 );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-83d9658{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-83d9658:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-83d9658 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://barjoli.agentur-wemakemarketing.cloud1-vm122.ipp.de-serv.de/wp-content/uploads/2025/07/DSC5233-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-64e8f42 > .elementor-widget-container{padding:0rem 1rem 0rem 1rem;}.elementor-11 .elementor-element.elementor-element-64e8f42 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );font-weight:var( --e-global-typography-1434a1d-font-weight );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );}.elementor-11 .elementor-element.elementor-element-1e2367f{width:100%;max-width:100%;color:var( --e-global-color-97afac0 );}.elementor-11 .elementor-element.elementor-element-1e2367f > .elementor-widget-container{padding:0rem 1rem 0rem 1rem;}.elementor-11 .elementor-element.elementor-element-8981aa4{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-97afac0 );--border-color:var( --e-global-color-97afac0 );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-3327941{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-3327941:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-3327941 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://barjoli.agentur-wemakemarketing.cloud1-vm122.ipp.de-serv.de/wp-content/uploads/2025/06/fallback-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-de3fe8c > .elementor-widget-container{padding:0rem 1rem 0rem 1rem;}.elementor-11 .elementor-element.elementor-element-de3fe8c .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );font-weight:var( --e-global-typography-1434a1d-font-weight );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );}.elementor-11 .elementor-element.elementor-element-dc318c6{width:100%;max-width:100%;color:var( --e-global-color-97afac0 );}.elementor-11 .elementor-element.elementor-element-dc318c6 > .elementor-widget-container{padding:0rem 1rem 0rem 1rem;}.elementor-11 .elementor-element.elementor-element-ae733ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-2043ae8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-de91f6a .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );color:var( --e-global-color-b99d52a );}.elementor-11 .elementor-element.elementor-element-218da7e{width:100%;max-width:100%;color:var( --e-global-color-97afac0 );}.elementor-11 .elementor-element.elementor-element-71d8ceb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:3rem 3rem;--row-gap:3rem;--column-gap:3rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-db82c66{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-7180d88{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-6e395f8 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );color:var( --e-global-color-b99d52a );}.elementor-11 .elementor-element.elementor-element-1a2c0b5{width:var( --container-widget-width, 93.8% );max-width:93.8%;--container-widget-width:93.8%;--container-widget-flex-grow:0;color:var( --e-global-color-97afac0 );}.elementor-11 .elementor-element.elementor-element-a786bb3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-3d083c1{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-11 .elementor-element.elementor-element-db2f862{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-69152f1 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );color:var( --e-global-color-b99d52a );}.elementor-11 .elementor-element.elementor-element-43fa01c{width:var( --container-widget-width, 93.8% );max-width:93.8%;--container-widget-width:93.8%;--container-widget-flex-grow:0;color:var( --e-global-color-97afac0 );}.elementor-11 .elementor-element.elementor-element-43fa01c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-8f75675 .elementor-icon-list-icon i{color:var( --e-global-color-97afac0 );transition:color 0.3s;}.elementor-11 .elementor-element.elementor-element-8f75675 .elementor-icon-list-icon svg{fill:var( --e-global-color-97afac0 );transition:fill 0.3s;}.elementor-11 .elementor-element.elementor-element-8f75675 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-b99d52a );}.elementor-11 .elementor-element.elementor-element-8f75675 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-b99d52a );}.elementor-11 .elementor-element.elementor-element-8f75675{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-11 .elementor-element.elementor-element-8f75675 .elementor-icon-list-text{color:var( --e-global-color-97afac0 );transition:color 0.3s;}.elementor-11 .elementor-element.elementor-element-8f75675 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-b99d52a );}.elementor-11 .elementor-element.elementor-element-680b1cb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-dc40c47{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-b28188f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-9bea73e .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );color:var( --e-global-color-b99d52a );}.elementor-11 .elementor-element.elementor-element-fdd24f5 .elementor-swiper-button{font-size:20px;}.elementor-11 .elementor-element.elementor-element-fdd24f5 .elementor-testimonial__text{color:var( --e-global-color-97afac0 );}.elementor-11 .elementor-element.elementor-element-fdd24f5 .elementor-testimonial__name{color:var( --e-global-color-97afac0 );}.elementor-11 .elementor-element.elementor-element-fdd24f5 .elementor-testimonial__title{color:var( --e-global-color-b99d52a );font-size:25px;}.elementor-11 .elementor-element.elementor-element-85f5f03{--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;--overlay-opacity:0.7;}.elementor-11 .elementor-element.elementor-element-85f5f03:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-85f5f03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://barjoli.agentur-wemakemarketing.cloud1-vm122.ipp.de-serv.de/wp-content/uploads/2025/07/DSC5214.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-85f5f03::before, .elementor-11 .elementor-element.elementor-element-85f5f03 > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-85f5f03 > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-85f5f03 > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-85f5f03 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-85f5f03 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-8e01c7b );--background-overlay:'';}.elementor-11 .elementor-element.elementor-element-2fba5c1 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );color:var( --e-global-color-b99d52a );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-826670b{--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-11 .elementor-element.elementor-element-eb6b13c .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );}.elementor-11 .elementor-element.elementor-element-4c17522{--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-11 .elementor-element.elementor-element-21c4a54 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );}.elementor-11 .elementor-element.elementor-element-64e8f42 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );}.elementor-11 .elementor-element.elementor-element-de3fe8c .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );}.elementor-11 .elementor-element.elementor-element-ae733ec{--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-11 .elementor-element.elementor-element-de91f6a .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );}.elementor-11 .elementor-element.elementor-element-db82c66{--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-11 .elementor-element.elementor-element-6e395f8 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );}.elementor-11 .elementor-element.elementor-element-3d083c1{--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-11 .elementor-element.elementor-element-69152f1 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );}.elementor-11 .elementor-element.elementor-element-dc40c47{--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-11 .elementor-element.elementor-element-9bea73e .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );}.elementor-11 .elementor-element.elementor-element-2fba5c1 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-eb6b13c .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );}.elementor-11 .elementor-element.elementor-element-2076435 .elementor-heading-title{font-size:41px;}.elementor-11 .elementor-element.elementor-element-21c4a54 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );}.elementor-11 .elementor-element.elementor-element-64e8f42 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );}.elementor-11 .elementor-element.elementor-element-de3fe8c .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );}.elementor-11 .elementor-element.elementor-element-de91f6a .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );}.elementor-11 .elementor-element.elementor-element-6e395f8 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );}.elementor-11 .elementor-element.elementor-element-69152f1 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );}.elementor-11 .elementor-element.elementor-element-9bea73e .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );}.elementor-11 .elementor-element.elementor-element-2fba5c1 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );}}/* Start custom CSS for container, class: .elementor-element-9237561 *//* Sorgt dafür, dass der Container immer quadratisch ist */ .elementor-11 .elementor-element.elementor-element-9237561 { aspect-ratio: 1 / 1 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7013baa *//* ============================================== */ /* === STEUERUNG FÜR DIE USP-CONTAINER (v5) === */ /* ============================================== */ :root { /* Definiere hier die Farben für den Leuchteffekt */ --usp-neon-farbe: #ff073a; --usp-neon-kern: #fff; /* Passe die Stärke des Leuchtens an */ --usp-leucht-staerke: 4px; } /* ============================================== */ /* === KERN-LOGIK (Nur-Hover-Effekt) === */ /* ============================================== */ /* Animation: Macht die Container nacheinander sichtbar */ @keyframes einschalten-sichtbarkeit { from { opacity: 0; } to { opacity: 1; } } /* Grund-Styling für jeden USP-Container */ .usp-leuchten { opacity: 0; /* Startet unsichtbar */ box-shadow: none; /* Kein Leuchten im Normalzustand */ /* Animation für das Sichtbarwerden */ animation-name: einschalten-sichtbarkeit; animation-duration: 0.8s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; /* Weicher Übergang für den Hover-Effekt */ transition: box-shadow 0.3s ease-in-out; border-radius: 0px; } /* Der Hover-Effekt: Hier passiert jetzt die ganze Magie */ .usp-leuchten:hover { box-shadow: 0 0 calc(var(--usp-leucht-staerke) + 2px) var(--usp-neon-kern), 0 0 calc(var(--usp-leucht-staerke) * 2 + 4px) var(--usp-neon-farbe), 0 0 calc(var(--usp-leucht-staerke) * 4 + 8px) rgba(255, 7, 58, 0.3) !important; } /* Die Verzögerung für das nacheinander Erscheinen */ .usp-leuchten:nth-of-type(1) { animation-delay: 0.5s; } .usp-leuchten:nth-of-type(2) { animation-delay: 1.0s; } .usp-leuchten:nth-of-type(3) { animation-delay: 1.5s; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-83d9658 *//* Sorgt dafür, dass der Container immer quadratisch ist */ .elementor-11 .elementor-element.elementor-element-83d9658 { aspect-ratio: 1 / 1 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f0accbe *//* ============================================== */ /* === STEUERUNG FÜR DIE USP-CONTAINER (v5) === */ /* ============================================== */ :root { /* Definiere hier die Farben für den Leuchteffekt */ --usp-neon-farbe: #ff073a; --usp-neon-kern: #fff; /* Passe die Stärke des Leuchtens an */ --usp-leucht-staerke: 4px; } /* ============================================== */ /* === KERN-LOGIK (Nur-Hover-Effekt) === */ /* ============================================== */ /* Animation: Macht die Container nacheinander sichtbar */ @keyframes einschalten-sichtbarkeit { from { opacity: 0; } to { opacity: 1; } } /* Grund-Styling für jeden USP-Container */ .usp-leuchten { opacity: 0; /* Startet unsichtbar */ box-shadow: none; /* Kein Leuchten im Normalzustand */ /* Animation für das Sichtbarwerden */ animation-name: einschalten-sichtbarkeit; animation-duration: 0.8s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; /* Weicher Übergang für den Hover-Effekt */ transition: box-shadow 0.3s ease-in-out; border-radius: 0px; } /* Der Hover-Effekt: Hier passiert jetzt die ganze Magie */ .usp-leuchten:hover { box-shadow: 0 0 calc(var(--usp-leucht-staerke) + 2px) var(--usp-neon-kern), 0 0 calc(var(--usp-leucht-staerke) * 2 + 4px) var(--usp-neon-farbe), 0 0 calc(var(--usp-leucht-staerke) * 4 + 8px) rgba(255, 7, 58, 0.3) !important; } /* Die Verzögerung für das nacheinander Erscheinen */ .usp-leuchten:nth-of-type(1) { animation-delay: 0.5s; } .usp-leuchten:nth-of-type(2) { animation-delay: 1.0s; } .usp-leuchten:nth-of-type(3) { animation-delay: 1.5s; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3327941 *//* Sorgt dafür, dass der Container immer quadratisch ist */ .elementor-11 .elementor-element.elementor-element-3327941 { aspect-ratio: 1 / 1 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8981aa4 *//* ============================================== */ /* === STEUERUNG FÜR DIE USP-CONTAINER (v5) === */ /* ============================================== */ :root { /* Definiere hier die Farben für den Leuchteffekt */ --usp-neon-farbe: #ff073a; --usp-neon-kern: #fff; /* Passe die Stärke des Leuchtens an */ --usp-leucht-staerke: 4px; } /* ============================================== */ /* === KERN-LOGIK (Nur-Hover-Effekt) === */ /* ============================================== */ /* Animation: Macht die Container nacheinander sichtbar */ @keyframes einschalten-sichtbarkeit { from { opacity: 0; } to { opacity: 1; } } /* Grund-Styling für jeden USP-Container */ .usp-leuchten { opacity: 0; /* Startet unsichtbar */ box-shadow: none; /* Kein Leuchten im Normalzustand */ /* Animation für das Sichtbarwerden */ animation-name: einschalten-sichtbarkeit; animation-duration: 0.8s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; /* Weicher Übergang für den Hover-Effekt */ transition: box-shadow 0.3s ease-in-out; border-radius: 0px; } /* Der Hover-Effekt: Hier passiert jetzt die ganze Magie */ .usp-leuchten:hover { box-shadow: 0 0 calc(var(--usp-leucht-staerke) + 2px) var(--usp-neon-kern), 0 0 calc(var(--usp-leucht-staerke) * 2 + 4px) var(--usp-neon-farbe), 0 0 calc(var(--usp-leucht-staerke) * 4 + 8px) rgba(255, 7, 58, 0.3) !important; } /* Die Verzögerung für das nacheinander Erscheinen */ .usp-leuchten:nth-of-type(1) { animation-delay: 0.5s; } .usp-leuchten:nth-of-type(2) { animation-delay: 1.0s; } .usp-leuchten:nth-of-type(3) { animation-delay: 1.5s; }/* End custom CSS */ /* Start custom CSS for testimonial-carousel, class: .elementor-element-fdd24f5 *//* Zentriert den Inhalt der Testimonial-Slides vertikal */ .elementor-11 .elementor-element.elementor-element-fdd24f5 .elementor-testimonial { display: flex; flex-direction: column; justify-content: center; height: 100%; /* Wichtig, damit die Zentrierung funktioniert */ }/* End custom CSS */