.elementor-7067 .elementor-element.elementor-element-026c60a:not(.elementor-motion-effects-element-type-background), .elementor-7067 .elementor-element.elementor-element-026c60a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.cargo-hose.de/wp-content/uploads/2026/09/cargo-hose-1.jpg");background-position:50% 35px;background-repeat:no-repeat;background-size:100% auto;}.elementor-7067 .elementor-element.elementor-element-026c60a > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #000000 58%, #EB7A59FC 100%);opacity:0.45;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7067 .elementor-element.elementor-element-026c60a > .elementor-container{max-width:791px;min-height:509px;}.elementor-7067 .elementor-element.elementor-element-026c60a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7067 .elementor-element.elementor-element-3c24ad0{text-align:center;}.elementor-7067 .elementor-element.elementor-element-3c24ad0 .elementor-heading-title{font-family:"Epilogue", Sans-serif;font-size:2.5em;font-weight:700;line-height:1.1em;letter-spacing:0.5px;color:#ffffff;}.elementor-7067 .elementor-element.elementor-element-47e46a9 > .elementor-widget-container{margin:0px 0px -19px 0px;}.elementor-7067 .elementor-element.elementor-element-47e46a9{text-align:center;font-size:15px;letter-spacing:0.4px;color:#ffffff;}.elementor-7067 .elementor-element.elementor-element-2238684 .elementor-button{font-family:"Epilogue", Sans-serif;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-7067 .elementor-element.elementor-element-3223d46e{border-style:solid;border-width:0px 0px 0px 0px;border-color:#eaeaea;padding:10px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-a03f0f0 > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-a03f0f0{font-family:"Epilogue", Sans-serif;font-weight:700;}.elementor-7067 .elementor-element.elementor-element-7efe2d06 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-7efe2d06{font-family:"Epilogue", Sans-serif;}.elementor-7067 .elementor-element.elementor-element-8dcb966{--swiper-slides-gap:0px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:25px;--arrow-normal-color:#EB7A59;--arrow-hover-color:#CE512C;--swiper-pagination-size:7px;--dots-normal-color:#EB7A59;--swiper-pagination-spacing:0px;}.elementor-7067 .elementor-element.elementor-element-8dcb966 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#FFFFFFC9;box-shadow:-94px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-8dcb966 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-8dcb966 .swiper-slide > .elementor-element{height:100%;}.elementor-7067 .elementor-element.elementor-element-9cf8ee9 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7067 .elementor-element.elementor-element-654472b > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-654472b{font-family:"Epilogue", Sans-serif;font-weight:700;}.elementor-7067 .elementor-element.elementor-element-3cf58e7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-3cf58e7{font-family:"Epilogue", Sans-serif;}.elementor-7067 .elementor-element.elementor-element-03d0e7c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7067 .elementor-element.elementor-element-03d0e7c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.cargo-hose.de/wp-content/uploads/2026/09/cargohose-herren-v2.jpg");background-size:cover;}.elementor-bc-flex-widget .elementor-7067 .elementor-element.elementor-element-03d0e7c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7067 .elementor-element.elementor-element-03d0e7c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7067 .elementor-element.elementor-element-03d0e7c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:12px;}.elementor-7067 .elementor-element.elementor-element-03d0e7c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7067 .elementor-element.elementor-element-03d0e7c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7067 .elementor-element.elementor-element-fcc8014 > .elementor-widget-container{margin:0px 0px -28px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-fcc8014{font-family:"Epilogue", Sans-serif;text-transform:uppercase;color:#FFFFFF;}.elementor-7067 .elementor-element.elementor-element-dad0202 > .elementor-widget-container{margin:-8px 0px -18px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-dad0202{font-family:"Epilogue", Sans-serif;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-7067 .elementor-element.elementor-element-b625b65 .elementor-button{font-family:"Epilogue", Sans-serif;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-7067 .elementor-element.elementor-element-d95a149:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7067 .elementor-element.elementor-element-d95a149 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.cargo-hose.de/wp-content/uploads/2026/09/cargohose-damen-v2.jpg");background-size:cover;}.elementor-bc-flex-widget .elementor-7067 .elementor-element.elementor-element-d95a149.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7067 .elementor-element.elementor-element-d95a149.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7067 .elementor-element.elementor-element-d95a149 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:12px;}.elementor-7067 .elementor-element.elementor-element-d95a149 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7067 .elementor-element.elementor-element-d95a149 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7067 .elementor-element.elementor-element-4a85214 > .elementor-widget-container{margin:0px 0px -28px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-4a85214{font-family:"Epilogue", Sans-serif;text-transform:uppercase;color:#FFFFFF;}.elementor-7067 .elementor-element.elementor-element-b69aa6f > .elementor-widget-container{margin:-8px 0px -18px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-b69aa6f{font-family:"Epilogue", Sans-serif;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-7067 .elementor-element.elementor-element-8e382d2 .elementor-button{font-family:"Epilogue", Sans-serif;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-7067 .elementor-element.elementor-element-a57ffd8 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7067 .elementor-element.elementor-element-a57ffd8{margin-top:7px;margin-bottom:0px;}.elementor-7067 .elementor-element.elementor-element-a8a1bed:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7067 .elementor-element.elementor-element-a8a1bed > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.cargo-hose.de/wp-content/uploads/2026/09/cargohose-kinder.jpg");background-size:cover;}.elementor-7067 .elementor-element.elementor-element-a8a1bed > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:12px;}.elementor-7067 .elementor-element.elementor-element-a8a1bed > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7067 .elementor-element.elementor-element-a8a1bed > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7067 .elementor-element.elementor-element-0e631e0 > .elementor-widget-container{margin:0px 0px -28px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-0e631e0{font-family:"Epilogue", Sans-serif;text-transform:uppercase;color:#000000;}.elementor-7067 .elementor-element.elementor-element-1b277b5 > .elementor-widget-container{margin:-8px 0px -18px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-1b277b5{text-align:start;font-family:"Epilogue", Sans-serif;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-7067 .elementor-element.elementor-element-0f2fa9d .elementor-button{font-family:"Epilogue", Sans-serif;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-7067 .elementor-element.elementor-element-ce3b3b4{margin-top:45px;margin-bottom:-40px;z-index:1;}.elementor-bc-flex-widget .elementor-7067 .elementor-element.elementor-element-aba23c7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7067 .elementor-element.elementor-element-aba23c7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7067 .elementor-element.elementor-element-aba23c7.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7067 .elementor-element.elementor-element-5d6c08d{--divider-border-style:slashes;--divider-color:#EB7A59;--divider-border-width:1px;--divider-pattern-height:50px;--divider-pattern-size:19px;}.elementor-7067 .elementor-element.elementor-element-5d6c08d .elementor-divider-separator{width:40%;margin:0 auto;margin-center:0;}.elementor-7067 .elementor-element.elementor-element-5d6c08d .elementor-divider{text-align:center;}.elementor-7067 .elementor-element.elementor-element-3f8b4bc > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:space-evenly;align-items:space-evenly;}.elementor-7067 .elementor-element.elementor-element-3f8b4bc:not(.elementor-motion-effects-element-type-background), .elementor-7067 .elementor-element.elementor-element-3f8b4bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.cargo-hose.de/wp-content/uploads/2026/09/motif.jpg");}.elementor-7067 .elementor-element.elementor-element-3f8b4bc > .elementor-background-overlay{background-color:#B3573C;opacity:0.37;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7067 .elementor-element.elementor-element-3f8b4bc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-bc-flex-widget .elementor-7067 .elementor-element.elementor-element-0771540.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7067 .elementor-element.elementor-element-0771540.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7067 .elementor-element.elementor-element-877e5d5 > .elementor-widget-container{margin:0px 0px -25px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-877e5d5{font-family:"Epilogue", Sans-serif;color:#FFFFFF;}.elementor-7067 .elementor-element.elementor-element-2c994b7:not(.elementor-motion-effects-element-type-background), .elementor-7067 .elementor-element.elementor-element-2c994b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.cargo-hose.de/wp-content/uploads/2026/09/motif.jpg");}.elementor-7067 .elementor-element.elementor-element-2c994b7 > .elementor-background-overlay{background-color:#B3573C;opacity:0.31;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7067 .elementor-element.elementor-element-2c994b7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-bc-flex-widget .elementor-7067 .elementor-element.elementor-element-a758f3b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7067 .elementor-element.elementor-element-a758f3b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7067 .elementor-element.elementor-element-a758f3b.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-7067 .elementor-element.elementor-element-7e8a344 > .elementor-widget-container{margin:0px 0px -25px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-7e8a344{text-align:end;font-family:"Epilogue", Sans-serif;color:#FFFFFF;}.elementor-7067 .elementor-element.elementor-element-e525a87{margin-top:-40px;margin-bottom:15px;z-index:1;}.elementor-bc-flex-widget .elementor-7067 .elementor-element.elementor-element-2091158.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7067 .elementor-element.elementor-element-2091158.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7067 .elementor-element.elementor-element-2091158.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7067 .elementor-element.elementor-element-75be389{--divider-border-style:slashes;--divider-color:#EB7A59;--divider-border-width:1px;--divider-pattern-height:50px;--divider-pattern-size:19px;}.elementor-7067 .elementor-element.elementor-element-75be389 .elementor-divider-separator{width:40%;margin:0 auto;margin-center:0;}.elementor-7067 .elementor-element.elementor-element-75be389 .elementor-divider{text-align:center;}.elementor-7067 .elementor-element.elementor-element-babdcad{margin-top:45px;margin-bottom:0px;}.elementor-7067 .elementor-element.elementor-element-f397433 > .elementor-widget-container{margin:0px 0px -25px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-f397433{font-family:"Epilogue", Sans-serif;}.elementor-7067 .elementor-element.elementor-element-f7487a8{--swiper-slides-to-display:4;--swiper-slides-gap:0px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:25px;--arrow-normal-color:#EB7A59;--arrow-hover-color:#CE512C;--swiper-pagination-size:7px;--dots-normal-color:#EB7A59;--swiper-pagination-spacing:0px;}.elementor-7067 .elementor-element.elementor-element-f7487a8 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#FFFFFFC9;box-shadow:-94px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-f7487a8 .swiper-slide > .elementor-element{height:100%;}.elementor-7067 .elementor-element.elementor-element-fafffa8{margin-top:20px;margin-bottom:0px;}.elementor-7067 .elementor-element.elementor-element-d3294a5 > .elementor-widget-container{margin:0px 0px -25px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-d3294a5{font-family:"Epilogue", Sans-serif;}.elementor-7067 .elementor-element.elementor-element-7f5bddf{--swiper-slides-to-display:4;--swiper-slides-gap:0px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:25px;--arrow-normal-color:#EB7A59;--arrow-hover-color:#CE512C;--swiper-pagination-size:7px;--dots-normal-color:#EB7A59;--swiper-pagination-spacing:0px;}.elementor-7067 .elementor-element.elementor-element-7f5bddf :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#FFFFFFC9;box-shadow:-94px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-7f5bddf .swiper-slide > .elementor-element{height:100%;}.elementor-7067 .elementor-element.elementor-element-8078e8f{margin-top:25px;margin-bottom:0px;}.elementor-7067 .elementor-element.elementor-element-8f7a853 > .elementor-widget-container{margin:0px 0px -25px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-8f7a853{text-align:end;font-family:"Epilogue", Sans-serif;}.elementor-7067 .elementor-element.elementor-element-41b192a{--swiper-slides-to-display:2;--swiper-slides-gap:0px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:25px;--arrow-normal-color:#EB7A59;--arrow-hover-color:#CE512C;--swiper-pagination-size:7px;--dots-normal-color:#EB7A59;--swiper-pagination-spacing:0px;}.elementor-7067 .elementor-element.elementor-element-41b192a :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#FFFFFFC9;box-shadow:-94px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-41b192a .swiper-slide > .elementor-element{height:100%;}.elementor-7067 .elementor-element.elementor-element-7516b17 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7067 .elementor-element.elementor-element-7516b17:not(.elementor-motion-effects-element-type-background), .elementor-7067 .elementor-element.elementor-element-7516b17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000001C;background-image:url("https://www.cargo-hose.de/wp-content/uploads/2026/09/motif.jpg");background-position:top left;background-repeat:repeat;background-size:auto;}.elementor-7067 .elementor-element.elementor-element-7516b17 > .elementor-background-overlay{background-color:#54595F;opacity:0.22;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7067 .elementor-element.elementor-element-7516b17 > .elementor-container{max-width:800px;}.elementor-7067 .elementor-element.elementor-element-7516b17{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:25px;margin-bottom:0px;padding:30px 0px 30px 0px;}.elementor-7067 .elementor-element.elementor-element-488a628f > .elementor-widget-container{margin:0px 0px -7px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-488a628f{text-align:center;}.elementor-7067 .elementor-element.elementor-element-488a628f .elementor-heading-title{font-family:"Epilogue", Sans-serif;font-size:24px;font-weight:600;text-shadow:1px 2px 0px #EC7B59;color:#FFFFFF;}.elementor-7067 .elementor-element.elementor-element-63c1d730 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:10px;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-10px;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-field-type-html{padding-bottom:0px;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-field-group .elementor-field{color:#000000;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-field-group .elementor-field, .elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-field-subgroup label{font-size:16px;font-weight:300;letter-spacing:0px;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#e0e0e0;border-radius:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#e0e0e0;border-radius:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-field-group .elementor-select-wrapper::before{color:#e0e0e0;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-button{font-size:15px;font-weight:600;text-transform:uppercase;border-radius:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .e-form__buttons__wrapper__button-next{background-color:#EC7B59;color:#ffffff;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-button[type="submit"]{background-color:#EC7B59;color:#ffffff;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .e-form__buttons__wrapper__button-next:hover{background-color:#35140A;color:#ffffff;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-button[type="submit"]:hover{background-color:#35140A;color:#ffffff;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-7067 .elementor-element.elementor-element-63c1d730 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-7067 .elementor-element.elementor-element-63c1d730{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-7067 .elementor-element.elementor-element-826ba5a > .elementor-widget-container{margin:13px 0px -22px 0px;padding:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-826ba5a{font-size:14px;}.elementor-7067 .elementor-element.elementor-element-61499ea .elementor-tab-title{border-width:1px;border-color:#0201011C;}.elementor-7067 .elementor-element.elementor-element-61499ea .elementor-tab-content{border-width:1px;border-block-end-color:#0201011C;font-size:14px;}.elementor-7067 .elementor-element.elementor-element-61499ea .elementor-toggle-item:not(:last-child){margin-block-end:9px;}.elementor-7067 .elementor-element.elementor-element-61499ea .elementor-toggle-title{font-size:15px;}.elementor-7067 .elementor-element.elementor-element-61499ea .elementor-tab-title .elementor-toggle-icon i:before{color:#484848;}.elementor-7067 .elementor-element.elementor-element-61499ea .elementor-tab-title .elementor-toggle-icon svg{fill:#484848;}.elementor-7067 .elementor-element.elementor-element-61499ea .elementor-tab-title.elementor-active .elementor-toggle-icon i:before{color:#EB7A59;}.elementor-7067 .elementor-element.elementor-element-61499ea .elementor-tab-title.elementor-active .elementor-toggle-icon svg{fill:#EB7A59;}.elementor-7067 .elementor-element.elementor-element-61499ea .elementor-toggle-icon{margin-inline-end:5px;}@media(max-width:1024px){.elementor-7067 .elementor-element.elementor-element-026c60a > .elementor-container{min-height:353px;}.elementor-7067 .elementor-element.elementor-element-026c60a:not(.elementor-motion-effects-element-type-background), .elementor-7067 .elementor-element.elementor-element-026c60a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0px;background-size:auto;}.elementor-7067 .elementor-element.elementor-element-8dcb966{--swiper-slides-to-display:2;}.elementor-7067 .elementor-element.elementor-element-68e409f > .elementor-element-populated{padding:0px 82px 0px 82px;}.elementor-7067 .elementor-element.elementor-element-877e5d5{text-align:center;}.elementor-7067 .elementor-element.elementor-element-7e8a344{text-align:center;}.elementor-7067 .elementor-element.elementor-element-f7487a8{--swiper-slides-to-display:2;}.elementor-7067 .elementor-element.elementor-element-7f5bddf{--swiper-slides-to-display:2;}.elementor-7067 .elementor-element.elementor-element-41b192a{--swiper-slides-to-display:2;}.elementor-7067 .elementor-element.elementor-element-7516b17 > .elementor-container{max-width:772px;}.elementor-7067 .elementor-element.elementor-element-7516b17:not(.elementor-motion-effects-element-type-background), .elementor-7067 .elementor-element.elementor-element-7516b17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-7067 .elementor-element.elementor-element-7516b17{padding:25px 25px 25px 25px;}.elementor-7067 .elementor-element.elementor-element-488a628f .elementor-heading-title{font-size:24px;}}@media(max-width:767px){.elementor-7067 .elementor-element.elementor-element-026c60a:not(.elementor-motion-effects-element-type-background), .elementor-7067 .elementor-element.elementor-element-026c60a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.cargo-hose.de/wp-content/uploads/2026/09/cargo-hose-1.jpg");background-position:8% 0px;background-size:cover;}.elementor-7067 .elementor-element.elementor-element-026c60a > .elementor-container{min-height:320px;}.elementor-7067 .elementor-element.elementor-element-026c60a > .elementor-background-overlay{opacity:0.59;}.elementor-7067 .elementor-element.elementor-element-026c60a{margin-top:0px;margin-bottom:-8px;padding:-11px -11px -11px -11px;}.elementor-7067 .elementor-element.elementor-element-8869171 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:13px;}.elementor-7067 .elementor-element.elementor-element-8869171 > .elementor-element-populated{margin:-10px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7067 .elementor-element.elementor-element-3c24ad0 .elementor-heading-title{font-size:1.6em;}.elementor-7067 .elementor-element.elementor-element-47e46a9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-a03f0f0 > .elementor-widget-container{margin:-10px 0px -22px 0px;}.elementor-7067 .elementor-element.elementor-element-a03f0f0{font-size:0.85em;}.elementor-7067 .elementor-element.elementor-element-7efe2d06 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-8dcb966{--swiper-slides-to-display:1;}.elementor-7067 .elementor-element.elementor-element-654472b > .elementor-widget-container{margin:-10px 0px -22px 0px;}.elementor-7067 .elementor-element.elementor-element-654472b{font-size:0.85em;}.elementor-7067 .elementor-element.elementor-element-3cf58e7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-dad0202 > .elementor-widget-container{margin:-10px 0px -22px 0px;}.elementor-7067 .elementor-element.elementor-element-dad0202{font-size:0.85em;}.elementor-7067 .elementor-element.elementor-element-b69aa6f > .elementor-widget-container{margin:-10px 0px -22px 0px;}.elementor-7067 .elementor-element.elementor-element-b69aa6f{font-size:0.85em;}.elementor-7067 .elementor-element.elementor-element-0e631e0 > .elementor-widget-container{margin:0px 100px -28px 0px;}.elementor-7067 .elementor-element.elementor-element-1b277b5 > .elementor-widget-container{margin:-10px 100px -22px 0px;}.elementor-7067 .elementor-element.elementor-element-1b277b5{font-size:0.85em;}.elementor-7067 .elementor-element.elementor-element-0f2fa9d > .elementor-widget-container{margin:0px 100px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-ce3b3b4{margin-top:0px;margin-bottom:-36px;}.elementor-7067 .elementor-element.elementor-element-5d6c08d .elementor-divider-separator{width:34%;margin:0 auto;margin-left:0;}.elementor-7067 .elementor-element.elementor-element-5d6c08d .elementor-divider{text-align:left;}.elementor-7067 .elementor-element.elementor-element-68e409f{width:100%;}.elementor-7067 .elementor-element.elementor-element-68e409f > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-7067 .elementor-element.elementor-element-877e5d5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-877e5d5{text-align:center;}.elementor-7067 .elementor-element.elementor-element-7e8a344 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-7e8a344{text-align:center;}.elementor-7067 .elementor-element.elementor-element-e525a87{margin-top:-25px;margin-bottom:15px;}.elementor-7067 .elementor-element.elementor-element-75be389 .elementor-divider{text-align:left;}.elementor-7067 .elementor-element.elementor-element-75be389 .elementor-divider-separator{margin:0 auto;margin-left:0;}.elementor-7067 .elementor-element.elementor-element-babdcad{margin-top:0px;margin-bottom:0px;}.elementor-7067 .elementor-element.elementor-element-f397433 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-f7487a8{--swiper-slides-to-display:1;}.elementor-7067 .elementor-element.elementor-element-d3294a5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-7f5bddf{--swiper-slides-to-display:1;}.elementor-7067 .elementor-element.elementor-element-8f7a853 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7067 .elementor-element.elementor-element-8f7a853{text-align:center;}.elementor-7067 .elementor-element.elementor-element-41b192a{--swiper-slides-to-display:1;}.elementor-7067 .elementor-element.elementor-element-7516b17{padding:50px 20px 50px 20px;}.elementor-7067 .elementor-element.elementor-element-488a628f .elementor-heading-title{font-size:20px;}.elementor-7067 .elementor-element.elementor-element-63c1d730 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-7067 .elementor-element.elementor-element-8869171{width:100%;}.elementor-7067 .elementor-element.elementor-element-68e409f{width:50%;}.elementor-7067 .elementor-element.elementor-element-0771540{width:50%;}.elementor-7067 .elementor-element.elementor-element-a758f3b{width:50%;}.elementor-7067 .elementor-element.elementor-element-616d1b9{width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7067 .elementor-element.elementor-element-68e409f{width:100%;}.elementor-7067 .elementor-element.elementor-element-0771540{width:100%;}.elementor-7067 .elementor-element.elementor-element-a758f3b{width:100%;}}@media(min-width:1025px){.elementor-7067 .elementor-element.elementor-element-026c60a:not(.elementor-motion-effects-element-type-background), .elementor-7067 .elementor-element.elementor-element-026c60a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-7067 .elementor-element.elementor-element-7516b17:not(.elementor-motion-effects-element-type-background), .elementor-7067 .elementor-element.elementor-element-7516b17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for button, class: .elementor-element-2238684 *//* =========================================
BOUTON COLLECTION CARGO
Classe Elementor : cargo-discover-btn
========================================= */
.cargo-discover-btn .elementor-button{
position: relative;
overflow: hidden;
min-width: 150px;
padding: 13px 24px !important;
background: #eb7a59 !important;
color: #111111 !important;
border: 1px solid #eb7a59 !important;
border-radius: 3px !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
letter-spacing: 1.4px;
text-transform: uppercase;
box-shadow: 0 4px 12px rgba(0,0,0,.12);
transform: translateY(0);
transition:
transform .22s ease,
border-color .22s ease,
box-shadow .22s ease,
color .22s ease !important;
}
/* =========================================
TEXTE AU-DESSUS DES EFFETS
========================================= */
.cargo-discover-btn .elementor-button-content-wrapper{
position: relative;
z-index: 5;
}
/* =========================================
FOND NOIR QUI GLISSE AU HOVER
========================================= */
.cargo-discover-btn .elementor-button::before{
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 125%;
height: 100%;
background: #111111;
transform:
translateX(-115%)
skewX(-14deg);
transform-origin: center;
transition:
transform .48s cubic-bezier(.65,0,.35,1);
pointer-events: none;
}
/* =========================================
REFLET BLANC
========================================= */
.cargo-discover-btn .elementor-button::after{
content: "";
position: absolute;
z-index: 3;
top: -35%;
left: -45%;
width: 22%;
height: 170%;
background: linear-gradient(
90deg,
transparent,
rgba(255,255,255,.48),
transparent
);
transform: skewX(-20deg);
pointer-events: none;
animation:
cargo-btn-shine 4s ease-in-out infinite;
}
/* =========================================
HOVER
========================================= */
.cargo-discover-btn .elementor-button:hover{
color: #ffffff !important;
border-color: #111111 !important;
transform: translateY(-3px);
box-shadow:
0 8px 20px rgba(0,0,0,.18);
}
/* Le noir traverse le bouton */
.cargo-discover-btn .elementor-button:hover::before{
transform:
translateX(-5%)
skewX(-14deg);
}
/* =========================================
REFLET PLUS LENT
Revient toutes les 4 secondes
========================================= */
@keyframes cargo-btn-shine{
0%{
left: -45%;
opacity: 0;
}
8%{
opacity: 1;
}
38%{
left: 125%;
opacity: 1;
}
45%{
left: 125%;
opacity: 0;
}
100%{
left: 125%;
opacity: 0;
}
}
/* =========================================
CLIC
========================================= */
.cargo-discover-btn .elementor-button:active{
transform:
translateY(-1px)
scale(.98) !important;
}
/* =========================================
MOBILE
========================================= */
@media(max-width:767px){
.cargo-discover-btn .elementor-button{
min-width: 135px;
padding: 12px 20px !important;
font-size: 12px !important;
letter-spacing: 1.2px;
}
}
/* =========================================
ACCESSIBILITÉ
========================================= */
@media(prefers-reduced-motion: reduce){
.cargo-discover-btn .elementor-button,
.cargo-discover-btn .elementor-button::before,
.cargo-discover-btn .elementor-button::after{
animation: none !important;
transition: none !important;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-026c60a */
🎁 -10% auf deine erste Bestellung mit
/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b625b65 *//* =========================================
BOUTON COLLECTION CARGO
Classe Elementor : cargo-discover-btn
========================================= */
.cargo-discover-btn .elementor-button{
position: relative;
overflow: hidden;
min-width: 150px;
padding: 13px 24px !important;
background: #eb7a59 !important;
color: #111111 !important;
border: 1px solid #eb7a59 !important;
border-radius: 3px !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
letter-spacing: 1.4px;
text-transform: uppercase;
box-shadow: 0 4px 12px rgba(0,0,0,.12);
transform: translateY(0);
transition:
transform .22s ease,
border-color .22s ease,
box-shadow .22s ease,
color .22s ease !important;
}
/* =========================================
TEXTE AU-DESSUS DES EFFETS
========================================= */
.cargo-discover-btn .elementor-button-content-wrapper{
position: relative;
z-index: 5;
}
/* =========================================
FOND NOIR QUI GLISSE AU HOVER
========================================= */
.cargo-discover-btn .elementor-button::before{
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 125%;
height: 100%;
background: #111111;
transform:
translateX(-115%)
skewX(-14deg);
transform-origin: center;
transition:
transform .48s cubic-bezier(.65,0,.35,1);
pointer-events: none;
}
/* =========================================
REFLET BLANC
========================================= */
.cargo-discover-btn .elementor-button::after{
content: "";
position: absolute;
z-index: 3;
top: -35%;
left: -45%;
width: 22%;
height: 170%;
background: linear-gradient(
90deg,
transparent,
rgba(255,255,255,.48),
transparent
);
transform: skewX(-20deg);
pointer-events: none;
animation:
cargo-btn-shine 4s ease-in-out infinite;
}
/* =========================================
HOVER
========================================= */
.cargo-discover-btn .elementor-button:hover{
color: #ffffff !important;
border-color: #111111 !important;
transform: translateY(-3px);
box-shadow:
0 8px 20px rgba(0,0,0,.18);
}
/* Le noir traverse le bouton */
.cargo-discover-btn .elementor-button:hover::before{
transform:
translateX(-5%)
skewX(-14deg);
}
/* =========================================
REFLET PLUS LENT
Revient toutes les 4 secondes
========================================= */
@keyframes cargo-btn-shine{
0%{
left: -45%;
opacity: 0;
}
8%{
opacity: 1;
}
38%{
left: 125%;
opacity: 1;
}
45%{
left: 125%;
opacity: 0;
}
100%{
left: 125%;
opacity: 0;
}
}
/* =========================================
CLIC
========================================= */
.cargo-discover-btn .elementor-button:active{
transform:
translateY(-1px)
scale(.98) !important;
}
/* =========================================
MOBILE
========================================= */
@media(max-width:767px){
.cargo-discover-btn .elementor-button{
min-width: 135px;
padding: 12px 20px !important;
font-size: 12px !important;
letter-spacing: 1.2px;
}
}
/* =========================================
ACCESSIBILITÉ
========================================= */
@media(prefers-reduced-motion: reduce){
.cargo-discover-btn .elementor-button,
.cargo-discover-btn .elementor-button::before,
.cargo-discover-btn .elementor-button::after{
animation: none !important;
transition: none !important;
}
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-03d0e7c *//* =========================================
CARGO CARDS - ZOOM IMAGE AU HOVER
========================================= */
.cargo-card-vertical,
.cargo-card-horizontal{
overflow: hidden !important;
}
/* =========================================
IMAGE HOMME + FEMME
========================================= */
.cargo-card-vertical > .elementor-column-wrap,
.cargo-card-vertical > .elementor-widget-wrap,
.cargo-card-vertical > .elementor-element-populated{
position: relative;
overflow: hidden !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/* =========================================
IMAGE ENFANT
cadrage légèrement remonté
========================================= */
.cargo-card-horizontal > .elementor-column-wrap,
.cargo-card-horizontal > .elementor-widget-wrap,
.cargo-card-horizontal > .elementor-element-populated{
position: relative;
overflow: hidden !important;
background-size: cover !important;
background-position: center 25% !important;
background-repeat: no-repeat !important;
}
/* =========================================
COPIE IMAGE HOMME + FEMME POUR LE ZOOM
========================================= */
.cargo-card-vertical > .elementor-column-wrap::before,
.cargo-card-vertical > .elementor-widget-wrap::before,
.cargo-card-vertical > .elementor-element-populated::before{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
transform: scale(1);
transition: transform .7s cubic-bezier(.22,.61,.36,1);
pointer-events: none;
z-index: 0;
}
/* =========================================
COPIE IMAGE ENFANT POUR LE ZOOM
========================================= */
.cargo-card-horizontal > .elementor-column-wrap::before,
.cargo-card-horizontal > .elementor-widget-wrap::before,
.cargo-card-horizontal > .elementor-element-populated::before{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
background-size: cover !important;
background-position: center 25% !important;
background-repeat: no-repeat !important;
transform: scale(1);
transition: transform .7s cubic-bezier(.22,.61,.36,1);
pointer-events: none;
z-index: 0;
}
/* =========================================
TEXTE + BOUTON AU-DESSUS
========================================= */
.cargo-card-vertical > .elementor-column-wrap > *,
.cargo-card-horizontal > .elementor-column-wrap > *,
.cargo-card-vertical > .elementor-widget-wrap > *,
.cargo-card-horizontal > .elementor-widget-wrap > *,
.cargo-card-vertical > .elementor-element-populated > *,
.cargo-card-horizontal > .elementor-element-populated > *{
position: relative;
z-index: 2;
}
/* =========================================
ZOOM HOMME + FEMME
========================================= */
.cargo-card-vertical:hover > .elementor-column-wrap::before,
.cargo-card-vertical:hover > .elementor-widget-wrap::before,
.cargo-card-vertical:hover > .elementor-element-populated::before{
transform: scale(1.055);
}
/* =========================================
ZOOM ENFANT
légèrement plus faible pour limiter le crop
========================================= */
.cargo-card-horizontal:hover > .elementor-column-wrap::before,
.cargo-card-horizontal:hover > .elementor-widget-wrap::before,
.cargo-card-horizontal:hover > .elementor-element-populated::before{
transform: scale(1.035);
}
/* =========================================
ACCESSIBILITE
========================================= */
@media(prefers-reduced-motion: reduce){
.cargo-card-vertical > .elementor-column-wrap::before,
.cargo-card-horizontal > .elementor-column-wrap::before,
.cargo-card-vertical > .elementor-widget-wrap::before,
.cargo-card-horizontal > .elementor-widget-wrap::before,
.cargo-card-vertical > .elementor-element-populated::before,
.cargo-card-horizontal > .elementor-element-populated::before{
transition: none !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8e382d2 *//* =========================================
BOUTON COLLECTION CARGO
Classe Elementor : cargo-discover-btn
========================================= */
.cargo-discover-btn .elementor-button{
position: relative;
overflow: hidden;
min-width: 150px;
padding: 13px 24px !important;
background: #eb7a59 !important;
color: #111111 !important;
border: 1px solid #eb7a59 !important;
border-radius: 3px !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
letter-spacing: 1.4px;
text-transform: uppercase;
box-shadow: 0 4px 12px rgba(0,0,0,.12);
transform: translateY(0);
transition:
transform .22s ease,
border-color .22s ease,
box-shadow .22s ease,
color .22s ease !important;
}
/* =========================================
TEXTE AU-DESSUS DES EFFETS
========================================= */
.cargo-discover-btn .elementor-button-content-wrapper{
position: relative;
z-index: 5;
}
/* =========================================
FOND NOIR QUI GLISSE AU HOVER
========================================= */
.cargo-discover-btn .elementor-button::before{
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 125%;
height: 100%;
background: #111111;
transform:
translateX(-115%)
skewX(-14deg);
transform-origin: center;
transition:
transform .48s cubic-bezier(.65,0,.35,1);
pointer-events: none;
}
/* =========================================
REFLET BLANC
========================================= */
.cargo-discover-btn .elementor-button::after{
content: "";
position: absolute;
z-index: 3;
top: -35%;
left: -45%;
width: 22%;
height: 170%;
background: linear-gradient(
90deg,
transparent,
rgba(255,255,255,.48),
transparent
);
transform: skewX(-20deg);
pointer-events: none;
animation:
cargo-btn-shine 4s ease-in-out infinite;
}
/* =========================================
HOVER
========================================= */
.cargo-discover-btn .elementor-button:hover{
color: #ffffff !important;
border-color: #111111 !important;
transform: translateY(-3px);
box-shadow:
0 8px 20px rgba(0,0,0,.18);
}
/* Le noir traverse le bouton */
.cargo-discover-btn .elementor-button:hover::before{
transform:
translateX(-5%)
skewX(-14deg);
}
/* =========================================
REFLET PLUS LENT
Revient toutes les 4 secondes
========================================= */
@keyframes cargo-btn-shine{
0%{
left: -45%;
opacity: 0;
}
8%{
opacity: 1;
}
38%{
left: 125%;
opacity: 1;
}
45%{
left: 125%;
opacity: 0;
}
100%{
left: 125%;
opacity: 0;
}
}
/* =========================================
CLIC
========================================= */
.cargo-discover-btn .elementor-button:active{
transform:
translateY(-1px)
scale(.98) !important;
}
/* =========================================
MOBILE
========================================= */
@media(max-width:767px){
.cargo-discover-btn .elementor-button{
min-width: 135px;
padding: 12px 20px !important;
font-size: 12px !important;
letter-spacing: 1.2px;
}
}
/* =========================================
ACCESSIBILITÉ
========================================= */
@media(prefers-reduced-motion: reduce){
.cargo-discover-btn .elementor-button,
.cargo-discover-btn .elementor-button::before,
.cargo-discover-btn .elementor-button::after{
animation: none !important;
transition: none !important;
}
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-d95a149 *//* ==============================
CARTES COLLECTIONS CARGO
============================== */
/* Femme + Homme */
.cargo-card-vertical{
position: relative;
aspect-ratio: 703 / 555;
min-height: 0 !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
overflow: hidden;
}
/* Enfant */
.cargo-card-horizontal{
position: relative;
aspect-ratio: 1411 / 409;
min-height: 0 !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
overflow: hidden;
}
/* Le contenu reste centré sur l'image */
.cargo-card-vertical > .elementor-container,
.cargo-card-horizontal > .elementor-container,
.cargo-card-vertical > .e-con-inner,
.cargo-card-horizontal > .e-con-inner{
height: 100%;
}
/* MOBILE */
@media(max-width:767px){
.cargo-card-vertical{
aspect-ratio: 4 / 5;
}
.cargo-card-horizontal{
aspect-ratio: 16 / 9;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1c5e22b *//* =========================================
ESPACE ENTRE LES 2 CARTES COLLECTION
Classe sur la SECTION : cargo-grid
========================================= */
/* Le flex est déjà géré par Elementor.
On applique le gap uniquement au conteneur interne. */
.cargo-grid > .elementor-container{
display:flex;
gap:6px;
}
/* Les deux colonnes restent équilibrées */
.cargo-grid > .elementor-container > .elementor-column{
width:calc(50% - 8px) !important;
flex:0 0 calc(50% - 8px) !important;
}
/* =========================================
TABLETTE
========================================= */
@media(max-width:1024px){
.cargo-grid > .elementor-container{
gap:6px;
}
.cargo-grid > .elementor-container > .elementor-column{
width:calc(50% - 6px) !important;
flex:0 0 calc(50% - 6px) !important;
}
}
/* =========================================
MOBILE
========================================= */
@media(max-width:767px){
.cargo-grid > .elementor-container{
flex-direction:column;
gap:10px;
}
.cargo-grid > .elementor-container > .elementor-column{
width:100% !important;
flex:0 0 100% !important;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0f2fa9d *//* =========================================
BOUTON COLLECTION CARGO
Classe Elementor : cargo-discover-btn
========================================= */
.cargo-discover-btn .elementor-button{
position: relative;
overflow: hidden;
min-width: 150px;
padding: 13px 24px !important;
background: #eb7a59 !important;
color: #111111 !important;
border: 1px solid #eb7a59 !important;
border-radius: 3px !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
letter-spacing: 1.4px;
text-transform: uppercase;
box-shadow: 0 4px 12px rgba(0,0,0,.12);
transform: translateY(0);
transition:
transform .22s ease,
border-color .22s ease,
box-shadow .22s ease,
color .22s ease !important;
}
/* =========================================
TEXTE AU-DESSUS DES EFFETS
========================================= */
.cargo-discover-btn .elementor-button-content-wrapper{
position: relative;
z-index: 5;
}
/* =========================================
FOND NOIR QUI GLISSE AU HOVER
========================================= */
.cargo-discover-btn .elementor-button::before{
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 125%;
height: 100%;
background: #111111;
transform:
translateX(-115%)
skewX(-14deg);
transform-origin: center;
transition:
transform .48s cubic-bezier(.65,0,.35,1);
pointer-events: none;
}
/* =========================================
REFLET BLANC
========================================= */
.cargo-discover-btn .elementor-button::after{
content: "";
position: absolute;
z-index: 3;
top: -35%;
left: -45%;
width: 22%;
height: 170%;
background: linear-gradient(
90deg,
transparent,
rgba(255,255,255,.48),
transparent
);
transform: skewX(-20deg);
pointer-events: none;
animation:
cargo-btn-shine 4s ease-in-out infinite;
}
/* =========================================
HOVER
========================================= */
.cargo-discover-btn .elementor-button:hover{
color: #ffffff !important;
border-color: #111111 !important;
transform: translateY(-3px);
box-shadow:
0 8px 20px rgba(0,0,0,.18);
}
/* Le noir traverse le bouton */
.cargo-discover-btn .elementor-button:hover::before{
transform:
translateX(-5%)
skewX(-14deg);
}
/* =========================================
REFLET PLUS LENT
Revient toutes les 4 secondes
========================================= */
@keyframes cargo-btn-shine{
0%{
left: -45%;
opacity: 0;
}
8%{
opacity: 1;
}
38%{
left: 125%;
opacity: 1;
}
45%{
left: 125%;
opacity: 0;
}
100%{
left: 125%;
opacity: 0;
}
}
/* =========================================
CLIC
========================================= */
.cargo-discover-btn .elementor-button:active{
transform:
translateY(-1px)
scale(.98) !important;
}
/* =========================================
MOBILE
========================================= */
@media(max-width:767px){
.cargo-discover-btn .elementor-button{
min-width: 135px;
padding: 12px 20px !important;
font-size: 12px !important;
letter-spacing: 1.2px;
}
}
/* =========================================
ACCESSIBILITÉ
========================================= */
@media(prefers-reduced-motion: reduce){
.cargo-discover-btn .elementor-button,
.cargo-discover-btn .elementor-button::before,
.cargo-discover-btn .elementor-button::after{
animation: none !important;
transition: none !important;
}
}
/* =========================================
CARTE ENFANT
Décale uniquement texte + bouton
L'image ne bouge pas
========================================= */
.cargo-kids-shift{
transform: translateX(-275px);
}
/* TABLETTE */
@media(max-width:1024px){
.cargo-kids-shift{
transform: translateX(-45px);
}
}
/* MOBILE */
@media(max-width:767px){
.cargo-kids-shift{
transform: translateX(0);
}
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-a8a1bed *//* ==============================
CARTES COLLECTIONS CARGO
============================== */
/* Femme + Homme */
.cargo-card-vertical{
position: relative;
aspect-ratio: 703 / 555;
min-height: 0 !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
overflow: hidden;
}
/* Enfant */
.cargo-card-horizontal{
position: relative;
aspect-ratio: 1411 / 409;
min-height: 0 !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
overflow: hidden;
}
/* Le contenu reste centré sur l'image */
.cargo-card-vertical > .elementor-container,
.cargo-card-horizontal > .elementor-container,
.cargo-card-vertical > .e-con-inner,
.cargo-card-horizontal > .e-con-inner{
height: 100%;
}
/* MOBILE */
@media(max-width:767px){
.cargo-card-vertical{
aspect-ratio: 4 / 5;
}
.cargo-card-horizontal{
aspect-ratio: 16 / 9;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a57ffd8 *//* =========================================
ALIGNEMENT DES CARTES COLLECTIONS
========================================= */
/* Même largeur pour les deux sections */
.cargo-grid > .elementor-container,
.cargo-grid-bottom > .elementor-container{
width: 100% !important;
max-width: 1110px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* =========================================
HOMME + FEMME
========================================= */
.cargo-grid > .elementor-container{
display: flex;
gap: 8px;
}
.cargo-grid > .elementor-container > .elementor-column{
width: calc(50% - 4px) !important;
flex: 0 0 calc(50% - 4px) !important;
}
/* =========================================
ENFANT
========================================= */
.cargo-grid-bottom > .elementor-container > .elementor-column{
width: 100% !important;
}
/* =========================================
MOBILE
========================================= */
@media(max-width:767px){
.cargo-grid > .elementor-container{
flex-direction: column;
gap: 8px;
}
.cargo-grid > .elementor-container > .elementor-column,
.cargo-grid-bottom > .elementor-container > .elementor-column{
width: 100% !important;
flex: 0 0 100% !important;
}
}/* End custom CSS */