/** * Theme Name: Machic Child * Description: This is a child theme of Machic, generated by Merlin WP. * Author: KlbTheme (Sinan ISIK) * Template: machic * Version: 1.6.3 */ /* ========================================================================== BRENNHOLZ MUSCHEID — SYSTÈME DE DESIGN GLOBAL (v1, 11.09.2026) Palette officielle · Typographie · Espacements · Boutons · Formulaires Les variables --bm-* sont la source de vérité ; les variables Machic (--color-*, --font-*, --size-*) sont remappées dessus. ========================================================================== */ :root { /* --- Couleurs de marque ------------------------------------------------ */ --bm-braun: #2D1E18; /* Brun Noyer Profond — principale */ --bm-anthrazit: #4A3B32; /* Charbon Chaud — secondaire */ --bm-bernstein: #D97724; /* Ambre Chaleureux — accent / CTA */ --bm-bernstein-hover: #E0852F; /* CTA hover */ --bm-bernstein-dunkel: #A3541A; /* liens, prix promo (AA sur crème) */ --bm-bernstein-hell: #F9E7D6; /* fond doux pour badges / mises en avant */ --bm-creme: #F8F6F2; /* Crème Naturel — fond */ --bm-creme-dunkel: #EFEAE2; /* surfaces secondaires */ --bm-linie: #E3DCD2; /* bordures, séparateurs */ --bm-weiss: #FFFFFF; /* cartes, champs (uniquement si utile) */ --bm-text-muted: #6B5B50; /* texte atténué (AA sur crème) */ --bm-erfolg: #3F7D4E; /* succès, « Auf Lager » */ --bm-fehler: #B3261E; /* erreurs */ /* --- Typographie ---------------------------------------------------------- */ --bm-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --bm-fs-xs: 0.8125rem; /* 13px */ --bm-fs-sm: 0.9375rem; /* 15px */ --bm-fs-base: 1rem; /* 16px */ --bm-fs-lg: 1.125rem; /* 18px */ --bm-fs-h4: clamp(1.125rem, 1.6vw, 1.25rem); --bm-fs-h3: clamp(1.25rem, 2vw, 1.5rem); --bm-fs-h2: clamp(1.625rem, 3vw, 2.25rem); --bm-fs-h1: clamp(2rem, 4.2vw, 3rem); --bm-fs-display: clamp(2.375rem, 5.5vw, 3.75rem); /* --- Espacements (base 8) ---------------------------------------------- */ --bm-space-1: 0.5rem; --bm-space-2: 1rem; --bm-space-3: 1.5rem; --bm-space-4: 2rem; --bm-space-6: 3rem; --bm-space-8: 4rem; --bm-section: clamp(3rem, 8vw, 6rem); --bm-container: 1290px; /* --- Rayons, ombres, mouvement ---------------------------------------- */ --bm-radius-sm: 6px; --bm-radius: 10px; --bm-radius-lg: 16px; --bm-radius-pill: 999px; --bm-shadow-sm: 0 1px 2px rgba(45, 30, 24, 0.06); --bm-shadow: 0 6px 20px rgba(45, 30, 24, 0.08); --bm-shadow-lg: 0 16px 40px rgba(45, 30, 24, 0.14); --bm-ease: cubic-bezier(0.22, 1, 0.36, 1); --bm-fast: 150ms; --bm-base: 250ms; --bm-slow: 600ms; --bm-focus: 0 0 0 3px rgba(217, 119, 36, 0.35); /* --- Remap des variables du thème Machic -------------------------------- */ --color-background: var(--bm-creme); --color-main-text: var(--bm-braun); --color-text-light: var(--bm-text-muted); --color-primary: var(--bm-braun); --color-secondary: var(--bm-bernstein); --color-link: var(--bm-bernstein-dunkel); --color-form-border: var(--bm-linie); --color-form-placeholder: #9A8B80; --color-theme-danger: var(--bm-fehler); --color-theme-warning: var(--bm-bernstein); --color-theme-info: var(--bm-creme-dunkel); --color-theme-border: var(--bm-linie); --color-theme-success: var(--bm-erfolg); --color-theme-light: var(--bm-creme-dunkel); --color-product-fade-border: var(--bm-linie); --color-shop-button: var(--bm-bernstein); --color-shop-button-active: var(--bm-bernstein-hover); --font-primary: var(--bm-font); --font-secondary: var(--bm-font); --size-site-width: var(--bm-container); --size-border-radius: var(--bm-radius); --size-form-radius: 8px; } /* ========================================================================== BASE ========================================================================== */ body { font-family: var(--bm-font); font-size: var(--bm-fs-base); line-height: 1.6; color: var(--bm-braun); background-color: var(--bm-creme); -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { font-family: var(--bm-font); color: var(--bm-braun); font-weight: 800; line-height: 1.15; letter-spacing: -0.01em; margin-top: 0; } h1 { font-size: var(--bm-fs-h1); } h2 { font-size: var(--bm-fs-h2); } h3 { font-size: var(--bm-fs-h3); font-weight: 700; line-height: 1.25; } h4 { font-size: var(--bm-fs-h4); font-weight: 700; line-height: 1.3; } h5, h6 { font-size: var(--bm-fs-base); font-weight: 700; } p { margin-top: 0; } a { color: var(--bm-bernstein-dunkel); text-decoration: none; transition: color var(--bm-fast) var(--bm-ease); } a:hover { color: var(--bm-braun); } strong, b { font-weight: 700; } small, .bm-text-sm { font-size: var(--bm-fs-sm); } .bm-text-muted { color: var(--bm-text-muted); } .bm-eyebrow { display: inline-block; font-size: var(--bm-fs-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bm-bernstein-dunkel); margin-bottom: var(--bm-space-1); } ::selection { background: var(--bm-bernstein-hell); color: var(--bm-braun); } :focus-visible { outline: none; box-shadow: var(--bm-focus); border-radius: var(--bm-radius-sm); } img { max-width: 100%; height: auto; } /* ========================================================================== BOUTONS — WooCommerce, Machic, Elementor, formulaires Primaire : ambre + texte brun (contraste AA 5.0). Secondaire : contour brun. ========================================================================== */ .button, .wc-block-components-button, .woocommerce .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .single_add_to_cart_button, .checkout-button, .wpcf7-form .wpcf7-submit, button[type="submit"]:not(.search-submit), .elementor-button, .bm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 48px; padding: 0.75rem 1.5rem; font-family: var(--bm-font); font-size: var(--bm-fs-base); font-weight: 700; line-height: 1.2; letter-spacing: 0.01em; text-decoration: none; white-space: nowrap; color: var(--bm-braun) !important; background-color: var(--bm-bernstein) !important; border: 2px solid var(--bm-bernstein) !important; border-radius: var(--bm-radius) !important; box-shadow: var(--bm-shadow-sm); cursor: pointer; transition: background-color var(--bm-fast) var(--bm-ease), border-color var(--bm-fast) var(--bm-ease), transform var(--bm-fast) var(--bm-ease), box-shadow var(--bm-fast) var(--bm-ease); } .button:hover, .woocommerce .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .single_add_to_cart_button:hover, .checkout-button:hover, .wpcf7-form .wpcf7-submit:hover, button[type="submit"]:not(.search-submit):hover, .elementor-button:hover, .bm-btn:hover { background-color: var(--bm-bernstein-hover) !important; border-color: var(--bm-bernstein-hover) !important; color: var(--bm-braun) !important; transform: translateY(-1px); box-shadow: var(--bm-shadow); } .button:active, .elementor-button:active, .bm-btn:active { transform: translateY(0); box-shadow: var(--bm-shadow-sm); } .button:disabled, .button.disabled, .woocommerce .button:disabled, .woocommerce .button.disabled { opacity: 0.55 !important; cursor: not-allowed; transform: none; box-shadow: none; } /* Variante secondaire (contour brun) */ .bm-btn--secondary, .button.bm-btn--secondary, .elementor-button.bm-btn--secondary, .woocommerce a.button.bm-btn--secondary { background-color: transparent !important; border-color: var(--bm-braun) !important; color: var(--bm-braun) !important; box-shadow: none; } .bm-btn--secondary:hover, .button.bm-btn--secondary:hover, .elementor-button.bm-btn--secondary:hover { background-color: var(--bm-braun) !important; color: var(--bm-creme) !important; border-color: var(--bm-braun) !important; } /* Variante sombre (fond brun, texte crème) — pour fonds clairs */ .bm-btn--dark, .elementor-button.bm-btn--dark { background-color: var(--bm-braun) !important; border-color: var(--bm-braun) !important; color: var(--bm-creme) !important; } .bm-btn--dark:hover, .elementor-button.bm-btn--dark:hover { background-color: var(--bm-anthrazit) !important; border-color: var(--bm-anthrazit) !important; color: var(--bm-weiss) !important; } /* Variante lien (texte + flèche) */ .bm-link { display: inline-flex; align-items: center; gap: 0.35rem; font-weight: 700; color: var(--bm-bernstein-dunkel); border-bottom: 2px solid transparent; transition: border-color var(--bm-fast) var(--bm-ease), gap var(--bm-fast) var(--bm-ease); } .bm-link:hover { border-bottom-color: currentColor; gap: 0.55rem; } /* Tailles */ .bm-btn--lg { min-height: 56px; padding: 1rem 2rem; font-size: var(--bm-fs-lg); } .bm-btn--sm { min-height: 40px; padding: 0.5rem 1rem; font-size: var(--bm-fs-sm); } .bm-btn--block { width: 100%; } @media (max-width: 767px) { .single_add_to_cart_button, .checkout-button, .wc-proceed-to-checkout .button { width: 100%; min-height: 52px; } } /* ========================================================================== FORMULAIRES ========================================================================== */ input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="search"], input[type="url"], textarea, select, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .select2-container--default .select2-selection--single { font-family: var(--bm-font); font-size: var(--bm-fs-base); color: var(--bm-braun); background-color: var(--bm-weiss); border: 1px solid var(--bm-linie); border-radius: 8px; min-height: 48px; padding: 0.7rem 1rem; transition: border-color var(--bm-fast) var(--bm-ease), box-shadow var(--bm-fast) var(--bm-ease); } textarea { min-height: 140px; } input:focus, textarea:focus, select:focus, .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus { outline: none; border-color: var(--bm-bernstein); box-shadow: var(--bm-focus); } ::placeholder { color: #9A8B80; opacity: 1; } label, .woocommerce form .form-row label { font-weight: 600; font-size: var(--bm-fs-sm); color: var(--bm-braun); } .woocommerce form .form-row .required { color: var(--bm-bernstein-dunkel); text-decoration: none; } /* Quantité (fiche produit / panier) */ .woocommerce .quantity .qty { border-radius: 8px; border-color: var(--bm-linie); text-align: center; font-weight: 700; } /* ========================================================================== COMPOSANTS UTILITAIRES (réutilisés dans les pages) ========================================================================== */ .bm-card { background: var(--bm-weiss); border: 1px solid var(--bm-linie); border-radius: var(--bm-radius-lg); box-shadow: var(--bm-shadow-sm); transition: transform var(--bm-base) var(--bm-ease), box-shadow var(--bm-base) var(--bm-ease); } .bm-card:hover { transform: translateY(-4px); box-shadow: var(--bm-shadow); } .bm-badge { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.3rem 0.7rem; font-size: var(--bm-fs-xs); font-weight: 700; letter-spacing: 0.02em; border-radius: var(--bm-radius-pill); background: var(--bm-bernstein-hell); color: var(--bm-bernstein-dunkel); } .bm-badge--erfolg { background: #E4EFE6; color: var(--bm-erfolg); } .bm-badge--braun { background: var(--bm-braun); color: var(--bm-creme); } .bm-badge--neutral{ background: var(--bm-creme-dunkel); color: var(--bm-anthrazit); } .bm-price { font-weight: 800; font-size: var(--bm-fs-h3); color: var(--bm-braun); letter-spacing: -0.01em; } .bm-price__tax { display: block; font-size: var(--bm-fs-xs); font-weight: 500; color: var(--bm-text-muted); letter-spacing: 0; } .bm-price del { color: var(--bm-text-muted); font-weight: 500; font-size: 0.75em; margin-right: 0.35em; } .bm-price ins { color: var(--bm-bernstein-dunkel); text-decoration: none; } .bm-divider { border: 0; border-top: 1px solid var(--bm-linie); margin: var(--bm-space-4) 0; } /* Bandeau de réassurance (utilisé plus tard dans header / pages) */ .bm-trust { display: flex; flex-wrap: wrap; gap: var(--bm-space-2) var(--bm-space-4); font-size: var(--bm-fs-sm); font-weight: 600; color: var(--bm-anthrazit); } .bm-trust__item { display: inline-flex; align-items: center; gap: 0.5rem; } .bm-trust__item svg { width: 20px; height: 20px; color: var(--bm-bernstein); flex: none; } /* Sections */ .bm-section { padding-block: var(--bm-section); } .bm-section--dark { background: var(--bm-braun); color: var(--bm-creme); } .bm-section--dark h1, .bm-section--dark h2, .bm-section--dark h3 { color: var(--bm-creme); } .bm-section--soft { background: var(--bm-creme-dunkel); } /* Apparition au scroll (JS : ajoute .in-view) */ [data-animate] { opacity: 0; transform: translateY(24px); transition: opacity var(--bm-slow) var(--bm-ease), transform var(--bm-slow) var(--bm-ease); } [data-animate].in-view { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } [data-animate] { opacity: 1; transform: none; } } /* ========================================================================== WOOCOMMERCE — ajustements globaux (prix, stock, messages) ========================================================================== */ .woocommerce .price, .woocommerce div.product p.price, .woocommerce ul.products li.product .price { color: var(--bm-braun); font-weight: 800; } .woocommerce div.product p.price ins, .woocommerce ul.products li.product .price ins { color: var(--bm-bernstein-dunkel); text-decoration: none; } .woocommerce div.product p.price del, .woocommerce ul.products li.product .price del { color: var(--bm-text-muted); font-weight: 500; } .woocommerce div.product .stock.in-stock { color: var(--bm-erfolg); font-weight: 600; } .woocommerce div.product .stock.out-of-stock { color: var(--bm-fehler); font-weight: 600; } .woocommerce span.onsale { background: var(--bm-bernstein); color: var(--bm-braun); font-weight: 700; border-radius: var(--bm-radius-pill); } .woocommerce-message, .woocommerce-info, .woocommerce-error { border-top-color: var(--bm-bernstein); background: var(--bm-weiss); color: var(--bm-braun); border-radius: var(--bm-radius); } .woocommerce-message::before, .woocommerce-info::before { color: var(--bm-bernstein-dunkel); } .woocommerce-error { border-top-color: var(--bm-fehler); } .woocommerce-error::before { color: var(--bm-fehler); } /* ========================================================================== PAGES DE CONTENU & LÉGALES (Elementor) — classes bm-* ========================================================================== */ .elementor-widget.bm-body { font-size: 1.0625rem; line-height: 1.7; color: var(--bm-braun); } .elementor-widget.bm-body p { margin-bottom: 1em; } .elementor-widget.bm-body p:last-child { margin-bottom: 0; } .elementor-widget.bm-body ul, .elementor-widget.bm-body ol { margin: 0 0 1.1em 0; padding-left: 1.4em; } .elementor-widget.bm-body li { margin-bottom: 0.45em; padding-left: 0.2em; } .elementor-widget.bm-body li::marker { color: var(--bm-bernstein-dunkel); font-weight: 700; } .elementor-widget.bm-body a { color: var(--bm-bernstein-dunkel); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; } .elementor-widget.bm-body a:hover { color: var(--bm-braun); } .elementor-widget.bm-body h3 { font-size: var(--bm-fs-h4); margin: 1.6em 0 0.5em; } .elementor-widget.bm-body strong { color: var(--bm-braun); } .elementor-widget-heading .elementor-heading-title { text-wrap: balance; } /* Hero de page */ .elementor-widget.bm-lead { font-size: var(--bm-fs-lg); color: var(--bm-anthrazit); max-width: 68ch; } .elementor-widget.bm-stand { font-size: var(--bm-fs-sm); color: var(--bm-text-muted); } .elementor-widget.bm-hero__img img { box-shadow: var(--bm-shadow); } /* Sommaire */ .bm-toc { background: var(--bm-weiss); border: 1px solid var(--bm-linie); border-radius: var(--bm-radius-lg); padding: 1.25rem 1.5rem; } .bm-toc .bm-toc__title { font-size: var(--bm-fs-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bm-text-muted); margin: 0 0 0.6rem; } .bm-toc ol { margin: 0; padding-left: 1.3em; columns: 2; column-gap: 2rem; } .bm-toc li { break-inside: avoid; margin-bottom: 0.35em; font-size: var(--bm-fs-sm); } .bm-toc a { color: var(--bm-braun); text-decoration: none; font-weight: 500; } .bm-toc a:hover { color: var(--bm-bernstein-dunkel); } @media (max-width: 767px) { .bm-toc ol { columns: 1; } } /* Sections numérotées : ancre décalée sous un header sticky */ .elementor-widget-heading[id] { scroll-margin-top: 110px; } /* Encadré d'information */ .bm-infobox-title .elementor-heading-title { font-size: var(--bm-fs-h4); } /* Faits clés (chiffres) */ .bm-fact-value .elementor-heading-title { font-size: clamp(1.5rem, 2.6vw, 2rem); letter-spacing: -0.02em; } .elementor-widget.bm-fact-label { font-size: var(--bm-fs-sm); color: var(--bm-anthrazit); } /* Étapes (icon-box) */ .bm-step-box .elementor-icon-box-icon .elementor-icon { background: var(--bm-bernstein-hell); color: var(--bm-bernstein-dunkel); border-radius: 12px; width: 52px; height: 52px; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; } .bm-step-box .elementor-icon-box-title { font-size: var(--bm-fs-h4); font-weight: 700; color: var(--bm-braun); margin-bottom: 0.4rem; } .bm-step-box .elementor-icon-box-description { font-size: var(--bm-fs-sm); color: var(--bm-anthrazit); line-height: 1.6; } /* Carte contact sombre */ .elementor-widget.bm-contact-text a { color: var(--bm-bernstein) !important; text-decoration: none; font-weight: 600; } .elementor-widget.bm-contact-text a:hover { color: var(--bm-creme) !important; } .elementor-widget.bm-contact-text strong { color: var(--bm-creme); } /* Formulaire type document (Muster-Widerrufsformular) */ .elementor-widget.bm-formbox-text { font-size: var(--bm-fs-base); } .bm-formbox-text .bm-line { display: inline-block; min-width: 60%; border-bottom: 1px solid var(--bm-linie); height: 1em; vertical-align: bottom; } /* FAQ (details natifs) */ .bm-faq details { background: var(--bm-weiss); border: 1px solid var(--bm-linie); border-radius: var(--bm-radius); margin-bottom: 0.75rem; } .bm-faq summary { list-style: none; cursor: pointer; padding: 1rem 3rem 1rem 1.25rem; font-weight: 700; font-size: var(--bm-fs-base); color: var(--bm-braun); position: relative; } .bm-faq summary::-webkit-details-marker { display: none; } .bm-faq summary::after { content: ""; position: absolute; right: 1.25rem; top: 50%; width: 10px; height: 10px; border-right: 2px solid var(--bm-bernstein-dunkel); border-bottom: 2px solid var(--bm-bernstein-dunkel); transform: translateY(-70%) rotate(45deg); transition: transform var(--bm-fast) var(--bm-ease); } .bm-faq details[open] summary::after { transform: translateY(-30%) rotate(-135deg); } .bm-faq details[open] summary { border-bottom: 1px solid var(--bm-linie); } .bm-faq .bm-faq__a { padding: 1rem 1.25rem 1.25rem; font-size: 1.0625rem; line-height: 1.7; color: var(--bm-anthrazit); } .bm-faq .bm-faq__a p { margin: 0 0 0.8em; } .bm-faq .bm-faq__a p:last-child { margin: 0; } .bm-faq summary:focus-visible { box-shadow: var(--bm-focus); border-radius: var(--bm-radius); } /* Contact Form 7 */ .bm-form .wpcf7 { max-width: 100%; } .bm-form .wpcf7-form label { display: block; font-weight: 600; font-size: var(--bm-fs-sm); margin-bottom: 0.35rem; } .bm-form .wpcf7-form .bm-field { margin-bottom: 1.1rem; } .bm-form .wpcf7-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]), .bm-form .wpcf7-form select, .bm-form .wpcf7-form textarea { width: 100%; } .bm-form .wpcf7-form input[type="file"] { display: block; font-size: var(--bm-fs-sm); padding: 0.5rem 0; } .bm-form .wpcf7-form .bm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.25rem; } @media (max-width: 767px) { .bm-form .wpcf7-form .bm-grid { grid-template-columns: 1fr; } } .bm-form .wpcf7-form .wpcf7-list-item { margin: 0; } .bm-form .wpcf7-form .wpcf7-acceptance label { display: flex; gap: 0.6rem; align-items: flex-start; font-weight: 500; font-size: var(--bm-fs-sm); color: var(--bm-anthrazit); } .bm-form .wpcf7-form .wpcf7-acceptance input { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--bm-bernstein-dunkel); flex: none; } .bm-form .wpcf7-form .bm-hint { font-size: var(--bm-fs-xs); color: var(--bm-text-muted); margin-top: 0.3rem; } .bm-form .wpcf7-not-valid-tip { color: var(--bm-fehler); font-size: var(--bm-fs-xs); font-weight: 600; margin-top: 0.3rem; } .bm-form .wpcf7-response-output { border-radius: var(--bm-radius); padding: 0.9rem 1.1rem; margin: 1.25rem 0 0; font-weight: 600; } .bm-form .wpcf7-form.sent .wpcf7-response-output { border-color: var(--bm-erfolg); color: var(--bm-erfolg); background: #E4EFE6; } .bm-form .wpcf7-form.invalid .wpcf7-response-output, .bm-form .wpcf7-form.failed .wpcf7-response-output { border-color: var(--bm-fehler); color: var(--bm-fehler); background: #F6E1DF; } .bm-form .wpcf7-spinner { display: none; } /* Pied de page de contenu : mention "Stand" */ .bm-stand-foot { font-size: var(--bm-fs-sm); color: var(--bm-text-muted); border-top: 1px solid var(--bm-linie); padding-top: 1rem; } /* Gabarit Elementor pleine largeur : neutraliser les marges du thème */ .elementor-page.page-template-elementor_header_footer .site-content, .elementor-page .site-main > .container { max-width: none; padding: 0; } /* Variantes de boutons (classe posée sur le widget Elementor) */ .bm-btn--secondary .elementor-button { background-color: transparent !important; border-color: var(--bm-braun) !important; color: var(--bm-braun) !important; box-shadow: none; } .bm-btn--secondary .elementor-button:hover { background-color: var(--bm-braun) !important; border-color: var(--bm-braun) !important; color: var(--bm-creme) !important; } .bm-btn--dark .elementor-button { background-color: var(--bm-braun) !important; border-color: var(--bm-braun) !important; color: var(--bm-creme) !important; } .bm-btn--dark .elementor-button:hover { background-color: var(--bm-anthrazit) !important; border-color: var(--bm-anthrazit) !important; color: var(--bm-weiss) !important; } .bm-btn--secondary-dark .elementor-button { background-color: transparent !important; border-color: rgba(248, 246, 242, 0.55) !important; color: var(--bm-creme) !important; box-shadow: none; } .bm-btn--secondary-dark .elementor-button:hover { background-color: var(--bm-creme) !important; border-color: var(--bm-creme) !important; color: var(--bm-braun) !important; } .elementor-widget-button .elementor-button-icon { font-size: 0.95em; } /* Encadré « Das Wichtigste in Kürze » */ .bm-summary-list .elementor-icon-list-text { font-size: 1rem; line-height: 1.55; color: var(--bm-braun); } .bm-summary-list .elementor-icon-list-icon { padding-top: 3px; } /* Icône de carte */ .elementor-widget.bm-icon .elementor-icon { background: var(--bm-bernstein-hell); width: 48px; height: 48px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; } .elementor-widget.bm-icon .elementor-icon svg, .elementor-widget.bm-icon .elementor-icon i { font-size: 20px; width: 20px; height: 20px; color: var(--bm-bernstein-dunkel); fill: var(--bm-bernstein-dunkel); } /* Cartes de liens « Weitere Informationen » */ .bm-linkcard .elementor-icon-box-icon .elementor-icon { background: var(--bm-creme-dunkel); color: var(--bm-bernstein-dunkel); width: 44px; height: 44px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; } .bm-linkcard .elementor-icon-box-title { font-size: var(--bm-fs-base); margin-bottom: 0.25rem; } .bm-linkcard .elementor-icon-box-title a { color: var(--bm-braun); transition: color var(--bm-fast) var(--bm-ease); } .bm-linkcard .elementor-icon-box-description { font-size: var(--bm-fs-sm); color: var(--bm-text-muted); line-height: 1.5; } .bm-linkcard:hover .elementor-icon-box-title a { color: var(--bm-bernstein-dunkel); } /* ===================================================================== PRODUKTSEITE (Refonte 11.09.2026) — Hero, Kaufbox, Mengen-Selector, Sektionen, Sticky-Leiste (mobil), Toast, Warenkorb-Preise / Staffelhinweis Tokens: --bm-* (Design-System v1). Nur echte Daten aus WooCommerce. ===================================================================== */ :root{--bm-erfolg-hell:#E6F1E8} /* Machic: Wunschliste/Vergleich im Kaufformular und Social-Share entfallen */ .single-product form.cart .wishlist-button,.single-product form.cart .compare-button,.single-product form.cart .klb-wishlist,.single-product form.cart .klb-compare,.single-product .klb-product-detail .social-share,.single-product .klb-product-detail .product-meta,.single-product .klb-product-detail .klb-single-stock,.single-product .klb-product-detail .product_meta{display:none!important} .single-product .klb-product-detail .product-info,.single-product .klb-product-detail .product-info-top{display:block;padding:0;margin:0;border:0} /* ---- Layout Hero ---- */ @media (min-width:1024px){.single-product .single-product-container>.row{align-items:flex-start}} @media (min-width:1024px){.single-product .klb-product-gallery{position:sticky;top:110px}} .single-product .klb-product-gallery img{border-radius:var(--bm-radius-lg)} .single-product .klb-product-detail{min-width:0} .bm-h-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700} .bm-h-cat{color:var(--bm-braun);text-decoration:none} .bm-h-cat:hover{color:var(--bm-bernstein)} .bm-h-sku{color:var(--bm-text-muted);font-weight:500;letter-spacing:.02em;text-transform:none;font-size:12px} .single-product .product_title{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.015em;line-height:1.15;color:var(--bm-braun);margin:0 0 12px} .bm-h-lead p{font-size:17px;line-height:1.55;color:var(--bm-anthrazit);margin:0 0 14px} .bm-h-lead .bm-facts{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .bm-h-lead .bm-facts li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--bm-creme);border:1px solid var(--bm-linie);border-radius:var(--bm-radius);min-width:0} .bm-h-lead .bm-facts strong{font-size:18px;font-weight:800;line-height:1.1;color:var(--bm-braun);letter-spacing:-.01em} .bm-h-lead .bm-facts span{font-size:12.5px;color:var(--bm-text-muted);line-height:1.35} /* ---- Kaufbox ---- */ .bm-buy{background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius-lg);padding:20px;box-shadow:var(--bm-shadow-sm);margin:0 0 12px} .bm-buy .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:34px;font-weight:800;letter-spacing:-.02em;color:var(--bm-braun);margin:0 0 4px;line-height:1.1} .bm-buy .price .bm-tax-note{font-size:13px;font-weight:500;color:var(--bm-text-muted);letter-spacing:0} .bm-buy .price del{font-size:18px;color:var(--bm-text-muted);font-weight:500} .bm-price-notes{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:13px;color:var(--bm-text-muted);margin:0 0 10px} .bm-price-notes a{color:var(--bm-braun);font-weight:600;text-decoration:underline;text-underline-offset:3px} .bm-price-notes .wc-gzd-additional-info,.bm-price-notes p{margin:0;font-size:13px;display:inline} .bm-avail{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;font-weight:600;color:var(--bm-braun);padding:10px 0 14px;border-bottom:1px solid var(--bm-linie);margin-bottom:14px} .bm-avail-dot{width:10px;height:10px;border-radius:50%;background:var(--bm-erfolg);box-shadow:0 0 0 3px var(--bm-erfolg-hell)} .bm-avail.is-out .bm-avail-dot{background:var(--bm-text-muted);box-shadow:none} .bm-avail.is-in .bm-avail-text{color:var(--bm-erfolg)} .bm-avail-sep{color:var(--bm-linie)} .bm-avail-time{font-weight:500;color:var(--bm-text-muted)} /* ---- Mengen-Selector ---- */ .bm-qty{margin:0 0 14px;min-width:0} .bm-qty-head{margin:0 0 10px} .bm-qty-title{margin:0;font-size:16px;font-weight:800;color:var(--bm-braun)} .bm-qty-sub{margin:2px 0 0;font-size:13px;color:var(--bm-text-muted);line-height:1.4} .bm-qty-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .bm-tier{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:12px 6px 10px;background:#fff;border:2px solid var(--bm-linie);border-radius:var(--bm-radius);cursor:pointer;font:inherit;color:var(--bm-anthrazit);line-height:1.2;text-align:center;transition:border-color var(--bm-fast),background var(--bm-fast),transform var(--bm-base) var(--bm-ease),box-shadow var(--bm-fast);box-shadow:none;min-height:0;height:auto;min-width:0} .bm-tier:hover{border-color:var(--bm-braun);background:#fff;color:var(--bm-anthrazit);transform:translateY(-2px);box-shadow:var(--bm-shadow-sm)} .bm-tier:focus-visible{outline:3px solid var(--bm-bernstein);outline-offset:2px} .bm-tier.is-active{border-color:var(--bm-braun);background:var(--bm-braun);color:#fff} .bm-tier-qty{font-size:24px;font-weight:800;line-height:1} .bm-tier-unit{font-size:11px;color:var(--bm-text-muted);text-transform:uppercase;letter-spacing:.04em} .bm-tier.is-active .bm-tier-unit{color:rgba(255,255,255,.75)} .bm-tier-label{margin-top:5px;font-size:12px;font-weight:800;color:var(--bm-bernstein);background:var(--bm-bernstein-hell);border-radius:999px;padding:2px 8px;white-space:nowrap} .bm-tier[data-qty="1"] .bm-tier-label{color:var(--bm-text-muted);background:var(--bm-creme)} .bm-tier.is-active .bm-tier-label{color:var(--bm-braun);background:var(--bm-bernstein-dunkel)} .bm-tier.is-active[data-qty="1"] .bm-tier-label{color:#fff;background:rgba(255,255,255,.18)} .bm-tier-total{margin-top:6px;font-size:13px;font-weight:700;color:var(--bm-braun);overflow-wrap:anywhere} .bm-tier-each{font-size:11px;color:var(--bm-text-muted);overflow-wrap:anywhere} .bm-tier.is-active .bm-tier-total{color:#fff} .bm-tier.is-active .bm-tier-each{color:rgba(255,255,255,.8)} .bm-qty-row{display:flex;gap:16px;align-items:flex-start;margin-top:14px;flex-wrap:wrap;min-width:0} .bm-qty-stepper{display:inline-flex;align-items:center;border:1px solid var(--bm-linie);border-radius:var(--bm-radius-sm);background:#fff;overflow:hidden;flex:0 0 auto} .bm-qty-btn{width:48px;height:48px;border:0;background:#fff;color:var(--bm-braun);font-size:22px;font-weight:600;cursor:pointer;line-height:1;padding:0;border-radius:0;box-shadow:none;transition:background var(--bm-fast)} .bm-qty-btn:hover{background:var(--bm-creme);color:var(--bm-braun)} .bm-qty-btn:focus-visible{outline:3px solid var(--bm-bernstein);outline-offset:-3px} .bm-qty-value{min-width:52px;text-align:center;font-size:20px;font-weight:800;color:var(--bm-braun)} .bm-qty-summary{flex:1 1 220px;display:flex;flex-direction:column;gap:4px;min-width:0} .bm-qty-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;color:var(--bm-text-muted);flex-wrap:wrap} .bm-qty-line strong{color:var(--bm-braun);font-weight:700} .bm-qty-line del{color:var(--bm-text-muted);font-weight:500;margin-right:4px} .bm-qty-rabatt strong{color:var(--bm-bernstein)} .bm-qty-saving strong{color:var(--bm-erfolg)} .bm-qty-total{margin-top:6px;padding-top:8px;border-top:1px solid var(--bm-linie);font-size:15px;color:var(--bm-braun);font-weight:600} .bm-qty-total small{font-size:12px;font-weight:500;color:var(--bm-text-muted)} .bm-qty-total strong{font-size:26px;line-height:1.1;color:var(--bm-braun)} .bm-qty-total .bm-qty-total-now{color:var(--bm-bernstein)} .bm-qty-next{margin:8px 0 0;padding:8px 12px;background:var(--bm-bernstein-hell);border-left:3px solid var(--bm-bernstein-dunkel);border-radius:0 var(--bm-radius-sm) var(--bm-radius-sm) 0;font-size:13px;color:var(--bm-anthrazit);line-height:1.4} .bm-qty-next strong{color:var(--bm-braun)} .bm-qty-hint{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--bm-text-muted)} .bm-qty [hidden],.bm-qty-line[hidden]{display:none!important} .bm-qty.is-focus{box-shadow:0 0 0 4px var(--bm-bernstein-hell);border-radius:var(--bm-radius);transition:box-shadow .4s} /* Woo-Mengenfeld bleibt im Formular (synchron), aber unsichtbar: ein einziger Selector. */ form.cart.bm-has-qty .quantity{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;margin:0!important;padding:0!important;border:0!important} form.cart{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;max-width:100%} form.cart .single_add_to_cart_button{width:100%;min-height:58px;font-size:17px;font-weight:800;background:var(--bm-bernstein)!important;border-color:var(--bm-bernstein)!important;color:#fff!important;border-radius:var(--bm-radius);display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;transition:background var(--bm-fast),transform var(--bm-base) var(--bm-ease),box-shadow var(--bm-fast)} form.cart .single_add_to_cart_button:hover{background:var(--bm-bernstein-hover)!important;border-color:var(--bm-bernstein-hover)!important;transform:translateY(-1px);box-shadow:var(--bm-shadow)} form.cart .single_add_to_cart_button:focus-visible{outline:3px solid var(--bm-braun);outline-offset:2px} form.cart .single_add_to_cart_button .bm-btn-total{font-weight:600;opacity:.92} form.cart .single_add_to_cart_button.is-busy,form.cart .single_add_to_cart_button.loading{opacity:.75;pointer-events:none} /* Vertrauen in der Kaufbox */ .bm-pdp-trust{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--bm-linie);display:grid;gap:8px} .bm-pdp-trust li{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:4px 0} .bm-pdp-trust li strong{font-size:14px;color:var(--bm-braun);line-height:1.3} .bm-pdp-trust li>span:last-child{grid-column:2;font-size:13px;color:var(--bm-text-muted);line-height:1.4} .bm-pdp-trust li>span:last-child a{color:var(--bm-braun);font-weight:600} .bm-pdp-help{font-size:13px;color:var(--bm-text-muted);margin:0 0 8px} .bm-pdp-help a{color:var(--bm-braun);font-weight:600} .bm-pdp-ico{grid-row:1/3;width:36px;height:36px;border-radius:9px;background-color:var(--bm-bernstein-hell);background-repeat:no-repeat;background-position:center;background-size:20px 20px;flex:0 0 auto;display:inline-block} .bm-pdp-ico-truck{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E")} .bm-pdp-ico-bank{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10l9-6 9 6H3zM5 10v8M10 10v8M14 10v8M19 10v8M3 20h18'/%3E%3C/svg%3E")} .bm-pdp-ico-lock{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")} .bm-pdp-ico-cart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11h11l2-8H6'/%3E%3Ccircle cx='9' cy='19' r='1.5'/%3E%3Ccircle cx='17' cy='19' r='1.5'/%3E%3C/svg%3E")} .bm-pdp-ico-tag{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l9 9-8 8z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.5'/%3E%3C/svg%3E")} .bm-pdp-ico-chat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E")} /* ---- Sektionen unter dem Hero ---- */ .bm-sections{max-width:1080px;margin:32px auto 0;display:grid;gap:36px} .bm-jump{display:flex;flex-wrap:wrap;gap:8px} .bm-jump a{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border:1px solid var(--bm-linie);border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:var(--bm-braun);text-decoration:none;transition:border-color var(--bm-fast),color var(--bm-fast)} .bm-jump a:hover{border-color:var(--bm-braun);color:var(--bm-braun)} .bm-sec{scroll-margin-top:110px;min-width:0} .bm-sec h2{font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:-.015em;color:var(--bm-braun);margin:0 0 14px;line-height:1.2} .bm-sec-lead{font-size:16px;line-height:1.55;color:var(--bm-anthrazit);margin:0 0 18px;max-width:70ch} .bm-sec-note{margin:14px 0 0;padding:10px 14px;background:var(--bm-creme);border-radius:var(--bm-radius-sm);font-size:14px;color:var(--bm-anthrazit);line-height:1.5} .bm-sec-links{margin:14px 0 0;font-size:14px} .bm-sec-links a{color:var(--bm-braun);font-weight:700;text-decoration:underline;text-underline-offset:3px} /* Beschreibung (Inhalt aus WooCommerce, Markup .bm-benefits / .bm-fit / .bm-note) */ .bm-desc p{font-size:16px;line-height:1.65;color:var(--bm-anthrazit);margin:0 0 14px;max-width:72ch} .bm-desc h3{font-size:18px;font-weight:800;color:var(--bm-braun);margin:22px 0 10px} .bm-benefits{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .bm-benefits li{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;padding:16px;background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius);min-width:0} .bm-benefits .bm-i{grid-row:1/3} .bm-benefits strong{font-size:15px;color:var(--bm-braun);line-height:1.3} .bm-benefits span:last-child{grid-column:2;font-size:13px;color:var(--bm-text-muted);line-height:1.45} .bm-fit{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px} .bm-fit>span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;border:1px solid var(--bm-linie);border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:var(--bm-anthrazit)} .bm-fit .bm-i{width:20px;height:20px;border-radius:50%;background-color:var(--bm-erfolg-hell);background-size:12px 12px;padding:0;border:0;flex:0 0 20px} .bm-note{display:flex;gap:10px;margin:0 0 6px;padding:10px 14px;background:var(--bm-bernstein-hell);border-left:3px solid var(--bm-bernstein-dunkel);border-radius:0 var(--bm-radius-sm) var(--bm-radius-sm) 0;font-size:14px;color:var(--bm-anthrazit);line-height:1.5;max-width:72ch} .bm-i{display:inline-flex;width:40px;height:40px;border-radius:12px;background-color:var(--bm-bernstein-hell);background-repeat:no-repeat;background-position:center;background-size:22px 22px;flex:0 0 auto} .bm-i-volume{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l9-4 9 4v8l-9 4-9-4z'/%3E%3Cpath d='M3 8l9 4 9-4M12 12v8'/%3E%3C/svg%3E")} .bm-i-ruler{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l14-14 4 4L7 21z'/%3E%3Cpath d='M8 8l2 2M11 5l2 2M14 11l2 2M5 11l2 2'/%3E%3C/svg%3E")} .bm-i-drop{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s6 6.5 6 11a6 6 0 0 1-12 0c0-4.5 6-11 6-11z'/%3E%3C/svg%3E")} .bm-i-tree{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l6 8h-3l4 6h-5v6h-4v-6H5l4-6H6z'/%3E%3C/svg%3E")} .bm-i-flame{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c1 4 5 5 5 10a5 5 0 0 1-10 0c0-2 1-3 2-4 0 2 1 3 2 3 0-3-1-6 1-9z'/%3E%3C/svg%3E")} .bm-i-clock{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")} .bm-i-de{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5 7-11a7 7 0 0 0-14 0c0 6 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")} .bm-i-bag{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l1 13H5z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E")} .bm-i-scale{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M4 7h16M6 7l-3 7a3 3 0 0 0 6 0zM18 7l-3 7a3 3 0 0 0 6 0z'/%3E%3C/svg%3E")} .bm-i-cert{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='M9 14l-1 7 4-2 4 2-1-7M9.5 9l2 2 3.5-4'/%3E%3C/svg%3E")} .bm-i-dot{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")} .bm-i-check{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F7D4A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")} .bm-i-ash{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18h16M6 18c0-4 3-6 6-6s6 2 6 6'/%3E%3Cpath d='M12 4v4M8 6l2 3M16 6l-2 3'/%3E%3C/svg%3E")} .bm-i-auto{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17l4-4 4 4 4-4 4 4'/%3E%3Cpath d='M4 11l4-4 4 4 4-4 4 4'/%3E%3C/svg%3E")} .bm-i-stack{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1E18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='5' rx='1'/%3E%3Crect x='4' y='11' width='16' height='5' rx='1'/%3E%3Crect x='4' y='18' width='16' height='3' rx='1'/%3E%3C/svg%3E")} /* Technische Daten (WooCommerce-Attribute) */ .bm-data .woocommerce-product-attributes{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius);overflow:hidden;font-size:15px;table-layout:fixed} .bm-data .woocommerce-product-attributes th,.bm-data .woocommerce-product-attributes td{padding:11px 16px;border-bottom:1px solid var(--bm-linie);text-align:left;vertical-align:top;overflow-wrap:anywhere} .bm-data .woocommerce-product-attributes th{width:36%;font-weight:600;color:var(--bm-text-muted);background:var(--bm-creme)} .bm-data .woocommerce-product-attributes td{color:var(--bm-braun);font-weight:500} .bm-data .woocommerce-product-attributes td p{margin:0} .bm-data .woocommerce-product-attributes tr:last-child th,.bm-data .woocommerce-product-attributes tr:last-child td{border-bottom:0} @media (min-width:768px){.bm-data .woocommerce-product-attributes{display:grid;grid-template-columns:1fr 1fr;border:0;background:transparent;overflow:visible}.bm-data .woocommerce-product-attributes tbody{display:contents}.bm-data .woocommerce-product-attributes tr{display:grid;grid-template-columns:40% 1fr;background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius);overflow:hidden}.bm-data .woocommerce-product-attributes th,.bm-data .woocommerce-product-attributes td{border-bottom:0}.bm-data .woocommerce-product-attributes th{width:auto}} /* Lieferung */ .bm-timeline{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .bm-timeline li{display:grid;grid-template-columns:36px 1fr;column-gap:12px;padding:16px;background:var(--bm-braun);color:#fff;border-radius:var(--bm-radius);min-width:0} .bm-tl-n{width:36px;height:36px;border-radius:50%;background:var(--bm-bernstein-dunkel);color:var(--bm-braun);font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:15px} .bm-timeline strong{display:block;font-size:15px;line-height:1.3;color:#fff;margin-bottom:4px} .bm-timeline span:not(.bm-tl-n){font-size:13px;line-height:1.45;color:rgba(255,255,255,.82)} .bm-ship-notes{margin:0;padding:0 0 0 18px;font-size:14px;color:var(--bm-text-muted);line-height:1.6} /* Zahlung */ .bm-pay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .bm-pay-step{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;padding:16px;background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius);min-width:0} .bm-pay-step .bm-pdp-ico{grid-row:1/3} .bm-pay-step strong{font-size:15px;color:var(--bm-braun)} .bm-pay-step span:last-child{grid-column:2;font-size:13px;color:var(--bm-text-muted);line-height:1.45} /* Vertrauen */ .bm-trust-grid{list-style:none;margin:0;padding:18px 20px;background:var(--bm-creme);border-radius:var(--bm-radius-lg);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .bm-trust-grid li{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:0} .bm-trust-grid .bm-pdp-ico{grid-row:1/3;background-color:#fff} .bm-trust-grid strong{font-size:14px;color:var(--bm-braun);line-height:1.3} .bm-trust-grid span:last-child{grid-column:2;font-size:12.5px;color:var(--bm-text-muted);line-height:1.4} .bm-trust-grid a{color:var(--bm-braun);font-weight:600} /* FAQ */ .bm-sec .bm-faq{display:grid;gap:8px;max-width:820px} .bm-sec .bm-faq details{background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius)} .bm-sec .bm-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:16px;font-weight:700;color:var(--bm-braun)} .bm-sec .bm-faq summary::-webkit-details-marker{display:none} .bm-sec .bm-faq summary:focus-visible{outline:3px solid var(--bm-bernstein);outline-offset:-3px;border-radius:var(--bm-radius)} .bm-sec .bm-faq-chev{width:10px;height:10px;border-right:2px solid var(--bm-text-muted);border-bottom:2px solid var(--bm-text-muted);transform:rotate(45deg);transition:transform var(--bm-base) var(--bm-ease);flex:0 0 auto;margin-right:4px} .bm-sec .bm-faq details[open] .bm-faq-chev{transform:rotate(-135deg)} .bm-sec .bm-faq-a{padding:0 16px 16px;font-size:15px;line-height:1.6;color:var(--bm-anthrazit)} .bm-sec .bm-faq-a p{margin:0} .bm-sec .bm-faq summary::after{display:none} .bm-sec .bm-faq details[open] summary{border-bottom:0} .bm-sec .bm-faq details{margin-bottom:0} /* CTA-Box */ .bm-cta-box{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px;background:var(--bm-braun);color:#fff;border-radius:var(--bm-radius-lg)} .bm-cta-box strong{display:block;font-size:18px;margin-bottom:2px} .bm-cta-box span{font-size:14px;color:rgba(255,255,255,.75)} .bm-cta-up{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;background:var(--bm-bernstein);color:#fff!important;border-radius:var(--bm-radius);font-weight:800;font-size:16px;text-decoration:none!important;transition:background var(--bm-fast),transform var(--bm-base) var(--bm-ease)} .bm-cta-up:hover{background:var(--bm-bernstein-hover);transform:translateY(-1px)} /* Sticky-Leiste mobile */ .bm-sticky{position:fixed;left:0;right:0;bottom:0;z-index:900;background:#fff;border-top:1px solid var(--bm-linie);box-shadow:0 -6px 20px rgba(23,23,23,.10);padding:10px 16px calc(10px + env(safe-area-inset-bottom))} .bm-sticky[hidden]{display:none!important} .bm-sticky-in{display:flex;align-items:center;gap:12px;max-width:640px;margin:0 auto} .bm-sticky-price{display:flex;flex-direction:column;min-width:0;flex:1} .bm-sticky-qty{font-size:12px;color:var(--bm-text-muted);white-space:nowrap} .bm-sticky-total{font-size:20px;font-weight:800;color:var(--bm-braun);line-height:1.1} .bm-sticky-btn{flex:0 0 auto;min-height:48px;padding:0 20px;border:0;border-radius:var(--bm-radius);background:var(--bm-bernstein);color:#fff;font-weight:800;font-size:15px;cursor:pointer} .bm-sticky-btn:hover{background:var(--bm-bernstein-hover)} body.bm-has-sticky .bm-sections{padding-bottom:70px} @media (min-width:1024px){.bm-sticky{display:none!important}} /* Toast nach „In den Warenkorb" */ .bm-toast{position:fixed;top:16px;right:16px;z-index:1000;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:6px;align-items:center;max-width:380px;padding:14px 16px;background:#fff;border:1px solid var(--bm-linie);border-left:4px solid var(--bm-erfolg);border-radius:var(--bm-radius);box-shadow:var(--bm-shadow);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity var(--bm-base) var(--bm-ease),transform var(--bm-base) var(--bm-ease)} .bm-toast.is-on{opacity:1;transform:none;pointer-events:auto} .bm-toast-ico{grid-row:1/3;width:36px;height:36px;border-radius:50%;background:var(--bm-erfolg-hell) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F7D4A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/18px no-repeat} .bm-toast-txt{display:flex;flex-direction:column;gap:2px;padding-right:22px} .bm-toast-txt strong{font-size:14px;color:var(--bm-braun);line-height:1.3} .bm-toast-txt span{font-size:12.5px;color:var(--bm-text-muted)} .bm-toast-cart{grid-column:2;justify-self:start;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;background:var(--bm-bernstein);color:#fff!important;border-radius:var(--bm-radius-sm);font-weight:700;font-size:14px;text-decoration:none!important} .bm-toast-cart:hover{background:var(--bm-bernstein-hover)} .bm-toast-x{position:absolute;top:6px;right:8px;border:0;background:transparent;font-size:20px;line-height:1;color:var(--bm-text-muted);cursor:pointer;padding:4px;box-shadow:none;min-height:0} /* Warenkorb : Mengenrabatt sichtbar */ .bm-cart-price{display:inline-flex;flex-direction:column;line-height:1.3} .bm-cart-price del{color:var(--bm-text-muted);font-size:13px} .bm-cart-price ins{text-decoration:none;font-weight:700;color:var(--bm-braun)} .bm-cart-rabatt{font-size:12px;color:var(--bm-bernstein);font-weight:700} .bm-cart-saving{display:block;font-size:12px;color:var(--bm-erfolg);font-weight:600} /* Woo-Hinweis nach klassischem Reload (Fallback) */ .single-product .woocommerce-message{border-top-color:var(--bm-erfolg)} /* ---- Responsive ---- */ @media (max-width:1200px){.bm-tier-qty{font-size:21px}.bm-tier-label{font-size:11px;padding:2px 6px}} @media (max-width:1023px){.single-product .klb-product-gallery{position:static}.bm-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bm-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:767px){ .single-product .content-area>.container,.single-product .shop-container>.container{padding-left:16px;padding-right:16px} .single-product .klb-product-gallery,.single-product .klb-product-detail{padding-left:15px;padding-right:15px} .single-product .klb-product-gallery img{width:100%;height:auto;border-radius:var(--bm-radius)} .single-product .product_title{font-size:24px} .bm-h-lead p{font-size:15.5px} .bm-buy{padding:16px;border-radius:var(--bm-radius)} .bm-buy .price{font-size:30px} .bm-qty-tiers{grid-template-columns:repeat(2,minmax(0,1fr))} .bm-tier{padding:12px 8px 10px} .bm-qty-row{flex-direction:column;gap:12px} .bm-qty-stepper{width:100%;justify-content:space-between} .bm-qty-btn{width:56px;height:52px} .bm-qty-value{flex:1} .bm-qty-summary{flex:0 0 auto;width:100%} .bm-qty-total strong{font-size:24px} form.cart .single_add_to_cart_button{font-size:16px;padding-left:12px;padding-right:12px;white-space:nowrap} .bm-sections{gap:28px;margin-top:24px} .bm-benefits,.bm-timeline,.bm-pay-grid{grid-template-columns:1fr} .bm-trust-grid{grid-template-columns:1fr;padding:16px} .bm-cta-box{padding:18px} .bm-cta-up{width:100%} .single-product .related,.single-product .up-sells{padding-left:0;padding-right:0;margin-left:0;margin-right:0} .single-product .related .module-header,.single-product .up-sells .module-header{padding-left:0;padding-right:0} .single-product .related .products,.single-product .up-sells .products{width:calc(100% + 10px)!important;max-width:none!important;margin-left:-5px!important;margin-right:-5px!important;padding-left:0;padding-right:0} .bm-toast{left:12px;right:12px;top:12px;max-width:none} } @media (max-width:380px){.bm-qty-tiers{gap:6px}.bm-tier-qty{font-size:20px}.bm-tier-total{font-size:12px}.bm-buy .price{font-size:27px}} @media (hover:none){.bm-tier:hover{transform:none;border-color:var(--bm-linie);background:#fff;box-shadow:none}.bm-tier.is-active:hover{border-color:var(--bm-braun);background:var(--bm-braun)}.bm-qty-btn:hover{background:#fff}} @media (prefers-reduced-motion:reduce){.bm-tier,.bm-toast,.bm-cta-up,form.cart .single_add_to_cart_button{transition:none}} /* Preis-Hinweis inkl. MwSt. (PAngV) */ .bm-tax-note{font-size:12px;font-weight:500;color:var(--bm-text-muted);white-space:nowrap} .bm-price .bm-tax-note,.bm-buy p.price .bm-tax-note{font-size:13px;margin-left:6px} /* Warenkorb: Staffelhinweis */ .bm-cart-rabatt{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px 16px;background:var(--bm-bernstein-hell);border:1px solid var(--bm-linie);border-radius:var(--bm-radius);font-family:var(--bm-font);font-size:15px;color:var(--bm-anthrazit)} .bm-cart-rabatt p{margin:0} .bm-cart-rabatt .bm-pdp-ico{flex:0 0 28px;width:28px;height:28px;background-size:20px 20px;background-repeat:no-repeat;background-position:center} /* Beschreibung: einfache Listen (Lieferumfang) */ .bm-desc ul.bm-list{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:6px;max-width:72ch} .bm-desc ul.bm-list li{position:relative;padding-left:22px;font-size:16px;line-height:1.55;color:var(--bm-anthrazit)} .bm-desc ul.bm-list li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:10px;border-radius:50%;background:var(--bm-bernstein)} /* ===================================================================== HEADER & FOOTER — Brennholz Muscheid ===================================================================== */ .bm-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .bm-skip{position:absolute;left:-999px;top:8px;z-index:2000;background:var(--bm-braun);color:#fff;padding:10px 16px;border-radius:var(--bm-radius-sm);font-weight:600} .bm-skip:focus{left:8px;outline:var(--bm-focus)} .bm-wrap{width:100%;max-width:var(--bm-container,1290px);margin:0 auto;padding:0 16px;box-sizing:border-box} @media(min-width:768px){.bm-wrap{padding:0 24px}} .bm-ico{flex:0 0 auto;width:20px;height:20px} body.bm-hf .site-offcanvas,body.bm-hf .mobile-bottom-menu,body.bm-hf .site-header{display:none!important} body.bm-hf{padding-bottom:0!important} body.bm-hf .site-primary{min-height:40vh} /* ---------- Topbar ---------- */ .bm-topbar{background:var(--bm-braun);color:var(--bm-creme);font-family:var(--bm-font);font-size:13px;line-height:1.3} .bm-topbar-list{list-style:none;margin:0;padding:8px 0;display:flex;justify-content:center;gap:8px 28px;flex-wrap:wrap} .bm-topbar-list li{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap} .bm-topbar-list .bm-ico{width:17px;height:17px;color:var(--bm-bernstein)} @media(max-width:767px){.bm-topbar-list{padding:7px 0;gap:6px 18px;font-size:12px}.bm-topbar-list li:nth-child(3){display:none}} @media(max-width:399px){.bm-topbar-list li:nth-child(2){display:none}} /* ---------- Header ---------- */ .bm-header{position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid var(--bm-linie);font-family:var(--bm-font);transition:box-shadow var(--bm-base) var(--bm-ease)} .bm-header.is-scrolled{box-shadow:var(--bm-shadow)} body.admin-bar .bm-header{top:32px} @media(max-width:782px){body.admin-bar .bm-header{top:46px}} .bm-header-in{display:flex;align-items:center;gap:16px;min-height:64px} @media(min-width:1024px){.bm-header-in{min-height:84px;gap:32px}.bm-header.is-scrolled .bm-header-in{min-height:68px}} .bm-logo{display:inline-flex;align-items:center;flex:0 0 auto;line-height:0} .bm-logo-img{height:40px;width:auto;max-width:none;display:block;transition:height var(--bm-base) var(--bm-ease)} @media(min-width:1024px){.bm-logo-header .bm-logo-img{height:52px}.bm-header.is-scrolled .bm-logo-header .bm-logo-img{height:42px}} .bm-logo-text{font-weight:800;font-size:22px;color:var(--bm-braun)} /* Navigation (Desktop) */ .bm-nav{display:none;flex:1 1 auto;justify-content:center} @media(min-width:1024px){.bm-nav{display:flex}} .bm-nav-list{list-style:none;margin:0;padding:0;display:flex;gap:4px} .bm-nav-item{position:relative;display:flex;align-items:center;margin:0} .bm-nav-link{display:inline-flex;align-items:center;padding:10px 14px;border-radius:var(--bm-radius-sm);color:var(--bm-braun);font-weight:600;font-size:15.5px;text-decoration:none;position:relative;transition:color var(--bm-fast),background var(--bm-fast)} .bm-nav-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;background:var(--bm-bernstein);transform:scaleX(0);transform-origin:left;transition:transform var(--bm-base) var(--bm-ease)} .bm-nav-link:hover,.bm-nav-link:focus-visible{color:var(--bm-bernstein-dunkel);background:var(--bm-creme)} .bm-nav-item.is-current>.bm-nav-link::after,.bm-nav-link:hover::after{transform:scaleX(1)} .bm-nav-link:focus-visible{outline:var(--bm-focus);outline-offset:2px} .bm-sub-toggle{background:none;border:0;padding:6px 4px;margin-left:-8px;color:var(--bm-braun);cursor:pointer;display:inline-flex;border-radius:var(--bm-radius-sm)} .bm-sub-toggle .bm-ico{width:16px;height:16px;transition:transform var(--bm-base) var(--bm-ease)} .bm-sub-toggle:focus-visible{outline:var(--bm-focus)} .bm-nav .bm-sub{list-style:none;margin:0;padding:8px;position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius);box-shadow:var(--bm-shadow-lg);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--bm-fast),transform var(--bm-base) var(--bm-ease),visibility 0s linear var(--bm-fast);z-index:5} .bm-nav .bm-nav-item:hover>.bm-sub,.bm-nav .bm-nav-item:focus-within>.bm-sub,.bm-nav .bm-nav-item.is-open>.bm-sub{opacity:1;visibility:visible;transform:none;transition-delay:0s} .bm-nav .bm-nav-item.is-open .bm-sub-toggle .bm-ico{transform:rotate(180deg)} .bm-nav .bm-sub li{margin:0} .bm-nav .bm-sub a{display:block;padding:10px 12px;border-radius:var(--bm-radius-sm);color:var(--bm-braun);font-weight:500;text-decoration:none;font-size:15px} .bm-nav .bm-sub a:hover,.bm-nav .bm-sub a:focus-visible{background:var(--bm-creme);color:var(--bm-bernstein-dunkel)} .bm-nav .bm-sub a[aria-current]{font-weight:700;color:var(--bm-bernstein-dunkel)} @media(hover:none){.bm-nav .bm-nav-item:hover>.bm-sub{opacity:0;visibility:hidden}.bm-nav .bm-nav-item.is-open>.bm-sub{opacity:1;visibility:visible}} /* Actions */ .bm-header-actions{margin-left:auto;display:flex;align-items:center;gap:8px} .bm-cart{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:var(--bm-radius-pill,999px);background:var(--bm-braun);color:#fff;font-weight:700;font-size:15px;text-decoration:none;position:relative;transition:background var(--bm-fast),transform var(--bm-fast)} .bm-cart:hover,.bm-cart:focus-visible{background:var(--bm-bernstein-dunkel);color:#fff} .bm-cart:focus-visible{outline:var(--bm-focus);outline-offset:2px} .bm-cart .bm-ico{width:22px;height:22px} .bm-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--bm-bernstein);color:var(--bm-braun);font-size:12.5px;font-weight:800;line-height:1} .bm-cart-total{display:none;font-weight:600;white-space:nowrap} @media(min-width:768px){.bm-cart-total{display:inline}} .bm-cart-total .amount{color:inherit} @media(max-width:767px){.bm-cart{padding:0 12px;min-height:42px}} .bm-burger{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;background:none;border:1px solid var(--bm-linie);border-radius:var(--bm-radius-sm);color:var(--bm-braun);font-weight:600;font-family:inherit;font-size:14px;cursor:pointer} .bm-burger .bm-ico{width:24px;height:24px} .bm-burger .bm-ico-close{display:none} .bm-burger[aria-expanded="true"] .bm-ico-menu{display:none} .bm-burger[aria-expanded="true"] .bm-ico-close{display:block} .bm-burger:focus-visible{outline:var(--bm-focus)} @media(min-width:1024px){.bm-burger{display:none}} @media(max-width:399px){.bm-burger-txt{display:none}} /* Drawer (Mobile) */ .bm-drawer-backdrop{position:fixed;inset:0;background:rgba(45,30,24,.55);z-index:950;backdrop-filter:blur(2px)} .bm-drawer{position:fixed;top:0;right:0;bottom:0;width:min(360px,92vw);background:#fff;z-index:960;overflow-y:auto;box-shadow:var(--bm-shadow-lg);font-family:var(--bm-font);animation:bmSlide var(--bm-base) var(--bm-ease)} @keyframes bmSlide{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}} @media(prefers-reduced-motion:reduce){.bm-drawer{animation:none}} .bm-drawer[hidden],.bm-drawer-backdrop[hidden]{display:none} body.bm-drawer-open{overflow:hidden} .bm-drawer-in{display:flex;flex-direction:column;min-height:100%;padding:16px 20px 28px} .bm-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--bm-linie)} .bm-logo-drawer .bm-logo-img{height:36px} .bm-drawer-close{background:none;border:1px solid var(--bm-linie);border-radius:var(--bm-radius-sm);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--bm-braun);cursor:pointer} .bm-drawer-close:focus-visible{outline:var(--bm-focus)} .bm-drawer-nav .bm-nav-list{display:block;padding:8px 0} .bm-drawer-nav .bm-nav-item{flex-wrap:wrap;border-bottom:1px solid var(--bm-creme-dunkel)} .bm-drawer-nav .bm-nav-link{flex:1 1 auto;padding:14px 4px;font-size:17px} .bm-drawer-nav .bm-nav-link::after{display:none} .bm-drawer-nav .bm-nav-item.is-current>.bm-nav-link{color:var(--bm-bernstein-dunkel)} .bm-drawer-nav .bm-sub-toggle{margin:0;width:44px;height:44px;justify-content:center;align-items:center} .bm-drawer-nav .bm-sub-toggle .bm-ico{width:20px;height:20px} .bm-drawer-nav .bm-sub{display:none;list-style:none;margin:0;padding:0 0 10px 12px;flex:1 0 100%} .bm-drawer-nav .bm-nav-item.is-open>.bm-sub{display:block} .bm-drawer-nav .bm-nav-item.is-open .bm-sub-toggle .bm-ico{transform:rotate(180deg)} .bm-drawer-nav .bm-sub a{display:block;padding:10px 8px;color:var(--bm-anthrazit);text-decoration:none;font-size:16px;border-radius:var(--bm-radius-sm)} .bm-drawer-nav .bm-sub a:hover,.bm-drawer-nav .bm-sub a[aria-current]{color:var(--bm-bernstein-dunkel);background:var(--bm-creme)} .bm-btn.bm-drawer-cta{display:flex;justify-content:center;align-items:center;min-height:48px;margin:18px 0 6px;padding:0 20px;border-radius:var(--bm-radius-sm);background:var(--bm-bernstein);color:var(--bm-braun);font-weight:700;font-size:16px;text-decoration:none} .bm-btn.bm-drawer-cta:hover{background:var(--bm-bernstein-hover);color:var(--bm-braun)} .bm-drawer-trust{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--bm-linie);font-size:14px;color:var(--bm-anthrazit)} .bm-drawer-trust li{display:flex;gap:10px;align-items:center;padding:6px 0;margin:0} .bm-drawer-trust .bm-ico,.bm-drawer-contact .bm-ico{color:var(--bm-bernstein-dunkel)} .bm-drawer-contact{margin-top:auto;padding-top:16px;border-top:1px solid var(--bm-linie);font-size:14px;color:var(--bm-anthrazit)} .bm-drawer-contact a,.bm-drawer-contact p{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:var(--bm-braun);text-decoration:none;font-weight:600} .bm-drawer-contact p{font-weight:400} /* ---------- Footer ---------- */ .bm-footer{background:var(--bm-creme-dunkel);color:var(--bm-anthrazit);font-family:var(--bm-font);margin-top:56px;border-top:1px solid var(--bm-linie)} .bm-footer a{color:var(--bm-braun);text-decoration:none;transition:color var(--bm-fast)} .bm-footer a:hover,.bm-footer a:focus-visible{color:var(--bm-bernstein-dunkel);text-decoration:underline;text-underline-offset:3px} .bm-footer a:focus-visible{outline:var(--bm-focus);outline-offset:2px;border-radius:2px} .bm-footer-trust ul{list-style:none;margin:0;padding:22px 0;display:grid;grid-template-columns:1fr;gap:14px;border-bottom:1px solid var(--bm-linie)} @media(min-width:768px){.bm-footer-trust ul{grid-template-columns:repeat(3,1fr);gap:24px;padding:28px 0}} .bm-footer-trust li{display:flex;gap:12px;align-items:flex-start;margin:0} .bm-footer-trust .bm-ico{width:26px;height:26px;color:var(--bm-bernstein-dunkel);margin-top:1px} .bm-footer-trust strong{display:block;color:var(--bm-braun);font-size:15.5px;font-weight:700} .bm-footer-trust span{display:block;font-size:13.5px;color:var(--bm-text-muted);margin-top:2px} .bm-footer-grid{display:grid;grid-template-columns:1fr;gap:8px;padding-top:28px;padding-bottom:36px} @media(min-width:768px){.bm-footer-grid{grid-template-columns:1fr 1fr;gap:28px 32px;padding-top:44px;padding-bottom:48px}} @media(min-width:1024px){.bm-footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr 1.3fr;gap:32px}} .bm-f-brand{padding-bottom:16px} @media(min-width:768px){.bm-f-brand{grid-column:1/-1}} @media(min-width:1024px){.bm-f-brand{grid-column:auto;padding-right:24px}} .bm-logo-footer .bm-logo-img{height:44px} .bm-f-slogan{margin:14px 0 8px;font-weight:700;color:var(--bm-braun);font-size:16px} .bm-f-about{margin:0;font-size:14.5px;line-height:1.6;max-width:36ch} .bm-f-title{margin:0 0 12px;font-size:15px;font-weight:800;color:var(--bm-braun);letter-spacing:.02em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:default} .bm-f-title::-webkit-details-marker{display:none} .bm-f-title .bm-ico{width:18px;height:18px;display:none;transition:transform var(--bm-base) var(--bm-ease)} .bm-f-list{list-style:none;margin:0;padding:0} .bm-f-list li{margin:0;padding:4px 0;font-size:15px} .bm-f-contact address{font-style:normal;font-size:14.5px;line-height:1.55} .bm-f-contact p{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px} .bm-f-contact .bm-ico{color:var(--bm-bernstein-dunkel);margin-top:2px} @media(max-width:767px){ .bm-f-col{border-top:1px solid var(--bm-linie)} .bm-f-col .bm-f-title{margin:0;padding:14px 0;cursor:pointer} .bm-f-col .bm-f-title .bm-ico{display:block} .bm-f-col[open] .bm-f-title .bm-ico{transform:rotate(180deg)} .bm-f-col .bm-f-list{padding:0 0 12px} .bm-f-list li{padding:6px 0} .bm-f-contact{border-top:1px solid var(--bm-linie);padding-top:16px;margin-top:4px} } .bm-footer-bottom{background:var(--bm-braun);color:var(--bm-creme);font-size:13px} .bm-footer-bottom .bm-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding-top:14px;padding-bottom:14px} .bm-footer-bottom p{margin:0} /* ===================================================================== STARTSEITE — Blöcke (Shortcodes) + Elementor-Helfer ===================================================================== */ .bm-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bm-bernstein-dunkel)} .home h1.elementor-heading-title{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.08;letter-spacing:-.02em} .bm-hero-benefits ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px} .bm-hero-benefits li{display:flex;gap:10px;align-items:flex-start;font-weight:600;color:var(--bm-braun);font-size:15.5px} .bm-hero-benefits li::before{content:"";flex:0 0 auto;width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--bm-bernstein-hell) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A3541A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat} .bm-hero-img img{width:100%;height:auto;box-shadow:var(--bm-shadow)} .elementor-widget.bm-center{text-align:center} .elementor-widget.bm-sec-lead{font-size:var(--bm-fs-lg);color:var(--bm-anthrazit);max-width:64ch} .bm-center.bm-sec-lead{margin-left:auto;margin-right:auto} /* Trust bar */ .bm-tb{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 18px} @media(min-width:900px){.bm-tb{grid-template-columns:repeat(4,1fr);gap:24px}} .bm-tb li{display:flex;gap:12px;align-items:center;margin:0;padding:14px 16px;background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius)} .bm-tb .bm-ico{width:28px;height:28px;color:var(--bm-bernstein-dunkel)} .bm-tb strong{display:block;font-size:14.5px;color:var(--bm-braun);line-height:1.25} .bm-tb span{font-size:13px;color:var(--bm-text-muted);line-height:1.3} .bm-tb span span{display:block} @media(max-width:479px){.bm-tb{grid-template-columns:1fr;gap:10px}} /* Kategorien */ .bm-hc-grid{display:grid;grid-template-columns:1fr;gap:20px} @media(min-width:700px){.bm-hc-grid{grid-template-columns:repeat(2,1fr);gap:28px}} .bm-hc{display:grid;grid-template-rows:auto 1fr;background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius-lg);overflow:hidden;text-decoration:none;color:var(--bm-braun);box-shadow:var(--bm-shadow-sm);transition:transform var(--bm-base) var(--bm-ease),box-shadow var(--bm-base) var(--bm-ease)} .bm-hc:hover{transform:translateY(-4px);box-shadow:var(--bm-shadow-lg)} .bm-hc:focus-visible{outline:var(--bm-focus);outline-offset:3px} .bm-hc-img{display:block;aspect-ratio:16/10;background:var(--bm-creme-dunkel);overflow:hidden} .bm-hc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--bm-slow) var(--bm-ease)} .bm-hc:hover .bm-hc-img img{transform:scale(1.04)} .bm-hc-body{display:flex;flex-direction:column;gap:6px;padding:22px 24px 24px} .bm-hc-count{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bm-text-muted)} .bm-hc-title{font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:800;letter-spacing:-.01em;line-height:1.15} .bm-hc-line{font-size:15px;color:var(--bm-anthrazit);line-height:1.5} .bm-hc-cta{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-weight:700;color:var(--bm-bernstein-dunkel)} .bm-hc-cta .bm-ico{width:16px;height:16px;transform:rotate(-90deg);transition:transform var(--bm-fast)} .bm-hc:hover .bm-hc-cta .bm-ico{transform:rotate(-90deg) translateY(3px)} /* Produkte */ .bm-hp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px} @media(min-width:900px){.bm-hp-grid{grid-template-columns:repeat(4,1fr);gap:22px}} .bm-hp{margin:0;min-width:0} .bm-hp-link{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius-lg);overflow:hidden;text-decoration:none;color:var(--bm-braun);transition:transform var(--bm-base) var(--bm-ease),box-shadow var(--bm-base) var(--bm-ease)} .bm-hp-link:hover{transform:translateY(-4px);box-shadow:var(--bm-shadow-lg)} .bm-hp-link:focus-visible{outline:var(--bm-focus);outline-offset:3px} .bm-hp-img{display:block;aspect-ratio:1/1;background:#fff;padding:14px;border-bottom:1px solid var(--bm-creme-dunkel)} .bm-hp-img img{width:100%;height:100%;object-fit:contain;display:block} .bm-hp-body{display:flex;flex-direction:column;gap:4px;padding:14px 16px 18px;flex:1 1 auto} .bm-hp-cat{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bm-text-muted)} .bm-hp-title{font-size:15.5px;font-weight:700;line-height:1.3;letter-spacing:-.005em} .bm-hp-pack{font-size:13px;color:var(--bm-text-muted);line-height:1.4} .bm-hp-price{margin-top:auto;padding-top:10px;font-size:20px;font-weight:800;color:var(--bm-braun);letter-spacing:-.01em} .bm-hp-price .amount{color:inherit} .bm-hp-price small{font-size:12px;font-weight:500;color:var(--bm-text-muted)} .bm-hp-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;min-height:42px;padding:0 14px;border-radius:var(--bm-radius-sm);background:var(--bm-bernstein);color:var(--bm-braun);font-weight:700;font-size:14.5px;transition:background var(--bm-fast)} .bm-hp-link:hover .bm-hp-cta{background:var(--bm-bernstein-hover)} .bm-hp-cta .bm-ico{width:16px;height:16px;transform:rotate(-90deg)} @media(max-width:479px){.bm-hp-grid{grid-template-columns:1fr}.bm-hp-img{aspect-ratio:4/3}} /* Mengenrabatt */ .bm-rb{background:var(--bm-braun);color:var(--bm-creme);border-radius:var(--bm-radius-lg);padding:36px 24px} @media(min-width:768px){.bm-rb{padding:48px 56px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}} .bm-rb .bm-eyebrow{color:var(--bm-bernstein)} .bm-rb-title{margin:8px 0 12px;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.1} .bm-rb-lead{margin:0;font-size:16px;line-height:1.6;color:rgba(248,246,242,.85)} .bm-rb-tiers{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px} @media(min-width:768px){.bm-rb-tiers{margin:0}} .bm-rb-tiers li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:16px 8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--bm-radius)} .bm-rb-q{font-size:13px;font-weight:600;color:rgba(248,246,242,.85)} .bm-rb-r{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--bm-bernstein);line-height:1.1} .bm-rb-n{font-size:12px;color:rgba(248,246,242,.7)} .bm-rb-note{grid-column:1/-1;margin:18px 0 0;font-size:13.5px;color:rgba(248,246,242,.75)} /* Schritte / Karten aus Elementor */ .bm-step-num .elementor-heading-title{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bm-bernstein);color:var(--bm-braun);font-size:18px;font-weight:800} .bm-home-cta .elementor-heading-title{color:#fff} .elementor-widget.bm-cta-text{color:rgba(248,246,242,.85)} .bm-home-faq .bm-faq details{margin-bottom:.75rem} /* ===================================================================== STARTSEITE v2 — Hero-Slider, Bildkarten, Galerie, CTA · Shop-Kopf ===================================================================== */ .bm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:var(--bm-radius-sm);font-family:var(--bm-font);font-weight:700;font-size:16px;text-decoration:none;transition:background var(--bm-fast),color var(--bm-fast),transform var(--bm-fast)} .bm-btn-primary{background:var(--bm-bernstein);color:var(--bm-braun)} .bm-btn-primary:hover,.bm-btn-primary:focus-visible{background:var(--bm-bernstein-hover);color:var(--bm-braun);transform:translateY(-1px)} .bm-btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.7);backdrop-filter:blur(4px)} .bm-btn-ghost:hover,.bm-btn-ghost:focus-visible{background:#fff;color:var(--bm-braun)} .bm-btn:focus-visible{outline:var(--bm-focus);outline-offset:3px} /* Hero-Slider */ .bm-hs{position:relative;background:var(--bm-braun);color:#fff;overflow:hidden;font-family:var(--bm-font)} .bm-hs-track{position:relative;min-height:560px;height:min(78vh,720px)} @media(max-width:767px){.bm-hs-track{min-height:520px;height:auto}} .bm-hs-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 900ms ease,visibility 0s linear 900ms;display:flex;align-items:center} .bm-hs-slide.is-active{opacity:1;visibility:visible;transition-delay:0s;z-index:1} .bm-hs-media,.bm-hs-media img{position:absolute;inset:0;width:100%;height:100%} .bm-hs-media img{object-fit:cover;object-position:center;transform:scale(1.04);transition:transform 7s ease-out} .bm-hs-slide.is-active .bm-hs-media img{transform:scale(1)} .bm-hs-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,17,12,.86) 0%,rgba(28,17,12,.68) 42%,rgba(28,17,12,.22) 75%,rgba(28,17,12,.1) 100%)} @media(max-width:767px){.bm-hs-shade{background:linear-gradient(180deg,rgba(28,17,12,.35) 0%,rgba(28,17,12,.82) 55%,rgba(28,17,12,.92) 100%)}} .bm-hs-content{position:relative;z-index:2;padding-top:56px;padding-bottom:96px} @media(max-width:767px){.bm-hs-content{padding-top:150px;padding-bottom:110px;display:flex;align-items:flex-end;min-height:520px}} .bm-hs-box{max-width:620px} .bm-hs-eyebrow{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bm-bernstein);margin-bottom:14px} .bm-hs-title{margin:0 0 16px;font-size:clamp(2rem,4.8vw,3.6rem);line-height:1.06;letter-spacing:-.02em;font-weight:800;color:#fff;text-wrap:balance} .bm-hs-text{margin:0 0 26px;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.6;color:rgba(255,255,255,.9);max-width:56ch} .bm-hs-actions{display:flex;flex-wrap:wrap;gap:12px} .bm-hs-nav{position:absolute;left:0;right:0;bottom:18px;z-index:3;display:flex;align-items:center;gap:10px;pointer-events:none} .bm-hs-nav>*{pointer-events:auto} .bm-hs-arrow,.bm-hs-pause{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:rgba(28,17,12,.35);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px);transition:background var(--bm-fast)} .bm-hs-arrow:hover,.bm-hs-pause:hover{background:var(--bm-bernstein);border-color:var(--bm-bernstein);color:var(--bm-braun)} .bm-hs-arrow:focus-visible,.bm-hs-pause:focus-visible,.bm-hs-dots button:focus-visible{outline:3px solid var(--bm-bernstein);outline-offset:2px} .bm-hs-prev .bm-ico{transform:rotate(90deg)}.bm-hs-next .bm-ico{transform:rotate(-90deg)} .bm-hs-dots{display:flex;gap:8px;margin:0 6px} .bm-hs-dots button{width:34px;height:20px;padding:0;background:none;border:0;cursor:pointer;display:flex;align-items:center} .bm-hs-dots button span{display:block;width:100%;height:4px;border-radius:2px;background:rgba(255,255,255,.4);transition:background var(--bm-fast)} .bm-hs-dots button.is-active span{background:var(--bm-bernstein)} .bm-hs-pause{margin-left:auto} .bm-hs-pause-i{width:12px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box} .bm-hs.is-paused .bm-hs-pause-i{border:0;width:0;height:0;border-left:12px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent} .bm-hs-usp{position:relative;z-index:3;list-style:none;margin:0;padding:0 16px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 40px;background:var(--bm-braun);border-top:1px solid rgba(255,255,255,.12);min-height:var(--bm-usp-h,72px);align-items:center} .bm-hs-usp li{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:var(--bm-creme);padding:14px 0} .bm-hs-usp .bm-ico{color:var(--bm-bernstein);width:22px;height:22px} @media(max-width:767px){.bm-hs-usp{gap:6px 18px;font-size:13px}.bm-hs-usp li{padding:10px 0;font-size:13px}.bm-hs-nav{bottom:14px}.bm-hs-slide.is-active{position:relative}.bm-hs-content{padding-top:120px;padding-bottom:96px}} @media(prefers-reduced-motion:reduce){.bm-hs-slide{transition:none}.bm-hs-media img{transform:none;transition:none}} /* Bildkarten "Warum" */ .bm-why{display:grid;grid-template-columns:1fr;gap:20px} @media(min-width:768px){.bm-why{grid-template-columns:repeat(3,1fr);gap:24px}} .bm-why-card{background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius-lg);overflow:hidden;box-shadow:var(--bm-shadow-sm);display:flex;flex-direction:column} .bm-why-img{aspect-ratio:4/3;overflow:hidden;background:var(--bm-creme-dunkel)} .bm-why-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--bm-slow) var(--bm-ease)} .bm-why-card:hover .bm-why-img img{transform:scale(1.04)} .bm-why-body{padding:20px 22px 24px} .bm-why-body h3{margin:0 0 8px;font-size:20px;font-weight:800;color:var(--bm-braun);letter-spacing:-.01em} .bm-why-body p{margin:0;font-size:15px;line-height:1.6;color:var(--bm-anthrazit)} /* Galerie */ .bm-gal{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px} @media(min-width:768px){.bm-gal{grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:14px}.bm-gal-0{grid-column:span 2;grid-row:span 2}.bm-gal-3{grid-column:span 2}} .bm-gal li{margin:0;border-radius:var(--bm-radius);overflow:hidden;background:var(--bm-creme-dunkel);aspect-ratio:1/1} @media(min-width:768px){.bm-gal li{aspect-ratio:auto}} .bm-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--bm-slow) var(--bm-ease)} .bm-gal li:hover img{transform:scale(1.03)} /* Abschluss-CTA */ .bm-cta{position:relative;overflow:hidden;color:#fff;font-family:var(--bm-font);border-radius:var(--bm-radius-lg)} .bm-cta-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%} .bm-cta-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,17,12,.9) 0%,rgba(28,17,12,.7) 55%,rgba(28,17,12,.35) 100%)} .bm-cta-in{position:relative;z-index:1;padding-top:64px;padding-bottom:64px;max-width:760px;margin:0} .bm-cta-in h2{margin:10px 0 14px;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.1;letter-spacing:-.02em;color:#fff;font-weight:800} .bm-cta-in p{margin:0 0 24px;font-size:16px;color:rgba(255,255,255,.88)} @media(max-width:767px){.bm-cta-in{padding:44px 20px}} /* Produktkarten: scharfe, zentrierte Bilder */ .bm-hp-img{aspect-ratio:1/1;padding:16px;background:#fff;display:flex;align-items:center;justify-content:center} .bm-hp-img img{width:100%;height:100%;object-fit:contain;object-position:center;image-rendering:auto} /* Shop-/Kategorie-Kopf */ .bm-shop-head{margin:0 0 28px;padding:36px 32px;background:var(--bm-creme-dunkel);border-radius:var(--bm-radius-lg);font-family:var(--bm-font);display:grid;gap:22px} @media(min-width:1024px){.bm-shop-head{grid-template-columns:1.4fr 1fr;align-items:center;padding:44px 48px}} .bm-shop-head h1{margin:6px 0 10px;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;letter-spacing:-.02em;color:var(--bm-braun);line-height:1.1} .bm-shop-head p{margin:0 0 16px;font-size:16px;line-height:1.6;color:var(--bm-anthrazit);max-width:60ch} .bm-shop-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px} .bm-shop-chips a{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;border:1.5px solid var(--bm-braun);color:var(--bm-braun);font-weight:700;font-size:14px;text-decoration:none;transition:background var(--bm-fast),color var(--bm-fast)} .bm-shop-chips a:hover,.bm-shop-chips a[aria-current]{background:var(--bm-braun);color:var(--bm-creme)} .bm-shop-trust{list-style:none;margin:0;padding:0;display:grid;gap:10px} .bm-shop-trust li{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:var(--bm-braun);background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius);padding:12px 14px} .bm-shop-trust .bm-ico{color:var(--bm-bernstein-dunkel)} .woocommerce-products-header,.shop-banner-top,.shop-banner-bottom{display:none!important} .shop-page-header .woocommerce-breadcrumb{font-size:13px;color:var(--bm-text-muted)} /* Bildhöhen: Elementor setzt .elementor img{height:auto} – hier überschrieben */ .elementor .bm-hs-media img,.elementor .bm-why-img img,.elementor .bm-gal img,.elementor .bm-cta-bg img,.elementor .bm-hc-img img,.elementor .bm-hp-img img{height:100%} @media(max-width:767px){.bm-hs-media img{object-position:center 40%}} /* Wunschliste/Vergleich global aus (keine Funktion auf dieser Seite) */ .klbwl-btn,.klbcp-btn,.single-product .klb-product-detail .product-actions{display:none!important} /* ===================================================================== BESTELLBESTÄTIGUNG (Thank-you-Seite) ===================================================================== */ body.bm-thankyou .woocommerce-order>.woocommerce-notice,body.bm-thankyou .woocommerce-order>.woocommerce-order-overview,body.bm-thankyou .woocommerce-order>.woocommerce-bacs-bank-details,body.bm-thankyou .woocommerce-order>.woocommerce-order-details,body.bm-thankyou .woocommerce-order>.woocommerce-customer-details,body.bm-thankyou .woocommerce-order>h2.woocommerce-order-details__title,body.bm-thankyou .woocommerce-order>.woocommerce-thankyou-order-failed-actions{display:none!important} body.bm-thankyou .woocommerce-order{max-width:none} .bm-ty{font-family:var(--bm-font);color:var(--bm-anthrazit);margin:0 0 48px} .bm-btn-dark{background:var(--bm-braun);color:var(--bm-creme);border:1.5px solid var(--bm-braun)} .bm-btn-dark:hover,.bm-btn-dark:focus-visible{background:#fff;color:var(--bm-braun)} /* Kopf */ .bm-ty-hero{background:var(--bm-braun);color:#fff;border-radius:var(--bm-radius-lg);padding:40px 32px;margin:8px 0 28px;position:relative;overflow:hidden} .bm-ty-hero::after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(217,119,36,.35),transparent 65%);pointer-events:none} .bm-ty-hero-in{position:relative;z-index:1;max-width:760px} .bm-ty-check{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--bm-bernstein);color:var(--bm-braun);font-weight:900;font-size:28px;margin-bottom:18px;animation:bm-ty-pop .5s var(--bm-ease) both} @keyframes bm-ty-pop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}} .bm-ty-hero.is-warn .bm-ty-check{background:#fff} .bm-ty-hero h1{margin:0 0 10px;font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.1;letter-spacing:-.02em;color:#fff;font-weight:800} .bm-ty-lead{margin:0 0 22px;font-size:17px;color:rgba(255,255,255,.9)} .bm-ty-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 18px;padding:0} .bm-ty-meta>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--bm-radius);padding:12px 14px} .bm-ty-meta dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--bm-bernstein);font-weight:700;margin:0 0 4px} .bm-ty-meta dd{margin:0;font-size:16px;font-weight:700;color:#fff} .bm-ty-mail{margin:0;font-size:14.5px;color:rgba(255,255,255,.85)} .bm-ty-mail strong{color:#fff} .bm-ty-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 0} /* Raster */ .bm-ty-grid{display:grid;grid-template-columns:1fr;gap:28px} @media(min-width:1024px){.bm-ty-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:start}.bm-ty-pay{position:sticky;top:110px;grid-column:2;grid-row:1}.bm-ty-main{grid-column:1;grid-row:1}} /* Zahlungsspalte */ .bm-ty-pay{display:flex;flex-direction:column;gap:16px} .bm-ty-amount{background:var(--bm-bernstein);color:var(--bm-braun);border-radius:var(--bm-radius-lg);padding:20px 22px;display:flex;flex-direction:column;gap:4px} .bm-ty-amount-l{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800} .bm-ty-amount-v{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.1} .bm-ty-amount-n{font-size:13px;font-weight:600;opacity:.85} .bm-ty-bank{background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius-lg);padding:22px;box-shadow:var(--bm-shadow-sm)} .bm-ty-bank h2{margin:0 0 6px;font-size:21px;font-weight:800;color:var(--bm-braun);letter-spacing:-.01em} .bm-ty-bank>p{margin:0 0 16px;font-size:15px;line-height:1.55} .bm-ty-bank .bm-ty-amount{margin:8px 0 0} .bm-ty-card{background:var(--bm-creme);border:1px solid var(--bm-linie);border-radius:var(--bm-radius);padding:16px;margin:0 0 14px} .bm-ty-card h3{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--bm-text-muted);font-weight:800} .bm-ty-card dl{margin:0;display:grid;gap:10px} .bm-ty-row{display:grid;gap:4px;padding:0 0 10px;border-bottom:1px solid var(--bm-linie)} .bm-ty-row:last-child{border-bottom:0;padding-bottom:0} .bm-ty-row dt{font-size:12.5px;font-weight:700;color:var(--bm-text-muted)} .bm-ty-row dd{margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap} .bm-ty-val{font-size:16.5px;font-weight:700;color:var(--bm-braun);word-break:break-word} .bm-ty-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em} .bm-ty-row.is-holder .bm-ty-val{font-size:17px;color:var(--bm-braun);background:#fff;border:2px solid var(--bm-bernstein);border-radius:6px;padding:6px 10px} .bm-ty-row.is-total .bm-ty-val{font-size:20px} .bm-ty-copy{min-height:36px;padding:0 12px;border-radius:999px;border:1.5px solid var(--bm-braun);background:#fff;color:var(--bm-braun);font-family:var(--bm-font);font-weight:700;font-size:13px;cursor:pointer;transition:background var(--bm-fast),color var(--bm-fast)} .bm-ty-copy:hover{background:var(--bm-braun);color:var(--bm-creme)} .bm-ty-copy.is-ok{background:var(--bm-erfolg,#2E7D4F);border-color:var(--bm-erfolg,#2E7D4F);color:#fff} .bm-ty-copy:focus-visible,.bm-ty-print:focus-visible{outline:var(--bm-focus);outline-offset:2px} .bm-ty-warn{background:#FFF4E8;border:2px solid var(--bm-bernstein);border-radius:var(--bm-radius);padding:14px 16px;margin:0 0 14px} .bm-ty-warn strong{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--bm-bernstein-dunkel,#A9561A);margin:0 0 6px} .bm-ty-warn p{margin:0 0 6px;font-size:14.5px;line-height:1.5;color:var(--bm-braun)} .bm-ty-warn p:last-child{margin:0} .bm-ty-warn b{font-weight:800} .bm-ty-purpose{border-top:1px solid var(--bm-linie);padding-top:14px;margin:0 0 4px} .bm-ty-purpose h3,.bm-ty-instr h3{margin:0 0 6px;font-size:15px;font-weight:800;color:var(--bm-braun)} .bm-ty-purpose-v{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;font-weight:700;color:var(--bm-braun);margin:0 0 6px} .bm-ty-purpose p:last-child,.bm-ty-instr p{margin:0;font-size:14px;line-height:1.5;color:var(--bm-anthrazit)} .bm-ty-instr{border-top:1px solid var(--bm-linie);padding-top:14px;margin-top:14px} .bm-ty-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0} .bm-ty-bank.is-paid h2::before{content:"✓ ";color:var(--bm-erfolg,#2E7D4F)} .bm-ty-cta{display:flex;flex-direction:column;gap:10px} .bm-ty-cta .bm-btn{width:100%} /* Hauptspalte */ .bm-ty-main{display:flex;flex-direction:column;gap:22px;min-width:0} .bm-ty-sec{background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius-lg);padding:26px 28px} .bm-ty-sec h2{margin:0 0 16px;font-size:22px;font-weight:800;color:var(--bm-braun);letter-spacing:-.01em} .bm-ty-sec h3{margin:0 0 8px;font-size:14px;font-weight:800;color:var(--bm-text-muted);letter-spacing:.06em;text-transform:uppercase} .bm-ty-sec p{font-size:15px;line-height:1.6;margin:0 0 10px} .bm-ty-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:12px} @media(min-width:700px){.bm-ty-steps{grid-template-columns:repeat(2,1fr)}} .bm-ty-steps li{display:flex;gap:14px;align-items:flex-start;background:var(--bm-creme);border:1px solid var(--bm-linie);border-radius:var(--bm-radius);padding:14px 16px} .bm-ty-step-n{flex:0 0 auto;font-size:22px;font-weight:800;color:var(--bm-bernstein);line-height:1} .bm-ty-steps strong{display:block;font-size:15.5px;color:var(--bm-braun);margin:0 0 3px} .bm-ty-steps p{margin:0;font-size:14px} .bm-ty-items{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px} .bm-ty-item{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:0 0 12px;border-bottom:1px solid var(--bm-linie)} .bm-ty-item-img{width:72px;height:72px;border-radius:var(--bm-radius);background:var(--bm-creme);border:1px solid var(--bm-linie);display:flex;align-items:center;justify-content:center;overflow:hidden} .bm-ty-item-img img{width:100%;height:100%!important;object-fit:contain;display:block} .bm-ty-item-body{min-width:0;display:flex;flex-direction:column;gap:3px} .bm-ty-item-body strong{font-size:15.5px;color:var(--bm-braun);line-height:1.3} .bm-ty-item-body a{color:inherit;text-decoration:none} .bm-ty-item-body a:hover{color:var(--bm-bernstein)} .bm-ty-item-meta,.bm-ty-item-var{font-size:13.5px;color:var(--bm-text-muted)} .bm-ty-item-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-weight:800;color:var(--bm-braun);font-size:16px;white-space:nowrap} .bm-ty-item-price del{font-size:13px;font-weight:500;color:var(--bm-text-muted)} .bm-ty-totals{margin:0;display:grid;gap:8px} .bm-ty-total-row{display:flex;justify-content:space-between;gap:12px;font-size:15px} .bm-ty-total-row dt{color:var(--bm-anthrazit)} .bm-ty-total-row dd{margin:0;font-weight:700;color:var(--bm-braun);text-align:right} .bm-ty-total-row.is-discount dd{color:var(--bm-erfolg,#2E7D4F)} .bm-ty-total-row.is-order_total{border-top:2px solid var(--bm-braun);padding-top:10px;margin-top:4px;font-size:18px} .bm-ty-total-row.is-order_total dd{font-size:22px;font-weight:800} .bm-ty-addr-grid{display:grid;grid-template-columns:1fr;gap:18px} @media(min-width:700px){.bm-ty-addr-grid{grid-template-columns:repeat(2,1fr)}} .bm-ty-addr address{font-style:normal;font-size:15.5px;line-height:1.6;color:var(--bm-braun);font-weight:600} .bm-ty-addr-x{font-size:14px;color:var(--bm-text-muted);margin:6px 0 0!important} .bm-ty-facts{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:1fr;gap:10px} @media(min-width:700px){.bm-ty-facts{grid-template-columns:repeat(3,1fr)}} .bm-ty-facts li{display:flex;gap:10px;align-items:flex-start;background:var(--bm-creme);border:1px solid var(--bm-linie);border-radius:var(--bm-radius);padding:12px 14px;font-size:13.5px;line-height:1.45;color:var(--bm-anthrazit)} .bm-ty-facts .bm-ico{flex:0 0 auto;color:var(--bm-bernstein-dunkel,#A9561A);width:22px;height:22px} .bm-ty-facts strong{display:block;color:var(--bm-braun);font-size:14.5px;margin:0 0 2px} .bm-ty-timeline{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:0;position:relative} .bm-ty-timeline li{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;padding:8px 0;position:relative;color:var(--bm-text-muted)} .bm-ty-timeline li::before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--bm-linie)} .bm-ty-timeline li:first-child::before{top:50%}.bm-ty-timeline li:last-child::before{bottom:50%} .bm-ty-tl-dot{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--bm-linie)} .bm-ty-timeline li.is-done{color:var(--bm-braun)} .bm-ty-timeline li.is-done .bm-ty-tl-dot{background:var(--bm-braun);border-color:var(--bm-braun)} .bm-ty-timeline li.is-done .bm-ty-tl-dot::after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)} .bm-ty-timeline li.is-current{color:var(--bm-braun);font-weight:800} .bm-ty-timeline li.is-current .bm-ty-tl-dot{border-color:var(--bm-bernstein);background:var(--bm-bernstein);box-shadow:0 0 0 5px rgba(217,119,36,.2)} .bm-ty-tl-t{font-size:15px} .bm-ty-tl-s{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase} .bm-ty-timeline li.is-current .bm-ty-tl-s{color:var(--bm-bernstein-dunkel,#A9561A)} .bm-ty-contact{background:var(--bm-braun);color:var(--bm-creme);border-color:var(--bm-braun)} .bm-ty-contact h2,.bm-ty-contact p{color:#fff} .bm-ty-contact p{color:rgba(255,255,255,.88)} .bm-ty-contact-l a{display:inline-flex;align-items:center;gap:8px;color:var(--bm-bernstein);font-weight:800;font-size:17px;text-decoration:none} .bm-ty-contact-l a:hover{text-decoration:underline} .bm-ty-contact-n{font-size:13.5px!important;opacity:.8} @media(max-width:767px){.bm-ty-hero{padding:28px 20px;border-radius:var(--bm-radius)}.bm-ty-sec{padding:20px 18px}.bm-ty-bank{padding:18px}.bm-ty-item{grid-template-columns:60px 1fr;row-gap:6px}.bm-ty-item-img{width:60px;height:60px}.bm-ty-item-price{grid-column:2;align-items:flex-start;flex-direction:row;gap:8px}.bm-ty-amount-v{font-size:30px}} @media print{.bm-header,.bm-footer,.bm-ty-cta,.bm-ty-copy,.bm-hf-topbar,#wpadminbar{display:none!important}.bm-ty-hero{background:#fff!important;color:#000;border:1px solid #000}.bm-ty-hero h1,.bm-ty-meta dd,.bm-ty-mail,.bm-ty-lead{color:#000!important}.bm-ty-pay{position:static}} /* Kasse: Links unter dem Bestellbutton */ .bm-checkout-links{margin:14px 0 0;font-size:13px;line-height:1.7;color:var(--bm-text-muted);text-align:center}.bm-checkout-links a{color:var(--bm-braun);text-decoration:underline;font-weight:600} /* Produktseite: Lieferzeiten-Tabelle */ /* Lieferzeiten: 4 kompakte Karten (mobil 2×2) */ .bm-ship-times{margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .bm-ship-times div{display:block;padding:12px 14px;background:var(--bm-creme);border:1px solid var(--bm-linie);border-radius:var(--bm-radius-sm)} .bm-ship-times dt{font-size:12px;font-weight:600;color:var(--bm-text-muted);margin:0 0 4px;line-height:1.3} .bm-ship-times dd{margin:0;font-size:16px;font-weight:800;color:var(--bm-braun);line-height:1.25} .bm-ship-times dd small{display:block;font-size:12px;font-weight:500;color:var(--bm-text-muted);margin-top:2px} .bm-ship-foot{margin:0 0 6px;font-size:13px;color:var(--bm-text-muted);line-height:1.5} @media(max-width:767px){.bm-ship-times{grid-template-columns:1fr 1fr;gap:8px}.bm-ship-times div{padding:10px 12px}.bm-ship-times dd{font-size:15px}} /* Footer: Zahlungsarten-Logos */ .bm-footer-pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:18px;padding-bottom:18px;border-top:1px solid var(--bm-linie)} .bm-footer-pay-label{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;color:var(--bm-anthrazit)} .bm-footer-pay-label .bm-ico{width:22px;height:22px;color:var(--bm-bernstein-dunkel);flex:none} .bm-pay-logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px} .bm-pay-logos li{display:flex;align-items:center;height:52px;padding:0 6px;background:#fff;border:1px solid var(--bm-linie);border-radius:8px;overflow:hidden} .bm-pay-logos img{display:block;height:52px;width:120px;object-fit:cover;object-position:center} /* Produktseite: Kundenbewertungen (WooCommerce-Rezensionen) */ .bm-sec-reviews .bm-reviews-note{margin:0 0 18px;max-width:820px;color:var(--bm-text-muted);font-size:15px;line-height:1.6} .bm-sec-reviews #reviews{max-width:820px} .bm-sec-reviews .woocommerce-Reviews-title{font-size:18px;font-weight:700;color:var(--bm-braun);margin:0 0 12px} .bm-sec-reviews .commentlist{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px} .bm-sec-reviews .commentlist li{margin:0} .bm-sec-reviews .commentlist .comment_container{display:flex;gap:14px;background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius);padding:16px} .bm-sec-reviews .commentlist img.avatar{width:44px;height:44px;border-radius:50%;flex:none} .bm-sec-reviews .comment-text{flex:1;min-width:0} .bm-sec-reviews .comment-text .meta{font-size:13px;color:var(--bm-text-muted);margin:6px 0 8px} .bm-sec-reviews .meta .woocommerce-review__author{font-weight:700;color:var(--bm-braun)} .bm-sec-reviews .description p{margin:0;font-size:15px;line-height:1.6} .bm-sec-reviews .woocommerce-noreviews{margin:0 0 18px;font-size:15px;color:var(--bm-anthrazit)} .bm-sec-reviews #review_form_wrapper{background:#fff;border:1px solid var(--bm-linie);border-radius:var(--bm-radius);padding:20px} .bm-sec-reviews .comment-reply-title{display:block;font-size:18px;font-weight:700;color:var(--bm-braun);margin:0 0 6px} .bm-sec-reviews .comment-notes{font-size:13px;color:var(--bm-text-muted);margin:0 0 14px} .bm-sec-reviews .comment-form p{margin:0 0 14px} .bm-sec-reviews .comment-form label{display:block;font-weight:600;font-size:14px;margin:0 0 6px;color:var(--bm-braun)} .bm-sec-reviews .comment-form input[type=text],.bm-sec-reviews .comment-form input[type=email],.bm-sec-reviews .comment-form textarea{width:100%;border:1px solid var(--bm-linie);border-radius:8px;padding:10px 12px;font:inherit;font-size:15px;background:#fff;color:var(--bm-anthrazit)} .bm-sec-reviews .comment-form textarea{min-height:120px;resize:vertical} .bm-sec-reviews .comment-form input:focus-visible,.bm-sec-reviews .comment-form textarea:focus-visible{outline:3px solid var(--bm-bernstein);outline-offset:0;border-color:var(--bm-bernstein)} .bm-sec-reviews .comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start} .bm-sec-reviews .comment-form-cookies-consent label{display:inline;font-weight:400;font-size:13px;margin:0;color:var(--bm-anthrazit)} .bm-sec-reviews .comment-form-cookies-consent input{margin-top:3px} .bm-sec-reviews .comment-form-rating label{margin-bottom:8px} .bm-sec-reviews p.stars a,.bm-sec-reviews .star-rating{color:var(--bm-bernstein)} .bm-sec-reviews .form-submit{margin:0} .bm-sec-reviews .form-submit .submit{display:inline-flex;align-items:center;min-height:48px;padding:0 26px;border:0;border-radius:999px;background:var(--bm-bernstein);color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:background var(--bm-fast)} .bm-sec-reviews .form-submit .submit:hover{background:var(--bm-bernstein-hover)} .bm-sec-reviews .form-submit .submit:focus-visible{outline:3px solid var(--bm-braun);outline-offset:2px} .bm-sec-reviews .woocommerce-verification-required{font-size:14px;color:var(--bm-text-muted)} .single-product .woocommerce-product-rating{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px} .single-product .woocommerce-product-rating .star-rating{color:var(--bm-bernstein)} .single-product .woocommerce-review-link{color:var(--bm-text-muted)} /* Bewertungsformular: Sterne in Site-Farben (Machic-Muster 1–5 Sterne) */ .bm-sec-reviews #review_form p.stars{margin:0 0 6px;line-height:1} .bm-sec-reviews #review_form p.stars a{font-size:1rem;margin-right:.9em;padding-right:.3em;border-right-color:var(--bm-linie)} .bm-sec-reviews #review_form p.stars a[class*=star-]:after{color:#b9ada1} .bm-sec-reviews #review_form p.stars a[class*=star-].active:after,.bm-sec-reviews #review_form p.stars a[class*=star-]:hover:after{color:var(--bm-bernstein)} /* Shop-Raster: Merken/Vergleichen-Buttons der Machic-Demo ausblenden */ .products .product-buttons,.product-grid .product-buttons,ul.products li.product .product-buttons{display:none!important} /* Plus Jakarta Sans – lokal gehostet (Mediathek 2748/2749), variable Schrift 200–800, DSGVO-konform ohne Google-Aufruf */ @font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url(https://brennholzmuscheid.com/wp-content/uploads/2026/09/plus-jakarta-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url(https://brennholzmuscheid.com/wp-content/uploads/2026/09/plus-jakarta-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /* Footer-Bottom: Links (z. B. Cookie-Einstellungen) auf dunklem Grund */ .bm-footer-bottom a{color:var(--bm-creme);text-decoration:underline;text-underline-offset:3px} .bm-footer-bottom a:hover{color:#fff} /* Shop/Kategorie: SEO-Text unter der Produktliste */ .bm-cat-seo{margin:40px 0 8px;padding:28px 0 0;border-top:1px solid var(--bm-linie)} .bm-cat-seo-in{max-width:820px} .bm-cat-seo h2{font-size:22px;font-weight:800;color:var(--bm-braun);margin:0 0 10px;line-height:1.25} .bm-cat-seo h3{font-size:17px;font-weight:700;color:var(--bm-braun);margin:18px 0 6px} .bm-cat-seo p,.bm-cat-seo li{font-size:15px;line-height:1.65;color:var(--bm-anthrazit)} .bm-cat-seo p{margin:0 0 12px} .bm-cat-seo ul{margin:0 0 12px 18px;padding:0} .bm-cat-seo a{color:var(--bm-braun);font-weight:600;text-decoration:underline;text-underline-offset:3px} /* ---- M. Tidio Live-Chat : Platzhalter-Bulle (Zwei-Klick) + Mobile-Offset ---- */ #bm-chat-ph{position:fixed;right:20px;bottom:20px;z-index:99998;font-family:var(--bm-font,'Plus Jakarta Sans',sans-serif)} #bm-chat-ph[hidden]{display:none} .bm-chat-btn{width:56px;height:56px;border-radius:50%;background:#2D1E18;border:0;box-shadow:0 8px 24px rgba(45,30,24,.35);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;min-height:0;transition:transform .2s ease,background .2s ease} .bm-chat-btn:hover{background:#D97724;transform:translateY(-1px)} .bm-chat-btn:focus-visible{outline:3px solid #D97724;outline-offset:2px} .bm-chat-btn svg{width:26px;height:26px;fill:#fff} .bm-chat-card{position:absolute;right:0;bottom:70px;width:min(340px,calc(100vw - 32px));background:#F8F6F2;color:#2D1E18;border:1px solid #E4DDD4;border-radius:14px;box-shadow:0 20px 60px rgba(45,30,24,.3);padding:16px;font-size:13.5px;line-height:1.55} .bm-chat-card[hidden]{display:none} .bm-chat-card strong{display:block;font-size:15px;font-weight:800;margin-bottom:6px;color:#2D1E18} .bm-chat-card p{margin:0 0 12px;color:#4A3B32;font-size:13px} .bm-chat-card p a{color:#2D1E18;font-weight:600;text-decoration:underline;text-underline-offset:3px} .bm-chat-card-actions{display:flex;gap:8px} .bm-chat-load{flex:1;min-height:42px;padding:0 16px;border:0;border-radius:999px;background:#D97724;color:#fff;font-weight:700;font-size:14px;cursor:pointer} .bm-chat-load:hover{background:#C2691F} .bm-chat-cancel{min-height:42px;padding:0 14px;border:1px solid #E4DDD4;border-radius:999px;background:#fff;color:#2D1E18;font-weight:600;font-size:14px;cursor:pointer;box-shadow:none} @media (max-width:1023px){ body.bm-has-sticky #bm-chat-ph{bottom:86px} html:not(.bm-tidio-open) body.bm-has-sticky #tidio-chat{bottom:72px!important;height:calc(100% - 72px)!important} } /* Produktbeschreibung: Technische-Daten-Block (für den Merchant-Center-Feed) – auf der Seite zeigt die Sektion „Technische Daten“ dieselben Attribute */ .bm-desc .bm-specs{display:none}