/* a1-skin.css - site skin of all three sites (esd.equipment, fluidics-equipment.com, boxic24.com) since 2026-10-02.
   Was esd-accent.css (esd only since 2026-09-27); buttons live in a1-buttons.css, colour tokens in a1-tokens.css.
   Header and footer on navy, breadcrumbs variant E, accents and CMS page recolours in RAL 1028.
   Source: var/css_layers/a1-skin.css, deployed to pub/media/wysiwyg/css/, a change needs a new ?v= (skin_include.php). */

/* ── main content on white ────────────────────────────────────────────────── */
html body .product-item-info .prolabels-wrapper:not(#a1x)::after,html body .product-item-info a.product-item-photo:not(#a1x)::after{background-color:var(--a1-accent-line)!important;border-color:var(--a1-accent-line)!important}
html body .esd-head .page-title-wrapper h1.page-title::before,html body h1.page-title::before{background-color:var(--a1-accent-line)!important}

/* contact page (shared template with its own --ct-* tokens): hero labels on navy,required marks and the side
   label line on white. Submit button #send2 on the accent button spec (Viktor 2026-09-27). */

html body .ctc .ctc__req{color:var(--a1-accent-ink)!important}

/* cart page (Viktor 2026-09-27): "Zur Kasse" on the accent button spec (above),links navy instead of the theme red */
html body.checkout-cart-index .cart.table-wrapper .product-item-name a,html body.checkout-cart-index .cart.table-wrapper .product-item-name a:visited,html body.checkout-cart-index .cart.main.actions .action.continue,html body.checkout-cart-index .cart.table-wrapper .action-edit,html body.checkout-cart-index .cart.table-wrapper .action-delete{color:var(--a1-on-accent)!important}
html body.checkout-cart-index .cart.table-wrapper .product-item-name a:hover,html body.checkout-cart-index .cart.main.actions .action.continue:hover{color:var(--a1-on-accent)!important;text-decoration:underline!important}
html body.checkout-cart-index .cart.table-wrapper .action-edit::before,html body.checkout-cart-index .cart.table-wrapper .action-delete::before{color:var(--a1-on-accent)!important}

/* brands page (compiled theme CSS) */
html body .lbp-chip[aria-pressed="true"]::after,html body .lbp-chip[aria-pressed="true"]:hover::after{background-color:var(--a1-accent-line)!important}
html body .lbp-pcard,html body .lbp-pcard:hover{border-left-color:var(--a1-accent-line)!important}

/* ── breadcrumbs,variant E (all esd pages) ──────────────────────────────── */
html body .breadcrumbs:not(#a1x){font-size:15px!important;margin-top:18px!important;margin-bottom:10px!important}
html body .breadcrumbs .items:not(#a1x){display:flex!important;flex-wrap:wrap!important;align-items:center;row-gap:4px;margin:0;padding:0;list-style:none;background:none!important}
html body .breadcrumbs .items>.item{display:inline-flex!important;align-items:center;margin:0!important;padding:0!important;background:none!important;border:0!important;height:auto!important;clip-path:none!important;font-size:15px!important;line-height:1.4!important;color:var(--a1-ink-strong)}
html body .breadcrumbs .items>.item::before{content:none!important;display:none!important}
html body .breadcrumbs .items>.item:not(:last-child)::after{content:"\203A"!important;display:inline-block!important;position:static!important;margin:0 10px!important;padding:0!important;width:auto!important;height:auto!important;border:0!important;background:none!important;transform:none!important;color:#8A99AD!important;font:inherit!important;font-size:15px!important;line-height:1!important}
html body.catalog-product-view .breadcrumbs .items>.item:nth-last-child(2)::after{content:none!important;display:none!important}
html body .breadcrumbs .items>.item>a{display:inline-block!important;clip-path:none!important;color:var(--a1-on-accent)!important;font-size:15px!important;font-weight:500!important;line-height:1.4!important;padding:3px 6px!important;margin:0!important;border:0!important;border-radius:4px!important;background:none!important;box-shadow:none!important;text-decoration:none!important;height:auto!important;transition:background .15s ease}
html body .breadcrumbs .items>.item>a::after{content:none!important;display:none!important}
html body .breadcrumbs .items>.item>a:hover{background:#FFF1CC!important;color:var(--a1-on-accent)!important;text-decoration:none!important}
html body .breadcrumbs .items>.item>a:focus-visible{outline:2px solid var(--a1-on-accent)!important;outline-offset:2px}
html body .breadcrumbs .items>.item>strong{display:inline-block!important;clip-path:none!important;font-size:15px!important;line-height:1.4!important;padding:3px 6px!important;margin:0!important;border:0!important;background:none!important;overflow:visible!important;white-space:normal!important}
html body .breadcrumbs .items>.item.home>a::before{color:var(--a1-on-accent)!important}
/* current level: last item on category,search and CMS pages,the last visible one on the product page */
html body .breadcrumbs .items>.item:last-child>strong,html body .breadcrumbs .items>.item:last-child>a,html body.catalog-product-view .breadcrumbs .items>.item:nth-last-child(2)>a{color:var(--a1-ink-strong)!important;font-weight:700!important;background:none!important;box-shadow:inset 0 -3px 0 var(--a1-accent)!important;border-radius:4px 4px 0 0!important}
html body.catalog-product-view .breadcrumbs .items>.item:nth-last-child(2)>a:hover{background:#FFF1CC!important}
@media (max-width:767px){
  html body .breadcrumbs:not(#a1x){font-size:14px!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden}
  html body .breadcrumbs .items:not(#a1x){max-width:100%!important;min-width:0!important}
  html body .breadcrumbs .items:not(#a1x){flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html body .breadcrumbs .items::-webkit-scrollbar{display:none}
  html body .breadcrumbs .items:not(#a1x)>.item{font-size:14px!important;flex:none!important;max-width:none!important;overflow:visible!important}
  html body .breadcrumbs .items:not(#a1x)>.item>strong{overflow:visible!important;text-overflow:clip!important}
  html body .breadcrumbs .items>.item>a,html body .breadcrumbs .items>.item>strong{font-size:14px!important;white-space:nowrap}
  html body .breadcrumbs .items>.item:not(:last-child)::after{font-size:14px!important}
  html body .breadcrumbs .items>.item.home>a{display:inline-flex!important;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:0 4px!important;font-size:0!important}
  html body .breadcrumbs .items>.item.home>a::before{font-size:16px!important;color:var(--a1-on-accent)!important}
}

Lieferung .lf,Impressum .imp-*,Reklamation .rekl-*,Batteriegesetz .env-*,404 .nf4.
   Several of these pages are shared with boxic24/fluidics{background:radial-gradient(circle,rgba(var(--a1-accent-rgb),.08) 0%,transparent 70%)!important}
html body .lf a[style*="e85a00"]{color:var(--a1-accent-ink)!important}
/* Impressum (navy card heads, white values) */
html body .imp-card-ico svg,html body .imp-card-ico svg *{stroke:var(--a1-accent)!important}
html body .imp-val a:hover{color:var(--a1-accent-ink)!important}
html body .imp-cp:not(.ok):hover{background:var(--a1-accent)!important;border-color:var(--a1-accent)!important}
html body .imp-cp:not(.ok):hover svg{color:var(--a1-on-accent)!important}
/* 404 (white hero) */
html body .nf4 .nf4__card:hover{border-color:var(--a1-accent-line)!important}
html body .nf4 .nf4__help-item a:hover{color:var(--a1-accent-ink)!important}