/* AceCamp B2B — altes acecamp.de-Design: Barlow-Font (self-hosted) */
@font-face{font-family:'Barlow';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/barlow/Barlow-Regular.woff2') format('woff2'),url('fonts/barlow/Barlow-Regular.woff') format('woff');}
@font-face{font-family:'Barlow';font-weight:700;font-style:normal;font-display:swap;src:url('fonts/barlow/Barlow-Bold.woff2') format('woff2'),url('fonts/barlow/Barlow-Bold.woff') format('woff');}

:root{--font-family-sans-serif:'Barlow',sans-serif;--font-family-base:'Barlow',sans-serif;}
body,input,select,textarea,button,.btn,.navbar,.nav,.dropdown-menu,
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
  font-family:'Barlow',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif !important;
}

/* ============================================================
   AceCamp Startseite — dunkle Editorial-Reise (scoped: data-page 18)
   ============================================================ */
/* dark canvas only on the homepage */
body[data-page="18"] #main-wrapper{background:#1c1c1c;}
body[data-page="18"] #content-wrapper{background:#1c1c1c;}
/* hide any leftover default startpage content blocks under the OPC content */
body[data-page="18"] #content-wrapper .row.product-container:empty{display:none;}

/* center + pad the two ProductStreams sitting on the dark canvas */
body[data-page="18"] .opc-ProductStream{max-width:1180px;margin:0 auto;padding:0 24px 64px;}
/* product cards = light cards for contrast on dark sections */
body[data-page="18"] .opc-ProductStream .productbox{background:#f5f5f5;border-radius:14px;padding:14px;transition:transform .25s ease,box-shadow .25s ease;}
body[data-page="18"] .opc-ProductStream .productbox:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.45);}
body[data-page="18"] .opc-ProductStream .productbox-title a{color:#222 !important;}
body[data-page="18"] .opc-ProductStream .productbox .price,
body[data-page="18"] .opc-ProductStream .productbox .product-price{color:#222 !important;}

/* interactive hover polish for the hand-built sections */
body[data-page="18"] .ac-btn-primary{transition:background .2s ease,transform .2s ease;}
body[data-page="18"] .ac-btn-primary:hover{background:#FCB034 !important;transform:translateY(-2px);}
body[data-page="18"] .ac-btn-ghost{transition:border-color .2s ease,color .2s ease;}
body[data-page="18"] .ac-btn-ghost:hover{border-color:#FF9900 !important;color:#FF9900 !important;}
body[data-page="18"] .ac-chip{transition:border-color .2s ease,color .2s ease;}
body[data-page="18"] .ac-chip:hover{border-color:#FF9900 !important;color:#fff !important;}
body[data-page="18"] .ac-tile{transition:transform .3s ease;}
body[data-page="18"] .ac-tile:hover{transform:translateY(-4px);}
body[data-page="18"] .ac-tile:hover .ac-tile-cap{background:linear-gradient(0deg,rgba(8,8,8,.6),transparent);}
body[data-page="18"] .ac-card{transition:transform .25s ease,border-color .25s ease;}
body[data-page="18"] .ac-card:hover{transform:translateY(-3px);}
body[data-page="18"] .ac-link:hover{color:#FF9900 !important;}