<div class="bg-lightpink cta-magazin">
    <div class="container space-py-md mobile-space-py-xl">
        <div class="row">
            <div class="col-xl-6 col-lg-7 d-flex align-items-center order-2 order-lg-1">
                <div class="w-100 text-center text-lg-start">
                    <h2 class="headline medium mb-3">Magazin abonnieren.</h2>
                    <p class="txt-big mb-0">
                        <nobr>4 Ausgaben pro Jahr</nobr> · <nobr>39 Euro</nobr> · <nobr>Print & Digital</nobr>
                    </p>
                    <a href="<?= $_con->getLink(["magazine", "subscribe"]); ?>" class="btn lg btn-primary magazin ico right mt-3">Abo sichern<span class="icon"></span></a>
                </div>
            </div>
            <div class="col-xl-6 col-lg-5 order-1 order-lg-2 d-flex justify-content-center d-lg-block mb-4 mb-lg-0"> 
                <picture>
                  <source
                    media="(min-width: 992px)"
                    srcset="<?= $_con->getLink(["assets", "images", "magazin.webp"]);?>"
                  >
                  <img
                    src="<?= $_con->getLink(["assets", "images", "magazin-M.webp"]);?>"
                    alt="Das 2bgood-Magazin"
                    width="740"
                    height="361"
                    class="cta-magazin-img h-auto"
                    loading="lazy"
                  >
                </picture>
              
            </div>
        </div>
    </div>
</div>