*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#20272a;line-height:1.55}a{text-decoration:none;color:inherit}.wrap{max-width:1190px;margin:auto;padding:0 26px}header{background:#fff;border-bottom:1px solid #eee}.head{min-height:110px;display:flex;align-items:center;gap:36px}.logo{display:block;width:115px;height:94px;flex-shrink:0;background:url('https://www.cycle-spot.de/wp-content/uploads/2025/11/Cycle-Spot-Logo.png') center/contain no-repeat}nav{display:flex;gap:25px;flex:1;align-items:center;font-size:12px;text-transform:uppercase;font-weight:900}nav a:hover,nav a.active{color:#40adaa}.header-action{background:#22292e;color:#fff;padding:13px 18px;font-size:11px;font-weight:900;text-transform:uppercase;white-space:nowrap}.hero{background:linear-gradient(90deg,rgba(13,23,26,.78),rgba(13,23,26,.17)),url('https://www.cycle-spot.de/wp-content/uploads/2026/02/IMG_21321-scaled.jpg') center/cover;color:#fff}.hero-inner{min-height:635px;display:flex;justify-content:space-between;align-items:end;gap:40px;padding-top:65px;padding-bottom:66px}.hero-copy{max-width:760px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:#78d8d2}.eyebrow.dark{color:#299995}h1,h2,h3{line-height:1.08;margin-top:0}h1{font-size:clamp(51px,6vw,83px);font-weight:950;letter-spacing:-1.7px;margin:20px 0 19px}h1 em{color:#63c2be;font-style:normal}.hero p{max-width:590px;color:#eff3f2;font-size:18px;margin-bottom:27px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 23px;font-size:12px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;min-height:52px}.button.aqua{background:#47b3ae;color:#fff}.button.ghost{color:#fff;border:1px solid #ffffffaa}.button.darkbtn{background:#232b2f;color:#fff}.button.outline{border:1px solid #fff;color:#fff}.hero-note{border-left:3px solid #63c2be;backdrop-filter:blur(5px);background:#0c1b1a5e;padding:18px 20px;max-width:230px}.hero-note span{display:block;font-size:10px;letter-spacing:1.4px;color:#9ae1dd;margin-bottom:8px}.hero-note strong{font-size:15px;line-height:1.3}.trust{background:#4cb6b2;color:white}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid>div{display:flex;gap:15px;padding:24px 18px 24px 0;border-right:1px solid #ffffff4d}.trust-grid>div:nth-child(n+2){padding-left:22px}.trust-grid>div:last-child{border:0}.trust b{opacity:.65}.trust span{display:grid;gap:3px}.trust small{color:#e4f6f4}.section{padding-top:85px;padding-bottom:85px}.section-intro{display:flex;justify-content:space-between;gap:40px;align-items:end}.section-intro h2,.certified h2,.pickup h2,.contact h2{font-size:clamp(32px,4vw,49px);letter-spacing:-1px;margin:14px 0}.section-intro p{max-width:430px;color:#677578}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:34px}.service{border:1px solid #e1e6e5;background:white}.service-photo{height:235px;background-size:cover;background-position:center}.service-photo.workshop{background-image:url('https://www.cycle-spot.de/wp-content/uploads/2026/02/IMG_21321-scaled.jpg')}.service-photo.used{background-image:url('https://www.cycle-spot.de/wp-content/uploads/2026/02/IMG_2131-scaled.jpeg')}.service-photo.clean{background:linear-gradient(135deg,#dbe8e6,#b9d1d0);position:relative}.service-photo.clean:after{content:'BIKE CARE';position:absolute;inset:0;display:grid;place-items:center;font-size:40px;font-weight:950;letter-spacing:1px;color:#4e8583}.service-content{padding:25px}.service-content>span{font-size:10px;font-weight:900;letter-spacing:1.4px;color:#329a97}.service-content h3{font-size:23px;margin:12px 0}.service-content p{font-size:14px;color:#657175;min-height:85px}.service-content a{font-size:12px;font-weight:900;color:#2f938f;text-transform:uppercase}.certified{background:#1e292c;color:white;padding:77px 0}.certified-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.certified h2{color:#fff}.certified p{color:#c6d2d1;max-width:560px;margin-bottom:25px}.certified-mark{min-height:340px;background:radial-gradient(circle,#496a67,#23383a 65%);display:grid;place-items:center}.seal{width:250px;height:250px;border:6px double #74cec9;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-9deg);text-align:center;color:#c3eeec}.seal span{font-size:15px;letter-spacing:2px}.seal strong{font-size:30px;line-height:1.1}.seal small{font-size:11px;letter-spacing:1.5px;margin-top:10px;color:#93b8b6}.finder{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dee5e4;margin-top:30px}.choices{padding:23px;background:#f2f6f5;display:grid;gap:8px}.choices button{border:1px solid #d9e3e1;background:white;padding:18px 17px;text-align:left;cursor:pointer;color:#344144;font-size:14px;font-weight:800}.choices button.selected{background:#d9efed;border:2px solid #49aaa7}.choices span{font-size:20px;margin-right:10px}.finder-result{padding:37px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.finder-result h3{font-size:30px;margin:13px 0}.finder-result p{color:#687577;margin-bottom:24px}.pickup{background:#eff4f3;padding:70px 0}.pickup-inner{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center}.pickup p{color:#647375;max-width:575px}.pickup-visual{min-height:270px;border:2px solid #a9c9c6;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:280px;margin:auto}.pickup-visual strong{font-size:86px;letter-spacing:-4px;color:#39a39e;line-height:1}.pickup-visual strong span{font-size:25px;letter-spacing:0}.pickup-visual small{font-size:11px;letter-spacing:1px;font-weight:800;max-width:180px}.contact{background:#20292d;color:#fff;padding:75px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact h2{color:white}.contact p{color:#c6d2d2}.contact-actions{display:grid;gap:10px}footer{background:#151b1e;color:#c5cecf;padding:25px 0;font-size:12px}.foot{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.foot strong{color:#fff;margin-right:auto}.foot-note{color:#718081;padding-top:10px;font-size:11px}@media(max-width:920px){.head{gap:15px}.logo{width:90px;height:80px}nav{gap:12px;font-size:10px}.header-action{display:none}.hero-inner{min-height:550px}.hero-note{display:none}.services{grid-template-columns:1fr 1fr}.services .service:last-child{grid-column:span 2}.service-content p{min-height:0}.certified-layout{gap:35px}}@media(max-width:680px){.wrap{padding:0 18px}nav{flex-wrap:wrap}.hero-inner{min-height:500px;padding-top:55px}.hero h1{font-size:50px}.hero p{font-size:16px}.trust-grid,.services,.certified-layout,.finder,.pickup-inner{grid-template-columns:1fr}.trust-grid>div,.trust-grid>div:nth-child(n+2){padding:16px 0;border-right:0;border-bottom:1px solid #ffffff55}.services .service:last-child{grid-column:auto}.section{padding-top:55px;padding-bottom:55px}.section-intro,.contact-inner{display:block}.certified-mark{min-height:260px}.seal{width:210px;height:210px}.finder-result{padding:25px}.contact-actions{margin-top:23px}.pickup-visual{margin-top:30px}}
