/* 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 – seit v7 erst ab 1560 px (vorher 1400 px, zu eng) */
@media (min-width:1560px){
  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 */

/* =====================================================================
   BEGIN BERMARO B2B-EXTRA v7 (24.10.2026) – Wunsch Herr Rose 20:45
   1) Knopf „Für bessere Preise HIER registrieren!“ im orangen Kopf:
      nicht mehr oben angeklebt, sondern senkrecht mittig, als weiße
      Pille mit dunkler Schrift und orangem Häkchen (hebt sich vom Orange
      ab, passt zum schwarzen Knopf „Zum Privatkunden Shop“ rechts).
      Beim Darüberfahren: schwarz mit oranger Schrift.
   2) Menüleiste nie breiter als der Shop: Die Leiste war bis zu 21 px
      breiter als der Inhaltsbereich (Menüpunkte passten nicht ganz),
      dadurch stand sie – besonders beim Scrollen mit festem Kopf und
      beim Öffnen der Untermenüs – rechts über. Jetzt: Leiste auf
      Shop-Breite begrenzt, Menüpunkte etwas enger (9 px statt 13 px
      Innenabstand), gleichmäßig verteilt.
      Dazu: „Kaufberatung“ mit Text erst ab 1560 px Fensterbreite
      (vorher ab 1400 px – dort war zu wenig Platz, siehe v6).
   Alles nur mit Klasse „bm-b2b“ am <html>; Notschalter „bm-aus“ am <body>.
   ===================================================================== */

/* --- 1) Registrier-Knopf im Kopf ------------------------------------- */
/* Spalte mit dem Knopf: Inhalt senkrecht mittig */
html.bm-b2b body:not(.bm-aus) #page-header .widget-three-col>.widget-inner:has(a.btn-appearance[href="/register"]){align-items:center!important}
html.bm-b2b body:not(.bm-aus) #page-header .widget-three-col>.widget-inner:has(a.btn-appearance[href="/register"])>div{width:100%}
html.bm-b2b body:not(.bm-aus) #page-header .widget-link:has(a.btn-appearance[href="/register"]){text-align:center}
/* der Knopf selbst: weiße Pille */
html.bm-b2b body:not(.bm-aus) #page-header a.btn-appearance[href="/register"]{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;width:auto!important;max-width:100%;margin:0 auto!important;padding:9px 26px!important;background:#fff!important;background-image:none!important;color:#1F2630!important;border:2px solid #1F2630!important;border-radius:999px!important;font-weight:700!important;font-size:16px!important;line-height:1.2!important;box-shadow:0 4px 12px rgba(0,0,0,.18)!important;transition:background .2s,color .2s,transform .2s}
/* Häkchen als oranger Kreis hinter dem Text */
html.bm-b2b body:not(.bm-aus) #page-header a.btn-appearance[href="/register"] .fa{order:2;margin:0!important;width:22px;height:22px;border-radius:50%;background:#dd9313;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1!important;flex:0 0 22px}
html.bm-b2b body:not(.bm-aus) #page-header a.btn-appearance[href="/register"]:hover,
html.bm-b2b body:not(.bm-aus) #page-header a.btn-appearance[href="/register"]:focus{background:#1F2630!important;color:#f0a500!important;transform:translateY(-1px)}
/* Handy: etwas kleiner, mit Abstand nach oben und unten */
@media (max-width:767.98px){
  html.bm-b2b body:not(.bm-aus) #page-header a.btn-appearance[href="/register"]{font-size:14px!important;padding:8px 18px!important;margin:6px auto!important}
}

/* --- 2) Menüleiste auf Shop-Breite ------------------------------------ */
@media (min-width:992px){
  html.bm-b2b body:not(.bm-aus) nav.megamenu .main-navbar-collapsable{min-width:0!important;max-width:100%!important}
  html.bm-b2b body:not(.bm-aus) nav.megamenu .main-navbar-collapsable ul.mainmenu{width:100%!important;max-width:100%!important;justify-content:space-between!important}
  html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu .main-navbar-collapsable ul.mainmenu>li>a{padding-left:9px!important;padding-right:9px!important}
}

/* END BERMARO B2B-EXTRA v7 */