.kb-wrap{font-family:-apple-system,BlinkMacSystemFont,’Segoe UI‘,sans-serif;color:#1a1a1a;max-width:900px;margin:0 auto;padding:0 16px}
.kb-hero{background:linear-gradient(135deg,#0f5132 0%,#16a34a 60%,#4ade80 100%);border-radius:20px;padding:52px 40px 44px;text-align:center;margin-bottom:40px;position:relative;overflow:hidden}
.kb-hero::before{content:“;position:absolute;width:340px;height:340px;background:rgba(255,255,255,.07);border-radius:50%;top:-80px;right:-80px;pointer-events:none}
.kb-hero::after{content:“;position:absolute;width:220px;height:220px;background:rgba(255,255,255,.05);border-radius:50%;bottom:-60px;left:-40px;pointer-events:none}
.kb-hero h1{color:#fff;font-size:2rem;font-weight:800;margin:0 0 10px;line-height:1.2}
.kb-hero p{color:rgba(255,255,255,.88);font-size:1.05rem;margin:0;max-width:520px;margin-inline:auto}
.kb-progress{display:flex;justify-content:center;gap:8px;margin-bottom:32px}
.kb-dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;transition:.3s}
.kb-dot.active{background:#16a34a;transform:scale(1.3)}
.kb-dot.done{background:#86efac}
.kb-step{display:none;animation:kbFadeIn .3s ease}
.kb-step.active{display:block}
@keyframes kbFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.kb-step-title{text-align:center;font-size:1.3rem;font-weight:700;color:#0f5132;margin:0 0 8px}
.kb-step-sub{text-align:center;color:#6b7280;font-size:.9rem;margin:0 0 24px}
.kb-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:600px;margin:0 auto 24px}
.kb-btn{background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:20px 16px;cursor:pointer;transition:.2s;text-align:center;font-size:.95rem;color:#1a1a1a;line-height:1.3}
.kb-btn:hover{border-color:#16a34a;background:#f0fdf4;transform:translateY(-2px);box-shadow:0 4px 12px rgba(22,163,74,.15)}
.kb-btn.selected{border-color:#16a34a;background:#dcfce7}
.kb-btn .kb-icon{font-size:2rem;display:block;margin-bottom:6px}
.kb-btn strong{display:block;font-weight:700}
.kb-btn span{color:#6b7280;font-size:.82rem}
.kb-back{display:block;text-align:center;color:#9ca3af;font-size:.85rem;cursor:pointer;margin-top:4px;background:none;border:none;padding:4px}
.kb-back:hover{color:#374151}
.kb-results{display:none;animation:kbFadeIn .4s ease}
.kb-results.active{display:block}
.kb-res-title{text-align:center;font-size:1.4rem;font-weight:800;color:#0f5132;margin:0 0 6px}
.kb-res-sub{text-align:center;color:#6b7280;font-size:.9rem;margin:0 0 28px}
.kb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.kb-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:.25s}
.kb-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:#16a34a}
.kb-card-img{width:100%;height:180px;object-fit:contain;background:#f9fafb;padding:12px}
.kb-card-body{padding:16px}
.kb-card-name{font-size:.9rem;font-weight:700;color:#111;margin:0 0 4px;line-height:1.3}
.kb-card-price{font-size:1rem;font-weight:800;color:#16a34a;margin:0 0 10px}
.kb-card-hl{list-style:none;padding:0;margin:0 0 14px;font-size:.8rem;color:#374151}
.kb-card-hl li{padding:2px 0}
.kb-card-hl li::before{content:“✓ „;color:#16a34a;font-weight:700}
.kb-cta{display:block;background:#16a34a;color:#fff!important;text-align:center;padding:10px 16px;border-radius:8px;font-weight:700;font-size:.85rem;text-decoration:none!important}
.kb-cta:hover{background:#15803d}
.kb-badge{display:inline-block;background:#dcfce7;color:#166534;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:20px;margin-bottom:8px}
.kb-restart{display:block;margin:0 auto;background:none;border:2px solid #d1d5db;color:#6b7280;border-radius:8px;padding:8px 24px;cursor:pointer;font-size:.85rem;transition:.2s}
.kb-restart:hover{border-color:#16a34a;color:#16a34a}
.kb-no-match{text-align:center;padding:40px;color:#6b7280}
.kb-seo{margin-top:48px;border-top:1px solid #f3f4f6;padding-top:32px}
.kb-seo h2{font-size:1.2rem;color:#0f5132;margin-bottom:8px}
.kb-seo p{font-size:.9rem;color:#4b5563;line-height:1.7}
.kb-seo ul{color:#4b5563;font-size:.9rem;line-height:1.9;padding-left:1.2em}
@media(max-width:580px){
.kb-hero{padding:36px 20px 32px}
.kb-hero h1{font-size:1.5rem}
.kb-options{grid-template-columns:1fr 1fr;gap:8px}
.kb-btn{padding:14px 10px;font-size:.85rem}
.kb-btn .kb-icon{font-size:1.6rem}
.kb-cards{grid-template-columns:1fr}
.kb-card-img{height:140px}
}

var KB_PRODUCTS = [
{
„id“: „cgo800s“,
„name“: „TENWAYS CGO800S“,
„price_raw“: 2099.0,
„price_str“: „CHF 2’099.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/black1_4e3b1313-fd14-437e-b06e-727f2cba66bd-4.webp“,
„url“: „/produkt/tenways-cgo800s/“,
„highlights“: [
„Riemenantrieb – 0 Wartung“,
„Shimano Nexus 8-Gang“,
„Pannensichere Reifen“
],
„einsatz“: [
„city“
],
„antrieb“: „e“,
„prioritaet“: [
„leicht“,
„preis“
]
},
{
„id“: „cgo800plus“,
„name“: „TENWAYS CGO800 Plus“,
„price_raw“: 2099.0,
„price_str“: „CHF 2’099.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/blue1_08b4fbac-3ced-4050-8bbe-5316867c7028.webp“,
„url“: „/produkt/tenways-cgo800-plus/“,
„highlights“: [
„Komfort-Sattel & Griffe“,
„Integriertes LED-Licht“,
„Allwetter-geeignet“
],
„einsatz“: [
„city“
],
„antrieb“: „e“,
„prioritaet“: [
„komfort“,
„preis“
]
},
{
„id“: „cgo009“,
„name“: „TENWAYS CGO 009“,
„price_raw“: 2299.0,
„price_str“: „CHF 2’299.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/Midnight_Black-1_3aff8da0-e988-4e4e-8868-d616cab94a0f.webp“,
„url“: „/produkt/tenways-cgo-009/“,
„highlights“: [
„Hydraulische Scheibenbremsen“,
„7-Gang Schaltung“,
„Gefederte Sattelstütze“
],
„einsatz“: [
„city“,
„tour“
],
„antrieb“: „e“,
„prioritaet“: [
„preis“,
„komfort“
]
},
{
„id“: „agoairb“,
„name“: „TENWAYS AGO AIR Belt“,
„price_raw“: 2699.0,
„price_str“: „CHF 2’699.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/Air_Belt_-_Walnut_Brown1-3.webp“,
„url“: „/produkt/tenways-ago-air-belt/“,
„highlights“: [
„Ultraleichter Aluminium-Rahmen“,
„Geräuschloser Riemenantrieb“,
„Elegantes City-Design“
],
„einsatz“: [
„city“
],
„antrieb“: „e“,
„prioritaet“: [
„leicht“,
„leistung“
]
},
{
„id“: „agot“,
„name“: „TENWAYS AGO-T“,
„price_raw“: 2899.0,
„price_str“: „CHF 2’899.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/blue2-1.webp“,
„url“: „/produkt/tenways-ago-t/“,
„highlights“: [
„Torque-Sensor für natürliches Fahrgefühl“,
„Allrad-tauglich“,
„Hydraulische Bremsen“
],
„einsatz“: [
„city“,
„tour“
],
„antrieb“: „e“,
„prioritaet“: [
„leistung“,
„leicht“
]
},
{
„id“: „ecourier“,
„name“: „STEVENS E-Courier Electric Blue Green“,
„price_raw“: 3299.0,
„price_str“: „CHF 3’299.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/16312-8.webp“,
„url“: „/produkt/stevens-e-courier-electric-blue-green/“,
„highlights“: [
„Zuverlässiger Shimano Steps Motor“,
„Grosser integrierter Akku“,
„Gepäckträger ab Werk“
],
„einsatz“: [
„city“
],
„antrieb“: „e“,
„prioritaet“: [
„komfort“,
„preis“
]
},
{
„id“: „esprit“,
„name“: „STEVENS Esprit HT Stealth Black“,
„price_raw“: 1749.0,
„price_str“: „CHF 1’749.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/17105.webp“,
„url“: „/produkt/stevens-esprit-ht-stealth-black/“,
„highlights“: [
„Komfortabler Upright-Lenker“,
„Tiefeinsteiger verfügbar“,
„Robuster Alltagsrahmen“
],
„einsatz“: [
„city“
],
„antrieb“: „k“,
„prioritaet“: [
„komfort“,
„preis“
]
},
{
„id“: „courier“,
„name“: „STEVENS Courier Luxe LT Granite Grey“,
„price_raw“: 1769.0,
„price_str“: „CHF 1’769.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/17072.webp“,
„url“: „/produkt/stevens-courier-luxe-lt-granite-grey/“,
„highlights“: [
„Luxus-Komfortausstattung“,
„Federgabel & Sattelstütze“,
„Klassisches Stadtbild“
],
„einsatz“: [
„city“
],
„antrieb“: „k“,
„prioritaet“: [
„komfort“,
„preis“
]
},
{
„id“: „etriton“,
„name“: „Stevens E-Triton 5.5.1 HT Blue Hour“,
„price_raw“: 3699.0,
„price_str“: „CHF 3’699.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/05/22498.webp“,
„url“: „/produkt/e-triton-5-5-1-ht-blue-hour/“,
„highlights“: [
„Shimano Steps E6100 Motor“,
„500 Wh Akku – bis 130 km“,
„Federgabel für langen Komfort“
],
„einsatz“: [
„tour“
],
„antrieb“: „e“,
„prioritaet“: [
„komfort“,
„preis“
]
},
{
„id“: „esimeto“,
„name“: „STEVENS E-Simeto HT Sand Grey“,
„price_raw“: 3999.0,
„price_str“: „CHF 3’999.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/17775.webp“,
„url“: „/produkt/stevens-e-simeto-ht-sand-grey/“,
„highlights“: [
„Bosch Active Plus Motor“,
„Komfort-Geometrie“,
„Integriertes Beleuchtungssystem“
],
„einsatz“: [
„tour“,
„city“
],
„antrieb“: „e“,
„prioritaet“: [
„komfort“,
„leistung“
]
},
{
„id“: „gaverel“,
„name“: „Stevens Gavere Light Khaki“,
„price_raw“: 1299.0,
„price_str“: „CHF 1’299.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/05/22510.webp“,
„url“: „/produkt/gavere-light-khaki/“,
„highlights“: [
„Leichter Aluminium-Rahmen“,
„Shimano CUES 10-Gang“,
„700c Gravel-Reifen“
],
„einsatz“: [
„tour“,
„road“
],
„antrieb“: „k“,
„prioritaet“: [
„leicht“,
„preis“
]
},
{
„id“: „gavereeco“,
„name“: „Stevens Gavere Eco Khaki Khaki“,
„price_raw“: 1499.0,
„price_str“: „CHF 1’499.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/05/22509.webp“,
„url“: „/produkt/gavere-eco-khaki-khaki/“,
„highlights“: [
„Eco-gerechte Fertigung“,
„Breite 38mm Reifen“,
„Komfort für Alltag & Ausflüge“
],
„einsatz“: [
„tour“,
„road“
],
„antrieb“: „k“,
„prioritaet“: [
„preis“,
„komfort“
]
},
{
„id“: „sonora“,
„name“: „STEVENS Sonora Grey“,
„price_raw“: 2299.0,
„price_str“: „CHF 2’299.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/17162.webp“,
„url“: „/produkt/stevens-sonora-grey/“,
„highlights“: [
„Gravel-Geometrie für Abenteuer“,
„1×11-Gang Antrieb“,
„Hydraulische Scheibenbremsen“
],
„einsatz“: [
„tour“,
„road“
],
„antrieb“: „k“,
„prioritaet“: [
„leistung“,
„leicht“
]
},
{
„id“: „agox“,
„name“: „TENWAYS AGO-X“,
„price_raw“: 2399.0,
„price_str“: „CHF 2’399.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/26-starlight_silver-1_0d131cc2-e8d6-4877-a0bd-cbd46ffc97c8.webp“,
„url“: „/produkt/tenways-ago-x/“,
„highlights“: [
„All-Terrain tauglich“,
„Hydraulische Bremsen“,
„Knolliges Reifenprofil“
],
„einsatz“: [
„mtb“,
„city“
],
„antrieb“: „e“,
„prioritaet“: [
„leistung“,
„preis“
]
},
{
„id“: „e4xtour“,
„name“: „STEVENS E-4X Tour HT Classic Grey“,
„price_raw“: 3199.0,
„price_str“: „CHF 3’199.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/17125.webp“,
„url“: „/produkt/stevens-e-4x-tour-ht-classic-grey/“,
„highlights“: [
„Shimano Steps Mittelmotor“,
„MTB-Federgabel 80mm“,
„Sport + Alltag kombiniert“
],
„einsatz“: [
„mtb“,
„tour“
],
„antrieb“: „e“,
„prioritaet“: [
„komfort“,
„preis“
]
},
{
„id“: „einception“,
„name“: „STEVENS E-Inception AM 6.6.1 ACT Stealth Black“,
„price_raw“: 4229.1,
„price_str“: „CHF 4’229.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/17085.webp“,
„url“: „/produkt/stevens-e-inception-am-6-6-1-act-stealth-black/“,
„highlights“: [
„Vollgefedertes Enduro-E-MTB“,
„Bosch Performance CX Motor“,
„150mm Federweg“
],
„einsatz“: [
„mtb“
],
„antrieb“: „e“,
„prioritaet“: [
„leistung“,
„komfort“
]
},
{
„id“: „s6xht“,
„name“: „STEVENS 6X HT 55cm Stealth Black“,
„price_raw“: 1099.0,
„price_str“: „CHF 1’099.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/16442.webp“,
„url“: „/produkt/stevens-6x-ht-55cm-stealth-black/“,
„highlights“: [
„Hardtail-Aluminium-Rahmen“,
„Hydraulische Scheibenbremsen“,
„SR Suntour Federgabel“
],
„einsatz“: [
„mtb“
],
„antrieb“: „k“,
„prioritaet“: [
„preis“,
„leistung“
]
},
{
„id“: „devilstrail“,
„name“: „STEVENS Devils Trail Petrol Gold“,
„price_raw“: 1499.0,
„price_str“: „CHF 1’499.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/22436.webp“,
„url“: „/produkt/stevens-devils-trail-petrol-gold-petrol-gold/“,
„highlights“: [
„Trail-Geometrie“,
„1×10 Antrieb“,
„Druckbeaufschlagte Federgabel“
],
„einsatz“: [
„mtb“
],
„antrieb“: „k“,
„prioritaet“: [
„leistung“,
„preis“
]
},
{
„id“: „izoard“,
„name“: „STEVENS Izoard Golden Grey“,
„price_raw“: 2399.0,
„price_str“: „CHF 2’399.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/17139.webp“,
„url“: „/produkt/stevens-izoard-golden-grey/“,
„highlights“: [
„Shimano 105 Gruppe“,
„Alurahmen mit Racing-Geometrie“,
„700c Rennvelo-Bereifung“
],
„einsatz“: [
„road“
],
„antrieb“: „k“,
„prioritaet“: [
„leistung“,
„leicht“
]
},
{
„id“: „superprest“,
„name“: „STEVENS Super Prestige Force AXS Forest Green Black“,
„price_raw“: 3999.0,
„price_str“: „CHF 3’999.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/17165.webp“,
„url“: „/produkt/stevens-super-prestige-force-axs-forest-green-black/“,
„highlights“: [
„Force AXS Schaltung“,
„Aerodynamischer Carbon-Rahmen“,
„Profis-Radrennrad-Niveau“
],
„einsatz“: [
„road“
],
„antrieb“: „k“,
„prioritaet“: [
„leistung“,
„leicht“
]
},
{
„id“: „estrada“,
„name“: „STEVENS E-Strada 6.3.4 FEQ X35+ 56cm Ivy Green“,
„price_raw“: 2999.0,
„price_str“: „CHF 2’999.–“,
„img“: „https://fitbike.ch/wp-content/uploads/2026/04/16346-4.webp“,
„url“: „/produkt/stevens-e-strada-6-3-4-feq-x35-56cm-ivy-green/“,
„highlights“: [
„Flüssiger Shimano Steps E5080“,
„Rennrad-Geometrie mit E-Unterstützung“,
„Leichter Alurahmem“
],
„einsatz“: [
„road“,
„tour“
],
„antrieb“: „e“,
„prioritaet“: [
„leistung“,
„leicht“
]
}
];
var kbAnswers = {};
var kbPriceRanges = {„1″:[0,1500],“2″:[1501,2500],“3″:[2501,4000],“4“:[4001,99999]};

function kbSelect(step, value) {
kbAnswers[step] = value;
document.querySelectorAll(„#kb-step“+step+“ .kb-btn“).forEach(function(b){b.classList.remove(„selected“)});
event.currentTarget.classList.add(„selected“);
setTimeout(function(){
if(step < 4) {
document.getElementById("kb-step"+step).classList.remove("active");
document.getElementById("kb-step"+(step+1)).classList.add("active");
updateDots(step+1);
} else {
document.getElementById("kb-step4").classList.remove("active");
document.getElementById("kb-results").classList.add("active");
showResults();
}
}, 200);
}

function kbBack(toStep) {
for(var s=toStep+1;s<=4;s++) document.getElementById("kb-step"+s).classList.remove("active");
document.getElementById("kb-results").classList.remove("active");
document.getElementById("kb-step"+toStep).classList.add("active");
updateDots(toStep);
}

function kbRestart() {
kbAnswers = {};
document.getElementById("kb-results").classList.remove("active");
for(var s=1;s<=4;s++) {
document.getElementById("kb-step"+s).classList.remove("active");
document.querySelectorAll("#kb-step"+s+" .kb-btn").forEach(function(b){b.classList.remove("selected")});
}
document.getElementById("kb-step1").classList.add("active");
updateDots(1);
}

function updateDots(active) {
for(var i=1;i<=4;i++) {
var d = document.getElementById("dot"+i);
d.classList.remove("active","done");
if(i===active) d.classList.add("active");
else if(i= 0
&& p.price_raw >= range[0] && p.price_raw = 0;
});
matches.sort(function(a,b) {
return Math.abs(a.price_raw – (range[0]+range[1])/2) – Math.abs(b.price_raw – (range[0]+range[1])/2);
});
}

matches.sort(function(a,b) {
var aS = a.prioritaet.indexOf(prio)>=0 ? 1:0;
var bS = b.prioritaet.indexOf(prio)>=0 ? 1:0;
return bS – aS;
});

var top = matches.slice(0,3);
var container = document.getElementById(„kb-card-container“);

if(top.length === 0) {
container.innerHTML = ‚

‚;
return;
}

container.innerHTML = top.map(function(p,i) {
var badge = i===0 ? ‚⭐ Top-Empfehlung‚ : “;
return ‚

‚
+ ‚‚
+ ‚

‚
+ badge
+ ‚

‚+p.name+‘

‚
+ ‚

‚+p.price_str+‘

‚
+ ‚

‚+p.highlights.map(function(h){return ‚
• ‚+h+‘

‚}).join(“)+‘

‚
+ ‚Jetzt ansehen →‚
+ ‚

‚;
}).join(“);
}