.elementor-12670 .elementor-element.elementor-element-1fca299{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--flex-wrap:wrap;--border-radius:0px 0px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:46px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-12670 .elementor-element.elementor-element-1fca299:not(.elementor-motion-effects-element-type-background), .elementor-12670 .elementor-element.elementor-element-1fca299 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-widget-woocommerce-product-title .elementor-heading-title{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-12670 .elementor-element.elementor-element-b83b8e4{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;text-align:center;}.elementor-12670 .elementor-element.elementor-element-b83b8e4.elementor-element{--align-self:center;}.elementor-12670 .elementor-element.elementor-element-b83b8e4 .elementor-heading-title{font-size:74px;font-weight:600;line-height:1.1em;color:#181818;}.elementor-12670 .elementor-element.elementor-element-453d7ff > .elementor-widget-container{--e-transform-rotateZ:22deg;--e-transform-rotateX:0.12deg;--e-transform-perspective:20px;margin:10px 0px -20px 0px;}.elementor-12670 .elementor-element.elementor-element-453d7ff.elementor-element{--align-self:center;}.elementor-12670 .elementor-element.elementor-element-ad1165f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12670 .elementor-element.elementor-element-5d67c28{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-12670 .elementor-element.elementor-element-5d67c28.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-12670 .elementor-element.elementor-element-ad77c52 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 30px 0px;}.elementor-12670 .elementor-element.elementor-element-ad77c52{--add-to-cart-wc-forward-display:none;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .elementor-jet-single-add-to-cart .cart:not(.grouped_form):not(.variations_form){flex-direction:row;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .elementor-jet-single-add-to-cart .cart .woocommerce-variation-add-to-cart{flex-direction:row;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .jet-woo-builder .single_add_to_cart_button.button{font-size:16px;font-weight:400;background-color:#000000;border-radius:5px 5px 5px 5px;padding:0px 0px 0px 0px;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .elementor-jet-single-add-to-cart .cart.cart:not(.grouped_form) .quantity{max-width:90px;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .jet-woo-builder .qty{font-size:16px;font-weight:400;border-style:none;border-radius:5px 5px 5px 5px;padding:8px 3px 8px 10px;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .jet-woo-builder .qty:not([type="hidden"]){margin:0px 8px 0px 0px;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .elementor-jet-single-add-to-cart .variations{max-width:100%;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .elementor-jet-single-add-to-cart .variations select{background-color:#FFFFFF;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .elementor-jet-single-add-to-cart .woocommerce-variation-price .price del{text-decoration:line-through;font-weight:400;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .elementor-jet-single-add-to-cart .woocommerce-grouped-product-list-item__price del{text-decoration:line-through;font-weight:400;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .elementor-jet-single-add-to-cart .woocommerce-variation-price .price ins{text-decoration:none;font-weight:400;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .elementor-jet-single-add-to-cart .woocommerce-grouped-product-list-item__price ins{text-decoration:none;font-weight:400;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .elementor-jet-single-add-to-cart .woocommerce-Price-currencySymbol{vertical-align:baseline;}.elementor-12670 .elementor-element.elementor-element-e2bf225{--display:flex;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12670 .elementor-element.elementor-element-846b274 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-12670 .elementor-element.elementor-element-846b274{text-align:center;}.elementor-12670 .elementor-element.elementor-element-03d1122{--e-image-carousel-slides-to-show:3;}.elementor-12670 .elementor-element.elementor-element-03d1122 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-12670 .elementor-element.elementor-element-03d1122 .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-accent );}.elementor-12670 .elementor-element.elementor-element-03d1122 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-12670 .elementor-element.elementor-element-03d1122 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-accent );}.elementor-12670 .elementor-element.elementor-element-03d1122 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}.elementor-12670 .elementor-element.elementor-element-f515a64{--display:flex;--margin-top:40px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-12670 .elementor-element.elementor-element-3624e1b{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12670 .elementor-element.elementor-element-ad889d7{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );color:var( --e-global-color-906c2b3 );}.elementor-12670 .elementor-element.elementor-element-b38c121{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12670 .elementor-element.elementor-element-cce0f87{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-12670 .elementor-element.elementor-element-cce0f87 > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-12670 .elementor-element.elementor-element-cce0f87 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-12670 .elementor-element.elementor-element-dd80f55{width:100%;max-width:100%;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );color:var( --e-global-color-906c2b3 );}.elementor-12670 .elementor-element.elementor-element-d84eecc{--n-accordion-title-font-size:var( --e-global-typography-secondary-font-size );--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:35px;}.elementor-12670 .elementor-element.elementor-element-d84eecc > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:2px 0px 0px 0px;border-color:#B5B5B5;}.elementor-12670 .elementor-element.elementor-element-d84eecc {--n-accordion-padding:20px 0px 20px 0px;}:where( .elementor-12670 .elementor-element.elementor-element-d84eecc > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}:where( .elementor-12670 .elementor-element.elementor-element-d84eecc > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-widget-heading .elementor-heading-title{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-12670 .elementor-element.elementor-element-ba12814 .elementor-heading-title{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 );color:var( --e-global-color-secondary );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{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 );}.elementor-widget-loop-grid .e-load-more-message{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 );}.elementor-12670 .elementor-element.elementor-element-d44351b{--grid-columns:4;--grid-column-gap:15px;}.elementor-12670 .elementor-element.elementor-element-d44351b > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-12670 .elementor-element.elementor-element-077c251 .elementor-heading-title{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 );color:var( --e-global-color-secondary );}.elementor-12670 .elementor-element.elementor-element-ede2007.elementor-element{--flex-grow:1;--flex-shrink:0;}@media(min-width:768px){.elementor-12670 .elementor-element.elementor-element-1fca299{--content-width:1400px;}.elementor-12670 .elementor-element.elementor-element-5d67c28{--width:100%;}.elementor-12670 .elementor-element.elementor-element-e2bf225{--content-width:1400px;}.elementor-12670 .elementor-element.elementor-element-f515a64{--content-width:1300px;}}@media(max-width:1366px){.elementor-widget-woocommerce-product-title .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 );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-12670 .elementor-element.elementor-element-ad889d7{font-size:var( --e-global-typography-text-font-size );}.elementor-12670 .elementor-element.elementor-element-dd80f55{font-size:var( --e-global-typography-text-font-size );}.elementor-12670 .elementor-element.elementor-element-d84eecc{--n-accordion-title-font-size:var( --e-global-typography-secondary-font-size );}:where( .elementor-12670 .elementor-element.elementor-element-d84eecc > .elementor-widget-container > .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 );}.elementor-widget-heading .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 );}.elementor-12670 .elementor-element.elementor-element-ba12814 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12670 .elementor-element.elementor-element-077c251 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:1024px){.elementor-widget-woocommerce-product-title .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 );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-12670 .elementor-element.elementor-element-ad889d7{font-size:var( --e-global-typography-text-font-size );}.elementor-12670 .elementor-element.elementor-element-dd80f55{font-size:var( --e-global-typography-text-font-size );}.elementor-12670 .elementor-element.elementor-element-d84eecc{--n-accordion-title-font-size:var( --e-global-typography-secondary-font-size );}:where( .elementor-12670 .elementor-element.elementor-element-d84eecc > .elementor-widget-container > .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 );}.elementor-widget-heading .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 );}.elementor-12670 .elementor-element.elementor-element-ba12814 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12670 .elementor-element.elementor-element-d44351b{--grid-columns:2;}.elementor-12670 .elementor-element.elementor-element-077c251 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-12670 .elementor-element.elementor-element-1fca299{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:20px;--padding-left:17px;--padding-right:17px;}.elementor-widget-woocommerce-product-title .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 );}.elementor-12670 .elementor-element.elementor-element-b83b8e4 .elementor-heading-title{font-size:30px;}.elementor-12670 .elementor-element.elementor-element-453d7ff > .elementor-widget-container{margin:28px 0px -7px 0px;padding:0px 0px 0px 0px;}.elementor-12670 .elementor-element.elementor-element-5d67c28{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .jet-woo-builder .single_add_to_cart_button.button{font-size:13px;}.elementor-12670 .elementor-element.elementor-element-ad77c52 .jet-woo-builder .qty{font-size:13px;}.elementor-12670 .elementor-element.elementor-element-e2bf225{--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-12670 .elementor-element.elementor-element-f515a64{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-12670 .elementor-element.elementor-element-ad889d7{font-size:var( --e-global-typography-text-font-size );}.elementor-12670 .elementor-element.elementor-element-cce0f87{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-12670 .elementor-element.elementor-element-dd80f55{font-size:var( --e-global-typography-text-font-size );}.elementor-12670 .elementor-element.elementor-element-d84eecc > .elementor-widget-container{padding:0px 20px 0px 0px;}.elementor-12670 .elementor-element.elementor-element-d84eecc{--n-accordion-title-font-size:var( --e-global-typography-secondary-font-size );--n-accordion-icon-size:19px;}:where( .elementor-12670 .elementor-element.elementor-element-d84eecc > .elementor-widget-container > .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 );}.elementor-widget-heading .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 );}.elementor-12670 .elementor-element.elementor-element-ba12814 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12670 .elementor-element.elementor-element-d44351b{--grid-columns:4;}.elementor-12670 .elementor-element.elementor-element-077c251 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12670 .elementor-element.elementor-element-ede2007 > .elementor-widget-container{padding:0px 20px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-453d7ff */.product-image img{ object-fit: contain !important; max-height: 550px !important; height: 550px !important; max-width: 700px !important; display: block; } @media(max-width:767px){ .product-image img{ object-fit: contain !important; max-height: 260px; height: 260px; width: 260px; display: block; } }/* End custom CSS */ /* Start custom CSS for jet-single-add-to-cart, class: .elementor-element-ad77c52 *//*-------------------------------------------------- 1. Add-to-Cart Button --------------------------------------------------*/ .elementor-12670 .elementor-element.elementor-element-ad77c52 .single_add_to_cart_button { opacity: 1 !important; } .elementor-12670 .elementor-element.elementor-element-ad77c52 .cart:after{ content: "in den Warenkorb ↑"; display: block; position: absolute; right: 0px; bottom: 6px; color: #8E8E8E; font-size: 12px; font-weight: 400; z-index: 2; } @media(max-width: 1024px){ .elementor-12670 .elementor-element.elementor-element-ad77c52 .cart:after{ right: auto !important; left: 0px !important; bottom: 0px !important; font-size: 11px !important; } } .elementor-12670 .elementor-element.elementor-element-ad77c52 .wc-forward{ z-index: 9; } /*-------------------------------------------------- 2. Variations Formular Layout --------------------------------------------------*/ /*-------------------------------------------------- 3. Versteckte Elemente & Standard-Reset --------------------------------------------------*/ /* Elemente, die nicht angezeigt werden sollen */ .elementor-12670 .elementor-element.elementor-element-ad77c52 .reset_variations_alert, .elementor-12670 .elementor-element.elementor-element-ad77c52 .reset_variations, .elementor-12670 .elementor-element.elementor-element-ad77c52 .woocommerce-variation-price, .elementor-12670 .elementor-element.elementor-element-ad77c52 .reset_variations { display: none !important; } @media(min-width: 1025px){ .variations_form > div:first-child { display: flex !important; align-items: flex-end !important; gap: 20px; width: 100%; } } /* Verstecke Labels und entferne überflüssiges Padding */ .elementor-12670 .elementor-element.elementor-element-ad77c52 .variations .label { display: none; } .elementor-12670 .elementor-element.elementor-element-ad77c52 .variations .woo-variation-items-wrapper { padding: 0; } /* Gesamtcontainer für das Formular */ .variations_form.cart { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; } /* Die beiden Spalten im Formular */ .variations, .single_variation_wrap { flex: 1; max-width: 260px; } /* Etwas Abstand zwischen den Spalten */ .variations { margin-right: 20px; margin-bottom: 0px !important; } /*-------------------------------------------------- 4. Woo Variation Swatches --------------------------------------------------*/ .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) { background: white; margin: 0; border-width: 0 !important; box-shadow: none !important; font-size: 14px; font-weight: 500; padding: 20px; width: fit-content !important; margin-bottom: 6px; } [data-wvstooltip]:before{ display: none !important; } /* Responsive Anpassungen für Geräte unter 768px */ @media (max-width: 768px) { .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) { font-size: 12px; /* Kleinere Schriftgröße */ padding: 17px 0px; /* Reduziertes Padding */ width: 80px !important; /* Kleinere Breite */ } } /* Platzhalter für zukünftige Ergänzungen */ .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) { /* Hier können zusätzliche Styles eingefügt werden */ } .woo-variation-swatches .variable-items-wrapper{ display: block; } /* Styling für den Pseudo-Element-Hintergrund bei ausgewählten Swatches */ .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock):after { content: ""; position: absolute; width: 100%; height: 36px; top: 2px; background: black; z-index: 2; visibility: visible !important; opacity: 1; border: none; border-radius: 5px; } /* Responsive Anpassungen für den Pseudo-Element-Hintergrund bei ausgewählten Swatches für Geräte unter 768px */ @media (max-width: 768px) { .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock):after { width: 80px; /* Angepasste Breite */ height: 30px; /* Angepasste Höhe */ top: 2px; /* Position kann angepasst werden */ border-radius: 4px; /* Angepasste Rundung */ } } /* Responsive Anpassungen: Input-Qty-Feld ausblenden für Geräte unter 768px */ @media (max-width: 768px) { input.qty { display: none !important; } } /* Hintergrundfarbe bei ausgewählten Swatches */ .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) { background: white !important; } /*-------------------------------------------------- 5. Single Product Variable Items --------------------------------------------------*/ /* Abgerundete Ecken für die ersten beiden Elemente */ .single-product-variable-items li:first-child { border-radius: 5px 0 0 5px !important; } .single-product-variable-items li:nth-child(2) { border-radius: 0 5px 5px 0 !important; } /*-------------------------------------------------- 6. Zustands- und Allgemeine Element-Styling --------------------------------------------------*/ /* Standardfarbe für Span-Elemente in den Variationen */ .variable-item-span { color: black; } /* Spezielle Hervorhebung, wenn ein Element aktiv/ausgewählt ist */ .elementor-12670 .elementor-element.elementor-element-ad77c52 [aria-checked="true"] .variable-item-span { color: white !important; z-index: 9; } @media only screen and (max-width: 768px) { /* UL-Element und damit die einzelnen Buttons ausblenden */ .single-product-variable-items { display: none !important; } /* Select-Element als Dropdown anzeigen – !important überschreibt das Inline-Style */ .woo-variation-items-wrapper select { display: block !important; border: none !important; } /* Den gesamten Formularbereich als Spalte anordnen */ form.variations_form { display: flex !important; flex-direction: column !important; } /* Select-Feld sichtbar machen und auf 100% Breite setzen */ form.variations_form .woo-variation-raw-select { display: block !important; width: 100% !important; margin-bottom: 0 !important; } /* Falls der Container der Schaltfläche ebenfalls inline/flex ist, auf Block setzen */ form.variations_form .woocommerce-variation-add-to-cart { display: block !important; } /* Den "In den Warenkorb"-Button unterhalb des Select-Feldes anordnen */ form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button { display: block !important; width: 100% !important; margin-top: 15px !important; } .variations_form > div:first-child{ width: 100% !important; } .elementor-12670 .elementor-element.elementor-element-ad77c52 .jet-woo-builder .single_add_to_cart_button.button{ height: 40px; } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-d84eecc */.elementor-widget-n-accordion .e-n-accordion-item-title { justify-content: space-between; } #flunaueber{ border: solid; border-width: 0 0 2px; border-color: #B5B5B5; }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-d44351b */.elementor-12670 .elementor-element.elementor-element-d44351b{ display: flex; flex-wrap: nowrap; overflow-x: auto; width: 100%; } @media only screen and (max-width: 768px) { .elementor-12670 .elementor-element.elementor-element-d44351b .product { width: 83vw !important; } } /* Für WebKit-Browser (Chrome, Safari, Edge Chromium) */ .product::-webkit-scrollbar { display: none; /* Versteckt den Scrollbalken */ } /* Für Firefox */ .product { scrollbar-width: none; /* Versteckt den Scrollbalken in Firefox */ } /* Nur für ältere IE/Edge (nicht immer nötig) */ .product { -ms-overflow-style: none; /* Versteckt den Scrollbalken in IE/Edge Legacy */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f515a64 */.elementor-12670 .elementor-element.elementor-element-f515a64 .elementor-widget .elementor-icon-list-item{ flex-direction: row-reverse !important; column-gap: 20px; }/* End custom CSS */