/* BERMARO B2B-Design v6 (24.10.2026): BERMARO-Stil aus lackier-bedarf.info (Original-Farben Orange/Anthrazit), jede Regel nur mit Klasse bm-b2b am <html>, dazu B2B-EXTRA v5 */
html.bm-b2b body:not(.bm-aus) .bm-filter-sticky { position: sticky; top: var(--bm-top,15px); max-height: calc(100vh - var(--bm-top,15px) - 15px); overflow-y: auto; overscroll-behavior: contain; padding-right: 6px; scrollbar-width: thin; }
html.bm-b2b body:not(.bm-aus) .bm-filter-sticky::-webkit-scrollbar { width: 6px; }
html.bm-b2b body:not(.bm-aus) .bm-filter-sticky::-webkit-scrollbar-thumb { background: rgb(211, 154, 28); border-radius: 3px; }
html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card, html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .card { margin: 0px; border-bottom: 1px solid rgb(229, 229, 229) !important; padding-top: 0px !important; }
html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card > .title, html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .card > .title { cursor: pointer; position: relative; margin: 0px; color: rgb(33, 37, 41); user-select: none; padding: 11px 28px 11px 0px !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.4 !important; }
html.bm-b2b body:not(.bm-aus) .widget-navigation-tree .nav-link { font-size: 15px !important; }
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .card > .title { padding: 15px 32px 15px 4px !important; }
html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card > .title::after, html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .card > .title::after { content: ""; position: absolute; right: 6px; top: 50%; width: 9px; height: 9px; border-right: 2px solid rgb(211, 154, 28); border-bottom: 2px solid rgb(211, 154, 28); transform: translateY(-70%) rotate(45deg); transition: transform 0.2s; }
html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card.bm-zu > .title::after, html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .card.bm-zu > .title::after { transform: translateY(-30%) rotate(-45deg); }
html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card.bm-zu > :not(.title), html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .card.bm-zu > :not(.title) { display: none !important; }
html.bm-b2b.bm-filter-start body:not(.bm-aus) .filter-desktopansicht .card:not(:has(input:checked)) > :not(.title), html.bm-b2b.bm-filter-start body:not(.bm-aus) .filter-mobilansicht .card:not(:has(input:checked)) > :not(.title) { display: none !important; }
html.bm-b2b.bm-filter-start body:not(.bm-aus) .filter-desktopansicht .card:not(:has(input:checked)) > .title::after, html.bm-b2b.bm-filter-start body:not(.bm-aus) .filter-mobilansicht .card:not(:has(input:checked)) > .title::after { transform: translateY(-30%) rotate(-45deg); }
html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card > :not(.title), html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .card > :not(.title) { padding-bottom: 10px; }
html.bm-b2b body:not(.bm-aus) .card .bm-aktiv-zahl { display: inline-block; margin-left: 6px; font-size: 12px; font-weight: 400; line-height: 18px; vertical-align: middle; color: rgb(153, 153, 153); background: 0px 0px; padding: 0px; border-radius: 0px; white-space: nowrap; }
html.bm-b2b body:not(.bm-aus) .card .bm-aktiv-zahl.bm-gewaehlt { background: rgb(211, 154, 28); color: rgb(255, 255, 255); border-radius: 10px; padding: 0px 8px; font-weight: 600; }
html.bm-b2b body:not(.bm-aus) .item-filter-price { grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; width: 100%; display: grid !important; padding: 4px 0px 0px !important; }
html.bm-b2b body:not(.bm-aus) .item-filter-price .input-group { position: relative; flex-wrap: nowrap; width: auto !important; margin: 0px !important; }
html.bm-b2b body:not(.bm-aus) .item-filter-price .input-group-prepend { display: none !important; }
html.bm-b2b body:not(.bm-aus) .item-filter-price input.form-control { height: 42px; width: 100%; min-width: 0px; padding: 0px 26px 0px 10px; border: 1px solid rgb(207, 207, 207); background: rgb(255, 255, 255); font-size: 15px; color: rgb(51, 51, 51); border-radius: 6px !important; }
html.bm-b2b body:not(.bm-aus) .item-filter-price input.form-control::-webkit-inner-spin-button, html.bm-b2b body:not(.bm-aus) .item-filter-price input.form-control::-webkit-outer-spin-button { appearance: none; margin: 0px; }
html.bm-b2b body:not(.bm-aus) .item-filter-price input.form-control:focus { border-color: rgb(211, 154, 28); box-shadow: rgba(211, 154, 28, 0.25) 0px 0px 0px 2px; outline: 0px; }
html.bm-b2b body:not(.bm-aus) .item-filter-price .input-group::after { content: "€"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: rgb(136, 136, 136); font-size: 14px; pointer-events: none; z-index: 5; }
html.bm-b2b body:not(.bm-aus) .item-filter-price .bm-preis-strich { color: rgb(136, 136, 136); font-size: 16px; }
html.bm-b2b body:not(.bm-aus) .item-filter-price .btn { grid-column: 1 / -1; width: 100%; height: 42px; font-size: 15px; font-weight: 600; margin: 0px !important; border-radius: 6px !important; }
html.bm-b2b body:not(.bm-aus) .item-filter-price .btn::after { content: "Preis anwenden"; margin-left: 8px; }
html.bm-b2b body:not(.bm-aus) .bm-preis-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
html.bm-b2b body:not(.bm-aus) .bm-preis-chip { display: inline-block; padding: 5px 11px; border: 1px solid rgb(211, 154, 28); border-radius: 16px; background: rgb(255, 255, 255); font-size: 13px; line-height: 1.3; white-space: nowrap; transition: background 0.15s, color 0.15s; color: rgb(51, 51, 51) !important; text-decoration: none !important; }
html.bm-b2b body:not(.bm-aus) .bm-preis-chip:hover { background: rgb(253, 243, 223); }
html.bm-b2b body:not(.bm-aus) .bm-preis-chip.bm-aktiv { background: rgb(211, 154, 28); color: rgb(255, 255, 255) !important; }
html.bm-b2b body:not(.bm-aus) .bm-preis-chip.bm-reset { border-color: rgb(187, 187, 187); color: rgb(102, 102, 102) !important; }
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .bm-preis-chip { padding: 8px 14px; font-size: 14px; }
html.bm-b2b.bm-leiste-aktiv body:not(.bm-aus) .bm-alte-leiste, html.bm-b2b.bm-leiste-aktiv body:not(.bm-aus) .widget-pagination, html.bm-b2b.bm-leiste-aktiv body:not(.bm-aus) .widget-selected-filter { display: none !important; }
html.bm-b2b body:not(.bm-aus) .bm-leiste { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 4px 0px 12px; margin: 0px 0px 4px; border-bottom: 1px solid rgb(238, 238, 238); }
html.bm-b2b body:not(.bm-aus) .bm-anzahl { margin-right: auto; display: flex; align-items: baseline; gap: 8px; }
html.bm-b2b body:not(.bm-aus) .bm-anzahl-zahl { font-size: 18px; font-weight: 700; color: rgb(34, 34, 34); }
html.bm-b2b body:not(.bm-aus) .bm-anzahl-seite { font-size: 13px; color: rgb(136, 136, 136); }
html.bm-b2b body:not(.bm-aus) .bm-feld { display: inline-flex; align-items: center; height: 40px; margin: 0px; padding: 0px 0px 0px 12px; border: 1px solid rgb(207, 207, 207); border-radius: 6px; background: rgb(255, 255, 255); font-size: 14px; cursor: pointer; }
html.bm-b2b body:not(.bm-aus) .bm-feld:focus-within { border-color: rgb(211, 154, 28); box-shadow: rgba(211, 154, 28, 0.25) 0px 0px 0px 2px; }
html.bm-b2b body:not(.bm-aus) .bm-feld-name { color: rgb(136, 136, 136); margin-right: 4px; }
html.bm-b2b body:not(.bm-aus) .bm-select { height: 38px; border: 0px; background: linear-gradient(45deg, transparent 50%, rgb(211, 154, 28) 50%) calc(100% - 17px) 17px / 5px 5px no-repeat, linear-gradient(135deg, rgb(211, 154, 28) 50%, transparent 50%) calc(100% - 12px) 17px / 5px 5px; font-size: 14px; font-weight: 700; color: rgb(34, 34, 34); padding: 0px 34px 0px 2px; cursor: pointer; outline: 0px; appearance: none; }
html.bm-b2b body:not(.bm-aus) .bm-seg { display: inline-flex; height: 40px; border: 1px solid rgb(207, 207, 207); border-radius: 6px; overflow: hidden; font-size: 14px; background: rgb(255, 255, 255); }
html.bm-b2b body:not(.bm-aus) .bm-seg-name { display: flex; align-items: center; padding: 0px 10px 0px 12px; color: rgb(136, 136, 136); border-right: 1px solid rgb(227, 227, 227); }
html.bm-b2b body:not(.bm-aus) .bm-seg-knopf { display: flex; align-items: center; padding: 0px 13px; border-right: 1px solid rgb(227, 227, 227); color: rgb(68, 68, 68) !important; text-decoration: none !important; }
html.bm-b2b body:not(.bm-aus) .bm-seg-knopf:last-child { border-right: 0px; }
html.bm-b2b body:not(.bm-aus) .bm-seg-knopf:hover { background: rgb(253, 243, 223); }
html.bm-b2b body:not(.bm-aus) .bm-seg-knopf.bm-aktiv { background: rgb(211, 154, 28); font-weight: 700; color: rgb(255, 255, 255) !important; }
html.bm-b2b body:not(.bm-aus) .bm-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0px 0px 10px; }
html.bm-b2b body:not(.bm-aus) .bm-chip { display: inline-flex; align-items: center; padding: 5px 12px; border: 1px solid rgb(211, 154, 28); border-radius: 16px; background: rgb(253, 243, 223); font-size: 13px; line-height: 1.3; cursor: pointer; color: rgb(51, 51, 51) !important; text-decoration: none !important; }
html.bm-b2b body:not(.bm-aus) .bm-chip::after { content: "✕"; margin-left: 7px; color: rgb(176, 122, 16); font-weight: 700; }
html.bm-b2b body:not(.bm-aus) .bm-chip:hover { background: rgb(249, 228, 184); }
html.bm-b2b body:not(.bm-aus) .bm-chip-reset { font-size: 13px; margin-left: 4px; color: rgb(136, 136, 136) !important; text-decoration: underline !important; }
html.bm-b2b body:not(.bm-aus) .bm-unten { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 18px 0px 0px; padding-top: 16px; border-top: 1px solid rgb(238, 238, 238); }
html.bm-b2b body:not(.bm-aus) .bm-unten-info { font-size: 14px; color: rgb(136, 136, 136); }
html.bm-b2b body:not(.bm-aus) .bm-navi { display: flex; flex-wrap: wrap; gap: 6px; }
html.bm-b2b body:not(.bm-aus) .bm-navi-knopf { min-width: 40px; height: 40px; padding: 0px 12px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgb(207, 207, 207); border-radius: 6px; background: rgb(255, 255, 255); font-size: 15px; color: rgb(68, 68, 68) !important; text-decoration: none !important; }
html.bm-b2b body:not(.bm-aus) a.bm-navi-knopf:hover { border-color: rgb(211, 154, 28); background: rgb(253, 243, 223); }
html.bm-b2b body:not(.bm-aus) .bm-navi-knopf.bm-aktiv { background: rgb(211, 154, 28); border-color: rgb(211, 154, 28); font-weight: 700; color: rgb(255, 255, 255) !important; }
html.bm-b2b body:not(.bm-aus) .bm-navi-knopf.bm-weiter { font-weight: 700; color: rgb(176, 122, 16) !important; }
html.bm-b2b body:not(.bm-aus) .bm-navi-knopf.bm-aus { color: rgb(204, 204, 204) !important; cursor: default; }
html.bm-b2b body:not(.bm-aus) .bm-navi-luecke { display: inline-flex; align-items: center; padding: 0px 4px; color: rgb(136, 136, 136); }
html.bm-b2b body:not(.bm-aus) .bm-mehr { display: flex; justify-content: center; margin: 18px 0px 10px; }
html.bm-b2b body:not(.bm-aus) .bm-mehr-knopf { display: inline-block; padding: 12px 28px; border: 2px solid rgb(211, 154, 28); border-radius: 6px; background: rgb(255, 255, 255); font-size: 16px; font-weight: 700; color: rgb(176, 122, 16) !important; text-decoration: none !important; }
html.bm-b2b body:not(.bm-aus) .bm-mehr-knopf:hover { background: rgb(211, 154, 28); color: rgb(255, 255, 255) !important; }
@media (max-width: 767px) {
  html.bm-b2b body:not(.bm-aus) .bm-anzahl { width: 100%; }
  html.bm-b2b body:not(.bm-aus) .bm-feld, html.bm-b2b body:not(.bm-aus) .bm-seg { flex: 1 1 auto; }
  html.bm-b2b body:not(.bm-aus) .bm-select { flex: 1 1 auto; min-width: 0px; }
  html.bm-b2b body:not(.bm-aus) .bm-unten { justify-content: center; }
  html.bm-b2b body:not(.bm-aus) .bm-unten-info { width: 100%; text-align: center; }
  html.bm-b2b body:not(.bm-aus) .bm-mehr-knopf { width: 100%; text-align: center; }
}
html.bm-b2b #page-header:not(.fixed-top) .breadcrumbs { position: relative !important; }
html.bm-b2b body:not(.bm-aus) .container-max { max-width: 1500px !important; }
@media (min-width: 1200px) {
  html.bm-b2b body:not(.bm-aus) .product-list > li.col-lg-3 { flex: 0 0 20%; max-width: 20%; }
}
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu { background-color: rgb(59, 64, 69) !important; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu { align-items: center; width: 100%; justify-content: flex-start !important; padding: 0px 8px !important; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a { align-items: center; gap: 8px; height: 54px; white-space: nowrap; transition: background 0.15s, color 0.15s; display: flex !important; padding: 0px 13px !important; color: rgb(255, 255, 255) !important; font-size: 16px !important; font-weight: 600 !important; text-decoration: none !important; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a::after { display: none !important; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a::before { content: ""; display: inline-block; width: 20px; height: 20px; flex: 0 0 auto; background-color: currentcolor; mask-repeat: no-repeat; mask-size: contain; mask-image: var(--bm-ic); }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li.bm-mm-offen > a, html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a:hover { background: rgb(255, 255, 255) !important; color: rgb(34, 34, 34) !important; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li:has(> a[href="/aktion"]) { order: 99; margin-left: auto; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/aktion"] { height: 36px; margin: 0px 4px; border-radius: 5px; background: rgb(217, 38, 44) !important; color: rgb(255, 255, 255) !important; font-size: 0px !important; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/aktion"]::before { content: "% SALE"; width: auto; height: auto; background: 0px 0px; mask-image: none; font-size: 16px; font-weight: 700; letter-spacing: 0.5px; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li.bm-mm-offen > a[href="/aktion"], html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/aktion"]:hover { background: rgb(184, 30, 35) !important; color: rgb(255, 255, 255) !important; }
html.bm-b2b.bm-menue-aktiv body:not(.bm-aus) nav.megamenu ul.mainmenu .collapse { display: none !important; }
html.bm-b2b .bm-mm-panel { position: fixed; z-index: 1050; display: none; background: rgb(255, 255, 255); border-top: 3px solid rgb(221, 147, 19); box-shadow: rgba(0, 0, 0, 0.28) 0px 16px 36px; font-family: custom-font, helvetica, arial, sans-serif; color: rgb(34, 34, 34); }
html.bm-b2b .bm-mm-panel.bm-mm-sichtbar { display: block; }
html.bm-b2b .bm-mm-panel a { text-decoration: none !important; }
html.bm-b2b .bm-mm-innen { display: grid; grid-template-columns: 1fr 280px; }
html.bm-b2b .bm-mm-raster { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; padding: 22px; align-content: start; }
html.bm-b2b .bm-mm-kachel { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 10px 8px 12px; border: 1px solid rgb(236, 236, 236); border-radius: 8px; background: rgb(255, 255, 255); transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s; color: rgb(34, 34, 34) !important; }
html.bm-b2b .bm-mm-kachel:hover { border-color: rgb(221, 147, 19); box-shadow: rgba(221, 147, 19, 0.25) 0px 4px 14px; transform: translateY(-2px); }
html.bm-b2b .bm-mm-bild { display: flex; align-items: center; justify-content: center; width: 100%; height: 96px; margin-bottom: 8px; }
html.bm-b2b .bm-mm-bild img { max-width: 100%; max-height: 96px; object-fit: contain; }
html.bm-b2b .bm-mm-kachel b { font-size: 14px; line-height: 1.25; }
html.bm-b2b .bm-mm-mehr { margin-top: 4px; font-size: 12px; color: rgb(176, 122, 16); }
html.bm-b2b .bm-mm-kachel.bm-mm-sale { justify-content: center; background: rgb(217, 38, 44); border-color: rgb(217, 38, 44); color: rgb(255, 255, 255) !important; }
html.bm-b2b .bm-mm-kachel.bm-mm-sale:hover { background: rgb(184, 30, 35); box-shadow: rgba(217, 38, 44, 0.35) 0px 4px 14px; }
html.bm-b2b .bm-mm-kachel.bm-mm-sale b { font-size: 20px; letter-spacing: 1px; }
html.bm-b2b .bm-mm-kachel.bm-mm-sale .bm-mm-mehr { color: rgb(255, 255, 255); }
html.bm-b2b .bm-mm-prozent { font-size: 40px; font-weight: 700; line-height: 1; margin-bottom: 4px; }
html.bm-b2b .bm-mm-angebot { display: flex; flex-direction: column; padding: 22px; background: rgb(253, 243, 223); border-left: 1px solid rgb(240, 226, 192); color: rgb(34, 34, 34) !important; }
html.bm-b2b .bm-mm-angebot small { color: rgb(217, 38, 44); font-weight: 700; letter-spacing: 0.5px; }
html.bm-b2b .bm-mm-angebot strong { margin: 6px 0px 12px; font-size: 18px; line-height: 1.3; }
html.bm-b2b .bm-mm-angebot img { width: 100%; height: 170px; object-fit: contain; background: rgb(255, 255, 255); border-radius: 8px; margin-bottom: 14px; }
html.bm-b2b .bm-mm-knopf { margin-top: auto; padding: 11px; border-radius: 6px; background: rgb(221, 147, 19); color: rgb(255, 255, 255); font-weight: 700; text-align: center; }
html.bm-b2b .bm-mm-angebot:hover .bm-mm-knopf { background: rgb(194, 127, 12); }
html.bm-b2b .bm-mm-fuss { padding: 12px 22px; border-top: 1px solid rgb(238, 238, 238); background: rgb(250, 250, 250); text-align: right; font-size: 14px; }
html.bm-b2b .bm-mm-fuss a { color: rgb(176, 122, 16) !important; font-weight: 700; }
html.bm-b2b .widget-navigation-tree a[href="/aktion"], html.bm-b2b .widget-navigation-tree a[href="/aktion"] span, html.bm-b2b .widget-navigation-tree a[href="/schleifen/restposten"], html.bm-b2b .widget-navigation-tree a[href="/schleifen/restposten"] span { color: rgb(217, 38, 44) !important; font-weight: 700; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/schleifen"]::before { --bm-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Ccircle cx='12' cy='6.5' r='1.2'/%3E%3Ccircle cx='12' cy='17.5' r='1.2'/%3E%3Ccircle cx='6.5' cy='12' r='1.2'/%3E%3Ccircle cx='17.5' cy='12' r='1.2'/%3E%3C/svg%3E"); }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/lackieren"]::before { --bm-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h10l3 3v3H3z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M16 11.5h5M8 13v7M6 20h5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 7V4h4v3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/airbrush"]::before { --bm-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12h13l3-2h4M6 12v6M4 18h5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 12V8h3v4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/abkleben-abdecken"]::before { --bm-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='11' cy='12' r='3.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M19 12h3v6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/spachtel-chemie"]::before { --bm-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6M10 3v6l-5.5 10.5A1 1 0 0 0 5.4 21h13.2a1 1 0 0 0 .9-1.5L14 9V3' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M7.5 15h9' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/schutz"]::before { --bm-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/werkzeug"]::before { --bm-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.5 6.5a4 4 0 0 0 5 5L21 13l-8 8-3-3 8-8M14.5 6.5L12 4l-3 3 2.5 2.5M3 21l6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/spachteln"]::before { --bm-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 14h14l-1.5 6h-11z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 14V4' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); }
html.bm-b2b body:not(.bm-aus) .header-container > .widget.unfixed { max-width: none !important; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu .container-max { background-color: rgb(59, 64, 69) !important; }
@media (min-width: 1200px) {
  html.bm-b2b body:not(.bm-aus) .widget-two-col > .widget-inner.col-lg-3:has(.filter-desktopansicht) { flex: 0 0 270px !important; max-width: 270px !important; }
  html.bm-b2b body:not(.bm-aus) .widget-two-col:has(> .widget-inner.col-lg-3 .filter-desktopansicht) > .widget-inner.col-lg-9 { flex: 1 1 0px !important; max-width: calc(100% - 270px) !important; }
}
@media (min-width: 1530px) {
  html.bm-b2b body:not(.bm-aus) .product-list > li.col-lg-3 { flex: 0 0 16.6667%; max-width: 16.6667%; }
}
@media (max-width: 991.98px) {
  html.bm-b2b .widget-two-col > .widget-inner.col-lg-3:has(.filter-desktopansicht) { display: none !important; }
  html.bm-b2b .widget-two-col:has(> .widget-inner.col-lg-3 .filter-desktopansicht) > .widget-inner.col-lg-9 { flex: 0 0 100% !important; max-width: 100% !important; }
}
@media (max-width: 991.98px) {
  html.bm-b2b body:not(.bm-aus) nav.megamenu, html.bm-b2b body:not(.bm-aus) nav.megamenu .container-max, html.bm-b2b body:not(.bm-aus) nav.megamenu ul.mainmenu { background-color: rgb(221, 147, 19) !important; }
}
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/abkleben-abdecken"], html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/schleifen"] { font-size: 0px !important; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/abkleben-abdecken"]::after, html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/schleifen"]::after { font-family: inherit; font-size: var(--bm-mm-schrift, 16px); font-weight: 600; margin: 0px; border: 0px; display: inline !important; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/schleifen"]::after { content: "Schleifen & Polieren"; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/abkleben-abdecken"]::after { content: "Abkleben & Abdecken"; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li:has(> a[href="/spachteln"]) { display: none !important; }
@media (max-width: 1349.98px) {
  html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu { --bm-mm-schrift: 15px; }
  html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a { gap: 6px; font-size: 15px !important; padding: 0px 9px !important; }
}
@media (max-width: 1199.98px) {
  html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu { --bm-mm-schrift: 13.5px; padding: 0px 4px !important; }
  html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a { font-size: 13.5px !important; padding: 0px 7px !important; }
  html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a:not([href="/aktion"])::before { display: none !important; }
  html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/aktion"]::before { font-size: 14px; }
  html.bm-b2b .bm-mm-innen { grid-template-columns: 1fr 220px; }
  html.bm-b2b .bm-mm-raster { grid-template-columns: repeat(4, 1fr); }
}
html.bm-b2b .bm-mm-kachel { justify-content: flex-start; }
html.bm-b2b .bm-mm-haupt { display: flex; flex-direction: column; align-items: center; width: 100%; color: inherit !important; }
html.bm-b2b .bm-mm-unter { margin-top: 6px; font-size: 12px; line-height: 1.5; color: rgb(153, 153, 153); }
html.bm-b2b .bm-mm-unter a { color: rgb(176, 122, 16) !important; }
html.bm-b2b .bm-mm-unter a:hover { text-decoration: underline !important; }
html.bm-b2b .bm-mm-punkt { margin: 0px 4px; }
html.bm-b2b .bm-mm-kachel.bm-mm-sale { justify-content: center; }
html.bm-b2b .bm-mm-kachel.bm-mm-marke { grid-column: span 2; padding: 0px; overflow: hidden; border-color: rgb(217, 217, 217); }
html.bm-b2b .bm-mm-kachel.bm-mm-marke .bm-mm-haupt { position: relative; height: 100%; min-height: 150px; }
html.bm-b2b .bm-mm-kachel.bm-mm-marke img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: left top; }
html.bm-b2b .bm-mm-marke-text { position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 26px 12px 10px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.75)); color: rgb(255, 255, 255); text-align: left; }
html.bm-b2b .bm-mm-marke-text b { display: block; font-size: 15px; }
html.bm-b2b .bm-mm-marke-text .bm-mm-mehr { color: rgb(242, 192, 99); }
@media (max-width: 991.98px) {
  html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu .container-max, html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu { background-color: rgb(221, 147, 19) !important; }
}
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/abkleben-abdecken"], html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/schleifen"] { gap: 0px !important; }
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/abkleben-abdecken"]::after, html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/schleifen"]::after { margin-left: 8px !important; }
html.bm-b2b .bm-mm-raster { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
@media (max-width: 1199.98px) {
  html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/abkleben-abdecken"]::after, html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu > li > a[href="/schleifen"]::after { margin-left: 0px !important; }
  html.bm-b2b .bm-mm-raster { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
html.bm-b2b .bm-mm-panel { background: rgb(238, 240, 242); }
html.bm-b2b .bm-mm-kachel { min-width: 0px; overflow: hidden; background: rgb(255, 255, 255); border: 1px solid rgb(225, 228, 232); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 6px; }
html.bm-b2b .bm-mm-kachel:hover { border-color: rgb(221, 147, 19); box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 20px; }
html.bm-b2b .bm-mm-kachel b { margin-top: 2px; font-size: 15px; font-weight: 700; line-height: 1.3; }
html.bm-b2b .bm-mm-unter { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; width: 100%; margin-top: 10px; }
html.bm-b2b .bm-mm-punkt { display: none; }
html.bm-b2b .bm-mm-unter a { display: inline-block; max-width: 100%; padding: 3px 9px; border: 1px solid rgb(227, 230, 234); border-radius: 12px; background: rgb(244, 245, 247); font-size: 12px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(85, 85, 85) !important; }
html.bm-b2b .bm-mm-unter a:hover { border-color: rgb(221, 147, 19); background: rgb(253, 243, 223); color: rgb(176, 122, 16) !important; text-decoration: none !important; }
html.bm-b2b .bm-mm-kachel > .bm-mm-mehr { margin-top: 8px; }
html.bm-b2b .bm-mm-kachel.bm-mm-sale, html.bm-b2b .bm-mm-kachel.bm-mm-sale:hover { border-color: rgb(184, 30, 35); }
html.bm-b2b .bm-mm-kachel.bm-mm-marke { background: rgb(34, 34, 34); }
html.bm-b2b .bm-mm-fuss { background: rgb(228, 231, 234); border-top: 1px solid rgb(216, 220, 224); }
@media (min-width: 992px) {
  html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card { border-bottom: 0px !important; }
  html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card > .title { padding: 4px 28px 4px 0px !important; font-size: 15px !important; font-weight: 400 !important; line-height: 22px !important; }
  html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card > :not(.title) { padding-bottom: 6px; }
}
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .card > .title { padding: 10px 32px 10px 4px !important; font-weight: 400 !important; }
html.bm-b2b body:not(.bm-aus) .card .filter-badge { min-width: 28px; text-align: center; padding: 1px 8px !important; border-radius: 11px !important; background: rgb(238, 240, 242) !important; color: rgb(85, 85, 85) !important; font-size: 12px !important; line-height: 18px !important; }
html.bm-b2b body:not(.bm-aus) .card input:checked + label .filter-badge { background: rgb(221, 147, 19) !important; color: rgb(255, 255, 255) !important; }
@media (min-width: 992px) {
  html.bm-b2b body:not(.bm-aus) .filter-desktopansicht { padding: 0px 12px; border-left: 1px solid rgb(227, 230, 234); border-right: 1px solid rgb(227, 230, 234); background: rgb(246, 247, 248); margin: 0px !important; }
  html.bm-b2b body:not(.bm-aus) .widget-selected-filter + .filter-desktopansicht { padding-top: 8px; border-top: 1px solid rgb(227, 230, 234); border-radius: 8px 8px 0px 0px; }
  html.bm-b2b body:not(.bm-aus) .filter-desktopansicht:last-child { padding-bottom: 8px; border-bottom: 1px solid rgb(227, 230, 234); border-radius: 0px 0px 8px 8px; }
  html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card { background: 0px 0px !important; }
}
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht a[data-toggle="collapse"] { align-items: center; font-weight: 700; display: inline-flex !important; text-decoration: none !important; }
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht a[data-toggle="collapse"]::after { content: ""; display: inline-block; width: 8px; height: 8px; margin-left: 10px; border-right: 2px solid rgb(211, 154, 28); border-bottom: 2px solid rgb(211, 154, 28); transform: translateY(-2px) rotate(45deg); transition: transform 0.2s; }
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht a[data-toggle="collapse"].collapsed::after { transform: rotate(-45deg); }
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht [id^="filter-collapse"] { margin-top: 8px; padding: 4px 12px 8px; border: 1px solid rgb(225, 228, 232); border-radius: 8px; background: rgb(244, 245, 247); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px inset; }
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .card { background: 0px 0px !important; border-bottom: 1px solid rgb(225, 228, 232) !important; }
html.bm-b2b .bm-mm-unter a { white-space: normal; text-align: center; }
html.bm-b2b body:not(.bm-aus) .card .filter-badge { flex: 0 0 auto; white-space: nowrap; }
html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card > .title, html.bm-b2b body:not(.bm-aus) .filter-desktopansicht label { word-break: normal !important; overflow-wrap: normal !important; }
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht [id^="filter-collapse"] { background: rgb(236, 238, 241); }
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht [id^="filter-collapse"] div:not(.filter-badge) { background-color: transparent !important; }
html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .filter-badge, html.bm-b2b body:not(.bm-aus) .filter-mobilansicht [id^="filter-collapse"] .filter-badge { border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255) !important; }
html.bm-b2b body:not(.bm-aus) .cookie-bar .container-max { inset: 50% auto auto 50%; height: auto; width: min(480px, -24px + 100vw); max-width: none; padding: 0px; transform: translate(-50%, -50%); }
html.bm-b2b body:not(.bm-aus) .cookie-bar .container-max > .row { border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.28) 0px 14px 44px, rgba(0, 0, 0, 0.12) 0px 2px 8px; border: 1px solid rgb(230, 232, 235); width: 100% !important; margin: 0px !important; background: rgb(255, 255, 255) !important; }
html.bm-b2b body:not(.bm-aus) .cookie-bar .container-max > .row.py-3 { padding: 24px 26px 14px !important; }
html.bm-b2b body:not(.bm-aus) .cookie-bar p { font-size: 14px; line-height: 1.5; color: rgb(51, 51, 51); }
html.bm-b2b body:not(.bm-aus) .cookie-bar .btn { min-height: 42px; font-size: 15px; font-weight: 600; white-space: nowrap; box-shadow: rgba(182, 120, 12, 0.35) 0px 4px 12px; transition: transform 0.15s, box-shadow 0.15s, filter 0.15s; border-radius: 999px !important; color: rgb(255, 255, 255) !important; background: rgb(182, 120, 12) !important; border-color: rgb(182, 120, 12) !important; margin: 0px 0px 10px !important; }
html.bm-b2b body:not(.bm-aus) .cookie-bar .btn:hover { transform: translateY(-1px); box-shadow: rgba(182, 120, 12, 0.45) 0px 7px 18px; filter: brightness(0.95); }
html.bm-b2b body:not(.bm-aus) .cookie-bar .btn:focus-visible { outline: rgb(29, 78, 216) solid 3px; outline-offset: 2px; }
html.bm-b2b body:not(.bm-aus) .cookie-bar .button-order .button-order-3 { display: none !important; }
html.bm-b2b body:not(.bm-aus) .cookie-bar .col-12.col-md-8 > div a { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
html.bm-b2b body:not(.bm-aus) .cookie-bar .privacy-settings-body { max-height: calc(-290px + 100vh); overflow-y: auto; }
html.bm-b2b body:not(.bm-aus) .cookie-bar .container-max > .row .row > [class*="col-md-"], html.bm-b2b body:not(.bm-aus) .cookie-bar .container-max > .row > .col-md-3, html.bm-b2b body:not(.bm-aus) .cookie-bar .container-max > .row > .col-md-9 { flex: 0 0 100%; max-width: 100%; margin-top: 0px !important; }
html.bm-b2b body:not(.bm-aus) .cookie-bar .container-max > .row .row { background: 0px 0px !important; width: auto !important; margin: 0px -15px !important; }
html.bm-b2b body:not(.bm-aus) .cookie-bar .container-max > .row > .col-md-3 { order: 2; text-align: center; }
html.bm-b2b body:not(.bm-aus) .cookie-bar .container-max > .row > .col-md-3 a { font-weight: 600; margin: 2px 0px 6px !important; }
@media (max-width: 640px) {
  html.bm-b2b body:not(.bm-aus) .cookie-bar .container-max > .row.py-3 { padding: 18px 16px 8px !important; }
  html.bm-b2b body:not(.bm-aus) .cookie-bar p { font-size: 13.5px; }
}
html.bm-b2b body:not(.bm-aus) .widget-filter-base .form-check-label > .d-flex { align-items: center; gap: 12px; }
html.bm-b2b body:not(.bm-aus) .widget-filter-base .form-check-label > .d-flex > span { min-width: 0px; line-height: 18px; color: rgb(107, 113, 120); }
html.bm-b2b body:not(.bm-aus) .widget-filter-base .form-check-label:hover > .d-flex > span { color: rgb(34, 34, 34); }
html.bm-b2b body:not(.bm-aus) .widget-filter-base .filter-badge { align-self: center; margin-left: auto; height: 20px; line-height: 18px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
@media (min-width: 992px) {
  html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .form-check-wrapper { padding-bottom: 1px !important; }
  html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .form-check-label { line-height: 20px; padding: 2px 0px 2px 8px !important; }
  html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .h3.title { padding-top: 2px !important; padding-bottom: 2px !important; line-height: 20px !important; }
}
html.bm-b2b body:not(.bm-aus) h2.category-title { font-size: 24px; line-height: 1.2; padding-top: 4px !important; margin-bottom: 2px !important; }
html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h2.category-title) { padding-bottom: 0px !important; }
html.bm-b2b body:not(.bm-aus) .widget-step-by-step-navigation .row { display: flex; flex-wrap: wrap; gap: 8px; margin: 0px 0px 12px; }
html.bm-b2b body:not(.bm-aus) .widget-step-by-step-navigation .row > [class*="col-"] { flex: 0 0 auto; width: auto; max-width: none; padding: 0px; margin: 0px !important; }
html.bm-b2b body:not(.bm-aus) .widget-step-by-step-navigation .nav-item { border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px; transition: background 0.15s, border-color 0.15s, box-shadow 0.15s; height: auto !important; min-height: 0px !important; border: 1px solid rgb(227, 179, 92) !important; background: rgb(255, 255, 255) !important; }
html.bm-b2b body:not(.bm-aus) .widget-step-by-step-navigation .nav-item * { background: 0px 0px !important; }
html.bm-b2b body:not(.bm-aus) .widget-step-by-step-navigation .nav-text { padding: 6px 16px !important; }
html.bm-b2b body:not(.bm-aus) .widget-step-by-step-navigation .nav-item span { font-size: 14px; font-weight: 600; line-height: 20px; color: rgb(168, 109, 8) !important; }
html.bm-b2b body:not(.bm-aus) .widget-step-by-step-navigation a:hover .nav-item { box-shadow: rgba(182, 120, 12, 0.18) 0px 3px 8px; background: rgb(253, 243, 225) !important; border-color: rgb(211, 154, 28) !important; }
html.bm-b2b body:not(.bm-aus) .widget-step-by-step-navigation a:hover { text-decoration: none; }
html.bm-b2b body:not(.bm-aus) .bm-feld, html.bm-b2b body:not(.bm-aus) .bm-seg { border-radius: 999px; }
html.bm-b2b body:not(.bm-aus) .bm-dd { position: relative; padding: 0px; }
html.bm-b2b body:not(.bm-aus) .bm-dd-knopf { display: flex; align-items: center; gap: 4px; width: 100%; height: 38px; padding: 0px 16px; border: 0px; background: 0px 0px; font-size: 14px; cursor: pointer; outline: 0px; }
html.bm-b2b body:not(.bm-aus) .bm-dd-wert { color: rgb(34, 34, 34); font-weight: 700; white-space: nowrap; }
html.bm-b2b body:not(.bm-aus) .bm-dd-pfeil { width: 8px; height: 8px; margin: -4px 0px 0px auto; padding-left: 0px; border-right: 2px solid rgb(211, 154, 28); border-bottom: 2px solid rgb(211, 154, 28); transform: rotate(45deg); transition: transform 0.2s, margin 0.2s; flex: 0 0 auto; }
html.bm-b2b body:not(.bm-aus) .bm-dd-wert + .bm-dd-pfeil { margin-left: 12px; }
html.bm-b2b body:not(.bm-aus) .bm-offen .bm-dd-pfeil { transform: rotate(-135deg); margin-top: 4px; }
html.bm-b2b body:not(.bm-aus) .bm-dd-liste { display: none; position: absolute; top: calc(100% + 6px); left: 0px; min-width: 100%; z-index: 1000; list-style: none; margin: 0px; padding: 6px; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.16) 0px 12px 32px; }
html.bm-b2b body:not(.bm-aus) .bm-offen .bm-dd-liste { display: block; }
html.bm-b2b body:not(.bm-aus) .bm-dd-punkt { padding: 8px 14px; border-radius: 999px; font-size: 14px; color: rgb(51, 51, 51); cursor: pointer; white-space: nowrap; }
html.bm-b2b body:not(.bm-aus) .bm-dd-punkt:focus, html.bm-b2b body:not(.bm-aus) .bm-dd-punkt:hover { background: rgb(243, 244, 246); outline: 0px; }
html.bm-b2b body:not(.bm-aus) .bm-dd-punkt.bm-aktiv { background: rgb(253, 243, 225); color: rgb(168, 109, 8); font-weight: 700; }
html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title) { border-width: 1px 1px 1px 5px; border-style: solid; border-color: rgb(239, 226, 198) rgb(239, 226, 198) rgb(239, 226, 198) rgb(211, 154, 28); border-image: none; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 16px; margin: 8px 0px 24px; color: rgb(58, 58, 58); background: rgb(251, 246, 236) !important; padding: 22px 30px 18px !important; }
html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title) h1.category-title { font-size: 26px; color: rgb(34, 34, 34); padding-top: 0px !important; }
html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title) .category-description h2 { font-size: 21px; color: rgb(168, 109, 8); margin: 4px 0px 10px; }
html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title) .category-description h3, html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title) .category-description h4 { font-size: 17px; font-weight: 700; color: rgb(34, 34, 34); margin: 18px 0px 6px; }
html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title) .category-description, html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title) .category-description li, html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title) .category-description p { font-size: 14.5px; line-height: 1.6; color: rgb(58, 58, 58); }
html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title) .category-description a { color: rgb(168, 109, 8); text-decoration: underline; }
@media (max-width: 767px) {
  html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title) { border-radius: 12px; padding: 16px 16px 12px !important; }
}
html.bm-b2b body:not(.bm-aus) .bm-navi-knopf { min-width: 40px; justify-content: center; border-radius: 999px !important; }
html.bm-b2b body:not(.bm-aus) .bm-mehr-knopf { box-shadow: rgba(182, 120, 12, 0.18) 0px 4px 12px; border-radius: 999px !important; padding-left: 28px !important; padding-right: 28px !important; }
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .list-controls-inner { border: 1px solid rgb(223, 227, 232); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 6px; background: rgb(243, 244, 246) !important; }
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .list-controls-inner > .p-2 { padding: 4px 14px !important; }
html.bm-b2b body:not(.bm-aus) [id^="filter-collapse"] { border-radius: 14px; margin-top: 8px; }
html.bm-b2b body:not(.bm-aus) .btn.mobile-width-button { font-weight: 700; min-height: 40px; box-shadow: rgba(182, 120, 12, 0.3) 0px 4px 10px; transition: transform 0.15s, box-shadow 0.15s, filter 0.15s; background: rgb(211, 154, 28) !important; border-color: rgb(211, 154, 28) !important; color: rgb(255, 255, 255) !important; border-radius: 999px !important; }
html.bm-b2b body:not(.bm-aus) .btn.mobile-width-button * { color: rgb(255, 255, 255) !important; }
html.bm-b2b body:not(.bm-aus) .btn.mobile-width-button:active, html.bm-b2b body:not(.bm-aus) .btn.mobile-width-button:hover { filter: brightness(0.94); box-shadow: rgba(182, 120, 12, 0.4) 0px 6px 14px; }
@media (max-width: 767px) {
  html.bm-b2b body:not(.bm-aus) .bm-seg-knopf { flex: 1 1 0px; justify-content: center; text-align: center; }
  html.bm-b2b body:not(.bm-aus) .widget-step-by-step-navigation .nav-item span { font-size: 13.5px; }
}
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .list-controls-inner > .d-sm-flex > .d-flex { order: -1; }
html.bm-b2b body:not(.bm-aus) .btn.mobile-width-button { box-shadow: rgba(40, 167, 69, 0.3) 0px 4px 10px; background: rgb(40, 167, 69) !important; border-color: rgb(40, 167, 69) !important; }
html.bm-b2b body:not(.bm-aus) .btn.mobile-width-button:active, html.bm-b2b body:not(.bm-aus) .btn.mobile-width-button:hover { box-shadow: rgba(40, 167, 69, 0.4) 0px 6px 14px; }
html.bm-b2b body:not(.bm-aus) .add-to-basket-container .btn-primary { font-weight: 700; box-shadow: rgba(40, 167, 69, 0.3) 0px 4px 12px; border-radius: 999px !important; }
html.bm-b2b body:not(.bm-aus) .product-list .thumb-title { font-weight: 500; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(52.65px); font-size: 13px !important; line-height: 1.35 !important; color: rgb(51, 51, 51) !important; }
html.bm-b2b body:not(.bm-aus) .product-list .thumb-content .price { color: rgb(34, 34, 34) !important; }
html.bm-b2b body:not(.bm-aus) .widget-filter-base.bm-weg { display: none !important; }
@media (max-width: 991.98px) {
  html.bm-b2b body.page-search:not(.bm-aus) .widget-two-col > .widget-inner.col-lg-3:has(.filter-desktopansicht) { margin-bottom: 14px; display: block !important; flex: 0 0 100% !important; max-width: 100% !important; }
  html.bm-b2b body.page-search:not(.bm-aus) .bm-filter-sticky { position: static; max-height: none; overflow: visible; }
  html.bm-b2b body.page-search:not(.bm-aus) .filter-desktopansicht { padding: 0px 12px; border-left: 1px solid rgb(227, 230, 234); border-right: 1px solid rgb(227, 230, 234); background: rgb(246, 247, 248); }
  html.bm-b2b body.page-search:not(.bm-aus) .filter-desktopansicht .card > .title { padding: 8px 28px 8px 0px !important; font-weight: 400 !important; }
}
@media (max-width: 991.98px) {
  html.bm-b2b body.page-search:not(.bm-aus) .widget-filter-base.filter-desktopansicht:not(.bm-weg) { display: block !important; }
}
html.bm-b2b body:not(.bm-aus) .bm-sf-knopf { display: none; }
@media (max-width: 991.98px) {
  html.bm-b2b body.page-search:not(.bm-aus) .bm-sf-knopf { display: flex; align-items: center; gap: 10px; flex: 0 0 calc(100% - 30px); margin: 0px 15px 12px; padding: 10px 18px; border: 1px solid rgb(223, 227, 232); border-radius: 999px; background: rgb(243, 244, 246); box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 6px; color: rgb(182, 120, 12); font-weight: 700; font-size: 15px; text-align: left; }
  html.bm-b2b body.page-search:not(.bm-aus) .bm-sf-knopf::after { content: ""; width: 8px; height: 8px; border-right: 2px solid rgb(211, 154, 28); border-bottom: 2px solid rgb(211, 154, 28); transform: rotate(-45deg); transition: transform 0.2s; }
  html.bm-b2b body.page-search:not(.bm-aus) .bm-sf-knopf.bm-offen::after { transform: translateY(-2px) rotate(45deg); }
  html.bm-b2b body.page-search:not(.bm-aus) .widget-two-col > .widget-inner.col-lg-3:has(.filter-desktopansicht):not(.bm-sf-offen) { display: none !important; }
}
html.bm-b2b body.page-home-category:not(.bm-aus) .startseitentext > .widget-inner, html.bm-b2b body.page-home-category:not(.bm-aus) .widget > .col-12 > .bg-warning { border-width: 1px 1px 1px 5px; border-style: solid; border-color: rgb(239, 226, 198) rgb(239, 226, 198) rgb(239, 226, 198) rgb(211, 154, 28); border-image: none; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 16px; color: rgb(58, 58, 58); background: rgb(251, 246, 236) !important; }
html.bm-b2b body.page-home-category:not(.bm-aus) .widget > .col-12 > .bg-warning > .widget { padding: 22px 30px 14px !important; }
html.bm-b2b body.page-home-category:not(.bm-aus) .startseitentext > .widget-inner { padding: 22px 30px 18px !important; }
html.bm-b2b body.page-home-category:not(.bm-aus) .startseitentext h1, html.bm-b2b body.page-home-category:not(.bm-aus) .widget > .col-12 > .bg-warning h1 { font-size: 26px; color: rgb(34, 34, 34); margin-bottom: 10px; }
html.bm-b2b body.page-home-category:not(.bm-aus) .startseitentext h2, html.bm-b2b body.page-home-category:not(.bm-aus) .startseitentext h3, html.bm-b2b body.page-home-category:not(.bm-aus) .widget > .col-12 > .bg-warning h2 { font-size: 20px; color: rgb(168, 109, 8); margin: 16px 0px 8px; }
html.bm-b2b body.page-home-category:not(.bm-aus) .startseitentext li, html.bm-b2b body.page-home-category:not(.bm-aus) .startseitentext p, html.bm-b2b body.page-home-category:not(.bm-aus) .widget > .col-12 > .bg-warning p { font-size: 14.5px; line-height: 1.6; color: rgb(58, 58, 58); }
html.bm-b2b body.page-home-category:not(.bm-aus) .startseitentext a, html.bm-b2b body.page-home-category:not(.bm-aus) .widget > .col-12 > .bg-warning a { text-decoration: underline; color: rgb(168, 109, 8) !important; }
html.bm-b2b body:not(.bm-aus) .widget-item-list-caption { border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px; padding: 10px 22px !important; }
html.bm-b2b body:not(.bm-aus) .widget-item-list-caption h2 { margin: 0px; font-size: 21px; font-weight: 700; letter-spacing: 0.3px; }
html.bm-b2b body:not(.bm-aus) .widget-item-list .cmp-product-thumb { border: 1px solid rgb(236, 236, 236); border-radius: 14px; overflow: hidden; margin: 4px; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px; transition: box-shadow 0.15s, border-color 0.15s; }
html.bm-b2b body:not(.bm-aus) .widget-item-list .cmp-product-thumb:hover { border-color: rgb(227, 179, 92); box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px; }
html.bm-b2b body.page-home-category:not(.bm-aus) .widget-three-col .widget-image-box { border-radius: 14px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px; }
html.bm-b2b body:not(.bm-aus) .widget-item-list .thumb-title { font-weight: 500; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(52.65px); font-size: 13px !important; line-height: 1.35 !important; color: rgb(51, 51, 51) !important; }
html.bm-b2b body:not(.bm-aus) .widget-item-list .thumb-content .price { color: rgb(34, 34, 34) !important; }
@media (min-width: 992px) {
  html.bm-b2b body:not(.bm-aus) .widget_container_overlay iframe[title="Trustami"] { transform: scale(0.7); transform-origin: left bottom; inset: auto auto 70px 8px !important; }
  html.bm-b2b body:not(.bm-aus) #taCloseBtnOverlay { inset: auto auto 19px 70px !important; }
}
html.bm-b2b body.page-home-category:not(.bm-aus) a[href$="a-1147305406"] { position: relative; }
html.bm-b2b body.page-home-category:not(.bm-aus) a[href$="a-1147305406"]::before { content: "NEU"; position: absolute; top: 14px; left: 14px; z-index: 2; background: rgb(227, 6, 19); color: rgb(255, 255, 255); font-weight: 800; font-size: 15px; letter-spacing: 1px; padding: 6px 14px; border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 10px; }
@media (min-width: 992px) {
  html.bm-b2b body.page-home-category:not(.bm-aus) a[href$="a-1147305406"] { grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 1fr); max-width: 100% !important; margin: 0px 0px 6px !important; display: grid !important; border-radius: 16px !important; }
  html.bm-b2b body.page-home-category:not(.bm-aus) a[href$="a-1147305406"] > img { max-height: 560px; object-fit: cover; height: 100% !important; }
  html.bm-b2b body.page-home-category:not(.bm-aus) a[href$="a-1147305406"] > span { flex-flow: column !important; align-items: flex-start !important; justify-content: center !important; gap: 22px !important; padding: 36px 44px !important; }
  html.bm-b2b body.page-home-category:not(.bm-aus) a[href$="a-1147305406"] > span::before { content: "Neu: Ihr Schleifband exakt nach Maß"; display: block; font-size: 30px; font-weight: 800; line-height: 1.2; color: rgb(31, 38, 48); }
  html.bm-b2b body.page-home-category:not(.bm-aus) a[href$="a-1147305406"] > span > span:first-child { font-size: 19px !important; font-weight: 600 !important; }
  html.bm-b2b body.page-home-category:not(.bm-aus) a[href$="a-1147305406"] > span > span:last-child { transition: transform 0.15s; font-size: 18px !important; padding: 14px 30px !important; border-radius: 999px !important; }
  html.bm-b2b body.page-home-category:not(.bm-aus) a[href$="a-1147305406"]:hover > span > span:last-child { transform: translateX(4px); }
}
html.bm-b2b .bm-seite { position: fixed; top: 38%; right: 0px; z-index: 1040; display: flex; align-items: flex-start; transform: translateX(300px); transition: transform 0.28s; font-size: 14px; }
html.bm-b2b .bm-seite.bm-seite-offen { transform: translateX(0px); }
html.bm-b2b .bm-seite-reiter { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-top: 30px; padding: 12px 7px; border: 0px; border-radius: 10px 0px 0px 10px; background: rgb(31, 38, 48); color: rgb(255, 255, 255); font-weight: 700; font-size: 13px; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.25) -3px 3px 12px; }
html.bm-b2b .bm-seite-reiter:hover { background: rgb(45, 56, 70); }
html.bm-b2b .bm-seite-stern { color: rgb(240, 165, 0); font-size: 16px; line-height: 1; }
html.bm-b2b .bm-seite-reiter-text { writing-mode: vertical-rl; transform: rotate(180deg); letter-spacing: 0.5px; }
html.bm-b2b .bm-seite-feld { position: relative; width: 300px; padding: 20px 20px 16px; background: rgb(255, 255, 255); border-radius: 14px 0px 0px 14px; box-shadow: rgba(0, 0, 0, 0.22) -6px 8px 28px; color: rgb(51, 51, 51); }
html.bm-b2b .bm-seite-zu { position: absolute; top: 6px; right: 10px; border: 0px; background: 0px 0px; font-size: 24px; line-height: 1; color: rgb(136, 136, 136); cursor: pointer; }
html.bm-b2b .bm-seite-titel { display: block; margin: 0px 0px 12px; font-size: 17px; color: rgb(31, 38, 48); }
html.bm-b2b .bm-seite-bewertung { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; padding: 10px 12px; border: 1px solid rgb(236, 236, 236); border-radius: 12px; transition: border-color 0.15s, box-shadow 0.15s; color: rgb(51, 51, 51) !important; text-decoration: none !important; }
html.bm-b2b .bm-seite-bewertung:hover { border-color: rgb(227, 179, 92); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }
html.bm-b2b .bm-seite-bewertung img { width: 54px; height: 54px; object-fit: contain; flex: 0 0 54px; }
html.bm-b2b .bm-seite-logo { flex: 0 0 54px; height: 54px; border-radius: 50%; background: rgb(11, 59, 92); color: rgb(255, 255, 255); font-size: 10.5px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
html.bm-b2b .bm-seite-btext { display: flex; flex-direction: column; gap: 2px; }
html.bm-b2b .bm-seite-zeile { display: flex; align-items: center; gap: 8px; }
html.bm-b2b .bm-seite-zeile b { font-size: 17px; color: rgb(31, 38, 48); }
html.bm-b2b .bm-seite-btext small { font-size: 12.5px; color: rgb(168, 109, 8); }
html.bm-b2b .bm-seite-sterne { position: relative; display: inline-block; font-size: 15px; line-height: 1; letter-spacing: 1px; }
html.bm-b2b .bm-seite-sterne-leer { color: rgb(221, 221, 221); }
html.bm-b2b .bm-seite-sterne-voll { position: absolute; top: 0px; left: 0px; overflow: hidden; white-space: nowrap; color: rgb(240, 165, 0); }
html.bm-b2b .bm-seite-service { list-style: none; margin: 12px 0px 0px; padding: 12px 0px 0px; border-top: 1px solid rgb(238, 238, 238); }
html.bm-b2b .bm-seite-service li { margin: 0px 0px 6px; font-size: 13.5px; }
html.bm-b2b .bm-seite-service li b { color: rgb(40, 167, 69); margin-right: 6px; }
html.bm-b2b .bm-seite-service a { text-decoration: underline; color: rgb(51, 51, 51) !important; }
@media (max-width: 767.98px) {
  html.bm-b2b .bm-seite { top: auto; bottom: 120px; transform: translateX(280px); }
  html.bm-b2b .bm-seite-feld { width: 280px; }
  html.bm-b2b .bm-seite-reiter { margin-top: 0px; padding: 10px 6px; font-size: 12px; }
}
@media print {
  html.bm-b2b .bm-seite { display: none; }
}
html.bm-b2b .bm-mm-angebot-bilder { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 14px; }
html.bm-b2b .bm-mm-angebot .bm-mm-angebot-bilder img { width: 100%; height: 92px; margin: 0px; padding: 6px; object-fit: contain; background: rgb(255, 255, 255); border-radius: 10px; }
html.bm-b2b body.page-home-category:not(.bm-aus) .widget-separator { display: none !important; }
html.bm-b2b body.page-home-category:not(.bm-aus) .widget-item-list { margin-bottom: 26px; }
@media (max-width: 767.98px) {
  html.bm-b2b body:not(.bm-aus) #page-header .top-bar.header-fw:not(.suchleiste) .blog-entrypoint { visibility: hidden; }
  html.bm-b2b body:not(.bm-aus) #page-header .widget-three-col.unfixed { position: relative; height: 0px; min-height: 0px; overflow: visible; z-index: 101 !important; margin: 0px !important; padding: 0px !important; }
  html.bm-b2b body:not(.bm-aus) #page-header .widget-three-col.unfixed > .widget-inner { position: static; height: 0px; min-height: 0px; overflow: visible; padding: 0px !important; }
  html.bm-b2b body:not(.bm-aus) #page-header .widget-three-col.unfixed > .widget-inner > div { height: 0px; }
  html.bm-b2b body:not(.bm-aus) #page-header .header-b2b { position: absolute; top: -27px; left: 8px; margin: 0px !important; padding: 0px !important; }
  html.bm-b2b body:not(.bm-aus) #page-header .header-b2b a { margin: 0px !important; padding: 3px 12px !important; font-size: 0px !important; line-height: 1.3 !important; border-radius: 999px !important; box-shadow: none !important; }
  html.bm-b2b body:not(.bm-aus) #page-header .header-b2b a::after { content: "B2B-Shop"; font-size: 12px; font-weight: 700; }
  html.bm-b2b body.page-home-category:not(.bm-aus) .widget-image-box-block-caption .widget-caption { display: none !important; }
}
html.bm-b2b body:not(.bm-aus) .cookie-bar.out button[aria-label="Datenschutzeinstellungen"] { width: 40px; height: 40px; min-height: 0px; display: flex; align-items: center; justify-content: center; font-size: 17px; line-height: 1; box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 10px; margin: 0px 0px 8px !important; padding: 0px !important; border-radius: 50% !important; }
html.bm-b2b body:not(.bm-aus) .cookie-bar.out button[aria-label="Datenschutzeinstellungen"] span { display: none !important; }
html.bm-b2b img[src*="MIRKA_BAENDERRECHNER"] { aspect-ratio: 4 / 3; height: auto; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation { background: rgb(255, 255, 255) !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu { background: rgb(255, 255, 255) !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu.menu-active, html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu[class*="animate-"] { display: flex !important; flex-direction: column !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li { position: relative !important; flex-shrink: 0 !important; min-height: 54px !important; align-items: center !important; background: rgb(255, 255, 255) !important; border-bottom: 1px solid rgb(237, 232, 223) !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a { flex: 1 1 auto !important; width: auto !important; display: flex !important; align-items: center !important; min-height: 54px !important; padding: 12px 64px 12px 18px !important; color: rgb(44, 44, 42) !important; font-size: 16px !important; line-height: 1.3 !important; text-decoration: none !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a:active { background: rgb(250, 246, 239) !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > .nav-direction:not(.btn-up) { position: absolute !important; top: 0px !important; right: 0px !important; bottom: 0px !important; width: 56px !important; padding: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-left: 1px solid rgb(241, 236, 227) !important; color: rgb(182, 120, 12) !important; cursor: pointer !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > .nav-direction:not(.btn-up):active { background: rgb(250, 246, 239) !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .nav-direction .fa-caret-right { font-size: 15px !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .nav-direction .fa-caret-right::before { content: "" !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li:has(> .btn-up) { background: rgb(250, 246, 239) !important; min-height: 48px !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > .nav-direction.btn-up { position: static !important; width: 100% !important; min-height: 48px !important; display: flex !important; align-items: center !important; padding: 0px 18px !important; color: rgb(182, 120, 12) !important; font-size: 15px !important; font-weight: 600 !important; cursor: pointer !important; transform: none !important; justify-content: flex-start !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .nav-direction.btn-up .fa-level-up { font-size: 14px !important; margin-right: 10px !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .nav-direction.btn-up .fa-level-up::before { content: "" !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .nav-direction.btn-up::after { content: "Zurück"; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/aktion"]::before, html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/schleifen"]::before, html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/lackieren"]::before, html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/airbrush"]::before, html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/abkleben-abdecken"]::before, html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/spachtel-chemie"]::before, html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/schutz"]::before, html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/werkzeug"]::before { font-family: FontAwesome !important; font-weight: normal !important; display: inline-block !important; width: 26px !important; margin-right: 12px !important; text-align: center !important; font-size: 18px !important; color: rgb(182, 120, 12) !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/aktion"]::before { content: ""; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/schleifen"]::before { content: ""; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/lackieren"]::before { content: ""; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/airbrush"]::before { content: ""; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/abkleben-abdecken"]::before { content: ""; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/spachtel-chemie"]::before { content: ""; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/schutz"]::before { content: ""; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/werkzeug"]::before { content: ""; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/aktion"], html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/schleifen/restposten"] { color: rgb(198, 40, 40) !important; font-weight: 700 !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/aktion"]::before { color: rgb(198, 40, 40) !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li:has(> a[href="/aktion"]) > .nav-direction { color: rgb(198, 40, 40) !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li:has(> a[href="/kaufberatung"]) { order: -1 !important; padding: 12px !important; background: rgb(250, 246, 239) !important; border-bottom: 1px solid rgb(237, 232, 223) !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/kaufberatung"] { position: relative !important; display: block !important; min-height: 0px !important; padding: 14px 44px 14px 70px !important; background: rgb(182, 120, 12) !important; color: rgb(255, 255, 255) !important; border-radius: 12px !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.25 !important; box-shadow: rgba(182, 120, 12, 0.3) 0px 3px 10px !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/kaufberatung"]:active { background: rgb(158, 103, 10) !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/kaufberatung"]::before { content: ""; font-family: FontAwesome !important; font-weight: normal !important; position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; width: 42px !important; height: 42px !important; line-height: 42px !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.22) !important; text-align: center !important; font-size: 22px !important; color: rgb(255, 255, 255) !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/kaufberatung"]::after { content: "Welches Produkt passt zu mir?"; display: block !important; margin-top: 3px !important; font-size: 13px !important; font-weight: 400 !important; color: rgba(255, 255, 255, 0.92) !important; }
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li:has(> a[href="/kaufberatung"])::after { content: ""; font-family: FontAwesome !important; position: absolute !important; right: 28px !important; top: 50% !important; transform: translateY(-50%) !important; color: rgb(255, 255, 255) !important; font-size: 15px !important; pointer-events: none !important; }

/* =====================================================================
   BEGIN BERMARO B2B-EXTRA v6 (24.10.2026) – Farbwelt Schwarz/Orange
   (auf Wunsch von Herrn Rose statt Stahlblau)
   Gleiche Farben wie lackier-bedarf.info (Orange #dd9313, Anthrazit/Schwarz),
   Erkennungsmerkmale des Geschäftskunden-Shops:
   - dunkler, edler Seitenhintergrund (statt orangem Muster bzw. weißen Streifen)
   - schwarze Menüleiste und schwarze Info-Leiste „GESCHÄFTSKUNDEN-SHOP“
   - orangefarbener Kopfbereich wie im B2C, Knöpfe im Kopf schwarz
   Alles nur mit Klasse „bm-b2b“ am <html>; Notschalter „bm-aus“ am <body>.
   Farben zentral: Schwarz #1F2630 / #11151b, Orange #dd9313 / #f0a500.
   ===================================================================== */

/* --- Seitenhintergrund: dunkles Muster (Bild aus dem B2C, abgedunkelt) --- */
html.bm-b2b body:not(.bm-aus){
  background-color:#1b2027 !important;
  background-image:linear-gradient(rgba(17,21,27,.90),rgba(17,21,27,.90)),url("https://cdn03.plentymarkets.com/irjezq6bkesh/frontend/b2b_bermaro/Bilder/Background/background_hell_1_.jpg") !important;
  background-attachment:fixed !important;
}

/* --- Kopfbereich orange wie im B2C ------------------------------------ */
html.bm-b2b body:not(.bm-aus) .header-container>.widget,
html.bm-b2b body:not(.bm-aus) #page-header .widget-three-col{background:#dd9313 !important}
html.bm-b2b body:not(.bm-aus) .top-bar{background:transparent !important}
html.bm-b2b body:not(.bm-aus) .top-bar .container-max{background:#3b4045 !important}

/* --- Knöpfe im Kopf („Für bessere Preise …“, „Zum Privatkunden Shop …“) schwarz --- */
html.bm-b2b body:not(.bm-aus) #page-header a.btn-appearance,
html.bm-b2b body:not(.bm-aus) #page-header .header-b2b a{background:#1F2630 !important;background-image:none !important;border-color:#1F2630 !important;color:#fff !important;border-radius:999px !important}
html.bm-b2b body:not(.bm-aus) #page-header a.btn-appearance:hover,
html.bm-b2b body:not(.bm-aus) #page-header .header-b2b a:hover{background:#000 !important;color:#f0a500 !important}
html.bm-b2b body:not(.bm-aus) .header-b2b a::before{display:none !important}
html.bm-b2b body:not(.bm-aus) .toggle-basket-preview{background:#1F2630 !important;color:#fff !important}

/* --- Menüleiste schwarz ------------------------------------------------ */
html.bm-b2b body:not(.bm-aus) nav.megamenu .container-max,
html.bm-b2b body:not(.bm-aus) nav.megamenu ul.mainmenu{background-color:#1F2630 !important}
@media (max-width:991.98px){
  html.bm-b2b body:not(.bm-aus) .navbar,
  html.bm-b2b body:not(.bm-aus) nav.megamenu,
  html.bm-b2b body:not(.bm-aus) .main-navbar-collapsable,
  html.bm-b2b body:not(.bm-aus) .main-navbar-collapsable .mainmenu{background-color:#1F2630 !important}
}
/* verstecktes Zweit-Logo in der Menüleiste nimmt keinen Platz weg */
@media (min-width:992px){
  html.bm-b2b body:not(.bm-aus) nav.megamenu .brand-wrapper{display:none !important}
}
/* breite Bildschirme: „Kaufberatung“ immer mit Text */
@media (min-width:1400px){
  html.bm-b2b.bm-menue.bmkb-eng2 body:not(.bm-aus) nav.megamenu ul.mainmenu>li>a[href="/kaufberatung"],
  html.bm-b2b.bmkb-eng2 body:not(.bm-aus) nav.megamenu ul.mainmenu>li>a[href="/kaufberatung"]{font-size:17px !important}
  html.bm-b2b.bmkb-eng2 body:not(.bm-aus) nav.megamenu ul.mainmenu>li>a[href="/kaufberatung"]::before{margin-right:8px !important}
}

/* --- Info-Leiste ganz oben (wird vom Shop-Skript eingefügt) ------------- */
.bm-b2b-leiste{display:none}
html.bm-b2b body:not(.bm-aus) .bm-b2b-leiste{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 18px;padding:7px 12px;background:#11151b;color:#e6e6e6;font-size:13px;line-height:1.35;text-align:center;border-bottom:2px solid #dd9313}
html.bm-b2b body:not(.bm-aus) .bm-b2b-leiste b{color:#f0a500;letter-spacing:.8px}
html.bm-b2b body:not(.bm-aus) .bm-b2b-leiste span::before{content:"✓";color:#f0a500;font-weight:700;margin-right:6px}
html.bm-b2b body:not(.bm-aus) .bm-b2b-leiste a{color:#fff !important;text-decoration:underline !important}
@media (max-width:767.98px){
  html.bm-b2b body:not(.bm-aus) .bm-b2b-leiste{font-size:12px;gap:2px 12px;padding:5px 8px}
  html.bm-b2b body:not(.bm-aus) .bm-b2b-leiste .bm-b2b-weg{display:none}
}

/* --- Artikel pro Reihe (B2B-Kategorien nutzen col-lg-4) ---------------- */
@media (min-width:1200px){
  html.bm-b2b body:not(.bm-aus) .product-list>li.col-lg-4{flex:0 0 20%;max-width:20%}
}
@media (min-width:1530px){
  html.bm-b2b body:not(.bm-aus) .product-list>li.col-lg-4{flex:0 0 16.6667%;max-width:16.6667%}
}

/* --- Alte B2B-Effekte beruhigen (Glanz/Atmen) -------------------------- */
html.bm-b2b body:not(.bm-aus) .begrenzte-stueckzahl,
html.bm-b2b body:not(.bm-aus) .lagerware-lieferbar{animation:none !important}
html.bm-b2b body:not(.bm-aus) .begrenzte-stueckzahl::after,
html.bm-b2b body:not(.bm-aus) .lagerware-lieferbar::after{display:none !important}

/* END BERMARO B2B-EXTRA v5 */