<div class="adbutler-card-wrapper" style="max-width: 1000px;">
    <div data-module="card"
         class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location loaded">
        <a href="[%OfferLink%]" class="card-standard__anchor js-link">
            <div class="card-standard__image-container">
            <figure class="image js-image loaded" data-module="imagelazy">
                <picture class="image__container" style="opacity: 1; visibility: inherit;">
                    <img class="js-image-lazyload js-fallback-image loaded" src="[%ImageURL%]" alt="[%Title%]"/>
                </picture>
            </figure>
            </div>
            <p class="card-standard__offer-badge js-offer-badge">[%OfferBanner%]</p>
            <div class="card-standard__inner">
                <div class="card-standard__details">
                    <p class="card-horizontal__category js-category">[%Eyebrow - Category%]</p>
                    <h3 class="card-standard__title js-title">[%Title%]</h3>
                    <p class="card-standard__subtitle js-subtitle">[%Description%]</p>
                </div>
                <p class="card-standard__location js-location-name">[%Location%]</p>
                <p class="card-standard__offer js-offer">
                    [%Pricefrom%]
                    [%Currency%][%OfferPrice%]
                    [%PriceAppendage%]
                </p>
            </div>
        </a>
    </div>
    <div data-module="card"
         class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location loaded">
        <a href="[%OfferLink%]" class="card-standard__anchor js-link">
            <div class="card-standard__image-container">
            <figure class="image js-image loaded" data-module="imagelazy">
                <picture class="image__container" style="opacity: 1; visibility: inherit;">
                    <img class="js-image-lazyload js-fallback-image loaded" src="[%ImageURL%]" alt="[%Title%]"/>
                </picture>
            </figure>
            </div>
            <p class="card-standard__offer-badge js-offer-badge">[%OfferBanner%]</p>
            <div class="card-standard__inner">
                <div class="card-standard__details">
                    <p class="card-horizontal__category js-category">[%Eyebrow - Category%]</p>
                    <h3 class="card-standard__title js-title">[%Title%]</h3>
                    <p class="card-standard__subtitle js-subtitle">[%Description%]</p>
                </div>
                <p class="card-standard__location js-location-name">[%Location%]</p>
                <p class="card-standard__offer js-offer">
                    [%Pricefrom%]
                    [%Currency%][%OfferPrice%]
                    [%PriceAppendage%]
                </p>
            </div>
        </a>
    </div>
    <div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer loaded">
        <a href="[%OfferLink%]" class="card-horizontal__link js-link">
            <div class="card-horizontal__image js-image">
                <figure class="image js-image loaded" data-module="imagelazy">
                    <picture class="image__container" style="opacity: 1; visibility: inherit;">
                        <img class="js-image-lazyload js-fallback-image loaded" src="[%ImageURL%]" alt="[%Title%]"/>
                    </picture>
                </figure>
                <p class="card-horizontal__offer-badge js-offer-badge">[%OfferBanner%]</p>
            </div>
            <div class="card-horizontal__copy">
                <p class="card-horizontal__category js-category">[%Eyebrow - Category%]</p>
                <h2 class="card-horizontal__title js-title">[%Title%]</h2>
                <p class="card-horizontal__subtitle js-subtitle">[%Description%]</p>
                <p class="card-horizontal__location js-location-name">[%Location%]</p>
                <p class="card-horizontal__offer js-offer">
                    [%Pricefrom%]
                    [%Currency%][%OfferPrice%]
                    [%PriceAppendage%]
                </p>
            </div>
        </a>
    </div>
    <div class="js-adbutler-card card-featured bg-inverted card-featured--offer loaded" data-module="card">
        <a href="[%OfferLink%]" class="card-featured__anchor">
            <figure class="image js-image loaded" data-module="imagelazy">
                <picture class="image__container" style="opacity: 1; visibility: inherit;">
                    <img class="js-image-lazyload js-fallback-image loaded" url="[%ImageURL%]" alt="[%Title%]" />
                </picture>
            </figure>
            <p class="card-featured__offer-badge js-offer-badge">[%OfferBanner%]</p>
            <div class="card-featured__overlay">
                <p class="card-featured__category js-category">[%Eyebrow - Category%]</p>
                <h2 class="card-featured__title">[%Title%]</h2>
                <p class="card-featured__location">[%Location%]</p>
                <p class="card-featured__offer js-offer">
                    [%Pricefrom%]
                    [%Currency%][%OfferPrice%]
                    [%PriceAppendage%]
                </p>
            </div>
        </a>
    </div>
    <div class="search-results-item search-results-item--offer">
        <a class="search-results-item__link" href="[%OfferLink%]">
            <span class="search-results-item__banner-title">[%OfferBanner%]</span>
            <div class="search-results-item__image-wrapper">
                <figure class="image js-image loaded" data-module="imagelazy">
                    <picture class="image__container" style="opacity: 1; visibility: inherit;">
                        <img class="js-image-lazyload js-fallback-image loaded" src="[%ImageURL%]" alt="[%Title%]"/>
                    </picture>
                </figure>
            </div>
            <div class="search-results-item__content">
                <p class="search-results-item__category">[%Eyebrow - Category%]</p>
                <p class="search-results-item__title">[%Title%]</p>
                <p class="search-results-item__subtitle">[%Description%]</p>
                <p class="search-results-item__offer-price">
                    [%Pricefrom%]
                    [%Currency%][%OfferPrice%]
                    [%PriceAppendage%]
                </p>
            </div>
        </a>
    </div>
</div>
<script type="text/javascript">
    if (location.hostname === "tourismireland.orders.adbutler.com") {
        const cards = document.querySelectorAll('.js-adbutler-card');
        cards.forEach((card, index) => {
            if (index > 0) {
                card.style.display = "none";
            }
        });
    }
</script>