<section class="page-section">
   <div class="grid justify-content-center">
       <div class="col-desk-12 col-tab-5 col-mob-6">
           <div class="swiper-container card-slider js--swiper-slider-variant">
               <div class="card__wrapper swiper-wrapper">
                   <div class="swiper-slide card">
                       <div class="card__item">
                           <div class="card-body">
                               <h3 class="card-title">Endurace on: 7.0</h3>
                               <p class="p4">Shimano GRX Di2</p>
                               <div class="card__color-wrapper">
                                   <span class="card__color black"></span>
                                   <span class="card__color blue"></span>
                                   <span class="card__color red"></span>
                               </div>
                               <hr>
                               <p class="p4">ab <span class="p3 font-weight-bold">4.009 €</span></p>
                               <a href="#" class="link-sm">Verfügbarkeit prüfen</a>
                           </div>
                       </div>
                   </div>
                   <div class="swiper-slide card">
                       <div class="card__item">
                           <div class="card-body">
                               <h3 class="card-title">Endurace on: 8.0</h3>
                               <p class="p4">Shimano GRX Di2 X345</p>
                               <div class="card__color-wrapper">
                                   <span class="card__color black"></span>
                                   <span class="card__color blue"></span>
                                   <span class="card__color red"></span>
                               </div>
                               <hr>
                               <p class="p4">ab <span class="p3 font-weight-bold">4.999 €</span></p>
                               <a href="#" class="link-sm">Verfügbarkeit prüfen</a>
                           </div>
                       </div>
                   </div>
                   <div class="swiper-slide card">
                       <div class="card__item">
                           <div class="card-body">
                               <h3 class="card-title">Endurace on: 9.0</h3>
                               <p class="p4">Shimano GRX Di2 X345 X356</p>
                               <div class="card__color-wrapper">
                                   <span class="card__color black"></span>
                                   <span class="card__color blue"></span>
                                   <span class="card__color red"></span>
                               </div>
                               <hr>
                               <p class="p4">ab <span class="p3 font-weight-bold">5.897 €</span></p>
                               <a href="#" class="link-sm">Verfügbarkeit prüfen</a>
                           </div>
                       </div>
                   </div>
               </div>
               <div class="swiper-scrollbar"></div>
           </div>
       </div>
   </div>
</section>