: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{}
Sprechen wir über
Ihr Sportbekleidungs-Projekt.
Kontaktieren Sie uns, um Mindestbestellmenge, Lieferzeiten, Stoffe, Preise oder Ihre Entwicklungsanfrage zu besprechen. Es ist keine Verpflichtung erforderlich, um sich zu erkundigen.
Senden Sie uns eine Nachricht
Sagen Sie uns,
Was Sie brauchen
Füllen Sie das Formular aus und wir antworten innerhalb von 1–2 Arbeitstagen. Je mehr Details Sie mitteilen, desto schneller können wir Ihnen eine hilfreiche Antwort geben.
Wählen Sie…
Teambekleidung / On-Demand
Großmengen / Kollektion Produktion
Produktentwicklung
Stoffe Lagerbestand Service
Allgemeine Frage
Wählen Sie…
Unter 50 Stück
50–200 Stück
200–1000 Stück
1000+ Stück
Noch nicht sicher
Wählen Sie…
ASAP / dringende Frist
Innerhalb von 1–2 Monaten
3–6 Monate
Nur Optionen erkunden
Haben Sie bereits Artwork oder ein Techpack? Laden Sie es irgendwo hoch und fügen Sie den Link ein – das beschleunigt unsere Antwort erheblich.
document.querySelectorAll(‚.faq-item‘).forEach(function(item){
item.addEventListener(‚click‘, function(){ item.classList.toggle(‚open‘); });
});
