/* =====================================================================
   BERMARO B2B-DESIGN v1 (24.10.2026) – Datei frontend/b2b/bermaro-b2b-stil-v1.css
   = BERMARO-Design aus lackier-bedarf.info (Menü, Filter, Leiste, Datenschutz-Fenster,
     Handy-Menü), umgefärbt auf B2B-Stahlblau, plus B2B-Extra (unten).
   Wirkt nur mit Klasse "bm-b2b" am <html> (Kopf-Feld Set 23 setzt sie).
   Notschalter: Klasse "bm-aus" am <body>. Lesefassung: Projekt claude/b2b/.
   ===================================================================== */

/* BERMARO-Design (Menü, Filter, Leiste, Datenschutz-Fenster) – GANZER Shop ab 03.10.2026.
   Komprimierte Fassung (lädt schneller). Lesefassung mit Kommentaren: filter-sonderposten.css (V10).
   Notschalter: Klasse "bm-aus" am <body> schaltet alles ab. */
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:#2b5d8a;border-radius:3px}
html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card,html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .card{border-bottom:1px solid #e5e5e5!important;padding-top:0!important;margin:0}
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;padding:11px 28px 11px 0!important;margin:0;font-size:15px!important;font-weight:600!important;line-height:1.4!important;color:#212529;user-select:none}
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 #2b5d8a;border-bottom:2px solid #2b5d8a;transform:translateY(-70%) rotate(45deg);transition:transform .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:#999;background:0 0;padding:0;border-radius:0;white-space:nowrap}
html.bm-b2b body:not(.bm-aus) .card .bm-aktiv-zahl.bm-gewaehlt{background:#2b5d8a;color:#fff;border-radius:10px;padding:0 8px;font-weight:600}
html.bm-b2b body:not(.bm-aus) .item-filter-price{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;padding:4px 0 0 0!important}
html.bm-b2b body:not(.bm-aus) .item-filter-price .input-group{position:relative;width:auto!important;margin:0!important;flex-wrap:nowrap}
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:0;padding:0 26px 0 10px;border:1px solid #cfcfcf;border-radius:6px!important;background:#fff;font-size:15px;color:#333;-moz-appearance:textfield}
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{-webkit-appearance:none;margin:0}
html.bm-b2b body:not(.bm-aus) .item-filter-price input.form-control:focus{border-color:#2b5d8a;box-shadow:0 0 0 2px rgba(43,93,138,.25);outline:0}
html.bm-b2b body:not(.bm-aus) .item-filter-price .input-group::after{content:"€";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#888;font-size:14px;pointer-events:none;z-index:5}
html.bm-b2b body:not(.bm-aus) .item-filter-price .bm-preis-strich{color:#888;font-size:16px}
html.bm-b2b body:not(.bm-aus) .item-filter-price .btn{grid-column:1/-1;width:100%;height:42px;margin:0!important;border-radius:6px!important;font-size:15px;font-weight:600}
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 #2b5d8a;border-radius:16px;background:#fff;color:#333!important;font-size:13px;line-height:1.3;text-decoration:none!important;white-space:nowrap;transition:background .15s,color .15s}
html.bm-b2b body:not(.bm-aus) .bm-preis-chip:hover{background:#eaf1f8}
html.bm-b2b body:not(.bm-aus) .bm-preis-chip.bm-aktiv{background:#2b5d8a;color:#fff!important}
html.bm-b2b body:not(.bm-aus) .bm-preis-chip.bm-reset{border-color:#bbb;color:#666!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 0 12px;margin:0 0 4px;border-bottom:1px solid #eee}
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:#222}
html.bm-b2b body:not(.bm-aus) .bm-anzahl-seite{font-size:13px;color:#888}
html.bm-b2b body:not(.bm-aus) .bm-feld{display:inline-flex;align-items:center;height:40px;margin:0;padding:0 0 0 12px;border:1px solid #cfcfcf;border-radius:6px;background:#fff;font-size:14px;cursor:pointer}
html.bm-b2b body:not(.bm-aus) .bm-feld:focus-within{border-color:#2b5d8a;box-shadow:0 0 0 2px rgba(43,93,138,.25)}
html.bm-b2b body:not(.bm-aus) .bm-feld-name{color:#888;margin-right:4px}
html.bm-b2b body:not(.bm-aus) .bm-select{height:38px;border:0;background:0 0;font-size:14px;font-weight:700;color:#222;padding:0 34px 0 2px;cursor:pointer;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#2b5d8a 50%),linear-gradient(135deg,#2b5d8a 50%,transparent 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
html.bm-b2b body:not(.bm-aus) .bm-seg{display:inline-flex;height:40px;border:1px solid #cfcfcf;border-radius:6px;overflow:hidden;font-size:14px;background:#fff}
html.bm-b2b body:not(.bm-aus) .bm-seg-name{display:flex;align-items:center;padding:0 10px 0 12px;color:#888;border-right:1px solid #e3e3e3}
html.bm-b2b body:not(.bm-aus) .bm-seg-knopf{display:flex;align-items:center;padding:0 13px;color:#444!important;text-decoration:none!important;border-right:1px solid #e3e3e3}
html.bm-b2b body:not(.bm-aus) .bm-seg-knopf:last-child{border-right:0}
html.bm-b2b body:not(.bm-aus) .bm-seg-knopf:hover{background:#eaf1f8}
html.bm-b2b body:not(.bm-aus) .bm-seg-knopf.bm-aktiv{background:#2b5d8a;color:#fff!important;font-weight:700}
html.bm-b2b body:not(.bm-aus) .bm-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px}
html.bm-b2b body:not(.bm-aus) .bm-chip{display:inline-flex;align-items:center;padding:5px 12px;border:1px solid #2b5d8a;border-radius:16px;background:#eaf1f8;color:#333!important;font-size:13px;line-height:1.3;text-decoration:none!important;cursor:pointer}
html.bm-b2b body:not(.bm-aus) .bm-chip::after{content:"✕";margin-left:7px;color:#1e4a73;font-weight:700}
html.bm-b2b body:not(.bm-aus) .bm-chip:hover{background:#d6e3f0}
html.bm-b2b body:not(.bm-aus) .bm-chip-reset{font-size:13px;color:#888!important;text-decoration:underline!important;margin-left:4px}
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 0 0;padding-top:16px;border-top:1px solid #eee}
html.bm-b2b body:not(.bm-aus) .bm-unten-info{font-size:14px;color:#888}
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:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfcfcf;border-radius:6px;background:#fff;color:#444!important;font-size:15px;text-decoration:none!important}
html.bm-b2b body:not(.bm-aus) a.bm-navi-knopf:hover{border-color:#2b5d8a;background:#eaf1f8}
html.bm-b2b body:not(.bm-aus) .bm-navi-knopf.bm-aktiv{background:#2b5d8a;border-color:#2b5d8a;color:#fff!important;font-weight:700}
html.bm-b2b body:not(.bm-aus) .bm-navi-knopf.bm-weiter{font-weight:700;color:#1e4a73!important}
html.bm-b2b body:not(.bm-aus) .bm-navi-knopf.bm-aus{color:#ccc!important;cursor:default}
html.bm-b2b body:not(.bm-aus) .bm-navi-luecke{display:inline-flex;align-items:center;padding:0 4px;color:#888}
html.bm-b2b body:not(.bm-aus) .bm-mehr{display:flex;justify-content:center;margin:18px 0 10px}
html.bm-b2b body:not(.bm-aus) .bm-mehr-knopf{display:inline-block;padding:12px 28px;border:2px solid #2b5d8a;border-radius:6px;background:#fff;color:#1e4a73!important;font-size:16px;font-weight:700;text-decoration:none!important}
html.bm-b2b body:not(.bm-aus) .bm-mehr-knopf:hover{background:#2b5d8a;color:#fff!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:0}
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:#1e3a5f!important}
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu{justify-content:flex-start!important;align-items:center;width:100%;padding:0 8px!important}
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu>li>a{display:flex!important;align-items:center;gap:8px;height:54px;padding:0 13px!important;color:#fff!important;font-size:16px!important;font-weight:600!important;white-space:nowrap;text-decoration:none!important;transition:background .15s,color .15s}
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:none;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--bm-ic);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:#fff!important;color:#222!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:0 4px;border-radius:5px;background:#d9262c!important;color:#fff!important;font-size:0!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:0 0;-webkit-mask-image:none;mask-image:none;font-size:16px;font-weight:700;letter-spacing:.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:#b81e23!important;color:#fff!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:#fff;border-top:3px solid #2b5d8a;box-shadow:0 16px 36px rgba(0,0,0,.28);font-family:custom-font,helvetica,arial,sans-serif;color:#222}
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 #ececec;border-radius:8px;background:#fff;color:#222!important;transition:border-color .15s,box-shadow .15s,transform .15s}
html.bm-b2b .bm-mm-kachel:hover{border-color:#2b5d8a;box-shadow:0 4px 14px rgba(43,93,138,.25);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:#1e4a73}
html.bm-b2b .bm-mm-kachel.bm-mm-sale{justify-content:center;background:#d9262c;border-color:#d9262c;color:#fff!important}
html.bm-b2b .bm-mm-kachel.bm-mm-sale:hover{background:#b81e23;box-shadow:0 4px 14px rgba(217,38,44,.35)}
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:#fff}
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:#eaf1f8;border-left:1px solid #cfdcea;color:#222!important}
html.bm-b2b .bm-mm-angebot small{color:#d9262c;font-weight:700;letter-spacing:.5px}
html.bm-b2b .bm-mm-angebot strong{margin:6px 0 12px;font-size:18px;line-height:1.3}
html.bm-b2b .bm-mm-angebot img{width:100%;height:170px;object-fit:contain;background:#fff;border-radius:8px;margin-bottom:14px}
html.bm-b2b .bm-mm-knopf{margin-top:auto;padding:11px;border-radius:6px;background:#2b5d8a;color:#fff;font-weight:700;text-align:center}
html.bm-b2b .bm-mm-angebot:hover .bm-mm-knopf{background:#1e4a73}
html.bm-b2b .bm-mm-fuss{padding:12px 22px;border-top:1px solid #eee;background:#fafafa;text-align:right;font-size:14px}
html.bm-b2b .bm-mm-fuss a{color:#1e4a73!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:#d9262c!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:#1e3a5f!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 0!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:#2b5d8a!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:0!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{display:inline!important;font-family:inherit;font-size:var(--bm-mm-schrift, 16px);font-weight:600;margin:0;border:0}
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{font-size:15px!important;padding:0 9px!important;gap:6px}
}
@media (max-width:1199.98px){
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu{--bm-mm-schrift:13.5px;padding:0 4px!important}
html.bm-b2b.bm-menue body:not(.bm-aus) nav.megamenu ul.mainmenu>li>a{font-size:13.5px!important;padding:0 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:#999}
html.bm-b2b .bm-mm-unter a{color:#1e4a73!important}
html.bm-b2b .bm-mm-unter a:hover{text-decoration:underline!important}
html.bm-b2b .bm-mm-punkt{margin:0 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:0;overflow:hidden;border-color:#d9d9d9}
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:0;width:100%;height:100%;object-fit:cover;object-position:left top}
html.bm-b2b .bm-mm-marke-text{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;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:#9cc3e6}
@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:#2b5d8a!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:0!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(0,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:0!important}
html.bm-b2b .bm-mm-raster{grid-template-columns:repeat(4,minmax(0,1fr))}
}
html.bm-b2b .bm-mm-panel{background:#eef0f2}
html.bm-b2b .bm-mm-kachel{min-width:0;overflow:hidden;background:#fff;border:1px solid #e1e4e8;box-shadow:0 2px 6px rgba(0,0,0,.08)}
html.bm-b2b .bm-mm-kachel:hover{border-color:#2b5d8a;box-shadow:0 8px 20px rgba(0,0,0,.16)}
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 #e3e6ea;border-radius:12px;background:#f4f5f7;color:#555!important;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.bm-b2b .bm-mm-unter a:hover{border-color:#2b5d8a;background:#eaf1f8;color:#1e4a73!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:#b81e23}
html.bm-b2b .bm-mm-kachel.bm-mm-marke{background:#222}
html.bm-b2b .bm-mm-fuss{background:#e4e7ea;border-top:1px solid #d8dce0}
@media (min-width:992px){
html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card{border-bottom:0!important}
html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card>.title{padding:4px 28px 4px 0!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;padding:1px 8px!important;border-radius:11px!important;background:#eef0f2!important;color:#555!important;font-size:12px!important;line-height:18px!important;text-align:center}
html.bm-b2b body:not(.bm-aus) .card input:checked+label .filter-badge{background:#2b5d8a!important;color:#fff!important}
@media (min-width:992px){
html.bm-b2b body:not(.bm-aus) .filter-desktopansicht{margin:0!important;padding:0 12px;border-left:1px solid #e3e6ea;border-right:1px solid #e3e6ea;background:#f6f7f8}
html.bm-b2b body:not(.bm-aus) .widget-selected-filter+.filter-desktopansicht{padding-top:8px;border-top:1px solid #e3e6ea;border-radius:8px 8px 0 0}
html.bm-b2b body:not(.bm-aus) .filter-desktopansicht:last-child{padding-bottom:8px;border-bottom:1px solid #e3e6ea;border-radius:0 0 8px 8px}
html.bm-b2b body:not(.bm-aus) .filter-desktopansicht .card{background:0 0!important}
}
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht a[data-toggle=collapse]{display:inline-flex!important;align-items:center;font-weight:700;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 #2b5d8a;border-bottom:2px solid #2b5d8a;transform:translateY(-2px) rotate(45deg);transition:transform .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 #e1e4e8;border-radius:8px;background:#f4f5f7;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .card{background:0 0!important;border-bottom:1px solid #e1e4e8!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:none;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:#eceef1}
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{background:#fff!important;border:1px solid #e1e4e8}
html.bm-b2b body:not(.bm-aus) .cookie-bar .container-max{top:50%;left:50%;right:auto;bottom:auto;height:auto;width:min(480px,calc(100vw - 24px));max-width:none;padding:0;transform:translate(-50%,-50%)}
html.bm-b2b body:not(.bm-aus) .cookie-bar .container-max>.row{width:100%!important;margin:0!important;background:#fff!important;border-radius:16px;box-shadow:0 14px 44px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.12);border:1px solid #e6e8eb}
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:#333}
html.bm-b2b body:not(.bm-aus) .cookie-bar .btn{border-radius:999px!important;min-height:42px;font-size:15px;font-weight:600;white-space:nowrap;color:#fff!important;background:#1e4a73!important;border-color:#1e4a73!important;margin:0 0 10px!important;box-shadow:0 4px 12px rgba(30,74,115,.35);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
html.bm-b2b body:not(.bm-aus) .cookie-bar .btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(30,74,115,.45);filter:brightness(.95)}
html.bm-b2b body:not(.bm-aus) .cookie-bar .btn:focus-visible{outline:3px solid #1d4ed8;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(100vh - 290px);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:0!important}
html.bm-b2b body:not(.bm-aus) .cookie-bar .container-max>.row .row{background:0 0!important;width:auto!important;margin:0 -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{margin:2px 0 6px!important;font-weight:600}
@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:0;line-height:18px;color:#6b7178}
html.bm-b2b body:not(.bm-aus) .widget-filter-base .form-check-label:hover>.d-flex>span{color:#222}
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:0!important;padding-bottom:0!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{padding:2px 0 2px 8px!important;line-height:20px}
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{padding-top:4px!important;margin-bottom:2px!important;font-size:24px;line-height:1.2}
html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h2.category-title){padding-bottom:0!important}
html.bm-b2b body:not(.bm-aus) .widget-step-by-step-navigation .row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 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:0;margin:0!important}
html.bm-b2b body:not(.bm-aus) .widget-step-by-step-navigation .nav-item{height:auto!important;min-height:0!important;border:1px solid #9db7d2!important;border-radius:999px;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
html.bm-b2b body:not(.bm-aus) .widget-step-by-step-navigation .nav-item *{background:0 0!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{color:#1e4a73!important;font-size:14px;font-weight:600;line-height:20px}
html.bm-b2b body:not(.bm-aus) .widget-step-by-step-navigation a:hover .nav-item{background:#eaf1f8!important;border-color:#2b5d8a!important;box-shadow:0 3px 8px rgba(30,74,115,.18)}
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:0}
html.bm-b2b body:not(.bm-aus) .bm-dd-knopf{display:flex;align-items:center;gap:4px;width:100%;height:38px;padding:0 16px;border:0;background:0 0;font-size:14px;cursor:pointer;outline:0}
html.bm-b2b body:not(.bm-aus) .bm-dd-wert{color:#222;font-weight:700;white-space:nowrap}
html.bm-b2b body:not(.bm-aus) .bm-dd-pfeil{width:8px;height:8px;margin:-4px 0 0 auto;padding-left:0;border-right:2px solid #2b5d8a;border-bottom:2px solid #2b5d8a;transform:rotate(45deg);transition:transform .2s ease,margin .2s ease;flex:none}
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:0;min-width:100%;z-index:1000;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid #e6e8eb;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.16)}
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:#333;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:#f3f4f6;outline:0}
html.bm-b2b body:not(.bm-aus) .bm-dd-punkt.bm-aktiv{background:#eaf1f8;color:#1e4a73;font-weight:700}
html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title){background:#f3f6fa!important;border:1px solid #cfdcea;border-left:5px solid #2b5d8a;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.06);padding:22px 30px 18px!important;margin:8px 0 24px;color:#3a3a3a}
html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title) h1.category-title{padding-top:0!important;font-size:26px;color:#222}
html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title) .category-description h2{font-size:21px;color:#1e4a73;margin:4px 0 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:#222;margin:18px 0 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:#3a3a3a}
html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title) .category-description a{color:#1e4a73;text-decoration:underline}
@media (max-width:767px){
html.bm-b2b body:not(.bm-aus) .widget-inner:has(> h1.category-title){padding:16px 16px 12px!important;border-radius:12px}
}
html.bm-b2b body:not(.bm-aus) .bm-navi-knopf{border-radius:999px!important;min-width:40px;justify-content:center}
html.bm-b2b body:not(.bm-aus) .bm-mehr-knopf{border-radius:999px!important;padding-left:28px!important;padding-right:28px!important;box-shadow:0 4px 12px rgba(30,74,115,.18)}
html.bm-b2b body:not(.bm-aus) .filter-mobilansicht .list-controls-inner{background:#f3f4f6!important;border:1px solid #dfe3e8;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.06)}
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{background:#2b5d8a!important;border-color:#2b5d8a!important;color:#fff!important;font-weight:700;border-radius:999px!important;min-height:40px;box-shadow:0 4px 10px rgba(30,74,115,.3);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
html.bm-b2b body:not(.bm-aus) .btn.mobile-width-button *{color:#fff!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(.94);box-shadow:0 6px 14px rgba(30,74,115,.4)}
@media (max-width:767px){
html.bm-b2b body:not(.bm-aus) .bm-seg-knopf{flex:1 1 0;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{background:#28a745!important;border-color:#28a745!important;box-shadow:0 4px 10px rgba(40,167,69,.3)}
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:0 6px 14px rgba(40,167,69,.4)}
html.bm-b2b body:not(.bm-aus) .add-to-basket-container .btn-primary{border-radius:999px!important;font-weight:700;box-shadow:0 4px 12px rgba(40,167,69,.3)}
html.bm-b2b body:not(.bm-aus) .product-list .thumb-title{font-size:13px!important;line-height:1.35!important;color:#333!important;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(13px * 1.35 * 3)}
html.bm-b2b body:not(.bm-aus) .product-list .thumb-content .price{color:#222!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){display:block!important;flex:0 0 100%!important;max-width:100%!important;margin-bottom:14px}
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:0 12px;border-left:1px solid #e3e6ea;border-right:1px solid #e3e6ea;background:#f6f7f8}
html.bm-b2b body.page-search:not(.bm-aus) .filter-desktopansicht .card>.title{padding:8px 28px 8px 0!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:0 15px 12px;padding:10px 18px;border:1px solid #dfe3e8;border-radius:999px;background:#f3f4f6;box-shadow:0 2px 6px rgba(0,0,0,.06);color:#1e4a73;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 #2b5d8a;border-bottom:2px solid #2b5d8a;transform:rotate(-45deg);transition:transform .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{background:#f3f6fa!important;border:1px solid #cfdcea;border-left:5px solid #2b5d8a;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.06);color:#3a3a3a}
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:#222;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:#1e4a73;margin:16px 0 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:#3a3a3a}
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{color:#1e4a73!important;text-decoration:underline}
html.bm-b2b body:not(.bm-aus) .widget-item-list-caption{border-radius:14px;padding:10px 22px!important;box-shadow:0 3px 10px rgba(0,0,0,.1)}
html.bm-b2b body:not(.bm-aus) .widget-item-list-caption h2{margin:0;font-size:21px;font-weight:700;letter-spacing:.3px}
html.bm-b2b body:not(.bm-aus) .widget-item-list .cmp-product-thumb{border:1px solid #ececec;border-radius:14px;overflow:hidden;margin:4px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:box-shadow .15s ease,border-color .15s ease}
html.bm-b2b body:not(.bm-aus) .widget-item-list .cmp-product-thumb:hover{border-color:#9db7d2;box-shadow:0 8px 20px rgba(0,0,0,.12)}
html.bm-b2b body.page-home-category:not(.bm-aus) .widget-three-col .widget-image-box{border-radius:14px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.1)}
html.bm-b2b body:not(.bm-aus) .widget-item-list .thumb-title{font-size:13px!important;line-height:1.35!important;color:#333!important;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(13px * 1.35 * 3)}
html.bm-b2b body:not(.bm-aus) .widget-item-list .thumb-content .price{color:#222!important}
@media (min-width:992px){
html.bm-b2b body:not(.bm-aus) .widget_container_overlay iframe[title=Trustami]{top:auto!important;bottom:70px!important;left:8px!important;right:auto!important;transform:scale(.7);transform-origin:left bottom}
html.bm-b2b body:not(.bm-aus) #taCloseBtnOverlay{top:auto!important;bottom:19px!important;left:70px!important;right:auto!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:#e30613;color:#fff;font-weight:800;font-size:15px;letter-spacing:1px;padding:6px 14px;border-radius:999px;box-shadow:0 3px 10px rgba(0,0,0,.25)}
@media (min-width:992px){
html.bm-b2b body.page-home-category:not(.bm-aus) a[href$=a-1147305406]{max-width:100%!important;margin:0 0 6px!important;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border-radius:16px!important}
html.bm-b2b body.page-home-category:not(.bm-aus) a[href$=a-1147305406]>img{height:100%!important;max-height:560px;object-fit:cover}
html.bm-b2b body.page-home-category:not(.bm-aus) a[href$=a-1147305406]>span{flex-direction:column!important;flex-wrap:nowrap!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:#1f2630}
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{font-size:18px!important;padding:14px 30px!important;border-radius:999px!important;transition:transform .15s ease}
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:0;z-index:1040;display:flex;align-items:flex-start;transform:translateX(300px);transition:transform .28s ease;font-size:14px}
html.bm-b2b .bm-seite.bm-seite-offen{transform:translateX(0)}
html.bm-b2b .bm-seite-reiter{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:30px;padding:12px 7px;border:0;border-radius:10px 0 0 10px;background:#1f2630;color:#fff;font-weight:700;font-size:13px;cursor:pointer;box-shadow:-3px 3px 12px rgba(0,0,0,.25)}
html.bm-b2b .bm-seite-reiter:hover{background:#2d3846}
html.bm-b2b .bm-seite-stern{color:#f0a500;font-size:16px;line-height:1}
html.bm-b2b .bm-seite-reiter-text{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.5px}
html.bm-b2b .bm-seite-feld{position:relative;width:300px;padding:20px 20px 16px;background:#fff;border-radius:14px 0 0 14px;box-shadow:-6px 8px 28px rgba(0,0,0,.22);color:#333}
html.bm-b2b .bm-seite-zu{position:absolute;top:6px;right:10px;border:0;background:0 0;font-size:24px;line-height:1;color:#888;cursor:pointer}
html.bm-b2b .bm-seite-titel{display:block;margin:0 0 12px;font-size:17px;color:#1f2630}
html.bm-b2b .bm-seite-bewertung{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;border:1px solid #ececec;border-radius:12px;color:#333!important;text-decoration:none!important;transition:border-color .15s ease,box-shadow .15s ease}
html.bm-b2b .bm-seite-bewertung:hover{border-color:#9db7d2;box-shadow:0 4px 12px rgba(0,0,0,.08)}
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:#0b3b5c;color:#fff;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:#1f2630}
html.bm-b2b .bm-seite-btext small{font-size:12.5px;color:#1e4a73}
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:#ddd}
html.bm-b2b .bm-seite-sterne-voll{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;color:#f0a500}
html.bm-b2b .bm-seite-service{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid #eee}
html.bm-b2b .bm-seite-service li{margin:0 0 6px;font-size:13.5px}
html.bm-b2b .bm-seite-service li b{color:#28a745;margin-right:6px}
html.bm-b2b .bm-seite-service a{color:#333!important;text-decoration:underline}
@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:0;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:0;padding:6px;object-fit:contain;background:#fff;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;z-index:101!important;height:0;min-height:0;margin:0!important;padding:0!important;overflow:visible}
html.bm-b2b body:not(.bm-aus) #page-header .widget-three-col.unfixed>.widget-inner{position:static;height:0;min-height:0;padding:0!important;overflow:visible}
html.bm-b2b body:not(.bm-aus) #page-header .widget-three-col.unfixed>.widget-inner>div{height:0}
html.bm-b2b body:not(.bm-aus) #page-header .header-b2b{position:absolute;top:-27px;left:8px;margin:0!important;padding:0!important}
html.bm-b2b body:not(.bm-aus) #page-header .header-b2b a{margin:0!important;padding:3px 12px!important;font-size:0!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:0;margin:0 0 8px!important;padding:0!important;border-radius:50%!important;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;box-shadow:0 3px 10px rgba(0,0,0,.25)}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}

/* =====================================================================
   BEGIN BERMARO MOBILMENUE v1 (18.10.2026)
   Handy-/Tablet-Menü (Kategorien) neu gestaltet – nur Optik:
   1) Kaufberatung als hervorgehobene Karte ganz oben
   2) heller Hintergrund statt Ocker, dunkle Schrift
   3) Symbole vor den Hauptkategorien
   4) SALE rot hervorgehoben
   5) Trennlinien, Pfeile ganz rechts, größere Tippflächen
   Gilt auch für alle Unterkategorien (Zurück-Zeile, Linien, Pfeile).
   Notschalter: Klasse "bm-aus" am body schaltet es ab (wie bisher).
   Rückgängig: diesen ganzen Block bis "END BERMARO MOBILMENUE v1" löschen.
   ===================================================================== */

/* --- Grundfläche: weiß statt Ocker ---------------------------------- */
html.bm-b2b body:not(.bm-aus) .mobile-navigation{
  background: #ffffff !important;
}
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu{
  background: #ffffff !important;
}

/* --- Liste als Spalte, damit die Kaufberatung nach oben kann -------- */
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;
}

/* --- Jede Zeile: Trennlinie, feste Höhe, weiß ----------------------- */
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: #ffffff !important;
  border-bottom: 1px solid #e3e8ee !important;
}

/* --- Text der Zeile: dunkel, gut lesbar, Platz rechts für den Pfeil -- */
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: #2c2c2a !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: #f3f6fa !important;
}

/* --- Pfeil ganz rechts als eigene, große Tippfläche ------------------ */
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > .nav-direction:not(.btn-up){
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 56px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-left: 1px solid #e8edf3 !important;
  color: #1e4a73 !important;
  cursor: pointer !important;
}
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > .nav-direction:not(.btn-up):active{
  background: #f3f6fa !important;
}
/* Dreieck durch schlanken Pfeil ersetzen */
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: "\f054" !important;
}

/* --- Zurück-Zeile in den Unterkategorien ---------------------------- */
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li:has(> .btn-up){
  background: #f3f6fa !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: 0 18px !important;
  color: #1e4a73 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transform: none !important; /* Theme dreht den Knopf – hier wieder gerade */
  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: "\f053" !important;
}
html.bm-b2b body:not(.bm-aus) .mobile-navigation .nav-direction.btn-up::after{
  content: "Zurück";
}

/* --- Symbole vor den Hauptkategorien -------------------------------- */
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: #1e4a73 !important;
}
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/aktion"]::before{ content: "\f02b"; } /* Etikett */
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/schleifen"]::before{ content: "\f192"; } /* Schleifscheibe */
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/lackieren"]::before{ content: "\f1fc"; } /* Pinsel */
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/airbrush"]::before{ content: "\f1fb"; } /* Pipette/Airbrush */
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/abkleben-abdecken"]::before{ content: "\f0c4"; } /* Schere */
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/spachtel-chemie"]::before{ content: "\f0c3"; } /* Kolben */
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/schutz"]::before{ content: "\f132"; } /* Schild */
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/werkzeug"]::before{ content: "\f0ad"; } /* Schraubenschlüssel */

/* --- SALE rot hervorheben (Hauptmenü + SALE in Unterkategorien) ----- */
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: #c62828 !important;
  font-weight: 700 !important;
}
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/aktion"]::before{
  color: #c62828 !important;
}
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li:has(> a[href="/aktion"]) > .nav-direction{
  color: #c62828 !important;
}

/* --- Kaufberatung als Karte ganz oben ------------------------------- */
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li:has(> a[href="/kaufberatung"]){
  order: -1 !important;
  padding: 12px !important;
  background: #f3f6fa !important;
  border-bottom: 1px solid #e3e8ee !important;
}
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/kaufberatung"]{
  position: relative !important;
  display: block !important;
  min-height: 0 !important;
  padding: 14px 44px 14px 70px !important;
  background: #1e4a73 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  box-shadow: 0 3px 10px rgba(182, 120, 12, 0.30) !important;
}
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/kaufberatung"]:active{
  background: #9e670a !important;
}
/* Glühbirne im hellen Kreis links */
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li > a[href="/kaufberatung"]::before{
  content: "\f0eb";
  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: #ffffff !important;
}
/* Untertitel */
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;
}
/* Pfeil rechts in der Karte */
html.bm-b2b body:not(.bm-aus) .mobile-navigation .mainmenu > li:has(> a[href="/kaufberatung"])::after{
  content: "\f054";
  font-family: FontAwesome !important;
  position: absolute !important;
  right: 28px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  pointer-events: none !important;
}
/* END BERMARO MOBILMENUE v1 */

/* =====================================================================
   BEGIN BERMARO B2B-EXTRA (24.10.2026)
   Eigene Erkennungsmerkmale des B2B-Shops b2b.bermaro.de
   (gleicher Aufbau wie lackier-bedarf.info, aber andere Leitfarbe):
   - ruhiger hellgrauer Hintergrund statt "business"-Wasserzeichen
   - Kopfbereich weiß, Menüleiste Stahlblau
   - Registrier-Knopf und Warenkorb im Kopf in Stahlblau (Logo trägt schon "BUSINESS")
   - Info-Leiste ganz oben (wird vom Skript eingefügt)
   - 3er-Raster der B2B-Kategorien auf 5/6 Artikel pro Reihe
   Alles wirkt nur, wenn <html> die Klasse "bm-b2b" hat.
   Notschalter wie im B2C: Klasse "bm-aus" am <body>.
   Leitfarbe ändern: in der Datei alle #1e3a5f / #2b5d8a / #1e4a73 tauschen.
   ===================================================================== */
html.bm-b2b body:not(.bm-aus){background:#eef1f5 !important;background-image:none !important}
html.bm-b2b body:not(.bm-aus) .header-container>.widget,
html.bm-b2b body:not(.bm-aus) #page-header .container-max{background:#fff !important}
html.bm-b2b body:not(.bm-aus) .top-bar,
html.bm-b2b body:not(.bm-aus) .top-bar .container-max{background:#fff !important}
html.bm-b2b body:not(.bm-aus) #page-header a.btn-appearance{background:#1e3a5f !important;border-color:#1e3a5f !important;color:#fff !important;border-radius:999px !important;font-weight:700}
html.bm-b2b body:not(.bm-aus) #page-header a.btn-appearance:hover{background:#2b5d8a !important;border-color:#2b5d8a !important}
html.bm-b2b body:not(.bm-aus) #page-header .toggle-basket-preview{background:#1e3a5f !important;border-radius:999px}
.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:#152a45;color:#dfe8f2;font-size:13px;line-height:1.35;text-align:center}
html.bm-b2b body:not(.bm-aus) .bm-b2b-leiste b{color:#fff;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}
}
@media (max-width:991.98px){
  html.bm-b2b body:not(.bm-aus) .top-bar,
  html.bm-b2b body:not(.bm-aus) .navbar,
  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,
  html.bm-b2b body:not(.bm-aus) .main-navbar-collapsable,
  html.bm-b2b body:not(.bm-aus) .main-navbar-collapsable .mainmenu{background-color:#1e3a5f !important}
}
@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%}
}
html.bm-b2b body:not(.bm-aus) .header-b2b a::before{display:none !important}
html.bm-b2b body:not(.bm-aus) .header-b2b a{background:#1e3a5f !important;background-image:none !important;border-radius:999px !important}
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}
html.bm-b2b body:not(.bm-aus) .category-title,html.bm-b2b body:not(.bm-aus) h1.category-title{color:#1e3a5f !important}
/* END BERMARO B2B-EXTRA */