:root { –blue:#1a9fd4;–blue-dark:#1282ae;–blue-light:#e8f6fc;–black:#000;–gray-1:#111;–gray-2:#333;–gray-3:#666;–gray-bg:#f5f5f5;–border:#e8e8e8;–border-blue:rgba(26,159,212,0.2); }
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:’Inter’,system-ui,-apple-system,’Segoe UI’,Roboto,sans-serif;background:#fff;color:#000;line-height:1.6;}
.page-header{padding:120px 5% 64px;background:#fff;border-bottom:1px solid var(–border);}
.page-header-inner{max-width:1200px;margin:0 auto;}
.breadcrumb{font-size:.72rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(–blue);margin-bottom:14px;}
.breadcrumb a{color:var(–blue);text-decoration:none;}
.breadcrumb span{color:var(–gray-3);margin:0 6px;}
.page-title{font-family:’Barlow Condensed’,sans-serif;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;text-transform:uppercase;color:#000;line-height:1;margin-bottom:18px;}
.page-title span{color:var(–blue);}
.page-desc{font-size:.98rem;color:var(–gray-2);font-weight:300;max-width:640px;line-height:1.8;}
section{padding:72px 5%;}
.si{max-width:1200px;margin:0 auto;}
.slabel{font-family:’Barlow Condensed’,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(–blue);margin-bottom:12px;}
.stitle{font-family:’Barlow Condensed’,sans-serif;font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:800;text-transform:uppercase;color:#000;line-height:1.1;margin-bottom:14px;}
.stitle span{color:var(–blue);}
.ssub{font-size:.93rem;color:var(–gray-2);font-weight:300;max-width:600px;line-height:1.8;}
.bg-gray{background:var(–gray-bg);}
.bg-blue{background:var(–blue-light);border-top:1px solid var(–border-blue);border-bottom:1px solid var(–border-blue);}
.bg-dark{background:#0d0d0d;}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;margin-top:44px;}
.two-col img{width:100%;display:block;border-radius:2px;object-fit:cover;}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:44px;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:44px;}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:44px;}
.card{background:#fff;border:1px solid var(–border);padding:32px 28px;transition:all .22s;}
.card:hover{border-color:var(–blue-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08);}
.card-icon{width:44px;height:44px;border-radius:4px;background:var(–blue-light);border:1px solid var(–border-blue);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.card-name{font-family:’Barlow Condensed’,sans-serif;font-size:1.15rem;font-weight:800;text-transform:uppercase;color:#000;margin-bottom:8px;}
.card-desc{font-size:.83rem;color:var(–gray-2);font-weight:300;line-height:1.65;}
.check-list{list-style:none;padding:0;margin:20px 0 28px;}
.check-list li{display:flex;align-items:flex-start;gap:10px;font-size:.87rem;color:var(–gray-2);font-weight:300;padding:9px 0;border-bottom:1px solid var(–border);line-height:1.5;}
.check-list li:last-child{border-bottom:none;}
.check-list li svg{color:var(–blue-dark);flex-shrink:0;margin-top:2px;}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:44px;}
.stat-card{background:var(–blue-light);border:1px solid var(–border-blue);padding:28px 20px;text-align:center;}
.stat-num{font-family:’Barlow Condensed’,sans-serif;font-size:2.4rem;font-weight:800;color:var(–blue-dark);line-height:1;margin-bottom:6px;}
.stat-label{font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(–gray-3);line-height:1.4;}
.faq-item{background:#fff;border:1px solid var(–border);padding:0;cursor:pointer;transition:border-color .2s;margin-bottom:2px;}
.faq-item:hover{border-color:var(–blue-dark);}
.faq-q{font-family:’Barlow Condensed’,sans-serif;font-size:1.05rem;font-weight:700;text-transform:uppercase;color:#000;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;}
.faq-q svg{flex-shrink:0;color:var(–blue-dark);transition:transform .2s;}
.faq-a{font-size:.85rem;color:var(–gray-2);font-weight:300;line-height:1.75;padding:0 24px 20px;display:none;}
.faq-item.open .faq-q svg{transform:rotate(45deg);}
.faq-item.open .faq-a{display:block;}
.btn-primary{display:inline-block;background:#1282ae;color:#fff;font-family:’Barlow Condensed’,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:13px 32px;border:2px solid #1282ae;text-decoration:none;transition:all .22s;}
.btn-primary:hover{background:#0f6a8a;border-color:#0f6a8a;}
.btn-outline{display:inline-block;background:transparent;color:#1282ae;font-family:’Barlow Condensed’,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:12px 32px;border:2px solid #1282ae;text-decoration:none;transition:all .22s;margin-left:12px;}
.btn-outline:hover{background:#1282ae;color:#fff;}
.cta-section{background:linear-gradient(135deg,#1282ae 0%,#0f6a8a 100%);padding:72px 5%;text-align:center;}
.cta-title{font-family:’Barlow Condensed’,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;text-transform:uppercase;color:#fff;line-height:1.1;margin-bottom:14px;}
.cta-desc{font-size:.93rem;color:rgba(255,255,255,.82);max-width:500px;margin:0 auto 32px;font-weight:300;line-height:1.75;}
.btn-white{display:inline-block;background:#fff;color:#1282ae;font-family:’Barlow Condensed’,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:13px 32px;border:2px solid #fff;text-decoration:none;transition:all .22s;}
.btn-white:hover{background:transparent;color:#fff;}
.btn-white-out{display:inline-block;background:transparent;color:#fff;font-family:’Barlow Condensed’,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:12px 32px;border:2px solid rgba(255,255,255,.5);text-decoration:none;transition:all .22s;margin-left:12px;}
.btn-white-out:hover{border-color:#fff;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.name-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-field{display:flex;flex-direction:column;gap:6px;}
.form-label{font-size:.72rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(–gray-2);}
.form-input{width:100%;border:1px solid var(–border);padding:11px 14px;font-family:inherit;font-size:.88rem;outline:none;border-radius:2px;background:#fff;transition:border-color .2s;}
.form-input:focus{border-color:var(–blue-dark);}
.form-hint{font-size:.72rem;color:var(–gray-3);font-weight:300;line-height:1.5;}
.form-submit{background:#1282ae;color:#fff;font-family:’Barlow Condensed’,sans-serif;font-size:.92rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:14px 32px;border:2px solid #1282ae;cursor:pointer;transition:all .22s;text-align:center;width:100%;}
.form-submit:hover{background:#0f6a8a;}
.contact-sidebar{display:flex;flex-direction:column;gap:2px;}
.contact-box{background:#fff;border:1px solid var(–border);padding:28px;}
.contact-box.blue{background:var(–blue-light);border-color:var(–border-blue);}
.contact-detail{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px;}
.contact-detail:last-child{margin-bottom:0;}
@media(max-width:900px){
.two-col,.grid2{grid-template-columns:1fr;gap:28px;}
.grid3,.grid4{grid-template-columns:1fr 1fr;}
.stat-grid{grid-template-columns:1fr 1fr;}
.btn-outline,.btn-white-out{margin-left:0;margin-top:10px;display:block;text-align:center;}
.contact-grid{grid-template-columns:1fr;gap:40px;}
}
@media(max-width:600px){
.page-header{padding:110px 4% 48px;}
section{padding:52px 4%;}
.grid3,.grid4{grid-template-columns:1fr;}
.stat-grid{grid-template-columns:1fr 1fr;}
.name-row{grid-template-columns:1fr;}
}
.faq-script{}
Laten we Praten Over
Uw Sportkleding op maat Project.
Neem contact op om MOQ, doorlooptijden, stoffen, prijzen of uw ontwikkelingsbriefing te bespreken. Geen verplichting vereist om navraag in te dienen.
Stuur ons een Bericht
Vertel Ons Wat
U Nodig Heeft
Vul het formulier in en we reageren binnen 1–2 werkdagen. Hoe meer detail u deelt, hoe sneller we u een nuttig antwoord kunnen geven.
Selecteren…
Teamkleding / Op aanvraag
Bulk / Collectie Productie
Productontwikkeling
Stoffen Stockservice
Algemene Vraag
Selecteren…
Minder dan 50 stuks
50–200 stuks
200–1000 stuks
1000+ stuks
Nog niet zeker
Selecteren…
ASAP / urgente deadline
Binnen 1–2 maanden
3–6 maanden
Verkennen maar opties
Hebt u al artwork of een techpack? Upload het ergens en plak de link – het versnelt ons antwoord aanzienlijk.
document.querySelectorAll(‘.faq-item’).forEach(function(item){
item.addEventListener(‘click’, function(){ item.classList.toggle(‘open’); });
});
