.elementor-17 .elementor-element.elementor-element-f0a4a77{--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.3;}.elementor-17 .elementor-element.elementor-element-f0a4a77:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-f0a4a77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image: url(https://barjolide24ffd.zapwp.com/q:u/r:0/wp:0/w:1/u:https://barjolide24ffd.zapwp.com/q:i/r:0/wp:0/w:1/u:https://bar-joli.de/wp-content/uploads/2025/07/DSC5231.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-f0a4a77::before, .elementor-17 .elementor-element.elementor-element-f0a4a77 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-f0a4a77 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-f0a4a77 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-f0a4a77 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-f0a4a77 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-8e01c7b );--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-16ddf08{--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-17 .elementor-element.elementor-element-6ac16f4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-f7a4d51 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );line-height:var( --e-global-typography-d58374c-line-height );letter-spacing:var( --e-global-typography-d58374c-letter-spacing );word-spacing:var( --e-global-typography-d58374c-word-spacing );color:var( --e-global-color-b99d52a );}.elementor-17 .elementor-element.elementor-element-c9663dd{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;color:var( --e-global-color-97afac0 );}.elementor-17 .elementor-element.elementor-element-41bbb29{--display:flex;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-41bbb29:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-41bbb29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image: url(https://barjolide24ffd.zapwp.com/q:u/r:0/wp:0/w:1/u:https://barjolide24ffd.zapwp.com/q:i/r:0/wp:0/w:1/u:https://bar-joli.de/wp-content/uploads/2025/07/DSC5226.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-41bbb29::before, .elementor-17 .elementor-element.elementor-element-41bbb29 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-41bbb29 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-41bbb29 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-41bbb29 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-41bbb29 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-8e01c7b );--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-9dd4eef{--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:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-17 .elementor-element.elementor-element-32fcd3a{--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;}.elementor-17 .elementor-element.elementor-element-a879161{--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-17 .elementor-element.elementor-element-afc1d29{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-afc1d29:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-afc1d29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image: url(https://barjolide24ffd.zapwp.com/q:u/r:0/wp:0/w:1/u:https://barjolide24ffd.zapwp.com/q:i/r:0/wp:0/w:1/u:https://bar-joli.de/wp-content/uploads/2025/07/DSC5233-scaled.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-c9eef19 > .elementor-widget-container{padding:0rem 1rem 0rem 1rem;}.elementor-17 .elementor-element.elementor-element-c9eef19 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );font-weight:var( --e-global-typography-1434a1d-font-weight );line-height:var( --e-global-typography-1434a1d-line-height );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );word-spacing:var( --e-global-typography-1434a1d-word-spacing );}.elementor-17 .elementor-element.elementor-element-e14fc90{width:100%;max-width:100%;color:var( --e-global-color-97afac0 );}.elementor-17 .elementor-element.elementor-element-e14fc90 > .elementor-widget-container{padding:0rem 1rem 0rem 1rem;}.elementor-17 .elementor-element.elementor-element-709384b{--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-17 .elementor-element.elementor-element-5c30579{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-5c30579:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-5c30579 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image: url(https://barjolide24ffd.zapwp.com/q:u/r:0/wp:0/w:1/u:https://barjolide24ffd.zapwp.com/q:i/r:0/wp:0/w:1/u:https://bar-joli.de/wp-content/uploads/2025/06/fallback-scaled.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-0716ae5 > .elementor-widget-container{padding:0rem 1rem 0rem 1rem;}.elementor-17 .elementor-element.elementor-element-0716ae5 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );font-weight:var( --e-global-typography-1434a1d-font-weight );line-height:var( --e-global-typography-1434a1d-line-height );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );word-spacing:var( --e-global-typography-1434a1d-word-spacing );}.elementor-17 .elementor-element.elementor-element-a451aff{width:100%;max-width:100%;color:var( --e-global-color-97afac0 );}.elementor-17 .elementor-element.elementor-element-a451aff > .elementor-widget-container{padding:0rem 1rem 0rem 1rem;}.elementor-17 .elementor-element.elementor-element-2c5e7e0{--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-17 .elementor-element.elementor-element-d1e684c{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-d1e684c:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-d1e684c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image: url(https://barjolide24ffd.zapwp.com/q:u/r:0/wp:0/w:1/u:https://bar-joli.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-17 .elementor-element.elementor-element-ef47e02 > .elementor-widget-container{padding:0rem 1rem 0rem 1rem;}.elementor-17 .elementor-element.elementor-element-ef47e02 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );font-weight:var( --e-global-typography-1434a1d-font-weight );line-height:var( --e-global-typography-1434a1d-line-height );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );word-spacing:var( --e-global-typography-1434a1d-word-spacing );}.elementor-17 .elementor-element.elementor-element-49eecce{width:100%;max-width:100%;color:var( --e-global-color-97afac0 );}.elementor-17 .elementor-element.elementor-element-49eecce > .elementor-widget-container{padding:0rem 1rem 0rem 1rem;}.elementor-17 .elementor-element.elementor-element-0a9956a{--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-17 .elementor-element.elementor-element-0a9956a:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-0a9956a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image: url(https://barjolide24ffd.zapwp.com/q:u/r:0/wp:0/w:1/u:https://barjolide24ffd.zapwp.com/q:i/r:0/wp:0/w:1/u:https://bar-joli.de/wp-content/uploads/2025/07/DSC5214-1.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-0a9956a::before, .elementor-17 .elementor-element.elementor-element-0a9956a > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-0a9956a > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-0a9956a > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-0a9956a > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-0a9956a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-8e01c7b );--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-a04d7b0 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );line-height:var( --e-global-typography-d58374c-line-height );letter-spacing:var( --e-global-typography-d58374c-letter-spacing );word-spacing:var( --e-global-typography-d58374c-word-spacing );color:var( --e-global-color-b99d52a );}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-17 .elementor-element.elementor-element-f0a4a77:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-f0a4a77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-16ddf08{--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-17 .elementor-element.elementor-element-f7a4d51 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );line-height:var( --e-global-typography-d58374c-line-height );letter-spacing:var( --e-global-typography-d58374c-letter-spacing );word-spacing:var( --e-global-typography-d58374c-word-spacing );}.elementor-17 .elementor-element.elementor-element-41bbb29{--min-height:40vh;}.elementor-17 .elementor-element.elementor-element-9dd4eef{--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-17 .elementor-element.elementor-element-32fcd3a{--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:4rem 4rem;--row-gap:4rem;--column-gap:4rem;}.elementor-17 .elementor-element.elementor-element-c9eef19 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );line-height:var( --e-global-typography-1434a1d-line-height );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );word-spacing:var( --e-global-typography-1434a1d-word-spacing );}.elementor-17 .elementor-element.elementor-element-0716ae5 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );line-height:var( --e-global-typography-1434a1d-line-height );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );word-spacing:var( --e-global-typography-1434a1d-word-spacing );}.elementor-17 .elementor-element.elementor-element-ef47e02 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );line-height:var( --e-global-typography-1434a1d-line-height );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );word-spacing:var( --e-global-typography-1434a1d-word-spacing );}.elementor-17 .elementor-element.elementor-element-a04d7b0 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );line-height:var( --e-global-typography-d58374c-line-height );letter-spacing:var( --e-global-typography-d58374c-letter-spacing );word-spacing:var( --e-global-typography-d58374c-word-spacing );}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-f7a4d51 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );line-height:var( --e-global-typography-d58374c-line-height );letter-spacing:var( --e-global-typography-d58374c-letter-spacing );word-spacing:var( --e-global-typography-d58374c-word-spacing );}.elementor-17 .elementor-element.elementor-element-c9eef19 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );line-height:var( --e-global-typography-1434a1d-line-height );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );word-spacing:var( --e-global-typography-1434a1d-word-spacing );}.elementor-17 .elementor-element.elementor-element-0716ae5 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );line-height:var( --e-global-typography-1434a1d-line-height );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );word-spacing:var( --e-global-typography-1434a1d-word-spacing );}.elementor-17 .elementor-element.elementor-element-ef47e02 .elementor-heading-title{font-size:var( --e-global-typography-1434a1d-font-size );line-height:var( --e-global-typography-1434a1d-line-height );letter-spacing:var( --e-global-typography-1434a1d-letter-spacing );word-spacing:var( --e-global-typography-1434a1d-word-spacing );}.elementor-17 .elementor-element.elementor-element-a04d7b0 .elementor-heading-title{font-size:var( --e-global-typography-d58374c-font-size );line-height:var( --e-global-typography-d58374c-line-height );letter-spacing:var( --e-global-typography-d58374c-letter-spacing );word-spacing:var( --e-global-typography-d58374c-word-spacing );}}/* Start custom CSS for container, class: .elementor-element-afc1d29 *//* Sorgt dafür, dass der Container immer quadratisch ist */ .elementor-17 .elementor-element.elementor-element-afc1d29 { aspect-ratio: 1 / 1 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a879161 *//* ============================================== */ /* === 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-5c30579 *//* Sorgt dafür, dass der Container immer quadratisch ist */ .elementor-17 .elementor-element.elementor-element-5c30579 { aspect-ratio: 1 / 1 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-709384b *//* ============================================== */ /* === 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-d1e684c *//* Sorgt dafür, dass der Container immer quadratisch ist */ .elementor-17 .elementor-element.elementor-element-d1e684c { aspect-ratio: 1 / 1 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2c5e7e0 *//* ============================================== */ /* === 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 */