.elementor-8516 .elementor-element.elementor-element-0e6efa7{--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;--flex-wrap:nowrap;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-8516 .elementor-element.elementor-element-2a36f51{--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;--flex-wrap:nowrap;--border-radius:10px 10px 10px 10px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-8516 .elementor-element.elementor-element-513769c{--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:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-8516 .elementor-element.elementor-element-7ba3c27{--display:flex;}.woocommerce .elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-8516 .elementor-element.elementor-element-50778fa .flex-viewport{border-radius:10px 10px 10px 10px;}.elementor-8516 .elementor-element.elementor-element-961b7db{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta .elementor-cta__bg, .elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta__content{text-align:start;padding:0px 0px 0px 0px;}.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta__title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-primary );}.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta__title:not(:last-child){margin-bottom:0px;}.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta__description{font-family:var( --e-global-typography-5cnihjb-font-family ), Sans-serif;font-size:var( --e-global-typography-5cnihjb-font-size );font-weight:var( --e-global-typography-5cnihjb-font-weight );line-height:var( --e-global-typography-5cnihjb-line-height );letter-spacing:var( --e-global-typography-5cnihjb-letter-spacing );color:var( --e-global-color-accent );}.elementor-8516 .elementor-element.elementor-element-227c380 .elementor-heading-title{font-family:var( --e-global-typography-o6ek33y-font-family ), Sans-serif;font-size:var( --e-global-typography-o6ek33y-font-size );font-weight:var( --e-global-typography-o6ek33y-font-weight );line-height:var( --e-global-typography-o6ek33y-line-height );letter-spacing:var( --e-global-typography-o6ek33y-letter-spacing );color:var( --e-global-color-primary );}.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta .elementor-cta__bg, .elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta__content{text-align:start;padding:0px 0px 0px 0px;}.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta__title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-primary );}.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta__title:not(:last-child){margin-bottom:0px;}.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta__description{font-family:var( --e-global-typography-5cnihjb-font-family ), Sans-serif;font-size:var( --e-global-typography-5cnihjb-font-size );font-weight:var( --e-global-typography-5cnihjb-font-weight );line-height:var( --e-global-typography-5cnihjb-line-height );letter-spacing:var( --e-global-typography-5cnihjb-letter-spacing );color:var( --e-global-color-primary );}.elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-8516 .elementor-element.elementor-element-c323b90{--e-icon-list-icon-size:25px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-8516 .elementor-element.elementor-element-4afa7e8 .cart button, .elementor-8516 .elementor-element.elementor-element-4afa7e8 .cart .button{font-family:var( --e-global-typography-mvrlms8-font-family ), Sans-serif;font-size:var( --e-global-typography-mvrlms8-font-size );font-weight:var( --e-global-typography-mvrlms8-font-weight );line-height:var( --e-global-typography-mvrlms8-line-height );border-radius:8px 8px 8px 8px;padding:14px 40px 14px 40px;color:var( --e-global-color-m1qrwis );background-color:var( --e-global-color-primary );transition:all 0.2s;}.elementor-8516 .elementor-element.elementor-element-4afa7e8 .cart button:hover, .elementor-8516 .elementor-element.elementor-element-4afa7e8 .cart .button:hover{color:var( --e-global-color-m1qrwis );background-color:#434D5F;}.elementor-8516 .elementor-element.elementor-element-4afa7e8 .quantity .qty{transition:all 0.2s;}.elementor-8516 .elementor-element.elementor-element-259d1d3{--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;--flex-wrap:wrap;--padding-top:120px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-8516 .elementor-element.elementor-element-a898e84{--display:flex;}.elementor-8516 .elementor-element.elementor-element-2b5d3a4{color:var( --e-global-color-primary );}.elementor-8516 .elementor-element.elementor-element-91667e1 .elementor-heading-title{font-family:var( --e-global-typography-o6ek33y-font-family ), Sans-serif;font-size:var( --e-global-typography-o6ek33y-font-size );font-weight:var( --e-global-typography-o6ek33y-font-weight );line-height:var( --e-global-typography-o6ek33y-line-height );letter-spacing:var( --e-global-typography-o6ek33y-letter-spacing );color:var( --e-global-color-primary );}.elementor-8516 .elementor-element.elementor-element-25e94b1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8516 .elementor-element.elementor-element-22d27ae{color:var( --e-global-color-primary );}.elementor-8516 .elementor-element.elementor-element-0413f6b{--display:flex;}.elementor-8516 .elementor-element.elementor-element-3d7448c{color:var( --e-global-color-primary );}.elementor-8516 .elementor-element.elementor-element-a10140e{color:var( --e-global-color-primary );}.elementor-8516 .elementor-element.elementor-element-3f4a3fb{--display:flex;}.elementor-8516 .elementor-element.elementor-element-073c33c{color:var( --e-global-color-primary );}.elementor-8516 .elementor-element.elementor-element-246106b{--display:flex;}.elementor-8516 .elementor-element.elementor-element-7108b6c{color:var( --e-global-color-primary );}.elementor-8516 .elementor-element.elementor-element-2121070{--n-accordion-title-font-size:var( --e-global-typography-secondary-font-size );border-style:solid;border-width:1px 0px 0px 0px;border-color:var( --e-global-color-primary );--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:15px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-title-hover-color:var( --e-global-color-primary );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:15px;}.elementor-8516 .elementor-element.elementor-element-2121070 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-primary );}.elementor-8516 .elementor-element.elementor-element-2121070 {--n-accordion-padding:15px 15px 15px 0px;}:where( .elementor-8516 .elementor-element.elementor-element-2121070 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}:where( .elementor-8516 .elementor-element.elementor-element-2121070 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;--padding-top:30px;--padding-right:30px;--padding-bottom:30px;--padding-left:30px;}.elementor-8516 .elementor-element.elementor-element-be3c580{--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;--flex-wrap:nowrap;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-8516 .elementor-element.elementor-element-74db613{--display:flex;}.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-repeater-item-569ac6f .swiper-slide-bg{background-image:url(https://www.sana-schrank.de/wp-content/uploads/2026/09/SANA-Webshop-Bild-02.jpg);background-size:cover;}.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-repeater-item-4116886 .swiper-slide-bg{background-image:url(https://www.sana-schrank.de/wp-content/uploads/2026/09/ChatGPT-Image-13.-Juli-2026-23_56_40.png);background-size:cover;}.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-repeater-item-60f7f6b .swiper-slide-bg{background-image:url(https://www.sana-schrank.de/wp-content/uploads/2026/09/SANA-Webshop-Bild-01.jpg);background-size:cover;}.elementor-8516 .elementor-element.elementor-element-f6d320f .swiper-slide{transition-duration:calc(5000ms*1.2);height:calc(100vw * 0.4);}.elementor-8516 .elementor-element.elementor-element-f6d320f{width:100%;max-width:100%;}.elementor-8516 .elementor-element.elementor-element-f6d320f .swiper-slide-contents{max-width:750px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-8516 .elementor-element.elementor-element-f6d320f .swiper-slide-inner{text-align:center;}.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-swiper-button{font-size:50px;color:var( --e-global-color-m1qrwis );}.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-swiper-button svg{fill:var( --e-global-color-m1qrwis );}.elementor-8516 .elementor-element.elementor-element-d626da8{--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:180px 180px;--row-gap:180px;--column-gap:180px;--flex-wrap:wrap;--padding-top:120px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-8516 .elementor-element.elementor-element-1a63556{--display:flex;}.elementor-8516 .elementor-element.elementor-element-4609f88{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8516 .elementor-element.elementor-element-7191efe{width:100%;max-width:100%;text-align:center;}.elementor-8516 .elementor-element.elementor-element-7191efe .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-8516 .elementor-element.elementor-element-dd5a9ac{--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;}@media(min-width:768px){.elementor-8516 .elementor-element.elementor-element-7ba3c27{--width:calc(60% - 30px);}.elementor-8516 .elementor-element.elementor-element-961b7db{--width:calc(40% - 30px);}}@media(max-width:1200px) and (min-width:768px){.elementor-8516 .elementor-element.elementor-element-7ba3c27{--width:calc(60% - 24px);}.elementor-8516 .elementor-element.elementor-element-961b7db{--width:calc(40% - 24px);}}@media(max-width:1024px) and (min-width:768px){.elementor-8516 .elementor-element.elementor-element-7ba3c27{--width:calc(55% - 16px);}.elementor-8516 .elementor-element.elementor-element-961b7db{--width:calc(45% - 16px);}}@media(max-width:1200px){.elementor-8516 .elementor-element.elementor-element-513769c{--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta__title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta__description{font-size:var( --e-global-typography-5cnihjb-font-size );line-height:var( --e-global-typography-5cnihjb-line-height );letter-spacing:var( --e-global-typography-5cnihjb-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-227c380 .elementor-heading-title{font-size:var( --e-global-typography-o6ek33y-font-size );line-height:var( --e-global-typography-o6ek33y-line-height );letter-spacing:var( --e-global-typography-o6ek33y-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta__title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta__description{font-size:var( --e-global-typography-5cnihjb-font-size );line-height:var( --e-global-typography-5cnihjb-line-height );letter-spacing:var( --e-global-typography-5cnihjb-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-4afa7e8 .cart button, .elementor-8516 .elementor-element.elementor-element-4afa7e8 .cart .button{font-size:var( --e-global-typography-mvrlms8-font-size );line-height:var( --e-global-typography-mvrlms8-line-height );}.elementor-8516 .elementor-element.elementor-element-91667e1 .elementor-heading-title{font-size:var( --e-global-typography-o6ek33y-font-size );line-height:var( --e-global-typography-o6ek33y-line-height );letter-spacing:var( --e-global-typography-o6ek33y-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-2121070{--n-accordion-title-font-size:var( --e-global-typography-secondary-font-size );}:where( .elementor-8516 .elementor-element.elementor-element-2121070 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-f6d320f .swiper-slide{height:calc(100vw * 0.5);}.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-d626da8{--gap:120px 120px;--row-gap:120px;--column-gap:120px;}.elementor-8516 .elementor-element.elementor-element-7191efe .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1024px){.elementor-8516 .elementor-element.elementor-element-513769c{--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta__title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta__description{font-size:var( --e-global-typography-5cnihjb-font-size );line-height:var( --e-global-typography-5cnihjb-line-height );letter-spacing:var( --e-global-typography-5cnihjb-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-227c380 .elementor-heading-title{font-size:var( --e-global-typography-o6ek33y-font-size );line-height:var( --e-global-typography-o6ek33y-line-height );letter-spacing:var( --e-global-typography-o6ek33y-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta__title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta__description{font-size:var( --e-global-typography-5cnihjb-font-size );line-height:var( --e-global-typography-5cnihjb-line-height );letter-spacing:var( --e-global-typography-5cnihjb-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-4afa7e8 .cart button, .elementor-8516 .elementor-element.elementor-element-4afa7e8 .cart .button{font-size:var( --e-global-typography-mvrlms8-font-size );line-height:var( --e-global-typography-mvrlms8-line-height );}.elementor-8516 .elementor-element.elementor-element-259d1d3{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-8516 .elementor-element.elementor-element-91667e1 .elementor-heading-title{font-size:var( --e-global-typography-o6ek33y-font-size );line-height:var( --e-global-typography-o6ek33y-line-height );letter-spacing:var( --e-global-typography-o6ek33y-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-2121070{--n-accordion-title-font-size:var( --e-global-typography-secondary-font-size );}:where( .elementor-8516 .elementor-element.elementor-element-2121070 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-d626da8{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-8516 .elementor-element.elementor-element-7191efe .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-8516 .elementor-element.elementor-element-0e6efa7{--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;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-8516 .elementor-element.elementor-element-2a36f51{--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;--padding-top:24px;--padding-bottom:24px;--padding-left:16px;--padding-right:16px;}.elementor-8516 .elementor-element.elementor-element-513769c{--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:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-8516 .elementor-element.elementor-element-7ba3c27{--width:100%;}.elementor-8516 .elementor-element.elementor-element-961b7db{--width:100%;}.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta__title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta__description{font-size:var( --e-global-typography-5cnihjb-font-size );line-height:var( --e-global-typography-5cnihjb-line-height );letter-spacing:var( --e-global-typography-5cnihjb-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-227c380 .elementor-heading-title{font-size:var( --e-global-typography-o6ek33y-font-size );line-height:var( --e-global-typography-o6ek33y-line-height );letter-spacing:var( --e-global-typography-o6ek33y-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta__title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta__description{font-size:var( --e-global-typography-5cnihjb-font-size );line-height:var( --e-global-typography-5cnihjb-line-height );letter-spacing:var( --e-global-typography-5cnihjb-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8516 .elementor-element.elementor-element-c323b90 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-4afa7e8 .cart button, .elementor-8516 .elementor-element.elementor-element-4afa7e8 .cart .button{font-size:var( --e-global-typography-mvrlms8-font-size );line-height:var( --e-global-typography-mvrlms8-line-height );}.elementor-8516 .elementor-element.elementor-element-259d1d3{--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-8516 .elementor-element.elementor-element-91667e1 .elementor-heading-title{font-size:var( --e-global-typography-o6ek33y-font-size );line-height:var( --e-global-typography-o6ek33y-line-height );letter-spacing:var( --e-global-typography-o6ek33y-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-2121070{--n-accordion-title-font-size:var( --e-global-typography-secondary-font-size );}:where( .elementor-8516 .elementor-element.elementor-element-2121070 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}:where( .elementor-8516 .elementor-element.elementor-element-2121070 > .e-n-accordion > .e-n-accordion-item ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:30px;--padding-left:0px;}.elementor-8516 .elementor-element.elementor-element-be3c580{--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;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-8516 .elementor-element.elementor-element-f6d320f .swiper-slide{height:calc(100vw * 0.6);}.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-8516 .elementor-element.elementor-element-d626da8{--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-8516 .elementor-element.elementor-element-7191efe .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-50778fa *//* Vorschaubilder links, grosses Bild rechts, Navigationspunkte darunter.
   WooCommerce baut die Galerie mit FlexSlider: .flex-viewport traegt das grosse
   Bild, .flex-control-thumbs die Vorschauliste. Beides sind Geschwister in
   .woocommerce-product-gallery - ein Raster ordnet sie neu, ohne dass am Markup
   etwas geaendert werden muss.

   Zum Anpassen reichen die vier Werte hier oben. */
.elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery {
	--thumb-width: 92px;
	--thumb-gap: 26px;
	--gallery-gap: 20px;
	--radius: 8px;

	display: grid;
	grid-template-columns: minmax(0, 1fr);
	row-gap: 20px;
	align-items: start;
	float: none;
	width: auto;
	margin: 0;
}

/* Hat ein Produkt nur ein Bild, startet FlexSlider gar nicht - dann gibt es
   keine Vorschauliste, und das Bild steht allein in der einzigen Spalte. */
.elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery:has(.flex-control-thumbs) {
	grid-template-columns: var(--thumb-width) minmax(0, 1fr);
	column-gap: var(--gallery-gap);
}

/* Das grosse Bild steht in der letzten Spalte - mit Vorschaubildern also in der
   zweiten, ohne sie in der ersten. grid-column zaehlt dafuer von rechts. Der
   zweite Selektor greift nur ohne FlexSlider; sonst steckt der Wrapper im
   .flex-viewport und ist kein Kind der Galerie mehr. */
.elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery .flex-viewport,
.elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
	grid-column: -2;
	grid-row: 1;
	position: relative;
}

.elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery .flex-control-thumbs {
	grid-column: 1;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	gap: var(--thumb-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

/* WooCommerce stellt die Vorschaubilder nebeneinander und rechnet ihre Breite
   aus der Spaltenzahl der Galerie aus - beides ist hier hinderlich. */
.elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery .flex-control-thumbs li {
	float: none;
	width: auto;
	margin: 0;
	list-style: none;
}

.elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery .flex-control-thumbs img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid transparent;
	border-radius: var(--radius);
	cursor: pointer;
	transition: border-color 0.2s;
	/* WooCommerce blendet die nicht gewaehlten Vorschaubilder ab. Erkennbar ist
	   das gewaehlte hier am Rahmen, deshalb bleiben alle gleich hell. */
	opacity: 1;
}

.elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
.elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery .flex-control-thumbs img:hover {
	border-color: var(--e-global-color-primary, #222d43);
}

/* Navigationspunkte und Pfeile legt sana-single-product.js im Child-Theme an,
   sobald FlexSlider die Vorschauliste gesetzt hat - WooCommerce liefert beides
   nicht mit. Ohne das Skript bleibt die Galerie bedienbar: die Vorschaubilder
   schalten weiterhin um. */
.elementor-8516 .elementor-element.elementor-element-50778fa .sana-gallery__dots {
	grid-column: -2;
	grid-row: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 0;
}

.elementor-8516 .elementor-element.elementor-element-50778fa .sana-gallery__dot {
	width: 7px;
	height: 7px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	appearance: none;
	-webkit-appearance: none;
	background: color-mix(in srgb, var(--e-global-color-primary, #222d43) 25%, transparent);
	cursor: pointer;
	transition: width 0.25s ease, background-color 0.25s ease;
}

/* Der Punkt zum sichtbaren Bild ist breiter und traegt die volle Farbe. */
.elementor-8516 .elementor-element.elementor-element-50778fa .sana-gallery__dot[aria-current="true"] {
	width: 32px;
	background: var(--e-global-color-primary, #222d43);
}

/* Die Pfeile liegen im .flex-viewport, also ueber dem grossen Bild. */
.elementor-8516 .elementor-element.elementor-element-50778fa .sana-gallery__arrow {
	position: absolute;
	z-index: 2;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 48px;
	padding: 0;
	border: 0;
	appearance: none;
	-webkit-appearance: none;
	background: none;
	color: var(--e-global-color-primary, #222d43);
	transform: translateY(-50%);
	cursor: pointer;
	transition: opacity 0.2s;
}

.elementor-8516 .elementor-element.elementor-element-50778fa .sana-gallery__arrow--prev {
	left: 12px;
}

.elementor-8516 .elementor-element.elementor-element-50778fa .sana-gallery__arrow--next {
	right: 12px;
}

.elementor-8516 .elementor-element.elementor-element-50778fa .sana-gallery__arrow svg {
	width: 16px;
	height: 32px;
}

/* Geblaettert wird ohne Umlauf - am ersten und letzten Bild ist Schluss. */
.elementor-8516 .elementor-element.elementor-element-50778fa .sana-gallery__arrow[disabled] {
	opacity: 0.25;
	cursor: default;
}

/* Das Sonderangebot-Faehnchen steht vor der Galerie und wuerde ihr sonst
   Platz wegnehmen. */
.elementor-8516 .elementor-element.elementor-element-50778fa .onsale {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	min-height: 0;
	margin: 0;
	padding: 6px 14px;
	border-radius: 8px;
	background: var(--e-global-color-primary, #222d43);
	color: var(--e-global-color-m1qrwis, #ffffff);
	font-family: var(--e-global-typography-5cnihjb-font-family, "Source Sans Pro"), sans-serif;
	font-size: var(--e-global-typography-5cnihjb-font-size, 13px);
	line-height: 1.2;
}

.elementor-8516 .elementor-element.elementor-element-50778fa .elementor-widget-container {
	position: relative;
}

/* Auf dem Telefon stehen die Vorschaubilder unter dem grossen Bild. */
@media (max-width: 767px) {
	.elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery {
		--thumb-width: 72px;
	}

	.elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery:has(.flex-control-thumbs) {
		grid-template-columns: minmax(0, 1fr);
	}

	.elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery .flex-control-thumbs {
		grid-column: 1;
		grid-row: 3;
		flex-direction: row;
		gap: 10px;
		overflow-x: auto;
	}

	.elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery .flex-control-thumbs li {
		flex: 0 0 var(--thumb-width);
	}
}

@media (max-width: 1024px) and (min-width: 768px) {
	.elementor-8516 .elementor-element.elementor-element-50778fa .woocommerce-product-gallery {
		--thumb-width: 72px;
		--thumb-gap: 16px;
		--gallery-gap: 16px;
	}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-03d0d68 *//* Verfügbarkeit: Punkt und Schrift */
.elementor-8516 .elementor-element.elementor-element-03d0d68 .sana-stock {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--e-global-typography-5cnihjb-font-family), sans-serif;
	font-size: var(--e-global-typography-5cnihjb-font-size);
	font-weight: var(--e-global-typography-5cnihjb-font-weight);
	line-height: var(--e-global-typography-5cnihjb-line-height);
	letter-spacing: var(--e-global-typography-5cnihjb-letter-spacing);
	color: var(--e-global-color-primary);
}

.elementor-8516 .elementor-element.elementor-element-03d0d68 .sana-stock__dot {
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #8ec534;
}

.elementor-8516 .elementor-element.elementor-element-03d0d68 .sana-stock--out .sana-stock__dot {
	background: #b91c1c;
}

.elementor-8516 .elementor-element.elementor-element-03d0d68 .sana-stock--in .sana-stock__dot {
	animation: sana-stock-pulse 1.4s ease-out 3;
}

@keyframes sana-stock-pulse {
	0%   { box-shadow: 0 0 0 0 rgba(142, 197, 52, 0.6); }
	70%  { box-shadow: 0 0 0 9px rgba(142, 197, 52, 0); }
	100% { box-shadow: 0 0 0 0 rgba(142, 197, 52, 0); }
}

@media (prefers-reduced-motion: reduce) {
	.elementor-8516 .elementor-element.elementor-element-03d0d68 .sana-stock--in .sana-stock__dot { animation: none; }
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d0de772 *//* Der Preisblock soll nur Text sein: Flaeche, Hintergrundbild und
   Mindesthoehe des Call-to-Action abraeumen. */
.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta {
	min-height: 0;
	background: none;
}

.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta__bg-wrapper {
	display: none;
}

.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta__content {
	background: none;
}

/* Der Preis steht wie der Produktname auf 43 px Zeilenhoehe. */
.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta__title {
	line-height: 43px;
}

/* MwSt. und Lieferzeit stehen als zwei Zeilen in einem Feld. */
.elementor-8516 .elementor-element.elementor-element-d0de772 .elementor-cta__description {
	white-space: pre-line;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-227c380 *//* Mehrere Zeilen in einem Feld sollen auch mehrere Zeilen bleiben. */
.elementor-8516 .elementor-element.elementor-element-227c380 .elementor-heading-title {
	white-space: pre-line;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-4f65414 *//* Der Preisblock soll nur Text sein: Flaeche, Hintergrundbild und
   Mindesthoehe des Call-to-Action abraeumen. */
.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta {
	min-height: 0;
	background: none;
}

.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta__bg-wrapper {
	display: none;
}

.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta__content {
	background: none;
}

/* Der Preis steht wie der Produktname auf 43 px Zeilenhoehe. */
.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta__title {
	line-height: 43px;
}

/* MwSt. und Lieferzeit stehen als zwei Zeilen in einem Feld. */
.elementor-8516 .elementor-element.elementor-element-4f65414 .elementor-cta__description {
	white-space: pre-line;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-4afa7e8 *//* Menge und Knopf in einer Zeile, rechtsbuendig unter den Angaben. */
.elementor-8516 .elementor-element.elementor-element-4afa7e8 form.cart {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
	margin: 0;
}

/* Die Menge ist das Zahlenfeld von WooCommerce. Der Rahmen sitzt an der Huelle
   und das Feld steht ohne eigenen darin - so laesst sich "Stk." dahinter
   setzen, gleich wie viele Stellen die Zahl hat. Die Pfeilchen des Zahlenfelds
   sind ausgeblendet, die Menge wird getippt.
   Deshalb bleiben die Felder unter "Menge" im Elementor-Panel leer: sie wuerden
   das Zahlenfeld selbst rahmen, nicht die Huelle. */
.elementor-8516 .elementor-element.elementor-element-4afa7e8 form.cart .quantity {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 124px;
	height: 46px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid #e5e3dd;
	border-radius: 8px;
	background: var(--e-global-color-m1qrwis, #ffffff);
	color: var(--e-global-color-primary, #222d43);
	font-family: var(--e-global-typography-text-font-family, "Source Sans Pro"), sans-serif;
	font-size: var(--e-global-typography-text-font-size, 16px);
	letter-spacing: var(--e-global-typography-text-letter-spacing, 0.8px);
	line-height: 1.2;
}

.elementor-8516 .elementor-element.elementor-element-4afa7e8 form.cart .quantity::after {
	content: "Stk.";
}

.elementor-8516 .elementor-element.elementor-element-4afa7e8 form.cart .quantity .qty {
	width: 3ch;
	min-width: 0;
	height: auto;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	text-align: right;
	appearance: textfield;
	-moz-appearance: textfield;
}

.elementor-8516 .elementor-element.elementor-element-4afa7e8 form.cart .quantity .qty::-webkit-outer-spin-button,
.elementor-8516 .elementor-element.elementor-element-4afa7e8 form.cart .quantity .qty::-webkit-inner-spin-button {
	margin: 0;
	appearance: none;
	-webkit-appearance: none;
}

/* Auf dem Telefon ueber die volle Breite. */
@media (max-width: 767px) {
	.elementor-8516 .elementor-element.elementor-element-4afa7e8 form.cart {
		justify-content: flex-start;
	}

	.elementor-8516 .elementor-element.elementor-element-4afa7e8 form.cart .single_add_to_cart_button {
		flex: 1 1 auto;
		padding-left: 20px;
		padding-right: 20px;
	}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-961b7db *//* Bleibt Platz uebrig, weil die Galerie hoeher ist als der Text, wandert er in
   die beiden Luecken vor der Symbolliste und vor dem Warenkorb - zwei
   margin-top:auto teilen ihn sich zu gleichen Teilen. Der Knopf steht damit
   unten auf einer Hoehe mit den Navigationspunkten der Galerie. Ist der Text
   laenger als die Galerie hoch, greift das nicht und es bleibt bei den 30 px
   Abstand aus dem Panel. */
.elementor-8516 .elementor-element.elementor-element-961b7db > .elementor-widget-icon-list,
.elementor-8516 .elementor-element.elementor-element-961b7db > .elementor-widget-woocommerce-product-add-to-cart {
	margin-top: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a36f51 */.elementor-8516 .elementor-element.elementor-element-2a36f51 {
   background-color: color-mix(in srgb, var(--e-global-color-secondary) 10%, white);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2b5d3a4 */.elementor-8516 .elementor-element.elementor-element-2b5d3a4 ul {
    padding-top:20px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-91667e1 *//* Mehrere Zeilen in einem Feld sollen auch mehrere Zeilen bleiben. */
.elementor-8516 .elementor-element.elementor-element-91667e1 .elementor-heading-title {
	white-space: pre-line;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-22d27ae */.elementor-8516 .elementor-element.elementor-element-22d27ae ul {
    padding-top:20px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a10140e *//* Standard-Liste ausblenden und eigenen Zähler starten */
.elementor-8516 .elementor-element.elementor-element-a10140e ol {
    list-style-type: none;
    counter-reset: custom-counter;
    padding-left: 0; /* Entfernt den Standard-Einzug von Elementor */
}

/* Styling und Abstände der einzelnen Listenpunkte */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li {
    counter-increment: custom-counter;
    position: relative;
    
    /* 20px Breite für die Zahl + 15px gewünschter Abstand = 35px */
    padding-left: 45px; 
    
    /* 20px Abstand zwischen den Listenpunkten */
    margin-bottom: 20px; 
}

/* Nimmt den Abstand unter dem allerletzten Listenpunkt weg */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li:last-child {
    margin-bottom: 0;
}

/* Styling der eigentlichen Zahlen */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li::before {
    content: counter(custom-counter) ".";
    position: absolute;
    left: 0;
    top: 0;
    
    /* Deine globalen Elementor-Variablen */
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
    color: var(--e-global-color-primary);
    
    /* Zugehörige Font-Size (mit Fallback auf 16px, falls die Variable leer ist) */
    font-size: var(--e-global-typography-secondary-font-size, 16px);
    
    /* Feste Breite für die Zahlen, damit der 15px Abstand auch bei zweistelligen Zahlen (10, 11...) exakt bleibt */
    width: 20px; 
    text-align: right;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2b5d3a4 */.elementor-8516 .elementor-element.elementor-element-2b5d3a4 ul {
    padding-top:20px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-91667e1 *//* Mehrere Zeilen in einem Feld sollen auch mehrere Zeilen bleiben. */
.elementor-8516 .elementor-element.elementor-element-91667e1 .elementor-heading-title {
	white-space: pre-line;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-22d27ae */.elementor-8516 .elementor-element.elementor-element-22d27ae ul {
    padding-top:20px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a10140e *//* Standard-Liste ausblenden und eigenen Zähler starten */
.elementor-8516 .elementor-element.elementor-element-a10140e ol {
    list-style-type: none;
    counter-reset: custom-counter;
    padding-left: 0; /* Entfernt den Standard-Einzug von Elementor */
}

/* Styling und Abstände der einzelnen Listenpunkte */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li {
    counter-increment: custom-counter;
    position: relative;
    
    /* 20px Breite für die Zahl + 15px gewünschter Abstand = 35px */
    padding-left: 45px; 
    
    /* 20px Abstand zwischen den Listenpunkten */
    margin-bottom: 20px; 
}

/* Nimmt den Abstand unter dem allerletzten Listenpunkt weg */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li:last-child {
    margin-bottom: 0;
}

/* Styling der eigentlichen Zahlen */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li::before {
    content: counter(custom-counter) ".";
    position: absolute;
    left: 0;
    top: 0;
    
    /* Deine globalen Elementor-Variablen */
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
    color: var(--e-global-color-primary);
    
    /* Zugehörige Font-Size (mit Fallback auf 16px, falls die Variable leer ist) */
    font-size: var(--e-global-typography-secondary-font-size, 16px);
    
    /* Feste Breite für die Zahlen, damit der 15px Abstand auch bei zweistelligen Zahlen (10, 11...) exakt bleibt */
    width: 20px; 
    text-align: right;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2b5d3a4 */.elementor-8516 .elementor-element.elementor-element-2b5d3a4 ul {
    padding-top:20px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-91667e1 *//* Mehrere Zeilen in einem Feld sollen auch mehrere Zeilen bleiben. */
.elementor-8516 .elementor-element.elementor-element-91667e1 .elementor-heading-title {
	white-space: pre-line;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-22d27ae */.elementor-8516 .elementor-element.elementor-element-22d27ae ul {
    padding-top:20px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a10140e *//* Standard-Liste ausblenden und eigenen Zähler starten */
.elementor-8516 .elementor-element.elementor-element-a10140e ol {
    list-style-type: none;
    counter-reset: custom-counter;
    padding-left: 0; /* Entfernt den Standard-Einzug von Elementor */
}

/* Styling und Abstände der einzelnen Listenpunkte */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li {
    counter-increment: custom-counter;
    position: relative;
    
    /* 20px Breite für die Zahl + 15px gewünschter Abstand = 35px */
    padding-left: 45px; 
    
    /* 20px Abstand zwischen den Listenpunkten */
    margin-bottom: 20px; 
}

/* Nimmt den Abstand unter dem allerletzten Listenpunkt weg */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li:last-child {
    margin-bottom: 0;
}

/* Styling der eigentlichen Zahlen */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li::before {
    content: counter(custom-counter) ".";
    position: absolute;
    left: 0;
    top: 0;
    
    /* Deine globalen Elementor-Variablen */
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
    color: var(--e-global-color-primary);
    
    /* Zugehörige Font-Size (mit Fallback auf 16px, falls die Variable leer ist) */
    font-size: var(--e-global-typography-secondary-font-size, 16px);
    
    /* Feste Breite für die Zahlen, damit der 15px Abstand auch bei zweistelligen Zahlen (10, 11...) exakt bleibt */
    width: 20px; 
    text-align: right;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2b5d3a4 */.elementor-8516 .elementor-element.elementor-element-2b5d3a4 ul {
    padding-top:20px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-91667e1 *//* Mehrere Zeilen in einem Feld sollen auch mehrere Zeilen bleiben. */
.elementor-8516 .elementor-element.elementor-element-91667e1 .elementor-heading-title {
	white-space: pre-line;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-22d27ae */.elementor-8516 .elementor-element.elementor-element-22d27ae ul {
    padding-top:20px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a10140e *//* Standard-Liste ausblenden und eigenen Zähler starten */
.elementor-8516 .elementor-element.elementor-element-a10140e ol {
    list-style-type: none;
    counter-reset: custom-counter;
    padding-left: 0; /* Entfernt den Standard-Einzug von Elementor */
}

/* Styling und Abstände der einzelnen Listenpunkte */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li {
    counter-increment: custom-counter;
    position: relative;
    
    /* 20px Breite für die Zahl + 15px gewünschter Abstand = 35px */
    padding-left: 45px; 
    
    /* 20px Abstand zwischen den Listenpunkten */
    margin-bottom: 20px; 
}

/* Nimmt den Abstand unter dem allerletzten Listenpunkt weg */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li:last-child {
    margin-bottom: 0;
}

/* Styling der eigentlichen Zahlen */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li::before {
    content: counter(custom-counter) ".";
    position: absolute;
    left: 0;
    top: 0;
    
    /* Deine globalen Elementor-Variablen */
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
    color: var(--e-global-color-primary);
    
    /* Zugehörige Font-Size (mit Fallback auf 16px, falls die Variable leer ist) */
    font-size: var(--e-global-typography-secondary-font-size, 16px);
    
    /* Feste Breite für die Zahlen, damit der 15px Abstand auch bei zweistelligen Zahlen (10, 11...) exakt bleibt */
    width: 20px; 
    text-align: right;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2b5d3a4 */.elementor-8516 .elementor-element.elementor-element-2b5d3a4 ul {
    padding-top:20px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-91667e1 *//* Mehrere Zeilen in einem Feld sollen auch mehrere Zeilen bleiben. */
.elementor-8516 .elementor-element.elementor-element-91667e1 .elementor-heading-title {
	white-space: pre-line;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-22d27ae */.elementor-8516 .elementor-element.elementor-element-22d27ae ul {
    padding-top:20px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a10140e *//* Standard-Liste ausblenden und eigenen Zähler starten */
.elementor-8516 .elementor-element.elementor-element-a10140e ol {
    list-style-type: none;
    counter-reset: custom-counter;
    padding-left: 0; /* Entfernt den Standard-Einzug von Elementor */
}

/* Styling und Abstände der einzelnen Listenpunkte */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li {
    counter-increment: custom-counter;
    position: relative;
    
    /* 20px Breite für die Zahl + 15px gewünschter Abstand = 35px */
    padding-left: 45px; 
    
    /* 20px Abstand zwischen den Listenpunkten */
    margin-bottom: 20px; 
}

/* Nimmt den Abstand unter dem allerletzten Listenpunkt weg */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li:last-child {
    margin-bottom: 0;
}

/* Styling der eigentlichen Zahlen */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li::before {
    content: counter(custom-counter) ".";
    position: absolute;
    left: 0;
    top: 0;
    
    /* Deine globalen Elementor-Variablen */
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
    color: var(--e-global-color-primary);
    
    /* Zugehörige Font-Size (mit Fallback auf 16px, falls die Variable leer ist) */
    font-size: var(--e-global-typography-secondary-font-size, 16px);
    
    /* Feste Breite für die Zahlen, damit der 15px Abstand auch bei zweistelligen Zahlen (10, 11...) exakt bleibt */
    width: 20px; 
    text-align: right;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2b5d3a4 */.elementor-8516 .elementor-element.elementor-element-2b5d3a4 ul {
    padding-top:20px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-91667e1 *//* Mehrere Zeilen in einem Feld sollen auch mehrere Zeilen bleiben. */
.elementor-8516 .elementor-element.elementor-element-91667e1 .elementor-heading-title {
	white-space: pre-line;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-22d27ae */.elementor-8516 .elementor-element.elementor-element-22d27ae ul {
    padding-top:20px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a10140e *//* Standard-Liste ausblenden und eigenen Zähler starten */
.elementor-8516 .elementor-element.elementor-element-a10140e ol {
    list-style-type: none;
    counter-reset: custom-counter;
    padding-left: 0; /* Entfernt den Standard-Einzug von Elementor */
}

/* Styling und Abstände der einzelnen Listenpunkte */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li {
    counter-increment: custom-counter;
    position: relative;
    
    /* 20px Breite für die Zahl + 15px gewünschter Abstand = 35px */
    padding-left: 45px; 
    
    /* 20px Abstand zwischen den Listenpunkten */
    margin-bottom: 20px; 
}

/* Nimmt den Abstand unter dem allerletzten Listenpunkt weg */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li:last-child {
    margin-bottom: 0;
}

/* Styling der eigentlichen Zahlen */
.elementor-8516 .elementor-element.elementor-element-a10140e ol li::before {
    content: counter(custom-counter) ".";
    position: absolute;
    left: 0;
    top: 0;
    
    /* Deine globalen Elementor-Variablen */
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
    color: var(--e-global-color-primary);
    
    /* Zugehörige Font-Size (mit Fallback auf 16px, falls die Variable leer ist) */
    font-size: var(--e-global-typography-secondary-font-size, 16px);
    
    /* Feste Breite für die Zahlen, damit der 15px Abstand auch bei zweistelligen Zahlen (10, 11...) exakt bleibt */
    width: 20px; 
    text-align: right;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-2121070 */.elementor-8516 .elementor-element.elementor-element-2121070 .e-n-accordion-item-title-text {
    text-transform: uppercase;
}

.elementor-8516 .elementor-element.elementor-element-2121070 .e-n-accordion-item-title:hover {
   background-color: color-mix(in srgb, var(--e-global-color-secondary) 10%, white);
   transition: 0.3s;
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-f6d320f */.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-slide-heading {
    text-transform: uppercase;
}

.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-slides-wrapper,
.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-slides,
.elementor-8516 .elementor-element.elementor-element-f6d320f .swiper-slide {
    border-radius: 10px;
    overflow: hidden;
}

/* ---------- Navigation wie in der Produktgalerie ---------- */

.elementor-8516 .elementor-element.elementor-element-f6d320f {
	/* Farbe der Punkte, an einer Stelle. Wie in der Galerie: primary.
	   Auf dunklen Bildern besser var(--e-global-color-m1qrwis).
	   Die Pfeile nehmen ihre Farbe weiter aus Stil > Navigation > Pfeile. */
	--sana-dot: var(--e-global-color-m1qrwis, #ffffff);
}

.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-swiper-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 48px;
	background: none;
	opacity: 1;
	transition: opacity 0.2s;
}

.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-swiper-button-prev {
	left: 12px;
	--sana-chevron: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2024'%20fill='none'%20stroke='black'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M10%202%202%2012l8%2010'/%3E%3C/svg%3E");
}

.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-swiper-button-next {
	right: 12px;
	--sana-chevron: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2024'%20fill='none'%20stroke='black'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%202l8%2010-8%2010'/%3E%3C/svg%3E");
}

.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-swiper-button i,
.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-swiper-button svg {
	display: none;
}

.elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-swiper-button::before {
	content: "";
	width: 16px;
	height: 32px;
	background: currentColor;
	-webkit-mask: var(--sana-chevron) no-repeat center / contain;
	mask: var(--sana-chevron) no-repeat center / contain;
}

.elementor-8516 .elementor-element.elementor-element-f6d320f .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
	margin: 0 4px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--sana-dot) 25%, transparent);
	opacity: 1;
	transition: width 0.25s ease, background-color 0.25s ease;
}

.elementor-8516 .elementor-element.elementor-element-f6d320f .swiper-pagination-bullet-active {
	width: 32px;
	background: var(--sana-dot);
}


@media (max-width:767px) {
    
    .elementor-8516 .elementor-element.elementor-element-f6d320f .elementor-slide-heading {
    font-size:30px!important;
}
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7191efe */.elementor-8516 .elementor-element.elementor-element-7191efe h3 {
    text-transform: uppercase;
}/* End custom CSS */