/* Theme Name: Xstore child Theme URI: https://xstore.8theme.com Description: XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution. Author: 8theme Author URI: https://www.8theme.com Template: xstore Version: 1.0 Text Domain: xstore-child Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark */ /* Scroll Padding für HTML-Anker */ html { scroll-padding-top: 200px; } @media screen and (max-width: 767px) { html { scroll-padding-top: 150px; } } /* Farben für markierten Text anpassen */ html *::selection { color: #ffffff; background-color: #3498db !important; } html nav.elementor-nav-menu--main ul li a::selection, html a.xstore-wishlist span::selection { color: #3498db; background-color: #ffffff !important; } /* Auf Shop-Startseite den Description-Text ausblenden */ body.woocommerce-shop .shop-category-description { display: none !important; } /* ------------------------------------------------- */ /* Header */ /* ------------------------------------------------- */ [data-container="headercontact"] { height: 35px; } [data-container="headercontact"] p, [data-container="headercontact"] p > a { font-size: 13px !important; line-height: normal; margin-bottom: 0; text-decoration: none; } [data-container="headercontact"] p > a:hover { text-decoration: none; line-height: normal; } @media screen and (max-width: 767px) { [data-container="headercontact"] { height: 10px; } } .etheme-elementor-nav-menu-item-parent .elementor-item .etheme-elementor-nav-menu-item-element { color: #313131; box-shadow: 0 0 0 8px #ffffff; background-color: #ffffff; } .etheme-elementor-nav-menu-item-parent { font-weight: 400 !important; } form.etheme-search-form .etheme-search-input-form-wrapper .etheme-search-form-button-wrapper button[type="submit"].etheme-search-form-submit { border-radius: 7px !important; } form.etheme-search-form .etheme-search-input-form-wrapper select { max-width: calc(150px + 1.4em); } .ajax-search-brand { display: block; font-size: 13px; letter-spacing: 0; text-transform: uppercase; color: #888888; line-height: 1.2; margin-bottom: 5px; font-family: 'Metropolis', sans-serif; } header { background-color: #ffffff; } .header-main { margin-top: 0; margin-bottom: 0; padding-top: 30px; padding-bottom: 25px; } .et-quantity { padding-top: 3px; } .et-quantity, .et-quantity-top .et-quantity { top: -10px; } header .etheme-elementor-nav-menu .item-design-dropdown { margin: 0; } header .etheme-elementor-nav-menu .etheme-elementor-nav-menu-item-icon { box-shadow: 0 0 0 8px #ffffff !important; background-color: #ffffff !important; } header .etheme-elementor-nav-menu .etheme-elementor-nav-menu-item-icon svg path { fill: #313131; } header .nav-sublist-dropdown, header .etheme-elementor-nav-menu .nav-sublist-dropdown > ul { box-shadow: none !important; border: none; } header .etheme-elementor-menu .etheme-elementor-nav-menu-item, header .nav-sublist-dropdown, header .nav-sublist-dropdown ul, header .nav-sublist-dropdown ul li, header .nav-sublist-dropdown ul li a.link-item { border-radius: 0 !important; margin: 0; line-height: normal; } header .nav-sublist-dropdown ul li a.link-item { line-height: 20px; } header .nav-sublist-dropdown ul li .elementor-item:before, header .nav-sublist-dropdown ul li span.elementor-item-active:before { width: 3px !important; background-color: #3498db !important; } header ul.etheme-elementor-nav-menu li.dropdown-opened .etheme-elementor-nav-menu-item .elementor-item { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } header .nav-sublist-dropdown ul { padding: 5px; } header .nav-sublist-dropdown ul li { border-top: none !important; border-bottom: 1px solid #b4c0d9; } header .nav-sublist-dropdown ul li:last-child { border-bottom: none; } header .header-orderinfo p { padding-bottom: 1px; } header .header-orderinfo p, header .header-orderinfo p a, header .header-orderinfo p a:hover { font-size: 13px; line-height: normal; } /* AJAX Produktsuche */ .etheme-search-form-more button.btn { text-align: center; text-decoration: none; font-weight: 500 !important; margin-top: 10px; margin-bottom: 10px; } .etheme-search-form-more button.btn span { border-bottom: none !important; } .etheme-search-ajax-results .etheme-search-form-tabs span.etheme-search-form-tab { font-weight: 600; } .etheme-search-ajax-results .etheme-search-form-tabs span.etheme-search-form-tab:hover, .etheme-search-ajax-results .etheme-search-form-tabs span.etheme-search-form-tab:focus, .etheme-search-ajax-results .etheme-search-form-tabs span.etheme-search-form-tab:active { color: #0463a3; } .etheme-search-ajax-results .autocomplete-suggestion .etheme-search-form-item-link:hover, .etheme-search-ajax-results .autocomplete-suggestion .etheme-search-form-item-link:focus, .etheme-search-ajax-results .autocomplete-suggestion .etheme-search-form-item-link:active { background-color: #cfe8f4; } .etheme-search-ajax-results .autocomplete-suggestion .etheme-search-form-item-link .etheme-search-form-item-title { font-family: "League Spartan", Sans-serif; font-size: 20px; font-weight: 500; text-transform: uppercase; letter-spacing: 0px; color: #313131; margin-bottom: 5px; } .etheme-search-ajax-results .autocomplete-suggestion.autocomplete-selected .etheme-search-form-item-title span { background-image: none !important; } .ajax-search-brand a { font-size: 11px; text-transform: uppercase; } .ajax-search-brand a, .ajax-search-brand a:link, .ajax-search-brand a:visited {color: #888888; } .ajax-search-brand a:hover, .ajax-search-brand a:focus, .ajax-search-brand a:active {color: #444444; font-size: 11px; } /* Hauptmenü */ header .header-mainmenu { overflow: visible; } header .header-mainmenu ul { margin-top: 10px; } header .header-mainmenu ul li { margin: 0; padding: 0; line-height: 1; } header .header-mainmenu ul li a { font-weight: 500 !important; line-height: 1; } header .header-mainmenu ul li a:hover, header .header-mainmenu ul li a:focus { line-height: 1; } header .header-mainmenu ul li a.elementor-item-active { font-weight: 600 !important; } header .header-mainmenu .elementor-menu-toggle:before { font-family: 'League Spartan'; font-size: 21px; font-weight: 400; padding-bottom: 1px; padding-top: 6px; padding-right: 10px; padding-left: 5px; color: #313131; } html[lang="de-DE"] header .header-mainmenu .elementor-menu-toggle:before { content: "Menü"; } html[lang="en-US"] header .header-mainmenu .elementor-menu-toggle:before { content: "Menu"; } @media screen and (max-width: 768px) { header .main-menus-container .elementor-widget-theme-etheme_departments_menu { flex: none; } header .header-mainmenu { height: 30px; } header .header-mainmenu ul { padding-left: 5px; padding-right: 5px; } header .header-mainmenu ul li { border-bottom: 1px solid #b4c0d9 !important; } header .header-mainmenu ul li:last-child { border-bottom: none !important; } header .header-mainmenu ul li a, header .header-mainmenu ul li a:hover, header .header-mainmenu ul li a:focus, header .header-mainmenu ul li a:active { font-weight: 400 !important; padding: 15px 20px; } header .header-mainmenu nav.elementor-nav-menu--dropdown[aria-hidden="false"] { position: absolute; z-index: 50; right: 0; top: 30px; } } @media (max-width: 1024px) { header .header-mainmenu { align-self: flex-end; width: 100px; } header .header-mainmenu div { padding: 0; } } @media (max-width: 425px) { header .header-mainmenu { align-self: flex-end; width: 40px; } header .header-mainmenu .elementor-menu-toggle:before { display: none; } header .header-mainmenu div { padding: 0; } } /* ------------------------------------------------- */ /* Footer */ /* ------------------------------------------------- */ footer .footer-main .etheme-elementor-nav-menu li { width: 100%; } footer h2.elementor-heading-title { font-size: 25px; margin-bottom: 0; } footer h3.elementor-heading-title { font-weight: 500; } footer .elementor-widget-text-editor p { line-height: 1.6rem !important; } footer .elementor-widget-text-editor a, footer .elementor-widget-text-editor a:link, footer .elementor-widget-text-editor a:visited { font-family: Metropolis; font-size: 16px; font-weight: 400; } footer .elementor-widget-text-editor a:hover, footer .elementor-widget-text-editor a:focus, footer .elementor-widget-text-editor a:active { color: #3498db !important; font-size: 16px; font-weight: 400; } footer .elementor-element elementor-element-8250ff3 ul.etheme-elementor-nav-menu { flex-direction: column; } footer ul.etheme-elementor-nav-menu li { margin-top: 0; align-self: auto !important; line-height: 1.6rem !important; } footer ul.etheme-elementor-nav-menu li a, footer ul.etheme-elementor-nav-menu li a span { padding: 0 !important; color: #313131; } footer a.elementor-button span.elementor-button-text { padding-top: 3px; } /* ------------------------------------------------- */ /* Formatierung */ /* ------------------------------------------------- */ h1.elementor-heading-title { margin-bottom: 30px; } h2.elementor-heading-title { margin-bottom: 20px; font-weight: 600 !important; letter-spacing: 0 !important; } h2.elementor-heading-title b { font-weight: 800; } h3.elementor-heading-title { font-weight: 500; } ul, ol { margin-left: 40px; margin-bottom: 20px; } ul li, ol li { margin-bottom: 5px; } .elementor-widget-text-editor p { line-height: 1.4em; } p.etheme-icon-box-description, .elementor-alert-description, .elementor-widget-text-editor ul li, .elementor-widget-text-editor ol li, .etheme-icon-list-item-text { line-height: 1.4em !important; hyphens: auto; } .elementor-widget-button .elementor-button { background-color: #ffffff; font-weight: 400; } .elementor-alert { padding: 20px; } .elementor-alert-title { margin-bottom: 10px; } div.headline-divider h2 { align-items: center; display: flex; gap: 1rem; width: 100%; line-height: normal; font-weight: 500 !important; } div.headline-divider h2::after { background-color: #3498db; content: ''; display: block; flex: 1; height: 2px; } div.headline-divider h2::first-line { display: block; flex: 1; text-align: left; } .et_promo_text_carousel a { padding-top: 2px; margin-left: 5px; } .et_promo_text_carousel a:link, .et_promo_text_carousel a:active, .et_promo_text_carousel a:visited { color: #ffffff; text-decoration: none; } .et_promo_text_carousel a:hover, .et_promo_text_carousel a:focus { color: #c1c1c1; text-decoration: none; } .et_promo_text_carousel svg { height: 1.3em; width: 1.3em; } .stretch-boxes .etheme-icon-box { height: 100%; } .ordered-list-numeric .etheme-icon-list-item { align-items: start; } .ordered-list-numeric .etheme-icon-list-item .etheme-icon-list-item-icon { margin-top: 3px; } /* ------------------------------------------------- */ /* Startseite */ /* ------------------------------------------------- */ .button-large span.elementor-button-text { font-weight: 400; } .elementor-widget-html hr { height: 3px; margin-top: 20px; margin-bottom: 20px; display: block; background-color: transparent; border: none; background-image: url("https://www.medit-trading.de/wp-content/uploads/pattern-dot.gif"); background-repeat: repeat-x; background-position: left top; } .raster-bottom { background-image: url("https://www.medit-trading.de/wp-content/uploads/raster-bottom.png"); background-repeat: repeat-x; background-position: left bottom; } .raster-bottom .elementor-image-box-content { padding: 20px; } .raster-bottom .elementor-image-box-content h2 a { font-family: inherit; font-size: inherit; color: inherit; text-transform: inherit; font-weight: 500; } .shadow-box { box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); } /* Product category list, shortened in initial view */ .product-category-list { height: 450px; overflow: hidden; position: relative; } .product-category-list:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; z-index: 30; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); } .product-category-list[aria-expanded="true"]:after { content: ""; display: none; } .product-category-list ul { margin: 0; } .product-category-list .categories-grid .category-list-item-wrapper { margin-bottom: 20px; } .product-category-list .categories-grid .category-list-item-wrapper .category-list-item { height: 100%; } .product-category-list .categories-grid .category-list-item-wrapper .categories-grid { margin-bottom: 0 !important; } .product-category-list .categories-grid .category-list-item-wrapper ul { margin: 0; } .product-category-list .categories-grid .category-list-item-wrapper ul li a mark.count { font-size: 14px; } @media screen and (max-width: 768px) and (min-width: 480px) { .categories-lists-grid.categories-columns-4 .categories-grid.row .category-list-item-wrapper { width: 50% !important; } } .elementor-widget-etheme_categories_lists ul > li:first-child > a.category-name, .product-category-list ul > li:first-child > a.category-name { display: flex !important; align-items: start; justify-content: space-between; gap: 10px; } .av-cat-count { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; padding: 4px 8px; margin-left: auto; margin-top: 1px; background: #1e9cc8; color: #ffffff; font-size: 12px; font-weight: 500; line-height: 1; border-radius: 999px; text-align: center; font-family: 'Metropolis', sans-serif; } .av-cat-seo { display: block; margin: 6px 0 12px; padding: 0; font-size: 12px; line-height: 1.4; color: #888888; font-weight: 400; font-family: 'Metropolis', sans-serif; } .av-cat-seo p { margin: 0; } /* Target group information */ .target-groups-columns ul { display: flex; flex-direction: row; } .target-groups-columns ul li { width: 60%; line-height: 1.1; margin-bottom: 10px !important; justify-content: start; align-items: start !important; margin-right: 0 !important; } .target-groups-columns ul li:nth-child(2n) { width: 35%; } .target-groups-columns ul li .elementor-icon-list-icon { margin-top: 2px; } @media screen and (max-width: 767px) { .target-groups-columns ul { flex-direction: column; } .target-groups-columns ul li, .target-groups-columns ul li:nth-child(2n) { width: 100%; } } @media screen and (max-width: 768px) and (min-width: 480px) { .target-groups-columns ul li, .target-groups-columns ul li:nth-child(2n) { width: 100%; } } /* Imageslider */ @media screen and (min-width: 768px) { .middle-inbox .swiper-entry .swiper-button-prev, .middle-inbox.swiper-entry .swiper-button-prev { left: 12px; } .middle-inbox .swiper-entry .swiper-button-next, .middle-inbox.swiper-entry .swiper-button-next { right: 12px; } .middle-inbox .swiper-entry .swiper-button-prev:hover, .middle-inbox.swiper-entry .swiper-button-prev:hover, .middle-inbox .swiper-entry .swiper-button-next:hover, .middle-inbox.swiper-entry .swiper-button-next:hover { transform: scale(1.1); } } @media screen and (max-width: 767px) { .elementor-element .swiper-button-next, .elementor-element .swiper-button-prev { width: 30px !important; height: 50px !important; } .elementor-element .swiper-button-next:before, .elementor-element .swiper-button-prev:before, .elementor-element .swiper-button-next:after, .elementor-element .swiper-button-prev:after { padding: 0; margin: 0; font-size: 25px; } } .glass-panel { background: rgba(231, 243, 249, 0.75); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(231, 243, 249, 0.3); position: relative; overflow: hidden; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.1), inset 0 0 16px 8px rgba(255, 255, 255, 0.8); } .glass-panel::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent); } .glass-panel::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: linear-gradient(180deg, rgba(255,255,255,0.8), transparent, rgba(255,255,255,0.3)); } .glass-panel h1, .glass-panel h2 { margin-bottom: 10px; } .glass-panel p { margin-bottom: 5px; } /* ------------------------------------------------- */ /* Page Heading/Breadcrumbs */ /* ------------------------------------------------- */ .page-heading { padding-left: 0; padding-top: 45px; padding-bottom: 30px; } .woocommerce-breadcrumb { font-size: 16px; color: #313131; } /* ------------------------------------------------- */ /* Produktakkordion */ /* ------------------------------------------------- */ ul.product-categories.with-accordion { margin-left: 0; } ul.product-categories.with-accordion li { margin-left: 0; border-bottom: 1px solid #b4c0d9; line-height: normal; transition: 0.2s; } ul.product-categories.with-accordion li ul { margin-left: 20px; } ul.product-categories.with-accordion li a, ul.product-categories.with-accordion li a:link, ul.product-categories.with-accordion li a:visited { text-decoration: none; } ul.product-categories.with-accordion li a:hover, ul.product-categories.with-accordion li a:active { text-decoration: none; color: #0463a2; } ul.product-categories.with-accordion li.current-cat > a { font-weight: 600; color: #0463a2; } ul.product-categories.with-accordion li.current-cat-parent > a { color: #0463a2; } ul.product-categories.with-accordion li.opened.current-cat-parent, ul.product-categories.with-accordion li.current-cat, ul.product-categories.with-accordion li.current-cat-parent { border-left: 3px solid #3498db; background-color: #e7f3f9; padding-left: 6px; } ul.product-categories.with-accordion li:hover { background-color: #e7f3f9; } ul.product-categories.with-accordion li a { display: block; padding: 14px 10px 10px 10px; text-transform: uppercase; line-height: normal; color: #313131; font-family: 'League Spartan'; font-weight: 400; font-size: 18px; width: 100%; } ul.product-categories.with-accordion li:last-child a { padding-bottom: 10px; } .widget_product_categories.sidebar-widget li a:before { display: none; } ul.product-categories.with-accordion li ul { margin-top: 10px; margin-bottom: 10px; margin-left: 0; transition: 0.2s; } ul.product-categories.with-accordion li ul li { border-bottom: none; } ul.product-categories.with-accordion li ul li.current-cat a { font-weight: 600; color: #0463a2; } ul.product-categories.with-accordion li ul li a { text-transform: none; font-size: 18px !important; padding: 6px; padding-top: 6px; } ul.product-categories.with-accordion li.opened.current-cat-parent ul li, ul.product-categories.with-accordion li.current-cat ul li, ul.product-categories.with-accordion li.current-cat-parent ul li { border-left: none; background-color: #e7f3f9; padding-left: 0; } .etheme-elementor-sidebar .sidebar-widget.widget_product_categories ul .caret-icon, .etheme-elementor-sidebar .sidebar-widget.widget_product_categories ul .open-this { top: -2px; right: 10px; } .etheme-elementor-sidebar .sidebar-widget.widget_product_categories ul li.opened .caret-icon, .etheme-elementor-sidebar .sidebar-widget.widget_product_categories ul li.opened .open-this { top: -2px; right: 15px; } .et-down-arrow:before { content: "\e904"; color: #313131; font-size: 12px !important; font-weight: 600; } .et-up-arrow:before { color: #313131; font-size: 12px !important; font-weight: 600; } /* ------------------------------------------------- */ /* Slider */ /* ------------------------------------------------- */ .raster-right { background-color: #e7f3f9; padding: 20px; background-image: url("https://www.medit-trading.de/wp-content/uploads/raster-detail-right.png"); background-repeat: no-repeat; background-position: right center; } .raster-right .swiper-navigation { position: absolute; right: 0; bottom: 0; z-index: 10; } @media screen and (max-width: 768px) { .raster-right { background-position: right bottom; } } .swiper.etheme-elementor-slider .swiper-button-prev::before, .swiper.etheme-elementor-slider .swiper-button-next::before { text-shadow: 1px 1px 5px rgba(0,0,0,0.75); } @media screen and (max-width: 767px) { .raster-right .swiper-navigation { position: relative; right: auto; bottom: auto; z-index: 10; margin-top: 15px; } .raster-right .swiper-navigation .swiper-button-next, .raster-right .swiper-navigation .swiper-button-prev { width: 50px !important; height: 50px !important; } .elementor-widget-etheme_product_carousel .type-list.etheme-product-grid-item { flex-direction: column; } .elementor-widget-etheme_product_carousel .type-list.etheme-product-grid-item .etheme-product-grid-image { margin-right: 0 !important; margin-bottom: 25px !important; } .elementor-widget-etheme_product_carousel .type-list.etheme-product-grid-item .etheme-product-grid-image a img { width: 250px !important; } .elementor-widget-etheme_product_carousel .type-list.etheme-product-grid-item .etheme-product-grid-content { padding: 0 !important; width: 100%; max-width: 100%; } .elementor-widget-etheme_product_carousel .type-list.etheme-product-grid-item .etheme-product-grid-content .etheme-product-grid-categories { margin-bottom: 20px !important; } .elementor-widget-etheme_product_carousel .type-list.etheme-product-grid-item .etheme-product-grid-content .av-loop-brand { margin-bottom: 15px !important; } } /* ------------------------------------------------- */ /* Infoboxen */ /* ------------------------------------------------- */ .woocommerce-notices-wrapper { max-width: 1140px; margin-left: auto; margin-right: auto; } .woocommerce-notices-wrapper ul.woocommerce-error { background-color: #BADEF0; color: #0463A2; outline: none; border-color: #0463A2; margin-top: 50px; } .woocommerce-notices-wrapper ul.woocommerce-error:focus { outline: none; } .woocommerce-notices-wrapper ul.woocommerce-error li a, .woocommerce-notices-wrapper ul.woocommerce-error li a:link, .woocommerce-notices-wrapper ul.woocommerce-error li a:hover, .woocommerce-notices-wrapper ul.woocommerce-error li a:active, .woocommerce-notices-wrapper ul.woocommerce-error li a:visited, .woocommerce-notices-wrapper ul.woocommerce-error li a:focus { font-size: 16px; color: #0463A2 !important; text-transform: none !important; } /* ------------------------------------------------- */ /* Artikel */ /* ------------------------------------------------- */ .article-item-single { border: 1px solid #c7c7c7; position: relative; overflow: hidden; } .article-item-single .elementor-button, .article-item-single .elementor-button:hover { font-weight: 500 !important; } .article-item-single a img { object-fit: cover; width: 100%; height: 175px; } .article-item-single .article-name-heading .product_title a { font-weight: 500 !important; text-transform: uppercase !important; font-family: 'League Spartan', Arial !important; } .article-item-single .elementor-widget-woocommerce-product-price p.price { font-weight: 600 !important; } .article-item-single .woocommerce-product-details__short-description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 20px;} .article-item-single .xstore-wishlist-btn { display: inline-block; align-items: center; justify-content: center; margin-left: 5px; font-size: 18px; line-height: normal; color: #ffffff; transition: all .2s ease; border-radius: 5px; background-color: #3498db; padding: 5px 8px 4px 8px; } .article-item-single .xstore-wishlist-btn:hover, .article-item-single .xstore-wishlist-btn:focus, .article-item-single .xstore-wishlist-btn:active, .article-item-single .xstore-wishlist-btn.added { color: #ffffff; font-size: 18px; background-color: #0463A2; } .xstore-wishlist-btn .button-text, .xstore-wishlist-btn .et-element-label { display: none !important; } /* "Neu" Flag für neu hinzugefügte Produkte */ .elementor-widget.elementor-widget-etheme_product_carousel div.sale-wrapper span.new-label, .article-item-single .xstore-new-label { position: absolute; top: 8px; left: -45px; width: 135px; padding: 6px 6px; transform: rotate(-45deg); transform-origin: center center; background: #4CAF50; color: #fff; font-size: 11px; font-family: 'Metropolis', sans-serif; font-weight: 500; line-height: 1.25; letter-spacing: 0.5px; text-align: center; text-transform: uppercase; white-space: normal; z-index: 30; } .elementor-widget.elementor-widget-etheme_product_carousel div.sale-wrapper span.new-label { font-size: 14px; top: 25px; left: -35px; padding-top: 9px; width: 160px; } .article-item-single .elementor-widget-woocommerce-product-add-to-cart a.add_to_cart_button, .article-item-single .elementor-widget-woocommerce-product-add-to-cart a.button { text-indent: -9999px; position: relative; overflow: hidden; color: #ffffff; background-image: url('https://www.medit-trading.de/wp-content/uploads/cart-shopping-white.svg'); background-size: 20px; background-position: center; background-repeat: no-repeat; width: 36px; } .article-item-single .elementor-widget-woocommerce-product-add-to-cart a.added_to_cart { display: none !important; } .xstore-compare[data-action=remove] .et-icon, .xstore-wishlist[data-action=remove] .et-icon { color: #ffffff; text-shadow: none; } .product-details-raster, .product-details-raster .e-con-inner { grid-template-columns: 100px auto !important; } .product-details-raster a, .product-details-raster a:hover { font-weight: 600; } .quantity-wrapper.type-square span.minus { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-color: #c7c7c7; } .quantity-wrapper.type-square span.plus { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-color: #c7c7c7; } .quantity-wrapper.type-square span.minus svg path, .quantity-wrapper.type-square span.plus svg path { fill: #313131; } .quantity-wrapper.type-square input { border-color: #c7c7c7; } ul.vertical-thumbnails { margin-left: 0; } ul.vertical-thumbnails li { border: 1px solid #c7c7c7 !important; border-radius: 5px; padding: 13px; } ul.vertical-thumbnails li:hover { background-color: #f6f6f6; } ul.vertical-thumbnails li.active-thumbnail { border-color: #3498db !important; } .swiper-container.main-slider-on { border: 1px solid #c7c7c7 !important; border-radius: 5px; padding: 13px; margin-left: 5px; } .thumbnails-list .active-thumbnail a, .thumbnails-list .active-thumbnail > span, .thumbnails-list .slick-slide:hover a, .thumbnails-list .slick-slide:hover > span, .thumbnails-list .swiper-slide:hover a, .thumbnails-list .swiper-slide:hover > span { transform: none; -webkit-transform: none; } @media only screen and (min-width: 650px) { .swiper-vertical-images .vertical-thumbnails-wrapper { width: 145px; } } .woocommerce-product-details__short-description p { margin-bottom: 10px; } .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; } .widget_product_categories .widget-title { display: none; } .result-count-category h2 { line-height: 1.4em; font-family: Metropolis, sans-serif; font-size: 16px; font-weight: 600; text-transform: none; color: #313131; } @media screen and (max-width: 767px) { .article-item-single a img { height: 110px; } } /* Pagination */ .elementor-pagination span, .elementor-pagination a { padding: 10px; padding-left: 14px; padding-right: 14px; background-color: #ffffff; margin-bottom: 5px; display: inline-block; } .elementor-pagination span {border: 1px solid #eaeaea; } .elementor-pagination a { border: 1px solid #CFCFCF; } .elementor-pagination a:hover, .elementor-pagination a:active, .elementor-pagination a:focus { background-color: #f6f6f6; } /* Artikeldetails */ @media screen and (max-width: 768px) { .etheme-add-to-cart-form form { flex-direction: column; align-items: start; } .etheme-add-to-cart-form form .single_add_to_cart_button { margin-bottom: 0; } } .vertical-thumbnails-wrapper .slick-list.draggable { overflow: hidden; } .articleinfo-descriptor, .articleinfo-descriptor a { font-weight: 600 !important; } @media (max-width: 767px) { .swiper-wrapper.thumbnails-list { margin-top: 20px; } } /* Container ausblenden, wenn der "Zusätzliche Informationen"-Tab leer ist */ .av-product-tabs-section:not(:has(.woocommerce-Tabs-panel--additional_information .shop_attributes tr)) { display: none !important; } /* ------------------------------------------------- */ /* Archiv */ /* ------------------------------------------------- */ .woocommerce-ordering select, .woocommerce-ordering select option { color: #313131; } /* XStore Sidebar Akkordeon: Initial-Transition der Menüpunkte killen, sonst entsteht anfangs ein Block aus den Borders */ .etheme-elementor-sidebar .product-categories.with-accordion li, .etheme-elementor-sidebar .product-categories.with-accordion li a { transition: none !important; animation: none !important; } /* Hover-Farbwechsel weiterhin smooth */ .etheme-elementor-sidebar .product-categories.with-accordion li a { transition: color .15s ease !important; } /* ------------------------------------------------- */ /* Labels */ /* ------------------------------------------------- */ .label-category a, .label-category a:hover { color: #3498db; border: 1px solid #c7c7c7; border-radius: 5px; padding: 6px 8px 4px 8px; font-size: 14px; text-transform: uppercase; font-family: 'League Spartan'; line-height: 1.1em; hyphens: auto; display: inline-block; } .label-category a:hover { background-color: #F6F6F6; } .label-category.label-large a, .label-category.label-large a:hover { font-size: 16px; margin-right: 3px; font-weight: 400; padding-top: 8px; } .label-brand a, .label-brand a:hover { font-size: 13px; } .label-brand-large a, .label-brand-large a:hover { font-size: 20px; font-weight: 500; } /* ------------------------------------------------- */ /* Tabs */ /* ------------------------------------------------- */ .tabs.wc-tabs.tabs-ready .et-woocommerce-tab a:hover, .tabs.wc-tabs.tabs-ready .et-woocommerce-tab a:active, .tabs.wc-tabs.tabs-ready .et-woocommerce-tab a:focus { color: #3498db !important; } .tabs.wc-tabs.tabs-ready .et-woocommerce-tab:before { background-color: #3498db !important; } .woocommerce-tabs.type-overline .wc-tabs .et-woocommerce-tab:hover:before, .woocommerce-tabs.type-underline .wc-tabs .et-woocommerce-tab:hover:before, .woocommerce-tabs.type-overline .wc-tabs .et-woocommerce-tab:active:before, .woocommerce-tabs.type-underline .wc-tabs .et-woocommerce-tab:active:before { display: none; } .woocommerce-tabs.type-overline .wc-tabs .et-woocommerce-tab.active:hover:before, .woocommerce-tabs.type-underline .wc-tabs .et-woocommerce-tab.active:hover:before { display: block; } .woocommerce-tabs .woocommerce-Tabs-panel--description p { line-height: 1.2em; } table.woocommerce-product-attributes.shop_attributes, table.woocommerce-product-attributes.shop_attributes tbody { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; } table.woocommerce-product-attributes.shop_attributes tbody tr { display: flex; flex-direction: row; width: 30%; border-bottom: 1px solid #badef0; } table.woocommerce-product-attributes.shop_attributes tbody th { display: block; width: 40%; padding: 10px; text-align: right; color: #313131; } table.woocommerce-product-attributes.shop_attributes tbody td { display: block; width: 60%; padding: 10px; text-align: left; color: #313131; } table.woocommerce-product-attributes.shop_attributes tbody th:after { content: ":"; } /* ------------------------------------------------- */ /* Container */ /* ------------------------------------------------- */ .raster-detail { background-image: url("https://www.medit-trading.de/wp-content/uploads/raster-detail-left.png"), url("https://www.medit-trading.de/wp-content/uploads/raster-detail-right.png"); background-repeat: no-repeat; background-position: left top, right bottom; } @media screen and (max-width: 767px) { .raster-detail { background-image: url("https://www.medit-trading.de/wp-content/uploads/raster-detail-right.png"); background-position: right bottom; } } /* ------------------------------------------------- */ /* Zurück nach oben */ /* ------------------------------------------------- */ .back-top svg path { stroke: #3498db !important; } /* ------------------------------------------------- */ /* Wunschliste + Warenkorb */ /* ------------------------------------------------- */ .etheme-elementor-off-canvas_content-head a, .etheme-elementor-off-canvas_content-head a:link, .etheme-elementor-off-canvas_content-head a:visited, .etheme-elementor-off-canvas_content-head a:hover, .etheme-elementor-off-canvas_content-head a:active, .etheme-elementor-off-canvas_content-head a:focus { font-family: 'League Spartan'; font-size: 26px; text-decoration: none; } .et_b_wishlist-dropdown.cart_list ul, .woocommerce-mini-cart.cart_list ul { margin: 0; } .et_b_wishlist-dropdown.cart_list ul li, .woocommerce-mini-cart.cart_list ul li { border: 1px solid #c7c7c7; margin-bottom: 10px !important; } .etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) li { padding: 15px 15px; } .cart_list h4.product-title { font-family: 'League Spartan'; font-size: 18px; } .cart_list h4.product-title:hover { color: #3498db; } div.descr-box, div.descr-box .product_meta { text-transform: uppercase; font-size: 14px; margin-bottom: 0; } div.descr-box .sku_wrapper { margin-top: 0; } .et_b_wishlist-dropdown.product_list_widget.cart_list div.descr-box .sku_wrapper { margin-top: 5px; } .etheme-elementor-off-canvas_content-head:hover .etheme-elementor-off-canvas_content-head-label { background: none; } .etheme-elementor-off-canvas__close-button { align-self: flex-end; } .etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) li:not(:hover) .remove { opacity: 1; -webkit-margin-end: 10px; margin-inline-end: 10px; } .product_list_widget .product-list-image, .product_list_widget .product-mini-image, .sidebar-slider .product-list-image { margin-right: 15px; } .buttons.mini-cart-buttons a { border-radius: 5px; border-color: #c7c7c7; font-family: 'League Spartan'; font-size: 18px; font-weight: 500; text-transform: uppercase; color: #313131; background-color: #ffffff; padding: 1rem 1.5rem 0.9rem 1.5rem; line-height: normal; } .buttons.mini-cart-buttons a:hover, .buttons.mini-cart-buttons a:active, .buttons.mini-cart-buttons a:focus { background-color: #f6f6f6; } .buttons.mini-cart-buttons a.btn-checkout { color: #ffffff; background-color: #3498db; } .buttons.mini-cart-buttons a.btn-checkout:hover, .buttons.mini-cart-buttons a.btn-checkout:active, .buttons.mini-cart-buttons a.btn-checkout:focus { background-color: #0463a2; } table.cart thead th { font-weight: 600 !important; padding-bottom: 10px; text-align: left; } table.cart td:not(:first-child):not(:last-child):not(.product-details), table.cart th:not(:first-child):not(:last-child):not(.product-details) { text-align: left; } table.cart thead th.product-price, table.cart tbody td.product-price, table.cart thead th.product-subtotal, table.cart tbody td.product-subtotal { text-align: right !important; } table.cart .quantity { float: left; } table.cart .product-details .product-title { font-size: 20px !important; font-weight: 600; } .cart-item-details div.product-remove a.remove-item, .cart-item-details div.product-remove a.remove-item:link, .cart-item-details div.product-remove a.remove-item:visited { color: #3498db; text-decoration: none; } .cart-item-details div.product-remove a.remove-item:hover, .cart-item-details div.product-remove a.remove-item:focus, .cart-item-details div.product-remove a.remove-item:active { color: #0463a2; text-decoration: none; } [data-elementor-device-mode="mobile"] table.cart .product-details .cart-item-details > div ~ .variation, [data-elementor-device-mode="mobile"] table.cart .product-details .cart-item-details > div ~ div { border-top: none; } @media only screen and (max-width: 992px) { .xstore-wishlist-action .button svg { height: 20px; width: 20px; } } .empty-wishlist-block {padding: 0; } .empty-wishlist-block:before {display:none !important; content: ""; } /* ------------------------------------------------- */ /* Checkout / Kasse / Abschluss */ /* ------------------------------------------------- */ .cart-collaterals, .order-review { background-color: #e7f3f9; border: none; } .cart-collaterals .quantity .quantity-wrapper, .order-review .quantity .quantity-wrapper { background-color: #ffffff; } .order-review table.shop_table td.product-name div.product-name a { font-size: 18px !important; font-weight: 600; color: #0463A2; } .order-review table.shop_table div.product-remove a { color: #3498db; text-decoration: none; padding-top: 5px; display: inline-block; } .order-review table.shop_table div.product-remove a:link, .order-review table.shop_table div.product-remove a:visited { color: #3498db; text-decoration: none; } .order-review table.shop_table div.product-remove a:hover, .order-review table.shop_table div.product-remove a:focus, .order-review table.shop_table div.product-remove a:active { color: #0463A2; text-decoration: none; } .order-review table.shop_table tfoot { border-top: 1px solid #badef0; } .cart-order-details .shop_table tfoot tr:first-child td, .cart-order-details .shop_table tfoot tr:first-child th, .cart_totals .shop_table tfoot tr:first-child td, .cart_totals .shop_table tfoot tr:first-child th { padding-top: 30px; } .order-review div#payment { border-top: 1px solid #badef0; } .order-review .shop_table .amount { color: #313131; } #payment ul.payment_methods { margin-left: 0; border-bottom: 1px solid #badef0; margin-bottom: 30px; } #payment ul.payment_methods li:only-child { text-align: left; } #payment #payment_method_bacs { display: inline !important; } ul.woocommerce-shipping-methods, ul.woocommerce-shipping-methods li { margin: 0; } #shipping_method label, ul.woocommerce-shipping-methods li label { margin: 0; color: #313131; line-height: 20px; } div.woocommerce-privacy-policy-text p, div.woocommerce-privacy-policy-text p a, .woocommerce-terms-and-conditions-checkbox-text a, div.woocommerce-privacy-policy-text p a:hover, .woocommerce-terms-and-conditions-checkbox-text a:hover { font-size: 14px; } .shipping_address_wrapper, .woocommerce-additional-fields__field-wrapper, .woocommerce-billing-fields__field-wrapper { margin-bottom: 50px !important; } .elementor-widget-woocommerce-checkout-etheme_page h2.step-title { margin-bottom: 20px; } .select2-container--default .select2-results__option, .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected], .select2-container--default .select2-results__option[data-selected=true] { text-decoration: none; } .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default.select2 .select2-selection--single .select2-selection__rendered { line-height: normal; } p.form-row { margin-bottom: 15px; } /* Checkout-Felder kompakter anordnen (nur Desktop) */ @media (min-width: 768px) { .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper { display: grid !important; grid-template-columns: repeat(12, 1fr); column-gap: 16px; row-gap: 0; } .woocommerce-billing-fields__field-wrapper > .form-row, .woocommerce-shipping-fields__field-wrapper > .form-row { grid-column: span 12; width: auto !important; max-width: none !important; float: none !important; clear: none !important; margin: 0 0 14px !important; padding: 0 !important; } .woocommerce-billing-fields__field-wrapper > #billing_first_name_field, .woocommerce-shipping-fields__field-wrapper > #shipping_first_name_field, .woocommerce-billing-fields__field-wrapper > #billing_last_name_field, .woocommerce-shipping-fields__field-wrapper > #shipping_last_name_field { grid-column: span 6; } .woocommerce-billing-fields__field-wrapper > #billing_address_1_field, .woocommerce-shipping-fields__field-wrapper > #shipping_address_1_field { grid-column: span 6; } .woocommerce-billing-fields__field-wrapper > #billing_postcode_field, .woocommerce-shipping-fields__field-wrapper > #shipping_postcode_field, .woocommerce-billing-fields__field-wrapper > #billing_city_field, .woocommerce-shipping-fields__field-wrapper > #shipping_city_field { grid-column: span 3; } .woocommerce-billing-fields__field-wrapper > #billing_phone_field, .woocommerce-billing-fields__field-wrapper > #billing_email_field { grid-column: span 6; } } /* ------------------------------------------------- */ /* Merkliste */ /* ------------------------------------------------- */ nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--xstore-wishlist { display: none; } table.xstore-wishlist-table thead th { font-family: "League Spartan", Sans-serif; font-size: 18px; font-weight: 600; text-transform: uppercase; font-style: normal; text-decoration: none; line-height: 1; word-spacing: 0em; color: #0463A2; padding: 11px; } table.xstore-wishlist-table tbody td { vertical-align: top; } table.xstore-wishlist-table tbody td.xstore-wishlist-action { padding-right: 11px; } table.xstore-wishlist-table tbody td.xstore-wishlist-product { padding-left: 11px; align-items: start; font-size: 16px; } table.xstore-wishlist-table tbody td.xstore-wishlist-product .sku_wrapper, table.xstore-wishlist-table tbody td.xstore-wishlist-product .sku_wrapper .sku { color: #313131; text-transform: uppercase; font-size: 16px; } table.xstore-wishlist-table tbody td.xstore-wishlist-product .product-title { color: #0463A2; font-size: 20px; font-weight: 600; font-family: "League Spartan", Sans-serif; } table.xstore-wishlist-table tbody td.xstore-wishlist-product .product-title:hover { color: #3498db; font-size: 20px; font-weight: 600; } table.xstore-wishlist-table tbody td .quantity-wrapper span.minus { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } table.xstore-wishlist-table tbody td .quantity-wrapper span.plus { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } table.xstore-wishlist-table thead th.xstore-wishlist-price, table.xstore-wishlist-table tbody td.xstore-wishlist-price { text-align: right; } table.xstore-wishlist-table tbody td p.stock { font-size: 16px; } table.xstore-wishlist-table tbody td.xstore-wishlist-action a.button, table.xstore-wishlist-table tbody td.xstore-wishlist-action a.btn, div.form-actions a.btn { border-radius: 5px; text-transform: uppercase; font-family: "League Spartan", Sans-serif; font-size: 18px; font-weight: 400; padding-bottom: .7rem; } table.xstore-wishlist-table tbody td.xstore-wishlist-action a.add_to_cart_button:hover, table.xstore-wishlist-table tbody td.xstore-wishlist-action a.add_to_cart_button:active, table.xstore-wishlist-table tbody td.xstore-wishlist-action a.add_to_cart_button:focus, div.form-actions a.btn:hover, div.form-actions a.btn:active, div.form-actions a.btn:focus { border-radius: 5px; background-color: #0463a2; } table.xstore-wishlist-table tbody td.xstore-wishlist-action a.xstore-wishlist:hover, table.xstore-wishlist-table tbody td.xstore-wishlist-action a.xstore-wishlist:active, table.xstore-wishlist-table tbody td.xstore-wishlist-action a.xstore-wishlist:focus { background-color: #f6f6f6; } /* ------------------------------------------------- */ /* Bestellbestätigung */ /* ------------------------------------------------- */ .woocommerce-customer-details .woocommerce-column--billing-address.col-1, .woocommerce-customer-details .woocommerce-column--shipping-address.col-2, .woocommerce-order-vat-id { width: 100%; background-color: #e7f3f9; border: none; padding: 25px; margin-bottom: 30px; } .woocommerce-customer-details h2.woocommerce-column__title, .woocommerce-order-vat-id h2 { font-weight: 500; padding: 0; background-color: none; background: none; } .woocommerce-customer-details .woocommerce-column address { padding: 0; } .woocommerce-order-received:not(.boxed) .woocommerce-order-details, .woocommerce-order-received:not(.boxed) .woocommerce-customer-details, .woocommerce-order-vat-id { max-width: 100%; } .woocommerce .woocommerce-thankyou-order-received { color: #0463a2; margin-bottom: 50px; text-align: left; } h2.woocommerce-order-details__title, .woocommerce-order p.text-center, .woocommerce-order div.text-center, .woocommerce-order-overview-wrapper { text-align: left; } h2.woocommerce-order-details__title { margin-top: 70px; margin-bottom: 15px; } .woocommerce-order-details tfoot tr:last-child th, .woocommerce-order-details tfoot tr:last-child td { text-transform: none; } .woocommerce-order-details table { border: none; margin-bottom: 50px; } .woocommerce-order-details table thead th, .woocommerce-order-details table thead th:first-child, .woocommerce-order-details table thead th:last-child { font-family: "League Spartan", Sans-serif; font-size: 18px; font-weight: 600; text-transform: uppercase; font-style: normal; text-decoration: none; line-height: 1; word-spacing: 0em; color: #0463A2; padding: 11px; background-color: #ffffff; border-bottom: 1px solid #c7c7c7; } .woocommerce-order-details table tbody tr th, .woocommerce-order-details table tbody tr td, .woocommerce-order-details table tfoot tr th, .woocommerce-order-details table tfoot tr td { padding: 15px !important; font-family: Metropolis, sans-serif; font-size: 16px !important; color: #313131; vertical-align: top; } .woocommerce-order-details table.shop_table .amount { color: #313131; font-size: 16px; } .woocommerce-order-details table tr td .product-name-info a { color: #0463A2; font-size: 20px; font-weight: 600; font-family: "League Spartan", Sans-serif; } .woocommerce-order-details table tr td .product-name-info a:hover { color: #3498db; font-size: 20px; font-weight: 600; } ul.woocommerce-order-overview { margin: 0 0 20px 0; padding: 0 !important; border: none; justify-content: start; } ul.woocommerce-order-overview li { margin: 0; padding: 20px; border: none; background-color: #e7f3f9; color: #313131; text-align: left; justify-content: start; } ul.woocommerce-order-overview li h5 { margin-bottom: 5px; } .woocommerce-order-overview-wrapper~p { max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; display: block; margin-top: 30px !important; border: 2px solid #3498DB !important; border-left-width: 8px !important; color: #313131 !important; background-color: #ffffff !important; line-height: 1.2 !important; padding-left: 60px !important; } .woocommerce-order-overview-wrapper~p:before { font-size: 25px !important; color: #3498DB !important; } /* ------------------------------------------------- */ /* Mein Konto */ /* ------------------------------------------------- */ nav.woocommerce-MyAccount-navigation ul { margin-left: 0; } nav.woocommerce-MyAccount-navigation ul li { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #b4c0d9; line-height: normal; height: auto; } nav.woocommerce-MyAccount-navigation ul li:last-child { border-bottom: none; } nav.woocommerce-MyAccount-navigation ul li:not(:last-child) { margin-bottom: 0 !important; } nav.woocommerce-MyAccount-navigation ul li a { display: block; padding: 14px 10px 10px 10px !important; line-height: normal; margin: 0 !important; height: auto; border: none; text-transform: uppercase !important; font-family: 'League Spartan'; font-weight: 400; font-size: 18px; } nav.woocommerce-MyAccount-navigation ul li a:hover { background-color: #e7f3f9; text-decoration: none; color: #0463a2; padding: 14px 10px 10px 10px !important; line-height: normal; margin: 0 !important; height: auto; border: none; font-family: 'League Spartan'; font-weight: 400; font-size: 18px; } nav.woocommerce-MyAccount-navigation ul li a, nav.woocommerce-MyAccount-navigation ul li a:link, nav.woocommerce-MyAccount-navigation ul li a:visited { color: #313131; text-decoration: none; line-height: normal; margin: 0; height: auto; border: none; } nav.woocommerce-MyAccount-navigation ul li a:hover, nav.woocommerce-MyAccount-navigation ul li a:active { text-decoration: none; color: #0463a2; } .woocommerce-account .page-heading .title, .woocommerce-compare .page-heading .title, .woocommerce-waitlist .page-heading .title, .woocommerce-wishlist .page-heading .title { display: inline-block; } .woocommerce-account .page-heading .title:before, .woocommerce-compare .page-heading .title:before, .woocommerce-waitlist .page-heading .title:before, .woocommerce-wishlist .page-heading .title:before { display: none; } table.shop_table thead th, table.shop_table thead th:first-child, table.shop_table thead th:last-child { font-family: "League Spartan", Sans-serif; font-size: 18px; font-weight: 600; text-transform: uppercase; font-style: normal; text-decoration: none; line-height: 1; word-spacing: 0em; color: #0463A2; padding: 11px; background-color: #ffffff; vertical-align: top; } table.shop_table thead th span { line-height: 1; padding: 0; } table.shop_table tbody th, table.shop_table tbody td { line-height: 1; padding: 15px; font-family: Metropolis, sans-serif; font-size: 16px !important; color: #313131; vertical-align: top; text-transform: none; } table.shop_table tbody td .amount { color: #313131; } table.shop_table tbody td a.button, table.shop_table tbody td a.button:link, table.shop_table tbody td a.button:visited { border: none; text-transform: uppercase; font-family: "League Spartan", Sans-serif; font-size: 18px; font-weight: 400; border-radius: 5px; margin: 0; padding-bottom: 8px; } table.shop_table tbody td a.button:hover, table.shop_table tbody td a.button:active, table.shop_table tbody td a.button:focus { background-color: #0463A2; } address { line-height: 1.2; } .woocommerce-MyAccount-content .addresses { margin-top: 50px; } span#account_display_name_description { margin-top: 10px; margin-bottom: 20px; display: block; } form.edit-account fieldset { margin-top: 50px; padding: 1.5em 1.5em; } form label { font-size: 14px; } div.woocommerce-MyAccount-content form button.button { background-color: #3498db; border: none; text-transform: uppercase; font-family: "League Spartan", Sans-serif; font-size: 18px; font-weight: 400; border-radius: 5px; margin: 0; color: #ffffff; padding: 12px 15px 10px 15px; } div.woocommerce-MyAccount-content form button.button:hover, div.woocommerce-MyAccount-content form button.button:active, div.woocommerce-MyAccount-content form button.button:focus { background-color: #0463A2; color: #ffffff; padding: 12px 15px 10px 15px; border: none; } /* ------------------------------------------------- */ /* Login / Registrierung */ /* ------------------------------------------------- */ div#customer_login .woocommerce-button { background-color: #3498DB; font-family: "Metropolis", Sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; border-radius: 5px; font-style: normal; text-decoration: none; letter-spacing: 0px; word-spacing: 0em; border: none; line-height: normal; color: #ffffff; } div#customer_login .woocommerce-button:hover, div#customer_login .woocommerce-button:focus, div#customer_login .woocommerce-button:active { background-color: #3498DB; color: #ffffff; } div.woocommerce-privacy-policy-text p, div.woocommerce-privacy-policy-text p a, .woocommerce-terms-and-conditions-checkbox-text a, div.woocommerce-privacy-policy-text p a:hover, .woocommerce-terms-and-conditions-checkbox-text a:hover { font-size: 16px; } /* ------------------------------------------------- */ /* Basics */ /* ------------------------------------------------- */ footer a.elementor-button.elementor-button-link, footer a.elementor-button.elementor-button-link:link, footer a.elementor-button.elementor-button-link:visited, a.elementor-button.elementor-button-link.elementor-widget-button, a.elementor-button.elementor-button-link.elementor-widget-button:link, a.elementor-button.elementor-button-link.elementor-widget-button:visited { background-color: #ffffff; font-family: "Metropolis", Sans-serif; font-size: 16px; font-weight: 400; text-transform: none; font-style: normal; text-decoration: none; letter-spacing: 0px; word-spacing: 0em; border: 1px solid #cfcfcf; line-height: normal; color: #313131; border-radius: 5px; } footer a.elementor-button.elementor-button-link:hover, footer a.elementor-button.elementor-button-link:focus, footer a.elementor-button.elementor-button-link:active, a.elementor-button.elementor-button-link.elementor-widget-button:hover, a.elementor-button.elementor-button-link.elementor-widget-button:focus, a.elementor-button.elementor-button-link.elementor-widget-button:active { background-color: #f6f6f6 !important; color: #313131; } /* ------------------------------------------------- */ /* Formulare */ /* ------------------------------------------------- */ .med-it-form .wpforms-form input[type="text"], .med-it-form .wpforms-form input[type="email"], .med-it-form .wpforms-form input[type="tel"], .med-it-form .wpforms-form input[type="url"], .med-it-form .wpforms-form input[type="number"], .med-it-form .wpforms-form input[type="password"], .med-it-form .wpforms-form input[type="date"], .med-it-form .wpforms-form input[type="search"], .med-it-form .wpforms-form select, .med-it-form .wpforms-form textarea { width: 100% !important; max-width: 100% !important; box-sizing: border-box; } .med-it-form .wpforms-form .wpforms-field-small, .med-it-form .wpforms-form .wpforms-field-medium, .med-it-form .wpforms-form .wpforms-field-large { max-width: 100% !important; width: 100% !important; } .med-it-form .wpforms-form .wpforms-field { width: 100% !important; max-width: 100% !important; padding-left: 0; padding-right: 0; } /* Telefonfeld mit Länderflagge */ .med-it-form .wpforms-form .iti, .med-it-form .wpforms-form .iti--allow-dropdown, .med-it-form .wpforms-form .wpforms-smart-phone-field { width: 100% !important; display: block; } .med-it-form div.wpforms-container-full .wpforms-form .wpforms-title { color: #0463A2; font-family: "League Spartan", Sans-serif; font-size: 30px; font-weight: 700; text-transform: uppercase; font-style: normal; text-decoration: none; text-align: center; } .med-it-form div.wpforms-container-full .wpforms-form .wpforms-description { text-align: center; line-height: 1.4; } .med-it-form .wpforms-container .wpforms-form .wpforms-field-label { margin-bottom: 8px !important; } .med-it-form div.wpforms-container-full .wpforms-form button[type="submit"] { margin: 20px auto 0 auto; display: block; font-family: "League Spartan", Sans-serif; font-size: 20px; font-weight: 400; text-transform: uppercase; line-height: normal; letter-spacing: 0px; background-color: #0463A2; padding: 15px 30px; height: auto; } .med-it-form .wpforms-form .wpforms-turnstile div { text-align: center; } div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) { background: #3498DB !important; border: none !important; padding: 25px; } div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p { color: #ffffff !important; text-align: center; font-weight: 400; font-size: 18px; line-height: 1.2; } .med-it-form .wpforms-form .dropzone-input + .wpforms-field-description { text-align: center; margin-top: 10px; } .wpforms-container .wpforms-submit-spinner { display: block; margin: 20px auto 0 auto; } /* Fehlermeldungen */ .cart-checkout-default .woocommerce-NoticeGroup { max-width: 1140px; margin: 50px auto 0 auto; } .cart-checkout-default .woocommerce-NoticeGroup ul li { margin-bottom: 5px; } .checkout-inline-error-message { color: #c62828 !important; margin-top: 5px; font-size: 12px !important; letter-spacing: 0.5px; } /* ------------------------------------------------- */ /* Produktslider/-carousel Startseite */ /* ------------------------------------------------- */ .elementor-widget-etheme_product_carousel .etheme-product-grid-categories { margin-bottom: 30px; } .elementor-widget-etheme_product_carousel .etheme-product-grid-categories a, .elementor-widget-etheme_product_carousel .etheme-product-grid-categories a:link, .elementor-widget-etheme_product_carousel .etheme-product-grid-categories a:visited { border: 1px solid #c7c7c7; border-radius: 5px; padding: 6px 8px 4px 8px; text-transform: uppercase; background-color: #ffffff; line-height: 1.1em; hyphens: auto; display: inline-block; } .elementor-widget-etheme_product_carousel .etheme-product-grid-categories a:hover, .elementor-widget-etheme_product_carousel .etheme-product-grid-categories a:focus, .elementor-widget-etheme_product_carousel .etheme-product-grid-categories a:active { background-color: #F6F6F6 !important; } .av-loop-brand { font-family: 'Metropolis', sans-serif; font-size: 13px; font-weight: 400; letter-spacing: .5px; text-transform: uppercase; color: #5f5f5f; margin-bottom: 20px; } .av-loop-brand a, .av-loop-brand a:link, .av-loop-brand a:visited {color: #888888; } .av-loop-brand a:hover, .av-loop-brand a:focus, .av-loop-brand a:active {color: #444444; } .elementor-widget-etheme_product_carousel .etheme-product-grid-title a { color: inherit; font-weight: inherit; font-family: inherit; font-size: inherit; text-transform: inherit; } .elementor-widget-etheme_product_carousel .woocommerce-product-details__short-description p { line-height: 1.4; } .elementor-widget-etheme_product_carousel p.av-loop-condition { line-height: 1.4; margin-bottom: 30px; } .av-button-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .elementor-widget-etheme_product_carousel .etheme-product-grid-button.add_to_cart_button { display: inline-flex !important; align-items: center; justify-content: center; padding: 0 !important; margin: 0 !important; border: none !important; border-radius: 4px; font-size: 0 !important; line-height: 0; color: transparent !important; text-indent: 0; overflow: hidden; position: relative; transition: 0.2s; background-color: #4CAF50 !important; background-image: url("https://www.medit-trading.de/wp-content/uploads/cart-shopping-white.svg") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 34px 34px !important; height: 40px; width: 46px; } .elementor-widget-etheme_product_carousel .etheme-product-grid-button.add_to_cart_button:hover { background-color: #43a047 !important; } .elementor-widget-etheme_product_carousel .etheme-product-grid-button.add_to_cart_button::before, .elementor-widget-etheme_product_carousel .etheme-product-grid-button.add_to_cart_button::after { content: none !important; display: none !important; } .elementor-widget-etheme_product_carousel .etheme-product-grid-button.add_to_cart_button > *:not(.screen-reader-text) { display: none !important; } .elementor-widget-etheme_product_carousel .etheme-product-grid-button.add_to_cart_button.loading { opacity: .65; pointer-events: none; } .elementor-widget-etheme_product_carousel .etheme-product-grid-button.add_to_cart_button.added { background-color: #2e7d32 !important; background-image: url("data:image/svg+xml;utf8,") !important; } .elementor-widget-etheme_product_carousel .added_to_cart { display: none !important; } /* Inhaltsbereich als Flex-Spalte, per "order" umsortieren */ .elementor-widget-etheme_product_carousel .etheme-product-grid-content { display: flex; flex-direction: column; padding: 0 8px; } .elementor-widget-etheme_product_carousel .etheme-product-grid-content > .price { order: 2; } .elementor-widget-etheme_product_carousel .etheme-product-grid-content > .av-button-row { order: 3; } /* Wishlist-Button */ .av-wishlist-slot a.xstore-wishlist-single .button-text { font-size: 0; padding-left: 0; } .av-wishlist-slot a.xstore-wishlist-single, .av-wishlist-slot a.xstore-wishlist-single:link, .av-wishlist-slot a.xstore-wishlist-single:visited { display: inline-block; padding: 9px 12px; text-align: center; background: #1e9cc8; color: #ffffff !important; border: none; border-radius: 6px; font-size: 20px !important; font-weight: 400 !important; letter-spacing: 0; text-transform: uppercase !important; line-height: normal !important; text-decoration: none; font-family: 'League Spartan', sans-serif !important; transition: 0.2s; } .av-wishlist-slot a.xstore-wishlist-single:hover, .av-wishlist-slot a.xstore-wishlist-single:focus, .av-wishlist-slot a.xstore-wishlist-single:active { background: #0463a2; color: #fff; } /* Details-Button */ a.av-details-button, a.av-details-button:link, a.av-details-button:visited { display: inline-block; padding: 12px 20px 10px 20px; text-align: center; background: #ffffff; color: #313131 !important; border: 1px solid #cfcfcf; border-radius: 6px; font-size: 20px !important; font-weight: 400 !important; letter-spacing: 0; text-transform: uppercase !important; line-height: normal !important; text-decoration: none; font-family: 'League Spartan', sans-serif !important; transition: 0.2s; } a.av-details-button:hover, a.av-details-button:focus, a.av-details-button:active { background: #F6F6F6; color: #313131; } /* ------------------------------------------------- */ /* Mega-Menü */ /* ------------------------------------------------- */ /* Departments menu */ .elementor-widget-theme-etheme_departments_menu .nav-sublist-dropdown li .etheme-elementor-nav-menu-item .etheme-elementor-nav-menu-item-icon, .elementor-widget-theme-etheme_departments_menu .nav-sublist-dropdown li .etheme-elementor-nav-menu-item .etheme-elementor-nav-menu-item-icon.etheme-elementor-nav-menu-item-icon-opened { background: transparent !important; background-color: transparent !important; box-shadow: none !important; transition: 0.2s; } .elementor-widget-theme-etheme_departments_menu .nav-sublist-dropdown li:hover .elementor-item { padding-right: 3px !important; } .elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu-item-parent .elementor-item:hover, .nav-sublist-dropdown:hover ~ .etheme-elementor-nav-menu-item-parent .elementor-item { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu--dropdown.nav-sublist-dropdown { left: 0; right: 0; width: 100%; margin-top: -3px; border: 1px solid #3498db !important; border-top: none !important; overflow: visible !important; } .av-mega-outer { max-height: 600px; overflow-y: auto; overflow-x: visible; border: none; } /* Outer Dropdown wird Positionierungs-Anker für den Portal-Container */ .elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu--dropdown.nav-sublist-dropdown { position: absolute !important; overflow: visible !important; } @media (max-width: 1024px) { .elementor-widget-theme-etheme_departments_menu { width: 100%; } .menu-static-block.nav-sublist-dropdown div[data-elementor-post-type="staticblocks"] > div { padding-left: 10px !important; padding-right: 10px !important; } } /* Portal-Container: liegt rechts neben .av-mega-outer, außerhalb des Scroll-Bereichs */ .av-mega-portal-container { position: absolute; top: 0; left: 100%; width: auto; height: 0; pointer-events: none; } /* Mega-Menüs im Portal: standardmäßig hidden, individuelle Y-Position per JS */ .av-mega-portal-container > .menu-static-block.nav-sublist-dropdown { display: none; position: absolute; top: 0; /* wird vom JS gesetzt */ left: 0; pointer-events: auto; max-height: 90vh; overflow-y: auto; background-color: #e7f3f9; background-image: url("https://www.medit-trading.de/wp-content/uploads/raster-detail-right.png"); background-repeat: no-repeat; background-position: right bottom; } /* Sichtbares Mega-Menü */ .av-mega-portal-container > .menu-static-block.nav-sublist-dropdown.av-mega-active { display: block; } /* Dünner Scrollbalken */ .etheme-elementor-nav-menu--dropdown.nav-sublist-dropdown::-webkit-scrollbar { width: 4px; } .etheme-elementor-nav-menu--dropdown.nav-sublist-dropdown::-webkit-scrollbar-thumb { background: rgba(0,0,0,.25); border-radius: 3px; } /* Static block Inhalt */ .av-mega-portal-container .menu-static-block.nav-sublist-dropdown { border: 1px solid #3498db; border-left: none; width: 550px !important; } .av-mega-portal-container .menu-static-block.nav-sublist-dropdown p.elementor-heading-title, .av-mega-outer .menu-static-block.nav-sublist-dropdown p.elementor-heading-title{ font-size: 24px; font-weight: 600; } .av-mega-portal-container .menu-static-block.nav-sublist-dropdown .btn-subcategory a, .av-mega-portal-container .menu-static-block.nav-sublist-dropdown .btn-subcategory a:link, .av-mega-portal-container .menu-static-block.nav-sublist-dropdown .btn-subcategory a:visited, .av-mega-outer .menu-static-block.nav-sublist-dropdown .btn-subcategory a, .av-mega-outer .menu-static-block.nav-sublist-dropdown .btn-subcategory a:link, .av-mega-outer .menu-static-block.nav-sublist-dropdown .btn-subcategory a:visited { border: none; background: none; border-bottom: 1px solid #b4c0d9; font-family: "League Spartan", Sans-serif; font-size: 19px; font-weight: 400; text-transform: uppercase; line-height: normal; letter-spacing: 0px; word-spacing: 0px; text-align: left; padding-left: 12px; padding-top: 14px; border-radius: 0; } .av-mega-portal-container .menu-static-block.nav-sublist-dropdown .btn-subcategory a:hover, .av-mega-portal-container .menu-static-block.nav-sublist-dropdown .btn-subcategory a:focus, .av-mega-portal-container .menu-static-block.nav-sublist-dropdown .btn-subcategory a:active, .av-mega-outer .menu-static-block.nav-sublist-dropdown .btn-subcategory a:hover, .av-mega-outer .menu-static-block.nav-sublist-dropdown .btn-subcategory a:focus, .av-mega-outer .menu-static-block.nav-sublist-dropdown .btn-subcategory a:active{ color: #0463a2; background-color: #CFE8F4; } @media (max-width: 768px) { .av-mega-portal-container .menu-static-block.nav-sublist-dropdown { width: 500px !important; } } @media (max-width: 425px) { .av-mega-portal-container .menu-static-block.nav-sublist-dropdown { display: none !important; } } /* ============ Mobile Mega-Menü (Akkordeon) ============ */ @media (max-width: 1024px) { /* Portal auf Mobile ausblenden – die Megas sind via JS in den LIs */ .av-mega-portal-container { display: none !important; } /* Mega-Menü inline unter dem Item */ .elementor-widget-theme-etheme_departments_menu .menu-parent-item > .menu-static-block.nav-sublist-dropdown { position: static !important; display: none; width: 100% !important; max-height: none !important; left: auto !important; top: auto !important; transform: none !important; margin: 0; border: none !important; border-left: 3px solid #3498db !important; background: #f7fbfd; overflow: hidden; } /* Geöffneter Zustand */ .elementor-widget-theme-etheme_departments_menu .menu-parent-item.av-mobile-open > .menu-static-block.nav-sublist-dropdown { display: block; } /* Pfeil-Rotation bei offenem Item als visuelles Feedback */ .elementor-widget-theme-etheme_departments_menu .menu-parent-item.av-mobile-open .etheme-elementor-nav-menu-item-arrow { transform: rotate(90deg); transition: transform .15s ease; } .elementor-widget-theme-etheme_departments_menu .menu-parent-item .etheme-elementor-nav-menu-item-arrow { transition: transform .15s ease; display: inline-block; } /* Pfeil bekommt eine größere Touch-Fläche */ .elementor-widget-theme-etheme_departments_menu .menu-parent-item .etheme-elementor-nav-menu-item-arrow { padding: 14px; margin: -14px; } /* Damit der Schließen-Button im Static-Block-Layout nicht in den Heading reinrutscht */ .elementor-widget-theme-etheme_departments_menu .menu-parent-item > .menu-static-block.nav-sublist-dropdown { padding-top: 50px; } /* Inhalte im Mega-Menü auf Mobile etwas kompakter */ .elementor-widget-theme-etheme_departments_menu .menu-parent-item > .menu-static-block.nav-sublist-dropdown .btn-subcategory a { padding-left: 8px; padding-top: 12px; font-size: 17px; } } /* ------------------------------------------------- */ /* Mini Warenkorb/Wunschliste */ /* ------------------------------------------------- */ .title h3, blockquote, .share-post .share-title, .sidebar-widget .tabs .tab-title, .widget-title, .related-posts .title span, .content-product .product-title a, .results-ajax-list .ajax-item-title, table.cart .product-details .product-title, .product_list_widget li .product-title a, .woocommerce table.wishlist_table .product-name a, .comment-reply-title, .et-tabs .vc_tta-title-text, .single-product-right .product-information-inner .product_title, .single-product-right .product-information-inner h1.title, .post-heading h2 a, .post-heading h2, .post-heading h1, .sidebar .recent-posts-widget .post-widget-item h4 a, .et-tabs-wrapper .tabs .accordion-title span, .woocommerce-cart-form table thead th { font-family: "League Spartan", Sans-serif; } .cart-items-count, .wishlist-count, .et-count-mini-cart { visibility: hidden; opacity: 0; transition: opacity 0.15s ease-in-out; } .medit-bubble-loaded { visibility: visible !important; opacity: 1 !important; } /* Lieferadresse: rote Sternchen ausblenden, Felder sind alle optional */ .woocommerce-shipping-fields label .required, .woocommerce-shipping-fields label abbr.required, [id^="shipping_"] label .required, [id^="shipping_"] label abbr.required, [id*="shipping_"] label .required, [id*="shipping_"] label abbr.required { display: none !important; }