<a class="link-sm" href="#" data-toggle="modal" data-target="#exampleModalLong">Verfügbarkeit prüfen</a>
<div class="aggregator modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
<div class="modal-dialog aggregator__dialog" role="document">
<div class="modal-content aggregator__content">
<button type="button" class="close aggregator__close" data-dismiss="modal" aria-label="Close">
<svg class="icon"><use xlink:href="#icon-close" href="#icon-close" aria-hidden="true"></use></svg>
</button>
<div class="aggregator__intro mx-0">
<div class="aggregator__image">
<h5 class="mb-0 d-block d-lg-none">Canyon</h5>
<h6 class="d-block d-lg-none">Endurace: On</h6>
<img class="img-fluid" src="/placeholder/bike.png" srcset="/placeholder/bike@2x.png 2x" alt="">
</div>
<div class="aggregator__pick">
<h5 class="mb-0 d-none d-lg-block">Canyon</h5>
<h6 class="d-none d-lg-block">Endurace: On</h6>
<p class="p4">Modell</p>
<div class="ln-select form-group has-float-label js--custom-select">
<label class="ln-select__label" for="form-select-model-select">Option auswählen</label>
<select name="option-select" id="form-select-model-select">
<option value="option-first">Option 1</option>
<option value="option-second">Option 2</option>
<option value="option-third">Option 3</option>
</select>
</div>
<div class="aggregator__information">
<ul>
<li>Kategorie</li>
<li>Frame</li>
<li>Schaltung</li>
<li>Energy</li>
</ul>
<ul>
<li>Road</li>
<li>Aluminium</li>
<li>Shimano GRX Di2</li>
<li>RIDE 50 EVATION</li>
</ul>
</div>
<hr>
<span class="f1">ab <span class="h3">4.999 €</span></span>
<button type="button" class="btn btn-primary btn-block disabled"><span>Verfügbarkeit prüfen</span>
</button>
</div>
</div>
</div>
</div>
</div>