/** Theme Name: Astra Child Author: Brainstorm Force Author URI: http://wpastra.com/about/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: astra-child Template: astra */ /* ============================================================================= INHALTSVERZEICHNIS ============================================================================= 01. Allgemein / Global 02. Header & Navigation 03. Menü 04. Suche (FiboSearch) 05. Rechtliches (eRecht24-Seiten) 06. Blog / Beiträge 07. Shop – Produktübersicht (Loop) 08. Shop – Einzelprodukt 09. Shop – Off-Canvas Kategorien 10. WooCommerce – Warenkorb 11. WooCommerce – Kasse 12. WooCommerce – Mein Konto 13. WooCommerce – Login 14. WooCommerce – Pagination 15. WooCommerce – Freier Versand-Balken (VillaTheme) 16. YITH Gutscheine / Gift Cards 17. YITH Filter 18. Gravity Forms 19. Smash Balloon Instagram Feed 20. Borlabs Cookie ============================================================================= */ /* ============================================================================= 01. ALLGEMEIN / GLOBAL ============================================================================= */ h1, h2, h3, h4, h5, h6 { text-transform: none !important; } ol, ul { margin: 0 0 1em 2em; } .ast-container { padding: 0px !important; } .eu-owb-order-withdraw-from-contract-button { display: none !important; } .ast-scroll-to-top-right { right: 30px !important; bottom: 70px !important; } #ast-scroll-top { font-size: 20px !important; } /* ============================================================================= 02. HEADER & NAVIGATION ============================================================================= */ /* Sticky Header – Logo */ .she-header .elementor-widget-theme-site-logo .astra-logo-svg { width: 250px !important; } @media (max-width: 1800px) { .she-header .elementor-widget-theme-site-logo .astra-logo-svg { width: 225px !important; } } @media (max-width: 1200px) { .she-header .elementor-widget-theme-site-logo .astra-logo-svg { width: 200px !important; } } @media (max-width: 1024px) { .she-header .elementor-widget-theme-site-logo .astra-logo-svg { width: 175px !important; } } @media (max-width: 880px) { .she-header .elementor-widget-theme-site-logo .astra-logo-svg { width: 175px !important; } } @media (max-width: 767px) { .she-header .elementor-widget-theme-site-logo .astra-logo-svg { width: 135px !important; } } /* ============================================================================= 03. MENÜ ============================================================================= */ .menu-gutscheine a { display: flex !important; } /* Menü-Kategorie-Kacheln (Plus Navigation) */ .plus-navigation-menu .woocommerce ul.products li.product.product-category { text-align: center; } .plus-navigation-menu .woocommerce ul.products li.product.product-category a { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-decoration: none; padding: 0.5rem 0.75rem; } .plus-navigation-menu .woocommerce ul.products li.product.product-category a img { display: block; width: 120px; height: 120px; object-fit: contain; margin: 0 auto 0.6rem; } .plus-navigation-menu .woocommerce ul.products li.product .woocommerce-loop-category__title { position: static !important; inset: auto !important; transform: none !important; background: none !important; padding: 0 !important; margin: 0; text-align: center; font-size: 1.15rem; font-weight: 800; line-height: 1.25; } .plus-navigation-menu .woocommerce ul.products li.product .woocommerce-loop-category__title:after { content: none !important; } /* ============================================================================= 04. SUCHE (FiboSearch) ============================================================================= */ /* Such-Icon */ .elementor-widget-fibosearch .dgwt-wcas-search-icon { fill: var(--e-global-color-primary); } .elementor-widget-fibosearch .dgwt-wcas-search-icon svg { width: 50px; height: 50px; } .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp { background: transparent; } .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input { font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: var(--e-global-typography-text-font-size); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); letter-spacing: var(--e-global-typography-text-letter-spacing); word-spacing: var(--e-global-typography-text-word-spacing); } .dgwt-wcas-content-wrapp .dgwt-wcas-meta .dgwt-wcas-sp { display: flex; flex-direction: row; } .dgwt-wcas-st-title { font-size: 18px; } .dgwt-wcas-content-wrapp .dgwt-wcas-meta .dgwt-wcas-sp .woocommerce-Price-amount, .dgwt-wcas-content-wrapp .dgwt-wcas-meta .dgwt-wcas-sp small.woocommerce-price-suffix { font-size: 15px !important; line-height: 15px !important; } .dgwt-wcas-si img { aspect-ratio: 1/1; object-fit: contain; } /* Elementor-interne Suchergebnis-Box */ .e-search-results-container { width: 100vw !important; max-width: 1600px !important; right: 0px !important; } @media (max-width: 1800px) { .e-search-results-container { max-width: 1050px !important; } } @media (max-width: 1200px) { .e-search-results-container { max-width: 850px !important; } } @media (max-width: 1024px) { .e-search-results-container { max-width: 750px !important; } } @media (max-width: 880px) { .e-search-results-container { max-width: 650px !important; } } @media (max-width: 767px) { .e-search-results-container { max-width: 390px !important; } } /* ============================================================================= 05. RECHTLICHES (eRecht24-Seiten) ============================================================================= */ #content .rechtliches p, #content .rechtliches li { font-size: 100% !important; line-height: 125% !important; margin-bottom: 1rem !important; } #content .rechtliches h1 { font-size: 3rem !important; line-height: 3.25rem !important; font-weight: 900 !important; color: var(--e-global-color-primary) !important; text-transform: none !important; } #content .rechtliches h2 { font-family: var(--e-global-typography-dded086-font-family) !important; font-size: 2.5rem !important; line-height: 2.75rem !important; font-weight: var(--e-global-typography-dded086-font-weight) !important; color: var(--e-global-color-primary) !important; text-transform: none !important; } #content .rechtliches h3 { font-family: var(--e-global-typography-dded086-font-family) !important; font-size: 2rem !important; line-height: 2.25rem !important; font-weight: var(--e-global-typography-dded086-font-weight) !important; color: var(--e-global-color-primary) !important; text-transform: none !important; } #content .rechtliches h4 { font-size: 1.75rem !important; line-height: 2rem !important; font-weight: 700 !important; color: var(--e-global-color-primary) !important; text-transform: none !important; } @media (max-width: 1023px) { #content .rechtliches p, #content .rechtliches li { font-size: 100% !important;  line-height: 125% !important; } #content .rechtliches h1 { font-size: 2rem !important; line-height: 2.25rem !important; } #content .rechtliches h2 { font-size: 1.75rem !important; line-height: 2rem !important; } #content .rechtliches h3 { font-size: 1.5rem !important; line-height: 1.75rem !important; } #content .rechtliches h4 { font-size: 1.1rem !important; line-height: 1.35rem !important; } } @media (max-width: 767px) { #content .rechtliches p, #content .rechtliches li { font-size: 90% !important; line-height: 115% !important; } #content .rechtliches h1 { font-size: 1.5rem !important; line-height: 1.75rem !important; } #content .rechtliches h2 { font-size: 1.25rem !important; line-height: 1.5rem !important; } #content .rechtliches h3 { font-size: 1.1rem !important; line-height: 1.35rem !important; } #content .rechtliches h4 { font-size: 1rem !important; line-height: 1.25rem !important; } } /* ============================================================================= 06. BLOG / BEITRÄGE ============================================================================= */ .single-post .site-content .ast-container { max-width: 100% !important; } .single-post h2, .single-post h3, .single-post h4 { font-weight: 700 !important; color: var(--e-global-color-secondary) !important; margin-top: 10px !important; margin-bottom: 10px !important; } .ast-article-single figure, .ast-article-single img:not(figure img) { box-shadow: none !important; } /* ============================================================================= 07. SHOP – PRODUKTÜBERSICHT (LOOP) ============================================================================= */ /* Produktboxen */ .site-main div.product .related.products ul.products li.product, .woocommerce-page .site-main ul.products li.product { width: 100%; border: 1px solid #3F495133; border-radius: 10px; padding: 15px; background-color: red !important; } .elementor-products-grid ul.products.elementor-grid li.product { display: var(--button-align-display) !important; flex-direction: var(--button-align-direction) !important; justify-content: flex-start !important; } .woocommerce ul.products li.product .astra-shop-summary-wrap, .woocommerce-page ul.products li.product .astra-shop-summary-wrap { padding: 0; } /* Produktkategorie */ .products.elementor-grid .astra-shop-summary-wrap .ast-woo-product-category { font-family: var(--e-global-typography-cfcb0b4-font-family), Sans-serif !important; font-size: var(--e-global-typography-cfcb0b4-font-size) !important; font-weight: var(--e-global-typography-cfcb0b4-font-weight) !important; text-transform: var(--e-global-typography-cfcb0b4-text-transform) !important; font-style: var(--e-global-typography-cfcb0b4-font-style) !important; line-height: var(--e-global-typography-cfcb0b4-line-height) !important; letter-spacing: var(--e-global-typography-cfcb0b4-letter-spacing) !important; } @media (max-width: 767px) { .products.elementor-grid .astra-shop-summary-wrap .ast-woo-product-category { font-size: calc(var(--e-global-typography-cfcb0b4-font-size) - .15rem) !important; line-height: calc(var(--e-global-typography-cfcb0b4-line-height) - .0rem) !important; } } /* Produkttitel */ .woocommerce-loop-product__title { font-size: var(--e-global-typography-07267d8-font-size) !important; line-height: var(--e-global-typography-07267d8-line-height) !important; letter-spacing: var(--e-global-typography-07267d8-letter-spacing) !important; margin-bottom: 0px !important; } @media (max-width: 767px) { .woocommerce-loop-product__title { font-size: calc(var(--e-global-typography-07267d8-font-size) + .2rem) !important; line-height: calc(var(--e-global-typography-07267d8-line-height) + .2rem) !important; } } /* Preis */ .products.elementor-grid .astra-shop-summary-wrap span.price, .products.elementor-grid .astra-shop-summary-wrap span.price .woocommerce-Price-amount, .products.elementor-grid .astra-shop-summary-wrap small.woocommerce-price-suffix { font-size: calc(var(--e-global-typography-text-font-size) - .1rem) !important; line-height: var(--e-global-typography-text-line-height) !important; letter-spacing: var(--e-global-typography-text-letter-spacing) !important; word-spacing: var(--e-global-typography-text-word-spacing) !important; font-weight: var(--e-global-typography-text-font-weight) !important; color: var(--e-global-color-primary) !important; } /* Meta-Informationen */ .products.elementor-grid .astra-shop-summary-wrap .product-units, .products.elementor-grid .astra-shop-summary-wrap .price.price-unit, .products.elementor-grid .astra-shop-summary-wrap .price.price-unit, .products.elementor-grid .astra-shop-summary-wrap .price.price-unit .woocommerce-Price-amount, .products.elementor-grid .astra-shop-summary-wrap .price.price-unit .unit-base, .products.elementor-grid .astra-shop-summary-wrap .price.price-unit .unit, .products.elementor-grid .astra-shop-summary-wrap .delivery-time-info { font-family: var(--e-global-typography-cfcb0b4-font-family), Sans-serif !important; font-size: var(--e-global-typography-cfcb0b4-font-size) !important; font-weight: var(--e-global-typography-cfcb0b4-font-weight) !important; text-transform: var(--e-global-typography-cfcb0b4-text-transform) !important; font-style: var(--e-global-typography-cfcb0b4-font-style) !important; line-height: var(--e-global-typography-cfcb0b4-line-height) !important; letter-spacing: var(--e-global-typography-cfcb0b4-letter-spacing) !important; } @media (max-width: 767px) { .products.elementor-grid .astra-shop-summary-wrap .product-units, .products.elementor-grid .astra-shop-summary-wrap .price.price-unit, .products.elementor-grid .astra-shop-summary-wrap .price.price-unit, .products.elementor-grid .astra-shop-summary-wrap .price.price-unit .woocommerce-Price-amount, .products.elementor-grid .astra-shop-summary-wrap .price.price-unit .unit-base, .products.elementor-grid .astra-shop-summary-wrap .price.price-unit .unit, .products.elementor-grid .astra-shop-summary-wrap .delivery-time-info { font-size: calc(var(--e-global-typography-cfcb0b4-font-size) - .25rem) !important; line-height: calc(var(--e-global-typography-cfcb0b4-line-height) - .15rem) !important; } } /* Produkt-Zertifikate */ .product-certificates { margin-top: 10px !important; } @media (max-width: 767px) { .product-certificates { margin-top: 5px !important; } } /* "Nicht verfügbar"-Badge */ .ast-shop-product-out-of-stock { color: var(--e-global-color-15edfd9); background-color: var(--e-global-color-secondary) !important; padding: .5em 0 .5em !important; left: 0em !important; right: 0em !important; font-family: var(--e-global-typography-f1fa36b-font-family), Sans-serif !important; font-size: var(--e-global-typography-f1fa36b-font-size) !important; font-weight: var(--e-global-typography-f1fa36b-font-weight) !important; text-transform: var(--e-global-typography-f1fa36b-text-transform) !important; line-height: var(--e-global-typography-f1fa36b-line-height) !important; } .stock.out-of-stock { width: fit-content !important; color: var(--e-global-color-15edfd9) !important; background-color: var(--e-global-color-secondary) !important; padding: .5em .5em !important; margin-bottom: 0 !important; font-family: var(--e-global-typography-f1fa36b-font-family), Sans-serif !important; font-size: var(--e-global-typography-f1fa36b-font-size) !important; font-weight: var(--e-global-typography-f1fa36b-font-weight) !important; text-transform: var(--e-global-typography-f1fa36b-text-transform) !important; line-height: var(--e-global-typography-f1fa36b-line-height) !important; } /* Sale-Badge */ .ast-onsale-card { top: .5em; left: .5em; font-size: 1em; } /* Produktbilder – quadratisch, nicht beschnitten */ ul.products.elementor-grid li.product .astra-shop-thumbnail-wrap a.woocommerce-LoopProduct-link.woocommerce-loop-product__link { display: block; background: #fff; aspect-ratio: 1 / 1; overflow: hidden; } ul.products.elementor-grid li.product .astra-shop-thumbnail-wrap a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img { display: block; width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center !important; background: #fff; padding: 30px; } @media (max-width: 767px) { ul.products.elementor-grid li.product .astra-shop-thumbnail-wrap a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img { padding: 10px !important; } } /* Zertifikate-Liste */ .product-certificates .cert-list { display: grid !important; grid-template-columns: repeat(6, 1fr) !important; gap: 5px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; } .product-certificates .cert-item { display: flex !important; align-items: center !important; } .product-certificates .cert-item img { max-height: 60px !important; width: auto !important; display: block !important; margin: 0 !important; } /* Kategorie-Hero: volle Breite */ body.tax-product_cat #cat-hero .elementor-container, body.tax-product_cat #cat-hero .e-con, body.tax-product_cat #cat-hero .e-con-inner { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } /* Responsive Grid */ @media (max-width: 921px) { .woocommerce.tablet-rel-up-columns-3 ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } .woocommerce div.product .related.products ul.products li.product, .woocommerce[class*="rel-up-columns-"] div.product .related.products ul.products li.product, .woocommerce-page div.product .related.products ul.products li.product, .woocommerce-page[class*="rel-up-columns-"] div.product .related.products ul.products li.product { margin-right: 0px; clear: none; } } /* Lagerhinweis */ .elementor-element.produkt-lagerung.elementor-widget-text-editor { font-size: 1.25rem !important; line-height: 1.5rem !important; } @media (max-width: 544px) { .ast-header-break-point .ast-shop-toolbar-container { display: none !important; } } /* ============================================================================= 08. SHOP – EINZELPRODUKT ============================================================================= */ /* Produktbilder quadratisch */ .woocommerce-js div.product div.images img { object-fit: contain; background-color: white; aspect-ratio: 1/1 !important; } /* Preisanzeige */ .single-product .elementor-widget-woocommerce-product-price .price small.woocommerce-price-suffix { font-size: 2.5rem !important; } .single-product .price-unit .woocommerce-Price-amount { font-family: var(--e-global-typography-cfcb0b4-font-family), Sans-serif !important; font-size: var(--e-global-typography-cfcb0b4-font-size) !important; font-weight: var(--e-global-typography-cfcb0b4-font-weight) !important; text-transform: var(--e-global-typography-cfcb0b4-text-transform) !important; font-style: var(--e-global-typography-cfcb0b4-font-style) !important; line-height: var(--e-global-typography-cfcb0b4-line-height) !important; letter-spacing: var(--e-global-typography-cfcb0b4-letter-spacing) !important; } .single-product .product_meta { font-size: 1rem !important; } .single-product .product_meta a { font-size: 1rem !important; } /* Extras-Icon */ .ast-single-product-extras svg, .ast-single-product-extras .ast-extra-image { width: 1em; height: 1em; fill: var(--ast-global-color-1) !important; } /* BESCHREIBUNG */ .single-product .woocommerce-tabs #tab-description p { margin-bottom: .5rem !important; } .single-product .woocommerce-tabs #tab-description ul { margin-top: 10px !important; } .single-product .woocommerce-tabs #tab-description ul li { margin-bottom: 5px !important; font-family: var(--e-global-typography-text-font-family), Sans-serif !important; font-size: var(--e-global-typography-text-font-size) !important; font-weight: var(--e-global-typography-text-font-weight) !important; text-transform: var(--e-global-typography-text-text-transform) !important; font-style: var(--e-global-typography-text-font-style) !important; text-decoration: var(--e-global-typography-text-text-decoration) !important; line-height: var(--e-global-typography-text-line-height) !important; letter-spacing: var(--e-global-typography-text-letter-spacing) !important; word-spacing: var(--e-global-typography-text-word-spacing) !important; } /* ZUTATEN & NÄHRWERTE */ .single-product .woocommerce-tabs #tab-ingredients_nutrients h2.wc-gzd-ingredients-heading, .single-product .woocommerce-tabs #tab-ingredients_nutrients h2.wc-gzd-nutrients-heading { margin: 0px !important; font-family: var(--e-global-typography-180a3b3-font-family), Sans-serif !important; font-size: var(--e-global-typography-180a3b3-font-size) !important; font-weight: var(--e-global-typography-180a3b3-font-weight) !important; text-transform: var(--e-global-typography-180a3b3-text-transform) !important; line-height: var(--e-global-typography-180a3b3-line-height) !important; letter-spacing: var(--e-global-typography-180a3b3-letter-spacing) !important; } .single-product .woocommerce-tabs #tab-ingredients_nutrients .wc-gzd-ingredients, .single-product .woocommerce-tabs #tab-ingredients_nutrients .wc-gzd-nutrients { margin-bottom: 1rem !important; } .single-product .woocommerce-tabs #tab-ingredients_nutrients .wc-gzd-ingredients p, .single-product .woocommerce-tabs #tab-ingredients_nutrients .wc-gzd-nutrients p { margin-bottom: 1rem !important; font-family: var(--e-global-typography-text-font-family), Sans-serif !important; font-size: var(--e-global-typography-text-font-size) !important; font-weight: var(--e-global-typography-text-font-weight) !important; text-transform: var(--e-global-typography-text-text-transform) !important; font-style: var(--e-global-typography-text-font-style) !important; text-decoration: var(--e-global-typography-text-text-decoration) !important; line-height: var(--e-global-typography-text-line-height) !important; letter-spacing: var(--e-global-typography-text-letter-spacing) !important; word-spacing: var(--e-global-typography-text-word-spacing) !important; } /* Nährwerttabelle */ .wc-gzd-food-table tr th, .wc-gzd-food-table tr td { padding: .25rem 1rem !important; } .wc-gzd-food-table tr th span, .wc-gzd-food-table tr td span { font-family: var(--e-global-typography-text-font-family), Sans-serif !important; font-size: var(--e-global-typography-text-font-size) !important; /* font-weight: var(--e-global-typography-text-font-weight) !important;*/ text-transform: var(--e-global-typography-text-text-transform) !important; font-style: var(--e-global-typography-text-font-style) !important; text-decoration: var(--e-global-typography-text-text-decoration) !important; line-height: var(--e-global-typography-text-line-height) !important; letter-spacing: var(--e-global-typography-text-letter-spacing) !important; word-spacing: var(--e-global-typography-text-word-spacing) !important; } .wc-gzd-food-table tr.wc-gzd-nutrient-table-item-is-child th { padding-left: 2rem !important; } /* ZUSÄTZLICHE INFORMATIONEN */ table.woocommerce-product-attributes tr th, table.woocommerce-product-attributes tr td { padding: .25rem 1rem !important; } /* REZENSIONEN */ .woocommerce-Reviews #comments .woocommerce-noreviews { color: var(--e-global-color-primary) !important; font-family: var(--e-global-typography-text-font-family), Sans-serif !important; font-size: var(--e-global-typography-text-font-size) !important; font-style: normal !important; font-weight: var(--e-global-typography-text-font-weight) !important; text-transform: var(--e-global-typography-text-text-transform) !important; font-style: var(--e-global-typography-text-font-style) !important; text-decoration: var(--e-global-typography-text-text-decoration) !important; line-height: var(--e-global-typography-text-line-height) !important; letter-spacing: var(--e-global-typography-text-letter-spacing) !important; word-spacing: var(--e-global-typography-text-word-spacing) !important; } /* Box */ .woocommerce-Reviews #comments .commentlist li.review .comment_container .comment-text { margin-left: 0 !important; padding: 1rem !important; } .woocommerce-Reviews #comments .commentlist li.review { border-bottom: none !important; margin: 0 0 1.5rem !important; } /* Box - Antwort */ .woocommerce-Reviews #comments .commentlist li.review .children { margin: 20px 0 0 20px !important; } .woocommerce-Reviews #comments .commentlist li.review .children .comment { margin: 0 0 0rem !important; } /* Benutzerbild ausblenden */ .woocommerce-Reviews #comments .commentlist li.review .comment_container img { display: none !important; } /* Bewertung */ .woocommerce-Reviews #comments .commentlist li.review .comment_container .comment-text .review-rating .star-rating { margin-bottom: 0.5rem !important; } /* Name & Datum */ .woocommerce-Reviews #comments .commentlist li.review .comment_container .comment-text .meta { color: var(--e-global-color-primary) !important; margin-bottom: 0 !important; } .woocommerce-Reviews #comments .commentlist li.review .comment_container .comment-text .meta .woocommerce-review__author { font-family: var(--e-global-typography-180a3b3-font-family), Sans-serif !important; font-size: var(--e-global-typography-180a3b3-font-size) !important; font-weight: var(--e-global-typography-180a3b3-font-weight) !important; text-transform: var(--e-global-typography-180a3b3-text-transform) !important; line-height: var(--e-global-typography-180a3b3-line-height) !important; letter-spacing: var(--e-global-typography-180a3b3-letter-spacing) !important; } .woocommerce-Reviews #comments .commentlist li.review .comment_container .comment-text .meta .woocommerce-review__dash { display: inline !important; font-family: var(--e-global-typography-180a3b3-font-family), Sans-serif !important; font-size: var(--e-global-typography-180a3b3-font-size) !important; font-weight: var(--e-global-typography-180a3b3-font-weight) !important; text-transform: var(--e-global-typography-180a3b3-text-transform) !important; line-height: var(--e-global-typography-180a3b3-line-height) !important; letter-spacing: var(--e-global-typography-180a3b3-letter-spacing) !important; } .woocommerce-Reviews #comments .commentlist li.review .comment_container .comment-text .meta .woocommerce-review__published-date{ padding-left: 0 !important; font-family: var(--e-global-typography-180a3b3-font-family), Sans-serif !important; font-size: var(--e-global-typography-180a3b3-font-size) !important; font-weight: var(--e-global-typography-180a3b3-font-weight) !important; text-transform: var(--e-global-typography-180a3b3-text-transform) !important; line-height: var(--e-global-typography-180a3b3-line-height) !important; letter-spacing: var(--e-global-typography-180a3b3-letter-spacing) !important; } /* Rezensionstext */ .woocommerce-Reviews #comments .commentlist li.review .comment_container .comment-text .description p { margin: 0 0 0.25rem !important; font-family: var(--e-global-typography-text-font-family), Sans-serif !important; font-size: var(--e-global-typography-text-font-size) !important; font-weight: var(--e-global-typography-text-font-weight) !important; text-transform: var(--e-global-typography-text-text-transform) !important; font-style: var(--e-global-typography-text-font-style) !important; text-decoration: var(--e-global-typography-text-text-decoration) !important; line-height: var(--e-global-typography-text-line-height) !important; letter-spacing: var(--e-global-typography-text-letter-spacing) !important; word-spacing: var(--e-global-typography-text-word-spacing) !important; } /* Verifizierung */ .woocommerce-Reviews #comments .commentlist li.review .comment_container .comment-text .wc-gzd-review-authenticity-status { margin: 0 0 .5rem !important; font-size: .8rem !important; } .woocommerce-Reviews #comments .commentlist li.review .comment_container .comment-text .wc-gzd-review-authenticity-status a { display: none !important; } /* Rezension - Reihenfolge */ .woocommerce-Reviews #comments .commentlist li.review .comment_container .comment-text .review-rating { order: 1 !important; } .woocommerce-Reviews #comments .commentlist li.review .comment_container .comment-text .meta { order: 2 !important; } .woocommerce-Reviews #comments .commentlist li.review .comment_container .comment-text .description { order: 3 !important; } .woocommerce-Reviews #comments .commentlist li.review .comment_container .comment-text .wc-gzd-review-authenticity-status { order: 4 !important; } /* Rezension / Bewertungsformular */ .woocommerce-Reviews .comment-form-comment textarea { padding: 10px !important; } .woocommerce-Reviews #review_form_wrapper #review_form { padding: 1rem !important; border-radius: 10px !important; } .woocommerce-Reviews #review_form_wrapper #review_form .form-submit input { background-color: var(--e-global-color-secondary); font-family: var(--e-global-typography-accent-font-family), Sans-serif; font-size: var(--e-global-typography-accent-font-size); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); word-spacing: var(--e-global-typography-accent-word-spacing); color: var(--e-global-color-15edfd9); border-style: solid; border-width: 2px 2px 2px 2px; border-color: var(--e-global-color-secondary); border-radius: 5px 5px 5px 5px; padding: 10px 20px 10px 20px; } .woocommerce-Reviews #review_form_wrapper #review_form .form-submit input:hover { background-color: var(--e-global-color-15edfd9); color: var(--e-global-color-secondary); border-style: solid; border-width: 2px 2px 2px 2px; border-color: var(--e-global-color-secondary); } /* Ähnliche Produkte */ .aehnliche-produkte .products .astra-shop-summary-wrap .price-unit, .aehnliche-produkte .products .astra-shop-summary-wrap .price-unit span { color: var(--e-global-color-primary) !important; } /* Gutscheine - Rezensionen ausblenden */ .postid-6548 .elementor-widget-tp-woo-single-tabs { display: none !important; } /* Produkt in Warenkorb gelegt */ .single-product .woocommerce-message .button { font-family: var(--e-global-typography-accent-font-family), Sans-serif !important; font-size: var(--e-global-typography-accent-font-size) !important; font-weight: var(--e-global-typography-accent-font-weight) !important; text-transform: var(--e-global-typography-accent-text-transform) !important; font-style: var(--e-global-typography-accent-font-style) !important; text-decoration: var(--e-global-typography-accent-text-decoration) !important; line-height: var(--e-global-typography-accent-line-height) !important; letter-spacing: var(--e-global-typography-accent-letter-spacing) !important; word-spacing: var(--e-global-typography-accent-word-spacing) !important; background-color: var(--e-global-color-secondary) !important; color: var(--e-global-color-15edfd9) !important; border-style: solid !important; border-width: 2px 2px 2px 2px !important; border-color: var(--e-global-color-secondary) !important; border-radius: 5px 5px 5px 5px !important; padding: 10px 20px 10px 20px !important; } .single-product .woocommerce-message .button:hover { background-color: var(--e-global-color-15edfd9) !important; color: var(--e-global-color-secondary) !important; border-style: solid !important; border-width: 2px 2px 2px 2px !important; border-color: var(--e-global-color-secondary) !important; } /* ============================================================================= 09. SHOP – OFF-CANVAS KATEGORIEN ============================================================================= */ .woocommerce .astra-off-canvas-sidebar-wrapper, .woocommerce-page .astra-off-canvas-sidebar-wrapper { z-index: 9999 !important; } .ast-off-canvas-overlay .woocommerce .astra-off-canvas-sidebar-wrapper, .ast-off-canvas-overlay .woocommerce-page .astra-off-canvas-sidebar-wrapper { z-index: 9999 !important; } /* Kategorien-Liste */ .off-canvas-produkt-kategorien .wp-block-woocommerce-product-categories .wc-block-product-categories-list, .off-canvas-produkt-kategorien .wp-block-woocommerce-product-categories .wc-block-product-categories-list ul { list-style: none; margin: 0; padding: 0; } .wc-block-product-categories-list li { padding-left: 0; } .off-canvas-produkt-kategorien .wp-block-woocommerce-product-categories .wc-block-product-categories-list-item { position: relative; margin: 0; } /* Links */ .off-canvas-produkt-kategorien .wp-block-woocommerce-product-categories .wc-block-product-categories-list-item > a { display: block; padding: 5px 0; text-decoration: none; color: inherit; } .off-canvas-produkt-kategorien .wp-block-woocommerce-product-categories li a:hover { color: var(--e-global-color-secondary) !important; } /* Unterlisten: alle ausblenden, nur geöffnete zeigen */ .off-canvas-produkt-kategorien .wp-block-woocommerce-product-categories .wc-block-product-categories-list-item > ul { display: none; } .off-canvas-produkt-kategorien .wp-block-woocommerce-product-categories .wc-block-product-categories-list-item.is-open > ul { display: block; } /* Toggle-Button */ .off-canvas-produkt-kategorien .wp-block-woocommerce-product-categories .cat-toggle { box-shadow: none; color: var(--e-global-color-primary); position: absolute; top: 0; right: 0; width: 30px; height: 30px; border: 0; background: transparent; cursor: pointer; font-size: 25px; line-height: 38px; text-align: center; padding: 0; } .off-canvas-produkt-kategorien .wp-block-woocommerce-product-categories .cat-toggle::before { content: "+"; } .off-canvas-produkt-kategorien .wp-block-woocommerce-product-categories .wc-block-product-categories-list-item.is-open .cat-toggle { color: var(--e-global-color-primary); } .off-canvas-produkt-kategorien .wp-block-woocommerce-product-categories .wc-block-product-categories-list-item.is-open > .cat-toggle::before { content: "−"; } /* Einrückung je Ebene */ .off-canvas-produkt-kategorien .wp-block-woocommerce-product-categories .wc-block-product-categories-list--depth-1 > .wc-block-product-categories-list-item > a { padding-left: 15px; font-size: 0.9em; } .off-canvas-produkt-kategorien .wp-block-woocommerce-product-categories .wc-block-product-categories-list--depth-2 > .wc-block-product-categories-list-item > a { padding-left: 30px; font-size: 0.85em; } .off-canvas-produkt-kategorien .wp-block-woocommerce-product-categories .wc-block-product-categories-list--depth-3 > .wc-block-product-categories-list-item > a { padding-left: 45px; font-size: 0.8em; } /* ============================================================================= 10. WOOCOMMERCE – WARENKORB ============================================================================= */ /* Menü-Warenkorb Slide-In */ .elementor-menu-cart__main { padding-top: 100px; } @media (max-width: 767px) { .elementor-menu-cart__main { padding-top: 20px; } } /* Menü-Warenkorb Slide-In - Produkte */ .elementor-menu-cart__main .widget_shopping_cart_content .elementor-menu-cart__product .product-thumbnail img { aspect-ratio: 1 / 1 !important; object-fit: contain !important; } .elementor-menu-cart__main .widget_shopping_cart_content .elementor-menu-cart__product .product-name .delivery-time-info, .elementor-menu-cart__main .widget_shopping_cart_content .elementor-menu-cart__product .product-name .units-info, .elementor-menu-cart__main .widget_shopping_cart_content .elementor-menu-cart__product .product-price .unit-price-cart .woocommerce-Price-amount, .elementor-menu-cart__main .widget_shopping_cart_content .elementor-menu-cart__product .product-price .unit-price-cart, .elementor-menu-cart__main .widget_shopping_cart_content .elementor-menu-cart__product .product-price .unit-price-cart .unit, .elementor-menu-cart__main .widget_shopping_cart_content .elementor-menu-cart__product .product-price .unit-price-cart .unit-base{ font-size: 12px !important; line-height: 120% !important; } .elementor-menu-cart__main .widget_shopping_cart_content .elementor-menu-cart__product .product-price .unit-price-cart { margin-top: 0 !important; line-height: 100% !important; } .elementor-menu-cart__main .widget_shopping_cart_content .elementor-menu-cart__product .product-price, .elementor-menu-cart__main .widget_shopping_cart_content .elementor-menu-cart__product .product-price .ast-mini-cart-price-wrap { display: flex !important; flex-direction: column-reverse !important; } .elementor-menu-cart__main .widget_shopping_cart_content .elementor-menu-cart__product .product-price .woocommerce-Price-amount bdi { display: flex !important; justify-content: flex-end !important; font-weight: 700 !important; } .elementor-menu-cart__main .widget_shopping_cart_content .elementor-menu-cart__subtotal { display: flex !important; justify-content: space-between !important; font-size: var(--e-global-typography-text-font-size) !important; line-height: var(--e-global-typography-text-line-height) !important; letter-spacing: var(--e-global-typography-text-letter-spacing) !important; } .elementor-menu-cart__main .widget_shopping_cart_content .elementor-menu-cart__subtotal .woocommerce-Price-amount bdi { font-weight: 700 !important; padding-right: 30px !important; } /* Warenkorb - Seite */ /* Hinweis-Banner */ .woocommerce-notices-wrapper .woocommerce-message, .cart-empty.woocommerce-info, .woocommerce-notices-wrapper, .woocommerce-NoticeGroup .woocommerce-error { color: var(--e-global-color-primary) !important; font-family: var(--e-global-typography-text-font-family), Sans-serif !important; font-size: var(--e-global-typography-text-font-size) !important; font-weight: var(--e-global-typography-text-font-weight) !important; text-transform: var(--e-global-typography-text-text-transform) !important; font-style: var(--e-global-typography-text-font-style) !important; text-decoration: var(--e-global-typography-text-text-decoration) !important; line-height: var(--e-global-typography-text-line-height) !important; letter-spacing: var(--e-global-typography-text-letter-spacing) !important; word-spacing: var(--e-global-typography-text-word-spacing) !important; margin: 1rem !important; } .woocommerce-NoticeGroup .woocommerce-error:before { font-size: var(--e-global-typography-text-font-size) !important; } @media (max-width: 767px) { .woocommerce-notices-wrapper .woocommerce-message, .cart-empty.woocommerce-info, .woocommerce-notices-wrapper p, .woocommerce-NoticeGroup .woocommerce-error li{ margin: 0rem !important; margin-bottom: 1rem !important; } } .woocommerce-notices-wrapper .woocommerce-message a, .woocommerce-notices-wrapper p a, .woocommerce-NoticeGroup .woocommerce-error li a{ color: var(--e-global-color-secondary) !important; } .woocommerce-cart .elementor-widget-woocommerce-cart .return-to-shop .wc-backward { background-color: var(--e-global-color-secondary) !important; font-family: var(--e-global-typography-accent-font-family), Sans-serif !important; font-size: var(--e-global-typography-accent-font-size) !important; font-weight: var(--e-global-typography-accent-font-weight) !important; text-transform: var(--e-global-typography-accent-text-transform) !important; font-style: var(--e-global-typography-accent-font-style) !important; text-decoration: var(--e-global-typography-accent-text-decoration) !important; line-height: var(--e-global-typography-accent-line-height) !important; letter-spacing: var(--e-global-typography-accent-letter-spacing) !important; word-spacing: var(--e-global-typography-accent-word-spacing) !important; color: var(--e-global-color-15edfd9) !important; border-style: solid !important; border-width: 2px 2px 2px 2px !important; border-color: var(--e-global-color-secondary) !important; border-radius: 5px 5px 5px 5px !important; padding: 10px 20px 10px 20px !important; } .woocommerce-cart .elementor-widget-woocommerce-cart .return-to-shop .wc-backward:hover { background-color: var(--e-global-color-15edfd9) !important; color: var(--e-global-color-secondary) !important; border-style: solid !important; border-width: 2px 2px 2px 2px !important; border-color: var(--e-global-color-secondary) !important; } /* Produkt-Zeile */ .woocommerce-cart-form .cart_item td.product-name, .woocommerce-cart-form .cart_item td.product-price, .woocommerce-cart-form .cart_item td.product-quantity, .woocommerce-cart-form .cart_item td.product-subtotal { vertical-align: baseline !important; } /* Remove-Button */ .woocommerce-cart-form .cart_item .product-remove .remove { aspect-ratio: 1/1 !important; } .woocommerce-cart-form .cart_item .product-remove .remove:before { border: 1px solid rgb(105, 114, 125) !important; } .woocommerce-cart-form .cart_item .product-remove .remove span svg { fill: rgb(105, 114, 125) !important; } .woocommerce-cart-form .cart_item .product-remove .remove:hover:before { border: 1px solid #E35C50 !important; } .woocommerce-cart-form .cart_item .product-remove .remove:hover span svg { fill: #E35C50 !important; } /* Produktfoto */ .woocommerce-cart-form .cart_item .product-thumbnail img { aspect-ratio: 1 / 1 !important; object-fit: contain !important; } /* Produkttitel */ .woocommerce-cart-form .cart_item .product-name a { font-weight: 700 !important; } /* Einheiten-Info */ .woocommerce-cart-form table.shop_table p.delivery-time-info span, .woocommerce-cart-form table.shop_table p.units-info, .woocommerce-cart-form table.shop_table p.units-info .unit, .woocommerce-cart-form table.shop_table .product-price .unit-price, .woocommerce-cart-form table.shop_table .product-price .unit-price span { line-height: 100% !important; font-size: 12px !important; } /* Zwischensumme */ .woocommerce-cart-form .cart_item .product-subtotal span { font-weight: 700 !important; } /*Handy Quer*/ @media (max-width: 921px) { /* Einheiten-Info */ .woocommerce-cart-form table.shop_table td { padding-top: 5px !important; padding-bottom: 5px !important; } /* Einheiten-Info */ .woocommerce-cart-form table.shop_table td:before, .woocommerce-cart-form table.shop_table p.delivery-time-info span, .woocommerce-cart-form table.shop_table p.units-info, .woocommerce-cart-form table.shop_table p.units-info .unit, .woocommerce-cart-form table.shop_table .product-price .unit-price, .woocommerce-cart-form table.shop_table .product-price .unit-price span { line-height: 100% !important; font-size: 12px !important; } } @media (max-width: 767px) { .elementor-widget-woocommerce-cart .e-cart__container { grid-column-gap: 15px !important; grid-row-gap: 15px !important; } .elementor-widget-woocommerce-cart .e-cart-section { padding: 1rem !important; margin: 0rem !important; } .elementor-widget-woocommerce-cart .woocommerce .coupon { margin-top: 1rem !important; } .elementor-widget-woocommerce-cart .woocommerce table.cart tr { padding: 0 !important; } } /* Versandkosten-Rechner */ .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form .form-row span.selection .select2-selection { height: 70px; border: none !important; } .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form .form-row span.selection .select2-selection .select2-selection__rendered { font-family: var(--e-global-typography-text-font-family), Sans-serif !important; font-size: var(--e-global-typography-text-font-size) !important; font-weight: var(--e-global-typography-text-font-weight) !important; line-height: var(--e-global-typography-text-line-height) !important; padding: 0; } .e-woo-select2-wrapper .select2-results__option { font-family: var(--e-global-typography-text-font-family), Sans-serif !important; } /* Coupon */ .e-coupon-anchor-description { display: none; } .coupon.e-cart-section.shop_table .coupon-col-start { flex: 1 !important; } button.woocommerce-button.e-apply-coupon { line-height: var(--e-global-typography-accent-line-height) !important; letter-spacing: var(--e-global-typography-accent-letter-spacing) !important; word-spacing: var(--e-global-typography-accent-word-spacing) !important; font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform) !important; font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration) !important; background-color: var(--e-global-color-secondary); color: var(--e-global-color-15edfd9) !important; } /* Sticky Spalte */ .e-sticky-right-column--active { position: block !important; top: 0 !important; } /* ============================================================================= 11. WOOCOMMERCE – KASSE ============================================================================= */ /* Überschriften */ .woocommerce-page.woocommerce-checkout form #order_review_heading, .woocommerce.woocommerce-checkout form #order_review_heading, .woocommerce-page.woocommerce-checkout form #order_payment_heading, .woocommerce.woocommerce-checkout form #order_payment_heading { margin-top: 0 !important; padding-top: 0; font-size: var(--e-global-typography-dded086-font-size); line-height: var(--e-global-typography-dded086-line-height); font-weight: var(--e-global-typography-dded086-font-weight); text-transform: var(--e-global-typography-dded086-text-transform); text-align: var(--billing-details-title-alignment, start); } #order_payment_heading { font-size: var(--e-global-typography-dded086-font-size); line-height: var(--e-global-typography-dded086-line-height); font-weight: var(--e-global-typography-dded086-font-weight); text-transform: var(--e-global-typography-dded086-text-transform); text-align: var(--billing-details-title-alignment, start); } .woocommerce-page.woocommerce-checkout form #order_review { margin-bottom: 0 !important; padding-bottom: 0 !important; } .woocommerce-checkout-payment { margin-bottom: 0 !important; } .wc_payment_methods.payment_methods { margin-bottom: 0 !important; } /* Zahlungsarten Labels */ .woocommerce-checkout-payment ul li label { font-family: var(--e-global-typography-text-font-family), Sans-serif !important; font-size: var(--e-global-typography-text-font-size) !important; font-weight: var(--e-global-typography-text-font-weight) !important; text-transform: var(--e-global-typography-text-text-transform) !important; font-style: var(--e-global-typography-text-font-style) !important; text-decoration: var(--e-global-typography-text-text-decoration) !important; line-height: var(--e-global-typography-text-line-height) !important; letter-spacing: var(--e-global-typography-text-letter-spacing) !important; word-spacing: var(--e-global-typography-text-word-spacing) !important; } .woocommerce-checkout-payment ul li.payment_method_mollie_wc_gateway_creditcard .payment_box { border-radius: 5px !important; } .woocommerce-checkout-payment ul li.payment_method_mollie_wc_gateway_creditcard .payment_box .mollie-components .mollie-component-label { color: var(--e-global-color-primary) !important; font-family: var(--e-global-typography-287ece5-font-family), Sans-serif !important; font-size: var(--e-global-typography-287ece5-font-size) !important; font-weight: var(--e-global-typography-287ece5-font-weight) !important; text-transform: var(--e-global-typography-287ece5-text-transform) !important; font-style: var(--e-global-typography-287ece5-font-style) !important; line-height: var(--e-global-typography-287ece5-line-height) !important; letter-spacing: var(--e-global-typography-287ece5-letter-spacing) !important; } /* Lieferadresse */ .woocommerce-shipping-fields #ship-to-different-address label { display: flex; column-gap: 10px; font-family: var(--e-global-typography-text-font-family), Sans-serif !important; font-size: var(--e-global-typography-text-font-size) !important; font-weight: var(--e-global-typography-text-font-weight) !important; line-height: var(--e-global-typography-text-line-height) !important; } .woocommerce-shipping-fields #ship-to-different-address span, .elementor-widget-woocommerce-checkout-page .woocommerce-form__label-for-checkbox span { top: 0; } .woocommerce-shipping-fields #ship-to-different-address input { width: 20px; } /* AGB / Widerruf Checkboxen */ .woocommerce .form-row .woocommerce-form__label-for-checkbox { display: inline-flex; align-items: center; gap: .5rem; line-height: 1.4; } .woocommerce .form-row .woocommerce-form__label-for-checkbox .input-checkbox { margin: 0 .5rem 0 0 !important; vertical-align: middle; } .e-checkout__order_review-2 .wc-gzd-checkbox-placeholder label { margin-bottom: 10px !important; font-family: var(--e-global-typography-287ece5-font-family), Sans-serif !important; font-size: var(--e-global-typography-287ece5-font-size) !important; font-weight: var(--e-global-typography-287ece5-font-weight) !important; text-transform: var(--e-global-typography-287ece5-text-transform) !important; font-style: var(--e-global-typography-287ece5-font-style) !important; line-height: var(--e-global-typography-287ece5-line-height) !important; letter-spacing: var(--e-global-typography-287ece5-letter-spacing) !important; height: 50px; } /* Bestellübersicht */ /* Checkboxen – AGB & Newsletter */ .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review-2 .wc-gzd-checkbox-placeholder-legal .input-checkbox, .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review-2 .wc-gzd-checkbox-placeholder-abstellgenehmigung .input-checkbox { margin-top: 3px !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review-2 .wc-gzd-checkbox-placeholder-legal .checkbox-legal , .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review-2 .wc-gzd-checkbox-placeholder-legal .checkbox, .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review-2 .wc-gzd-checkbox-placeholder-abstellgenehmigung .checkbox { margin-bottom: 5px !important; height: auto; font-family: var(--e-global-typography-287ece5-font-family), Sans-serif !important; font-size: var(--e-global-typography-287ece5-font-size) !important; font-weight: var(--e-global-typography-287ece5-font-weight) !important; text-transform: var(--e-global-typography-287ece5-text-transform) !important; font-style: var(--e-global-typography-287ece5-font-style) !important; line-height: var(--e-global-typography-287ece5-line-height) !important; letter-spacing: var(--e-global-typography-287ece5-letter-spacing) !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review-2 .wc-gzd-checkbox-placeholder-legal label, .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review-2 .wc-gzd-checkbox-placeholder-legal label span, .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review-2 .wc-gzd-checkbox-placeholder-abstellgenehmigung label, .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review-2 .wc-gzd-checkbox-placeholder-abstellgenehmigung label span { color: var(--e-global-color-primary) !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review-2 .wc-gzd-checkbox-placeholder-legal .checkout-inline-error-message { margin-bottom: 0px !important; color: red !important; font-weight: 500 !important; } /* Bestelldetails */ .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table { background-color: var(--e-global-color-accent) !important; border-radius: 5px !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table th { padding: 5px 12px 5px 0px !important; } /* Produktfoto */ .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .wc-gzd-cart-item-thumbnail img { aspect-ratio: 1 / 1 !important; object-fit: contain !important; } /* Produkttitel */ .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-name { max-width: 100% !important; padding-inline-end: 10px; } .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-name .wc-gzd-cart-item-name-wrapper { font-size: var(--e-global-typography-287ece5-font-size) !important; line-height: var(--e-global-typography-287ece5-line-height) !important; letter-spacing: var(--e-global-typography-287ece5-letter-spacing) !important; font-weight: 700 !important; } /* Produktpreis */ .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-total > .woocommerce-Price-amount bdi, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-total > .woocommerce-Price-amount .woocommerce-Price-currencySymbol { font-weight: 700 !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-total { text-align: end !important; vertical-align: middle !important; } /* Eigenschaften */ .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-total .unit-price-cart, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-total .unit-price-cart .woocommerce-Price-amount, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-total .unit-price-cart .woocommerce-Price-amount span.woocommerce-Price-currencySymbol, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-name .delivery-time-info span, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-name .units-info span { line-height: 100% !important; font-size: 12px !important; font-weight: 400 !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-name .units-info { margin-top: 0 !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table tfoot th { vertical-align: middle !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table tfoot td { text-align: right !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table tfoot tr .woocommerce-Price-amount, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table tfoot tr .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol{ font-family: var(--e-global-typography-180a3b3-font-family), Sans-serif !important; font-size: var(--e-global-typography-180a3b3-font-size) !important; font-weight: var(--e-global-typography-180a3b3-font-weight) !important; text-transform: var(--e-global-typography-180a3b3-text-transform) !important; line-height: var(--e-global-typography-180a3b3-line-height) !important; letter-spacing: var(--e-global-typography-180a3b3-letter-spacing) !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals .woocommerce-shipping-methods { margin: 0 !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals .woocommerce-shipping-methods li { padding: 0 !important; text-indent: -50px !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals .woocommerce-shipping-methods li label { font-family: var(--e-global-typography-180a3b3-font-family), Sans-serif !important; font-size: calc(var(--e-global-typography-180a3b3-font-size) - .25rem) !important; font-weight: var(--e-global-typography-180a3b3-font-weight) !important; text-transform: var(--e-global-typography-180a3b3-text-transform) !important; line-height: var(--e-global-typography-180a3b3-line-height) !important; letter-spacing: var(--e-global-typography-180a3b3-letter-spacing) !important; } /* Login-Bereich */ .elementor-widget-woocommerce-checkout-page .e-login-wrap-start, .elementor-widget-woocommerce-checkout-page .woocommerce-form-login__submit { width: 100% !important; } .e-woocommerce-login-section .e-login-wrap { flex-direction: column; } /* Versandkosten-Rechner Labels */ .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form .form-row label { font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: .7rem !important; color: var(--e-global-color-primary) !important; } .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form .form-row input { height: 70px; border: none !important; } /* ============================================================================= 12. WOOCOMMERCE – MEIN KONTO ============================================================================= */ /* Buttons */ .wc-forward, .button-document-download, .woocommerce-button, .ast-woo-grid-orders-container .ast-orders-table__cell-order-actions a, .my_account_giftcards a, .woocommerce-button.e-apply-coupon, .woocommerce-order-details .order-again a, .woocommerce-MyAccount-content .button { font-family: var(--e-global-typography-accent-font-family), Sans-serif !important; font-size: var(--e-global-typography-accent-font-size) !important; font-weight: var(--e-global-typography-accent-font-weight) !important; text-transform: var(--e-global-typography-accent-text-transform) !important; font-style: var(--e-global-typography-accent-font-style) !important; text-decoration: var(--e-global-typography-accent-text-decoration) !important; line-height: var(--e-global-typography-accent-line-height) !important; letter-spacing: var(--e-global-typography-accent-letter-spacing) !important; word-spacing: var(--e-global-typography-accent-word-spacing) !important; background-color: var(--e-global-color-secondary) !important; color: var(--e-global-color-15edfd9) !important; border: solid 2px var(--e-global-color-secondary) !important; border-radius: 5px !important; padding: 10px 20px !important; } .wc-forward:hover, .button-document-download:hover, .woocommerce-button:hover, .ast-woo-grid-orders-container .ast-orders-table__cell-order-actions a:hover, .my_account_giftcards a:hover, .woocommerce-button.e-apply-coupon:hover, .woocommerce-order-details .order-again a:hover, .woocommerce-MyAccount-content .button:hover { background-color: var(--e-global-color-15edfd9) !important; color: var(--e-global-color-secondary) !important; border: solid 2px var(--e-global-color-secondary) !important; } /* Bestellungen */ .woocommerce-MyAccount-content .ast-orders-table__cell-order-actions a { margin-right: 0 !important; } .woocommerce-MyAccount-content .ast-orders-table__cell-order-actions a:not(:first-of-type) { display: none !important; } .woocommerce-MyAccount-content .woocommerce-order-details table tbody td p, .woocommerce-MyAccount-content .woocommerce-order-details table tbody td p span, .woocommerce-MyAccount-content .woocommerce-order-details table tbody td .unit-price, .woocommerce-MyAccount-content .woocommerce-order-details table tbody td .unit-price span, .woocommerce-MyAccount-content .woocommerce-order-details table tbody td .wc-item-meta .wc-item-meta-label, .woocommerce-MyAccount-content .woocommerce-order-details table tbody td .wc-item-meta p { line-height: 100% !important; font-size: 12px !important; } .woocommerce-MyAccount-content .woocommerce-order-details table tbody td .wc-item-meta .wc-item-meta-label, .woocommerce-MyAccount-content .woocommerce-order-details table tbody td .wc-item-meta p { opacity: .7 !important; font-weight: 400 !important; } .woocommerce-MyAccount-content .woocommerce-order-details table tbody td .wc-item-meta { margin: 0 !important; } .woocommerce-MyAccount-content .woocommerce-order-details table tfoot td .button { margin-right: 10px !important; } .woocommerce-MyAccount-content .sab-documents-download { display: none !important; } /* Gutschein-Bereich */ .woocommerce-MyAccount-content .gift-card-panel-title, .yith-ywgc-add-new-gift-card-modal-wrapper .ywgc-add-new-gift-card-modal-title { margin-bottom: 0; font-family: var(--e-global-typography-dded086-font-family), Sans-serif; font-size: var(--e-global-typography-dded086-font-size); font-weight: var(--e-global-typography-dded086-font-weight); text-transform: var(--e-global-typography-dded086-text-transform); line-height: var(--e-global-typography-dded086-line-height); } .gift-card-panel-title-container { display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 10px; } .yith-add-new-gc-my-account-button { margin: 0; } /* Formulare – Labels */ .woocommerce-MyAccount-content label { font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: .7rem !important; color: var(--e-global-color-primary) !important; } .woocommerce-MyAccount-content label span.required { font-size: .7rem !important; } /* Formulare – Eingabefelder */ .woocommerce-MyAccount-content input, .woocommerce-MyAccount-content #billing_country_field, .woocommerce-MyAccount-content #billing_state_field, .woocommerce-MyAccount-content #shipping_country_field, .woocommerce-MyAccount-content #shipping_state_field { height: 70px; border: none !important; } .woocommerce-MyAccount-content #billing_state_field span.selection > span, .woocommerce-MyAccount-content #shipping_state_field span.selection > span { background-color: var(--e-global-color-accent); font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: var(--e-global-typography-text-font-size); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); word-spacing: var(--e-global-typography-text-word-spacing); color: var(--e-global-color-primary); border-style: none; border-radius: 4px; padding: 1.45em .8em .35em; } .woocommerce-MyAccount-content #billing_country_field, .woocommerce-MyAccount-content #shipping_country_field { background-color: var(--e-global-color-accent); font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: var(--e-global-typography-text-font-size); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); word-spacing: var(--e-global-typography-text-word-spacing); color: var(--e-global-color-primary); border-style: none; border-radius: 4px; padding: 0 0 .35em; } .woocommerce-MyAccount-content #billing_country_field select, .woocommerce-MyAccount-content #shipping_country_field select { padding: 0 !important; padding-left: 0.8em !important; background-color: var(--e-global-color-accent); border-style: none; font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: var(--e-global-typography-text-font-size); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); color: var(--e-global-color-primary); } /* ============================================================================= 13. WOOCOMMERCE – LOGIN / ANMELDUNG ============================================================================= */ body:not(.cartflows-canvas):not(.cartflows-default):not(.cartflows-instant-checkout) .woocommerce form .form-row .select2-container--default .select2-selection--single, body:not(.cartflows-canvas):not(.cartflows-default):not(.cartflows-instant-checkout) .woocommerce form .form-row input[type=email], body:not(.cartflows-canvas):not(.cartflows-default):not(.cartflows-instant-checkout) .woocommerce form .form-row input[type=number], body:not(.cartflows-canvas):not(.cartflows-default):not(.cartflows-instant-checkout) .woocommerce form .form-row input[type=password], body:not(.cartflows-canvas):not(.cartflows-default):not(.cartflows-instant-checkout) .woocommerce form .form-row input[type=reset], body:not(.cartflows-canvas):not(.cartflows-default):not(.cartflows-instant-checkout) .woocommerce form .form-row input[type=search], body:not(.cartflows-canvas):not(.cartflows-default):not(.cartflows-instant-checkout) .woocommerce form .form-row input[type=tel], body:not(.cartflows-canvas):not(.cartflows-default):not(.cartflows-instant-checkout) .woocommerce form .form-row input[type=text], body:not(.cartflows-canvas):not(.cartflows-default):not(.cartflows-instant-checkout) .woocommerce form .form-row input[type=url], body:not(.cartflows-canvas):not(.cartflows-default):not(.cartflows-instant-checkout) .woocommerce form .form-row select, body:not(.cartflows-canvas):not(.cartflows-default):not(.cartflows-instant-checkout) .woocommerce form .form-row textarea { height: 70px; border: none !important; border-radius: 4px; padding: .9em .8em; background-color: var(--e-global-color-accent); font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: var(--e-global-typography-text-font-size); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); word-spacing: var(--e-global-typography-text-word-spacing); color: var(--e-global-color-primary); } /* ============================================================================= 14. WOOCOMMERCE – PAGINATION ============================================================================= */ .woocommerce-pagination { text-align: center; } .woocommerce-pagination .page-numbers li { border-color: var(--e-global-color-primary) !important; } .woocommerce-pagination .page-numbers li:hover { border-color: var(--e-global-color-secondary) !important; } .woocommerce-pagination .page-numbers a { color: var(--e-global-color-primary); } /* ============================================================================= 15. WOOCOMMERCE – FREIER VERSAND-BALKEN (VillaTheme) ============================================================================= */ #wfsbp-top-bar { z-index: 1000 !important; display: block !important; visibility: visible !important; opacity: 1 !important; font-family: Rubik !important; } #wfspb-top-bar #wfspb-main-content { padding: 0 !important; } #wfspb-top-bar #wfspb-main-content, #wfspb-top-bar #wfspb-main-content .woocommerce-Price-amount { font-size: calc(var(--e-global-typography-text-font-size) - .15rem) !important; } /* Snippet – Warenkorb - Versandkosten Fortschrittsbalken */ .versand-fortschritt-container { margin: 0px; padding: 1rem; background: var(--e-global-color-accent); border-radius: 10px; } .versand-nachricht, .versand-nachricht span, .versand-nachricht.versand-erreicht { margin-bottom: 10px; font-weight: bold; } .versand-nachricht a, .versand-nachricht.versand-erreicht a { margin-left: 5px; color: var(--e-global-color-secondary); font-weight: 700; } .versand-fortschritt-balken { background: #ddd; height: 20px; border-radius: 10px; overflow: hidden; position: relative; } .versand-fortschritt-fill { background: var(--e-global-color-secondary); height: 100%; transition: width 0.3s ease; } .versand-info { margin-top: 10px; } /* ============================================================================= 16. YITH GUTSCHEINE / GIFT CARDS ============================================================================= */ /* Mein Konto – Modal */ .yith_ywgc_opened .yith-ywgc-popup-wrapper { z-index: 10000; } /* Design-Auswahl */ .ywgc_choose_design_title { display: block !important; margin-bottom: 0.25em !important; } .gift-card-content-editor .upload-image-li .ywgc-custom-picture img { box-shadow: none; } .ywgc-preset-image.ywgc-custom-picture .ywgc-custom-upload-label { bottom: -10px; } .ywgc-preset-image.ywgc-preset-image-view-all { border: none; } .ywgc-preset-image.ywgc-preset-image-view-all input[type="button"] { font-size: 16px !important; padding: 5px; letter-spacing: 0 !important; } .ywgc-preset-image.ywgc-preset-image-view-all input[type="button"]:hover { background: white !important; color: var(--e-global-color-secondary) !important; } .gift-cards_form .gift-cards-list .ywgc-manual-amount-container .ywgc-manual-amount { font-family: var(--e-global-typography-text-font-family) !important; font-size: var(--e-global-typography-text-font-size) !important; line-height: var(--e-global-typography-text-line-height) !important; letter-spacing: var(--e-global-typography-text-letter-spacing) !important; word-spacing: var 0px (--e-global-typography-text-word-spacing) !important; font-weight: var(--e-global-typography-text-font-weight) !important; } .ywgc-send-and-delivery-container .ywgc-postdated #ywgc-delivery-date { font-size: 1rem !important; } /* Formular – Eingabefelder */ .gift-card-content-editor input[type="text"], .gift-card-content-editor input[type="email"], .gift-card-content-editor textarea { background-color: var(--e-global-color-accent); padding: 10px; font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: var(--e-global-typography-text-font-size); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); word-spacing: var(--e-global-typography-text-word-spacing); color: var(--e-global-color-primary); border-style: none; border-radius: 6px; margin: 0.25em 0 0.5em 0 !important; } /* Formular – Labels */ .gift-card-content-editor label { font-family: var(--e-global-typography-180a3b3-font-family), Sans-serif; font-size: var(--e-global-typography-180a3b3-font-size); font-weight: var(--e-global-typography-180a3b3-font-weight); text-transform: var(--e-global-typography-180a3b3-text-transform); line-height: var(--e-global-typography-180a3b3-line-height); letter-spacing: var(--e-global-typography-180a3b3-letter-spacing); color: var(--e-global-color-primary); } .gift-cards_form h3 { text-transform: none; font-weight: 700; font-size: 1.65rem; margin-bottom: 10px !important; } /* Lieferdatum-Checkbox */ .ywgc-delivery-notification-checkbox-container { display: flex; } .ywgc-delivery-notification-checkbox-container input { width: 10% !important; height: 30px !important; margin-right: 10px !important; } .ywgc-delivery-notification-checkbox-container label { font-size: var(--e-global-typography-text-font-size); font-weight: var(--e-global-typography-text-font-weight); } .gift-cards_form .gift_card_template_button button { font-family: var(--e-global-typography-accent-font-family), Sans-serif !important; font-size: var(--e-global-typography-accent-font-size) !important; font-weight: var(--e-global-typography-accent-font-weight) !important; text-transform: var(--e-global-typography-accent-text-transform) !important; font-style: var(--e-global-typography-accent-font-style) !important; text-decoration: var(--e-global-typography-accent-text-decoration) !important; line-height: var(--e-global-typography-accent-line-height) !important; letter-spacing: var(--e-global-typography-accent-letter-spacing) !important; word-spacing: var(--e-global-typography-accent-word-spacing) !important; } /* ============================================================================= 17. YITH FILTER ============================================================================= */ .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable { border: 1px solid #D7D7D7; border-radius: 4px; font-weight: 400; margin-top: 0; margin-bottom: 10px; margin-right: 15px; padding: 10px 40px 10px 20px; font-size: 17px !important; } .yith-wcan-filters .yith-wcan-filter .filter-title { color: var(--yith-wcan-filters_colors_titles, #434343); font-size: 16px !important; } /* ============================================================================= 18. GRAVITY FORMS ============================================================================= */ /* Labels */ .gform_wrapper.gravity-theme .gfield_label { display: inline-block; font-size: 1.6rem; font-weight: 300; margin-bottom: 10px; padding: 0; } /* Pflichtfeld-Sternchen */ .gform_wrapper.gravity-theme .gfield_required { color: #c02b0a; display: inline-block; font-size: 1.1rem; margin-top: -10px !important; } .gform_required_legend { display: none; } /* Auswahlfelder */ select#input_1_11_2 { padding: 10px 5px !important; } .gfield select.large { border: 1px solid var(--e-global-color-text); border-radius: 0px; font-family: var(--e-global-typography-primary-font-family) !important; font-weight: 300; font-size: 1.3rem; color: var(--e-global-color-primary) !important; } .gfield select.large:focus { border: 2px solid var(--e-global-color-primary); border-radius: 0px !important; outline: none !important; color: var(--e-global-color-primary) !important; opacity: 1; } /* Eingabefelder */ #input_1_1_3, #input_1_1_6, #input_1_2, #input_1_3, #input_1_4, #input_1_5, #input_1_9, #input_1_11_3, #input_1_11_6, #input_1_11_2, #input_1_13_1, #input_1_13_3, #input_1_13_5, #input_1_12, #input_3_3, #input_3_11_2, #input_3_11_3, #input_3_11_6 { border: 0px solid var(--e-global-color-text); border-radius: 5px; font-family: var(--e-global-typography-primary-font-family) !important; font-weight: 300; font-size: 1.3rem; color: var(--e-global-color-primary) !important; } #input_1_1_3:focus, #input_1_1_6:focus, #input_1_2:focus, #input_1_3:focus, #input_1_4:focus, #input_1_5:focus, #input_1_9:focus, #input_1_11_3:focus, #input_1_11_6:focus, #input_1_11_2:focus, #input_1_13_1:focus, #input_1_13_3:focus, #input_1_13_5:focus, #input_1_12:focus, #input_3_3:focus, #input_3_11_2:focus, #input_3_11_3:focus, #input_3_11_6:focus { border: 2px solid var(--e-global-color-primary); border-radius: 5px !important; outline: none !important; color: var(--e-global-color-primary) !important; opacity: 1; } /* Beschreibungstext */ #gfield_description_1_3 { font-family: var(--e-global-typography-primary-font-family) !important; font-weight: 300; font-size: 1.6rem; color: var(--e-global-color-text); } /* Radio-Buttons */ .gform_wrapper.gravity-theme .gfield-choice-input+label { font-family: var(--e-global-typography-primary-font-family) !important; font-size: 1.1rem !important; } #label_3_17_0, #label_3_17_1 { font-size: 23px !important; font-weight: 300; } /* Consent Checkbox */ .ginput_container_consent { display: flex !important; align-items: flex-start !important; gap: 10px; margin-bottom: 10px; } .ginput_container_consent input[type="checkbox"] { width: 16px; height: 16px; margin: 4px 0 0 0; } label.gfield_consent_label { font-size: 1rem; line-height: 1.4 !important; display: inline; color: var(--e-global-color-text); } label.gfield_consent_label a { font-size: inherit !important; line-height: inherit !important; margin: 0 !important; color: var(--e-global-color-primary); } .newsletterform a, .newsletterform a:hover { color: var(--e-global-color-secondary); } /* Absende-Button */ .gform-footer input[type="submit"] { font-size: var(--e-global-typography-accent-font-size) !important; line-height: var(--e-global-typography-accent-line-height) !important; letter-spacing: var(--e-global-typography-accent-letter-spacing) !important; word-spacing: var(--e-global-typography-accent-word-spacing) !important; } /* Gravity Forms – Tablet */ @media (min-width: 768px) and (max-width: 1024px) { label.gfield_consent_label { font-size: 0.8rem !important; line-height: 1.2 !important; } .ginput_container_consent input[type="checkbox"] { width: 14px !important; height: 14px !important; margin: 1px 0 0 0 !important; } select#input_1_11_2 { padding: 10px !important; } .gform-footer input[type="submit"] { } } /* Gravity Forms – Smartphone */ @media (max-width: 767px) { label.gfield_consent_label { font-size: 0.7rem; line-height: 1.4 !important; } .gform_wrapper.gravity-theme .gfield-choice-input+label { font-size: 1.0rem !important; line-height: 1.2rem; margin-bottom: 10px !important; } .gform_wrapper.gravity-theme .gfield-choice-input { vertical-align: top !important; margin-top: 3px !important; } #input_1_1_3, #input_1_1_6, #input_1_2, #input_1_3, #input_1_4, #input_1_5, #input_1_9, #input_1_11_3, #input_1_11_6, #input_1_11_2, #input_1_13_1, #input_1_13_3, #input_1_13_5, #input_1_12 { font-size: 1.0rem; padding: 5px 5px 5px 10px !important; } select#input_1_11_2 { padding: 10px !important; } .gform-footer input[type="submit"] { width: 100% !important; } } /* ============================================================================= 19. SMASH BALLOON INSTAGRAM FEED ============================================================================= */ /* Button "Mehr laden" */ #sb_instagram .sbi_load_btn .sbi_btn_text { font-family: var(--e-global-typography-accent-font-family), Sans-serif !important; font-size: var(--e-global-typography-accent-font-size) !important; font-weight: var(--e-global-typography-accent-font-weight) !important; text-transform: var(--e-global-typography-accent-text-transform) !important; font-style: var(--e-global-typography-accent-font-style) !important; line-height: var(--e-global-typography-accent-line-height) !important; letter-spacing: var(--e-global-typography-accent-letter-spacing) !important; word-spacing: var(--e-global-typography-accent-word-spacing) !important; text-decoration: var(--e-global-typography-accent-text-decoration) !important; } #sb_instagram .sbi_load_btn { background-color: var(--e-global-color-secondary) !important; color: var(--e-global-color-15edfd9) !important; border-style: solid !important; border-width: 2px 2px 2px 2px !important; border-color: var(--e-global-color-secondary) !important; border-radius: 5px 5px 5px 5px !important; padding: 10px 20px 10px 20px !important; } #sb_instagram .sbi_load_btn:hover { background-color: var(--e-global-color-15edfd9) !important; color: var(--e-global-color-secondary) !important; border-style: solid !important; border-width: 2px 2px 2px 2px !important; border-color: var(--e-global-color-secondary) !important; } /* Button "Auf Instagram folgen" */ #sb_instagram .sbi_follow_btn a{ font-family: var(--e-global-typography-accent-font-family), Sans-serif !important; font-size: var(--e-global-typography-accent-font-size) !important; font-weight: var(--e-global-typography-accent-font-weight) !important; text-transform: var(--e-global-typography-accent-text-transform) !important; font-style: var(--e-global-typography-accent-font-style) !important; line-height: var(--e-global-typography-accent-line-height) !important; letter-spacing: var(--e-global-typography-accent-letter-spacing) !important; word-spacing: var(--e-global-typography-accent-word-spacing) !important; text-decoration: var(--e-global-typography-accent-text-decoration) !important; background: var(--e-global-color-secondary) !important; color: var(--e-global-color-15edfd9) !important; border-style: solid !important; border-width: 2px 2px 2px 2px !important; border-color: var(--e-global-color-secondary) !important; border-radius: 5px 5px 5px 5px !important; padding: 10px 20px 10px 20px !important; } #sb_instagram .sbi_follow_btn a:hover { background: var(--e-global-color-15edfd9) !important; color: var(--e-global-color-secondary) !important; border-style: solid !important; border-width: 2px 2px 2px 2px !important; border-color: var(--e-global-color-secondary) !important; box-shadow: none !important; } #sb_instagram .sbi_follow_btn svg { height: 1.4em !important; } @media (max-width: 880px) { #sb_instagram .sbi_follow_btn svg { height: 1.3em !important; } } /* ============================================================================= 20. BORLABS COOKIE ============================================================================= */ /* Revisit-Widget */ #BorlabsCookieWidget .brlbs-cmpnt-widget { bottom: 50px !important; } @media (max-width: 767px) { #BorlabsCookieWidget .brlbs-cmpnt-widget { bottom: 40px !important; padding: 15px !important; } }