.elementor-64798 .elementor-element.elementor-element-ea16268{--display:flex;}.elementor-64798 .elementor-element.elementor-element-fedd58d{--display:flex;}.elementor-64798 .elementor-element.elementor-element-b969300{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-64798 .elementor-element.elementor-element-5b8eb96{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-64798 .elementor-element.elementor-element-a619969{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-64798 .elementor-element.elementor-element-d6b82f0 .elementor-nav-menu .elementor-item{font-family:"Encode Sans Condensed", Sans-serif;font-size:1rem;font-weight:500;}.elementor-64798 .elementor-element.elementor-element-d6b82f0 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-64798 .elementor-element.elementor-element-d6b82f0 .elementor-nav-menu--dropdown a, .elementor-64798 .elementor-element.elementor-element-d6b82f0 .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-64798 .elementor-element.elementor-element-d6b82f0 .elementor-nav-menu--dropdown{background-color:#E30B0B;}.elementor-64798 .elementor-element.elementor-element-d6b82f0 .elementor-nav-menu--dropdown .elementor-item, .elementor-64798 .elementor-element.elementor-element-d6b82f0 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Encode Sans Condensed", Sans-serif;font-size:1rem;font-weight:400;}.elementor-64798 .elementor-element.elementor-element-d6b82f0 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-64798 .elementor-element.elementor-element-d6b82f0 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-64798 .elementor-element.elementor-element-8060342{--display:flex;}.elementor-64798 .elementor-element.elementor-element-29c7460{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-64798 .elementor-element.elementor-element-b970032{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-64798 .elementor-element.elementor-element-7c65c0a .elementor-nav-menu .elementor-item{font-family:"Encode Sans Condensed", Sans-serif;font-size:1rem;font-weight:500;}.elementor-64798 .elementor-element.elementor-element-7c65c0a .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-64798 .elementor-element.elementor-element-7c65c0a .elementor-nav-menu--dropdown a, .elementor-64798 .elementor-element.elementor-element-7c65c0a .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-64798 .elementor-element.elementor-element-7c65c0a .elementor-nav-menu--dropdown{background-color:#E30B0B;}.elementor-64798 .elementor-element.elementor-element-7c65c0a .elementor-nav-menu--dropdown .elementor-item, .elementor-64798 .elementor-element.elementor-element-7c65c0a .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Encode Sans Condensed", Sans-serif;font-size:1rem;font-weight:400;}.elementor-64798 .elementor-element.elementor-element-7c65c0a .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-64798 .elementor-element.elementor-element-7c65c0a .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-64798 .elementor-element.elementor-element-166982d{--display:flex;}.elementor-64798 .elementor-element.elementor-element-f8ea2a2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-64798 .elementor-element.elementor-element-75984df{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-64798 .elementor-element.elementor-element-7df0d2c .elementor-nav-menu .elementor-item{font-family:"Encode Sans Condensed", Sans-serif;font-size:1rem;font-weight:500;}.elementor-64798 .elementor-element.elementor-element-7df0d2c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-64798 .elementor-element.elementor-element-7df0d2c .elementor-nav-menu--dropdown a, .elementor-64798 .elementor-element.elementor-element-7df0d2c .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-64798 .elementor-element.elementor-element-7df0d2c .elementor-nav-menu--dropdown{background-color:#E30B0B;}.elementor-64798 .elementor-element.elementor-element-7df0d2c .elementor-nav-menu--dropdown .elementor-item, .elementor-64798 .elementor-element.elementor-element-7df0d2c .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Encode Sans Condensed", Sans-serif;font-size:1rem;font-weight:400;}.elementor-64798 .elementor-element.elementor-element-7df0d2c .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-64798 .elementor-element.elementor-element-7df0d2c .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-64798 .elementor-element.elementor-element-0e728fc{--display:flex;}.elementor-64798 .elementor-element.elementor-element-0d2e713{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-64798 .elementor-element.elementor-element-0276671{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-64798 .elementor-element.elementor-element-5b15f2d .elementor-nav-menu .elementor-item{font-family:"Encode Sans Condensed", Sans-serif;font-size:1rem;font-weight:500;}.elementor-64798 .elementor-element.elementor-element-5b15f2d .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-64798 .elementor-element.elementor-element-5b15f2d .elementor-nav-menu--dropdown a, .elementor-64798 .elementor-element.elementor-element-5b15f2d .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-64798 .elementor-element.elementor-element-5b15f2d .elementor-nav-menu--dropdown{background-color:#E30B0B;}.elementor-64798 .elementor-element.elementor-element-5b15f2d .elementor-nav-menu--dropdown .elementor-item, .elementor-64798 .elementor-element.elementor-element-5b15f2d .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Encode Sans Condensed", Sans-serif;font-size:1rem;font-weight:400;}.elementor-64798 .elementor-element.elementor-element-5b15f2d .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-64798 .elementor-element.elementor-element-5b15f2d .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-64798 .elementor-element.elementor-element-e1916a1{--display:flex;}.elementor-64798 .elementor-element.elementor-element-db34d45{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-64798 .elementor-element.elementor-element-f18cd3b{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-64798 .elementor-element.elementor-element-fcd7bab .elementor-nav-menu .elementor-item{font-family:"Encode Sans Condensed", Sans-serif;font-size:1rem;font-weight:500;}.elementor-64798 .elementor-element.elementor-element-fcd7bab .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-64798 .elementor-element.elementor-element-fcd7bab .elementor-nav-menu--dropdown a, .elementor-64798 .elementor-element.elementor-element-fcd7bab .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-64798 .elementor-element.elementor-element-fcd7bab .elementor-nav-menu--dropdown{background-color:#E30B0B;}.elementor-64798 .elementor-element.elementor-element-fcd7bab .elementor-nav-menu--dropdown .elementor-item, .elementor-64798 .elementor-element.elementor-element-fcd7bab .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Encode Sans Condensed", Sans-serif;font-size:1rem;font-weight:400;}.elementor-64798 .elementor-element.elementor-element-fcd7bab .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-64798 .elementor-element.elementor-element-fcd7bab .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-64798 .elementor-element.elementor-element-33265cc{--display:flex;}.elementor-64798 .elementor-element.elementor-element-9008bfd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-64798 .elementor-element.elementor-element-1434046{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-64798 .elementor-element.elementor-element-b6a72ba .elementor-nav-menu .elementor-item{font-family:"Encode Sans Condensed", Sans-serif;font-size:1rem;font-weight:500;}.elementor-64798 .elementor-element.elementor-element-b6a72ba .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-64798 .elementor-element.elementor-element-b6a72ba .elementor-nav-menu--dropdown a, .elementor-64798 .elementor-element.elementor-element-b6a72ba .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-64798 .elementor-element.elementor-element-b6a72ba .elementor-nav-menu--dropdown{background-color:#E30B0B;}.elementor-64798 .elementor-element.elementor-element-b6a72ba .elementor-nav-menu--dropdown .elementor-item, .elementor-64798 .elementor-element.elementor-element-b6a72ba .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Encode Sans Condensed", Sans-serif;font-size:1rem;font-weight:400;}.elementor-64798 .elementor-element.elementor-element-b6a72ba .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-64798 .elementor-element.elementor-element-b6a72ba .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-64798 .elementor-element.elementor-element-d8e2ba8{--display:flex;}.elementor-64798 .elementor-element.elementor-element-ae27072{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:20px;--n-menu-open-animation-duration:300ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:2px;--n-menu-title-color-normal:var( --e-global-color-primary );--n-menu-title-transition:300ms;--n-menu-dropdown-indicator-size:12px;--n-menu-dropdown-indicator-space:4px;--n-menu-toggle-icon-hover-duration:500ms;}.elementor-64798 .elementor-element.elementor-element-ae27072 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){background-color:#AFAFB626;border-style:none;}.elementor-64798 .elementor-element.elementor-element-ae27072 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{background-color:#AFAFB626;border-style:none;}.elementor-64798 .elementor-element.elementor-element-ae27072 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-64798 .elementor-element.elementor-element-ae27072 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-64798 .elementor-element.elementor-element-ae27072 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Encode Sans Condensed", Sans-serif;font-weight:400;}.elementor-64798 .elementor-element.elementor-element-ae27072 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){border-style:none;}.elementor-64798 .elementor-element.elementor-element-ae27072 {--n-menu-title-color-hover:var( --e-global-color-primary );--n-menu-title-color-active:var( --e-global-color-primary );}.elementor-64798 .elementor-element.elementor-element-ae27072 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:50px 50px 50px 50px;}.elementor-64798 .elementor-element.elementor-element-751b929b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-64798 .elementor-element.elementor-element-5efdef .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-64798 .elementor-element.elementor-element-162e3d51{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-64798 .elementor-element.elementor-element-f86408a{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-64798 .elementor-element.elementor-element-e151aa3{--display:flex;}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products{grid-column-gap:24px;grid-row-gap:40px;}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:solid;}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-text );}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-text );}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-17e0c8c-font-family ), Sans-serif;font-size:var( --e-global-typography-17e0c8c-font-size );font-weight:var( --e-global-typography-17e0c8c-font-weight );line-height:var( --e-global-typography-17e0c8c-line-height );}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-6cbd50f-font-family ), Sans-serif;font-size:var( --e-global-typography-6cbd50f-font-size );font-weight:var( --e-global-typography-6cbd50f-font-weight );line-height:var( --e-global-typography-6cbd50f-line-height );}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-6cbd50f-font-family ), Sans-serif;font-size:var( --e-global-typography-6cbd50f-font-size );font-weight:var( --e-global-typography-6cbd50f-font-weight );line-height:var( --e-global-typography-6cbd50f-line-height );}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product:hover{box-shadow:0px 0px 25px -3px rgba(0.9999999999999998, 2.0000000000000036, 5, 0.25);}.elementor-64798 .elementor-element.elementor-element-0ef94ab nav.woocommerce-pagination{font-family:"Encode Sans Semi Expanded", Sans-serif;font-size:16px;font-weight:600;}.elementor-64798 .elementor-element.elementor-element-0ef94ab nav.woocommerce-pagination ul li a{color:var( --e-global-color-secondary );}.elementor-64798 .elementor-element.elementor-element-0ef94ab nav.woocommerce-pagination ul li span.current{color:var( --e-global-color-accent );}.elementor-64798 .elementor-element.elementor-element-70e3f4bf{--display:flex;}.elementor-64798 .elementor-element.elementor-element-7b702fb{--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(max-width:1200px){.elementor-64798 .elementor-element.elementor-element-ae27072{--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;}.elementor-64798 .elementor-element.elementor-element-162e3d51{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-64798 .elementor-element.elementor-element-f86408a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1024px){.elementor-64798 .elementor-element.elementor-element-751b929b{--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-64798 .elementor-element.elementor-element-162e3d51{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-64798 .elementor-element.elementor-element-f86408a{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-17e0c8c-font-size );line-height:var( --e-global-typography-17e0c8c-line-height );}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-6cbd50f-font-size );line-height:var( --e-global-typography-6cbd50f-line-height );}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-6cbd50f-font-size );line-height:var( --e-global-typography-6cbd50f-line-height );}}@media(max-width:767px){.elementor-64798 .elementor-element.elementor-element-ae27072{--n-menu-heading-wrap:nowrap;--n-menu-heading-overflow-x:scroll;--n-menu-title-font-size:1rem;}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products{grid-column-gap:15px;grid-row-gap:35px;}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-17e0c8c-font-size );line-height:var( --e-global-typography-17e0c8c-line-height );}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-6cbd50f-font-size );line-height:var( --e-global-typography-6cbd50f-line-height );}.elementor-64798 .elementor-element.elementor-element-0ef94ab.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-6cbd50f-font-size );line-height:var( --e-global-typography-6cbd50f-line-height );}}/* Start custom CSS for container, class: .elementor-element-ea16268 *//* ========================================================================== Store Navigation ========================================================================== */ .smc-headerup { transform: translateY(-55px); } /* --------------------------------------------------------- 1. Äußerer Wrapper --------------------------------------------------------- */ .smc-store-category-wapper { max-width: var(--global-max-full-width) !important; padding: 0 6vw; z-index: 900; } /* --------------------------------------------------------- 2. Menü --------------------------------------------------------- */ .smc-store-category-menu { position: relative !important; width: fit-content; margin: 0 auto; padding: 8px 14px; overflow: visible !important; border-radius: calc(infinity * 1px); /* Der Blur liegt bewusst auf ::before */ background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; } /* --------------------------------------------------------- 3. Glas-Effekt des Menü --------------------------------------------------------- */ .smc-store-category-menu::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background-color: rgba(175, 175, 182, 0.15); -webkit-backdrop-filter: blur(32px); backdrop-filter: blur(32px); pointer-events: none; } /* --------------------------------------------------------- 4. Elementor Menü-Wrapper neutralisieren --------------------------------------------------------- */ .smc-store-category-menu .e-n-menu-wrapper { left: 0 !important; width: 100% !important; transform: none !important; overflow: visible !important; } /* --------------------------------------------------------- 5. Dropdown positionieren --------------------------------------------------------- */ .smc-store-category-menu .e-n-menu-dropdown { position: absolute !important; left: 0 !important; width: 100% !important; transform: none !important; overflow: visible !important; } /* --------------------------------------------------------- 6. Dropdown-Breite an Menü-Padding anpassen --------------------------------------------------------- */ .smc-store-category-menu .e-n-menu-content { position: absolute !important; left: -14px !important; width: calc(100% + 28px) !important; box-sizing: border-box; } /* --------------------------------------------------------- 7. Gesamten Menüpunkt klickbar machen --------------------------------------------------------- */ .smc-store-category-menu .e-n-menu-title { position: relative !important; } .smc-store-category-menu .e-n-menu-title-container::after { content: ""; position: absolute; inset: 0; z-index: 1; } /* Dropdown-Button über der erweiterten Link-Fläche halten */ .smc-store-category-menu .e-n-menu-dropdown-icon { position: relative !important; z-index: 2; } /* --------------------------------------------------------- 8. Glas-Effekt des Dropdowns --------------------------------------------------------- */ .smc-store-category-menu .e-n-menu-content > .e-con { border-radius: 20px; background-color: rgba(175, 175, 182, 0.15); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); padding: 10px 20px; transition: box-shadow .25s; } /* Elementor Background-Overlay deaktivieren */ .smc-store-category-menu .e-n-menu-content > .e-con::before { background: transparent; opacity: 0; } /* ========================================================= STORE CATEGORY DROPDOWN MENU ========================================================= */ /* --------------------------------------------------------- 1. NORMALE MENÜS OHNE smc-menu-stack --------------------------------------------------------- */ .smc-store-category-menu .smc-dropdown .elementor-nav-menu:not(:has(> li.smc-menu-stack)) { display: flex !important; justify-content: space-between !important; width: 100%; } /* --------------------------------------------------------- 2. MENÜ MIT smc-menu-stack --------------------------------------------------------- */ .smc-store-category-menu .smc-dropdown .elementor-nav-menu:has(> li.smc-menu-stack) { position: relative; display: block !important; width: 100%; min-height: 260px; justify-content: initial !important; } /* --------------------------------------------------------- 3. smc-menu-stack Einträge links untereinander --------------------------------------------------------- */ .smc-store-category-menu .smc-dropdown .elementor-nav-menu:has(> li.smc-menu-stack) > li.smc-menu-stack { position: relative; display: block !important; width: fit-content; margin-left: 0 !important; margin-right: 0 !important; } /* smc-menu-stack Schriftgewicht */ .smc-store-category-menu .smc-dropdown li.smc-menu-stack > a { font-weight: 400 !important; } /* --------------------------------------------------------- 4. NORMALE MENÜ-SPALTEN z. B. Servos mit Unterkategorien --------------------------------------------------------- */ .smc-store-category-menu .smc-dropdown li.smc-menu-column { display: block; position: relative; } /* Untermenü dauerhaft anzeigen */ .smc-store-category-menu .smc-dropdown li.smc-menu-column > .sub-menu { position: static; display: block; } /* --------------------------------------------------------- 5. MENÜ-SPALTE NEBEN smc-menu-stack z. B. Servos --------------------------------------------------------- */ .smc-store-category-menu .smc-dropdown .elementor-nav-menu:has(> li.smc-menu-stack) > li.smc-menu-column { position: absolute !important; top: 0; left: 50%; right: auto !important; margin: 0 !important; } /* --------------------------------------------------------- 6. ELEMENTOR DROPDOWN-HINTERGRUND ENTFERNEN --------------------------------------------------------- */ .smc-store-category-menu .smc-dropdown .elementor-nav-menu--dropdown { background: transparent !important; } /* --------------------------------------------------------- 7. STANDARD-LINKDARSTELLUNG --------------------------------------------------------- */ .smc-store-category-menu .smc-dropdown a { width: fit-content; margin: 10px 0; padding: 5px 10px !important; border: none !important; border-radius: var(--global-btn-border-radius); background: transparent; } /* --------------------------------------------------------- 8. HOVER + ACTIVE --------------------------------------------------------- */ .smc-store-category-menu .smc-dropdown a:hover, .smc-store-category-menu .smc-dropdown a.elementor-item-active { background-color: rgba(175, 175, 182, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-162e3d51 *//* 6. AJAX Filter Categorie ------------------------------------------ */ .smc-filter-wrapper { width: var(--global-block-width); max-width: var(--global-max-block-width) !important; margin: 0 auto 20px; } #smc-filter-categorie .bapf_body { min-height: 42px; position: relative; width: fit-content; max-width: 100%; padding: 4px 4px; background-color: var(--e-global-color-06935f3); border-radius: calc(var(--global-border-radius-small) + 4px); display: block; } #smc-filter-categorie .bapf_body label a { display: inline-block !important; transition: none !important; /* Killt den elastischen Zoom-Effekt beim Laden! */ box-sizing: border-box !important; } #smc-filter-categorie .bapf_body > ul { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 8px; list-style: none; padding: 0; margin: 0; width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-behavior: auto; } #smc-filter-categorie .bapf_body > ul::-webkit-scrollbar { display: none; width: 0; height: 0; } #smc-filter-categorie .bapf_body > ul > li { display: flex; align-items: center; margin: 0; padding: 0; white-space: nowrap; flex-shrink: 0; } #smc-filter-categorie .bapf_body input[type="checkbox"] { display: none; } #smc-filter-categorie .bapf_body label { display: inline-block; margin: 0; padding: 0; cursor: pointer; } #smc-filter-categorie .bapf_body ul li ul { display: none; } #smc-filter-categorie .bapf_body > ul > li.is-active > ul { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 15px; list-style: none; padding: 0; margin: 0 0 0 15px; } #smc-filter-categorie .bapf_body > ul > li.is-active > ul > li { display: flex; align-items: center; white-space: nowrap; flex-shrink: 0; } #smc-filter-categorie .bapf_body > ul > li.is-active > ul li ul { display: none; } #smc-filter-categorie.has-active-category .bapf_body > ul > li:not(.is-active):not(.smc-back-button-wrapper), .has-active-category .bapf_body > ul > li:not(.is-active):not(.smc-back-button-wrapper) { display: none; } #smc-filter-categorie .smc-scroll-arrow-nav { position: absolute; top: 0; bottom: 0; z-index: 100; width: 80px; height: 100%; display: flex; align-items: center; cursor: pointer; transition: opacity 0.2s ease; } #smc-filter-categorie .smc-scroll-arrow-nav img { width: 18px; height: 18px; display: block; border-radius: 50%; padding: 4px; box-sizing: content-box; transition: all 0.3s ease-in-out; } #smc-filter-categorie .smc-scroll-arrow-left { left: 0; justify-content: flex-start; background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0) 100%); } #smc-filter-categorie .smc-scroll-arrow-right { right: 0; justify-content: flex-end; background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0) 100%); } #smc-filter-categorie .smc-scroll-arrow-nav:hover img { padding: 0; } /* 7. AJAX Filter Categorie Button Design ------------------------------------------ */ .smc-ajax-button a.smc-cat-filter-btn, .smc-ajax-button a.smc-all-products-btn { font-family: "Encode Sans", Sans-serif; font-size: 1rem !important; font-weight: 400 !important; line-height: 1 !important; color: var(--e-global-color-664f7e5) !important; background-color: transparent !important; border-radius: var(--global-border-radius-small); padding: var(--cat-filter-btn-padding-default); height: auto !important; white-space: nowrap !important; flex-basis: auto !important; } .smc-ajax-button a.smc-cat-filter-btn:hover, .smc-ajax-button a.smc-cat-filter-btn:focus { color: var(--e-global-color-029a8b6) !important; background-color: #afafb626 !important; border: none; outline: none !important; } .smc-ajax-button a.smc-cat-filter-btn.current, .smc-ajax-button a.smc-all-products-btn { color: var(--e-global-color-029a8b6) !important; background-color: #6465723c !important; border: none; outline: none !important; } .smc-ajax-button a.smc-cat-filter-back-btn { display: flex; align-items: center; justify-content: center; padding: 6px; height: auto; }/* End custom CSS */ /* Start custom CSS *//* 1. Header ------------------------------------------ */ .smc-header-title { width: var(--global-block-width); max-width: var(--global-max-block-width) !important; } .smc-header-title { margin: 48px auto 30px; } .smc-header-title span.smc-category-desc-newline { font-size: clamp(1.375rem, 1.386vw + 0.711rem, 1.75rem); line-height: 1.2; display: block; font-weight: 400; } .smc-header-title .smc-breadcrumb nav { margin-bottom: 2px; } .smc-header-title .smc-breadcrumb nav a { white-space: nowrap; font-weight: 400; } .smc-header-title .smc-breadcrumb nav a:hover { white-space: nowrap; color: var(--e-global-color-accent) !important; } /* 3. Arcive Content ------------------------------------------ */ .smc-archive-content { width: var(--global-block-width); max-width: var(--global-max-block-width) !important; margin: 0 auto 50px; } /* 4. Product Loops ------------------------------------------ */ .smc-product-loop ul.products li.product { border-radius: var( --global-border-radius-small ); overflow: hidden; } .smc-product-loop ul.products li.product a img { transition: transform 0.4s cubic-bezier( 0.25, 0.1, 0.25, 1); border: 12px solid #fff; margin: 0; } .smc-product-loop ul.products li.product a:hover img { transform: scale(1.1); } .smc-product-loop ul.products li.product .br_brand_shop_container { width: 100%; height: 26px; max-height: 26px; padding: 0 8px; background-color: var( --e-global-color-09e1e2d ); display: block; overflow: hidden; position: relative; z-index: 10; } .smc-product-loop ul.products li.product .berocket_brand_post_image_name { margin: 0; font-family: var(--e-global-typography-efeed15-font-family), Sans-serif; font-size: var(--e-global-typography-efeed15-font-size); font-weight: var(--e-global-typography-efeed15-font-weight); line-height: var(--e-global-typography-efeed15-line-height); color: var(--e-global-color-secondary); } .smc-product-loop ul.products li.product span.woocommerce-loop-product__title { height: 65px; max-height: 65px; padding: 5px 8px 0; margin: 0; background-color: var(--e-global-color-06935f3); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .smc-product-loop ul.products li.product .price { padding: 2px 8px 6px; margin: 0; background-color: var(--e-global-color-06935f3); display: flex; justify-content: flex-end; column-gap: 3px; white-space: nowrap; word-spacing: -.2ch; } .smc-product-loop ul.products li.product .price::after { content: '*'; margin-top: -0.08rem; font-size: medium; } .smc-product-loop ul.products li.product .price ins { text-decoration: none; margin-left: 5px; } .smc-product-loop .price:has(del) { color: var(--e-global-color-accent) !important; } .smc-product-loop ul.products li.product .price ins .amount { color: var(--e-global-color-accent) !important; font-weight: 600; } .smc-product-loop ul.products li.product .price del .amount { font-size: 0.88rem; font-weight: 400; color: initial; } .smc-product-loop ul.products li.product .glsr { position: absolute; right: 0; margin-top: -122px !important; padding: 5px; } .smc-product-loop .glsr-stars { justify-content: end; } .smc-product-loop .glsr-star-full { background: var(--e-global-color-accent); mask: var(--glsr-star-full) center / 100% no-repeat; } .smc-product-loop .glsr-star-half { background: var(--e-global-color-accent); mask: var(--glsr-star-half) center / 100% no-repeat; } .smc-product-loop .glsr-star-empty { background: var(--e-global-color-accent); mask: var(--glsr-star-empty) center / 100% no-repeat; } /* 5. Load More Button ------------------------------------------ */ .smc-archive-content .smc-black-button a.smc-load-more { margin-top: 20px; } /* 8. AJAX Filter ------------------------------------------ */ #smc-filter { width: 420px; margin-left: 2vw; } #smc-filter h3 { font-size: 1.125rem; color: var(--e-global-color-secondary); padding: 0 0 3px 8px ; margin-bottom: 8px; border-bottom: 1px solid var(--e-global-color-5e5cc51); } #smc-filter h3 .fa-chevron-up::before { content: ''; display: block; width: 1.125rem; height: 1.125rem; background-image: url('data:image/svg+xml,'); background-size: cover; background-repeat: no-repeat; } #smc-filter h3 .fa-chevron-down::before { content: ''; display: block; width: 1.125rem; height: 1.125rem; background-image: url('data:image/svg+xml,'); background-size: cover; background-repeat: no-repeat; } #smc-filter ul { list-style: none; padding: 0 0 0 10px; margin: 0; } #smc-filter a { color: var(--e-global-color-secondary); font-weight: 400; } #smc-filter a:hover { color: var(--e-global-color-accent); } #smc-filter .smc-filter-search .berocket_single_filter_widget { margin-bottom: 30px; } #smc-filter .smc-filter-search .bapf_form { box-shadow: none; } #smc-filter .smc-filter-search .bapf_form span { background: var( --e-global-color-0d8ba26 ) !important; height: 100%; width: 48px; border-radius: 0 var( --global-border-radius-small ) var( --global-border-radius-small ) 0; line-height: 48px; } #smc-filter .smc-filter-search .berocket_single_filter_widget .bapf_form { box-shadow: none; } #smc-filter .smc-filter-search .berocket_single_filter_widget .fa-search::before { content: ''; width: 25px; height: 25px; background-image: url('data:image/svg+xml,'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #smc-filter .smc-filter-checkbox .bapf_body { padding: 0 8px; } #smc-filter .smc-filter-checkbox .bapf_body label { line-height: 1.75rem; margin-left: 5px; } #smc-filter .smc-filter-checkbox .bapf_body label:hover { color:var(--e-global-color-accent); } #smc-filter .smc-filter-imagebox h3 { margin-bottom: 3px; } #smc-filter .smc-filter-imagebox .bapf_body { padding: 0 8px; } #smc-filter .smc-filter-imagebox .checked.bapf_tax_pa_series .bapf_img_span { background: url(https://www.scalemonkey.com/wp-content/uploads/2026/08/ProLine_filter_black_checked.svg) !important; background-size: cover !important; background-repeat: no-repeat; background-position: 50% 50%; background-attachment: scroll; } #smc-filter .smc-filter-select h3 { margin-bottom: 14px; } #smc-filter .smc-filter-select .bapf_body { padding: 0 0 0 8px; } #smc-filter .smc-filter-clothing-size .bapf_body { padding: 0 8px; } #smc-filter .smc-filter-clothing-size .bapf_body ul li { width: 42px; height: 28px; } #smc-filter .smc-filter-clothing-size .bapf_body ul li label { font-size: 0.9rem; background-color: var(--e-global-color-767e1ce); border: 1px solid var(--e-global-color-c6456bb); border-radius: var(--global-btn-border-radius); padding: 1px; } #smc-filter .smc-filter-clothing-size .bapf_body ul li label:hover, #smc-filter .smc-filter-clothing-size .bapf_body ul li label:focus { color: var(--e-global-color-029a8b6); background-color: var(--e-global-color-43252a2); border: 1px solid var(--e-global-color-3bc03e4); outline: none; } #smc-filter .smc-filter-clothing-size .bapf_body ul li input:checked + label { background-color: var(--e-global-color-43252a2); border: 2px solid var(--e-global-color-3bc03e4); padding: 0; } #smc-filter .smc-filter-color .bapf_body { padding: 0 8px; } #smc-filter .smc-filter-color .bapf_clr_span.w2em, .bapf_sfilter .bapf_img_span.w2em { box-shadow: none!important; width: 24px; height: 24px; border-radius: var(--global-border-radius-small); } #smc-filter .smc-filter-color .checked .bapf_clr_span { outline: 1px solid #010205AA; outline-offset: 2px; border-radius: 2px; margin: 8px; width: 18px; height: 18px; } #smc-filter .smc-filter-reset .bapf_body { padding: 0 8px; } #smc-filter .smc-filter-reset button.bapf_button { color: var(--e-global-color-8336c6a) !important; border: 1px solid var(--e-global-color-8336c6a) !important; } #smc-filter .smc-filter-reset button.bapf_button:hover, #smc-filter .smc-filter-reset button.bapf_button:focus { background-color: #CA515115 !important; } /* 9. Category Description ------------------------------------------ */ .smc-category-desc { grid-row: 3; width: var(--global-content-width); max-width: var(--global-max-content-width) !important; margin: 0 auto 40px; } .smc-category-desc pre { font-family: inherit; font-size: inherit; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; margin-bottom: 0.3rem; text-wrap: balance; } /* 10. Store Notice ------------------------------------------ */ .smc-legal-notice { width: var(--global-full-width); max-width: var(--global-max-full-width) !important; background-color: var(--e-global-color-06935f3); padding-top: 8px; } .smc-legal-notice p { font-size: 0.8rem; line-height: 1.5em; text-align: center; } .smc-legal-notice a { text-decoration: underline; text-underline-offset: 3px; } /* MEDIA QUERIES ========================================== */ /* Laptop & Small Screens (max-width: 1200px) ------------------------------------------ */ @media (max-width: 1200px) { .smc-header-title, .smc-archive-content, .smc-filter-wrapper, .smc-category-desc {width: 90vw;} .smc-header-title {margin-bottom: 35px;} } /* Tablets & Mobile (max-width: 1024px) ------------------------------------------ */ @media (max-width: 1024px) { .smc-header-title, .smc-category-desc {margin-bottom: 25px;} .smc-header-title h1, .smc-category-desc h2 {text-align: center;} .smc-header-title {margin-top: 35px;} .smc-archive-content {margin-bottom: 35px;} #smc-filter {width: 100%; margin-left: 0;} } /* Mobile (max-width: 767px) ------------------------------------------ */ @media screen and (max-width: 767px) { .smc-header-title, .smc-archive-content, .smc-filter-wrapper, .smc-category-desc {width: 100%; padding: 0 20px;} .smc-product-loop .glsr {--glsr-review-star: 18px;} #smc-filter .smc-white-button a.elementor-button {width: 100% !important;} }/* End custom CSS */