Dynamic Max-width (for responsive)

Requires

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="https://amex.up.insights.amex.cntflt.dev/js/kk-main.js?v=2"></script>
<script src="https://amex.up.insights.amex.cntflt.dev/js/cta-aktion.js?v=2"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">

JS File

<script src="http://url-patronus.up.insights.amex.cntflt.dev/js/amex_v3c.js"></script>

Select Preview

• <div id="amex-product-detail-head-batunet" class="js-type-Platinum" ></div>
• <div id="amex-product-detail-head-batunet" class="js-type-Gold-Metall" ></div>
• <div id="amex-product-detail-head-batunet" class="js-type-Rosé-Gold" ></div>
• <div id="amex-product-detail-head-batunet" class="js-type-B2B-Gold" ></div>
• <div id="amex-product-detail-head-batunet" class="js-type-B2B-Platinum" ></div>
• <div id="amex-product-detail-head-batunet" class="js-type-AXA-Partners-Reisekomplettschutz" ></div>
• <div id="amex-product-detail-head-batunet" class="js-type-AXA-Partners-Reiserücktrittversicherung" ></div>
• <div id="amex-product-detail-head-batunet" class="js-type-AXA-Partners-Auslandskrankenversicherung" ></div>
• <div id="amex-product-detail-head-batunet" class="js-type-Assurant-Handyversicherung" ></div>
• <div id="amex-product-detail-head-batunet" class="js-type-AXA-Partners-Ticketversicherung" ></div>
• <div id="amex-product-detail-head-batunet" class="js-type-Mehrwerk-Nord-Taschenversicherung" ></div>
• <div id="amex-product-detail-head-batunet" class="js-type-Blue" ></div>
• <div id="amex-product-detail-head-batunet" class="js-type-Payback" ></div>

Examples