<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-7 col-md-9">

            <div class="movu-additional-product-card default moving-boxes-with-logo">
                <div class="movu-additional-product-card-top">
                    <div class="col-xs-12 col-lg-7 no-padding-left no-padding-right">
                        <div class="mapc-top-left">
                            <div class="mapc-description-wrapper">

                                <span class="mapc-subtitle">Stress-free moving</span>

                                <h1 class="mapc-title">Buy moving boxes for CHF 3.– per piece<div class="movu-popup-wrapper"><a><i class="material-icons">info_outline</i></a></div>
                                </h1>

                            </div>

                            <div class="insurance-icon-wrapper">
                                <img src="/public/build/assets/images/icons/box.svg">
                            </div>

                        </div>
                        <p class="mapc-shipping-description">Shipping free within 2 days</p>

                    </div>
                    <div class="col-xs-12 col-lg-5 no-padding-left no-padding-right">
                        <div class="mapc-top-right">
                            <div class="counter-spinner-desktop-wrapper hidden-xs">
                                <p class="amount-title">Amount</p>
                                <movu-counter-spinner steps="1"></movu-counter-spinner>
                                <p class="stock">In stock</p>
                            </div>
                            <div class="counter-spinner-mobile-wrapper visible-xs">
                                <p class="amount-title">Amount</p>
                                <movu-counter-spinner steps="1" small></movu-counter-spinner>
                                <p class="stock">In stock</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="movu-additional-product-card-bottom">
                    <div class="movu-additional-product-card-bottom-flex">

                        <div class="col-xs-12 col-sm-6 col-md-7 no-padding-left no-padding-right">

                            <h1 class="mapc-title price">CHF 105.-</h1>

                            <span class="price-text small"></span>
                        </div>

                        <div class="col-xs-12 col-sm-6 col-md-5 no-padding-left no-padding-right">

                            <movu-button secondary text="Add to cart" custom_class="button-default-size"></movu-button>

                        </div>

                    </div>
                </div>
            </div>

            <div class="movu-additional-product-card-company-section">
                <div class="col-xs-8 col-sm-6 no-padding-left no-padding-right">
                    <span class="company-section-subtitle small">Safe into your new home</span>
                    <h3 class="company-section-title">MOVeasy insurance</h3>
                </div>
                <div class="col-xs-4 col-sm-6 logo-column no-padding-left no-padding-right">
                    <span class="small">Powered by</span><img src="/public/build/assets/images/baloise_desktop.svg">
                </div>
            </div>

            <div class="movu-additional-product-card insurance-with-logo">
                <div class="movu-additional-product-card-top">
                    <div class="col-xs-12 col-lg-7 no-padding-left no-padding-right">
                        <div class="mapc-top-left">
                            <div class="mapc-description-wrapper">

                                <span class="mapc-subtitle">Protect your move</span>

                                <h1 class="mapc-title">All-Risks moving insurance<div class="movu-popup-wrapper"><a><i class="material-icons">info_outline</i></a></div>
                                </h1>

                            </div>

                            <div class="insurance-icon-wrapper">
                                <img src="/public/build/assets/images/all_risk_default.svg">
                            </div>

                        </div>

                    </div>
                    <div class="col-xs-12 col-lg-5 no-padding-left no-padding-right">
                        <div class="mapc-top-right">
                            <div class="flex-desc"><i class="material-icons">done</i><span>Covers all damages to your household at the original purchase value rather than a current value.</span></div>
                            <div class="flex-desc"><i class="material-icons">done</i><span>Prompt payout in the event of a claim no matter who caused it.</span></div>
                        </div>
                    </div>
                </div>
                <div class="movu-additional-product-card-bottom">
                    <div class="movu-additional-product-card-bottom-flex">

                        <div class="col-xs-12 col-sm-6 col-md-7 no-padding-left no-padding-right">

                            <h1 class="mapc-title price">CHF 69.-</h1>

                            <span class="price-text small">Add now and pay separately</span>
                        </div>

                        <div class="col-xs-12 col-sm-6 col-md-5 no-padding-left no-padding-right">

                            <movu-button secondary text="Add to cart" custom_class="button-default-size"></movu-button>

                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-7 col-md-9">
            <div class="movu-additional-product-card closed">
                <div class="movu-additional-product-card-visible-mobile-tablet">
                    <div class="col-xs-12 no-padding-left no-padding-right">
                        <div class="mapc-description-wrapper">

                            <h1 class="mapc-title">Moving boxes</h1>

                            <div class="movu-popup-wrapper"><a><i class="material-icons">info_outline</i></a></div>
                        </div>
                    </div>
                    <div class="col-xs-12 no-padding-left no-padding-right flex-reversed">
                        <div class="col-xs-12 col-lg-6 no-padding-left no-padding-right">
                            <p class="added-to-cart-text">Succesfully added to cart.</p>
                        </div>
                        <div class="col-xs-12 col-lg-6 no-padding-left no-padding-right">
                            <movu-button flat cta text="Show details"></movu-button>
                        </div>
                    </div>
                </div>
                <div class="movu-additional-product-card-visible-desktop">
                    <div class="col-md-7 no-padding-left no-padding-right">

                        <h1 class="mapc-title">Moving boxes</h1>

                        <movu-button flat cta text="Show details"></movu-button>
                    </div>
                    <div class="col-md-5 no-padding-left no-padding-right">
                        <p class="added-to-cart-text">Succesfully added to cart.</p>
                    </div>

                </div>
            </div>
            <div class="movu-additional-product-card closed">
                <div class="movu-additional-product-card-visible-mobile-tablet">
                    <div class="col-xs-12 no-padding-left no-padding-right">
                        <div class="mapc-description-wrapper">

                            <h1 class="mapc-title">All-Risks moving insurance</h1>

                            <div class="movu-popup-wrapper"><a><i class="material-icons">info_outline</i></a></div>
                        </div>
                    </div>
                    <div class="col-xs-12 no-padding-left no-padding-right flex-reversed">
                        <div class="col-xs-12 col-lg-6 no-padding-left no-padding-right">
                            <p class="added-to-cart-text">Succesfully added to cart.</p>
                        </div>
                        <div class="col-xs-12 col-lg-6 no-padding-left no-padding-right">
                            <movu-button flat cta text="Show details"></movu-button>
                        </div>
                    </div>
                </div>
                <div class="movu-additional-product-card-visible-desktop">
                    <div class="col-md-7 no-padding-left no-padding-right">

                        <h1 class="mapc-title">All-Risks moving insurance</h1>

                        <movu-button flat cta text="Show details"></movu-button>
                    </div>
                    <div class="col-md-5 no-padding-left no-padding-right">
                        <p class="added-to-cart-text">Succesfully added to cart.</p>
                    </div>

                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-7 col-md-9">

            <div class="movu-additional-product-card default added moving-boxes-with-logo">
                <div class="movu-additional-product-card-top">
                    <div class="col-xs-12 col-lg-7 no-padding-left no-padding-right">
                        <div class="mapc-top-left">
                            <div class="mapc-description-wrapper">

                                <span class="mapc-subtitle">Stress-free moving</span>

                                <h1 class="mapc-title">Buy moving boxes for CHF 3.– per piece<div class="movu-popup-wrapper"><a><i class="material-icons">info_outline</i></a></div>
                                </h1>

                            </div>

                            <div class="insurance-icon-wrapper">
                                <img src="/public/build/assets/images/icons/box.svg">
                            </div>

                        </div>
                        <p class="mapc-shipping-description">Shipping free within 2 days</p>

                        <movu-button flat cta text="Hide details" custom_class="hidden-xs hidden-sm hidden-md"></movu-button>

                    </div>
                    <div class="col-xs-12 col-lg-5 no-padding-left no-padding-right">
                        <div class="mapc-top-right">

                        </div>
                    </div>
                </div>
                <div class="movu-additional-product-card-bottom">
                    <div class="movu-additional-product-card-bottom-flex">

                        <div class="col-xs-12 col-lg-7 no-padding-left no-padding-right flex-col">

                            <h1 class="mapc-title price">CHF 105.-</h1>

                            <span class="price-text small">35 pieces</span>
                        </div>

                        <div class="col-xs-12 col-lg-5 no-padding-left no-padding-right">

                            <p class="added-to-cart-text">Succesfully added to cart</p>

                        </div>

                        <div class="col-xs-12 visible-xs visible-sm visible-md">
                            <movu-button flat cta text="Hide details"></movu-button>
                        </div>

                    </div>
                </div>
            </div>

            <div class="movu-additional-product-card-company-section">
                <div class="col-xs-8 col-sm-6 no-padding-left no-padding-right">
                    <span class="company-section-subtitle small">Safe into your new home</span>
                    <h3 class="company-section-title">MOVeasy insurance</h3>
                </div>
                <div class="col-xs-4 col-sm-6 logo-column no-padding-left no-padding-right">
                    <span class="small">Powered by</span><img src="/public/build/assets/images/baloise_desktop.svg">
                </div>
            </div>

            <div class="movu-additional-product-card insurance-with-logo added">
                <div class="movu-additional-product-card-top">
                    <div class="col-xs-12 col-lg-7 no-padding-left no-padding-right">
                        <div class="mapc-top-left">
                            <div class="mapc-description-wrapper">

                                <span class="mapc-subtitle">Protect your move</span>

                                <h1 class="mapc-title">All-Risks moving insurance<div class="movu-popup-wrapper"><a><i class="material-icons">info_outline</i></a></div>
                                </h1>

                            </div>

                            <div class="insurance-icon-wrapper">
                                <img src="/public/build/assets/images/all_risk_default.svg">
                            </div>

                        </div>

                        <movu-button flat cta text="Hide details" custom_class="hidden-xs hidden-sm hidden-md"></movu-button>

                    </div>
                    <div class="col-xs-12 col-lg-5 no-padding-left no-padding-right">
                        <div class="mapc-top-right">
                            <div class="flex-desc"><i class="material-icons">done</i><span>Covers all damages to your household at the original purchase value rather than a current value.</span></div>
                            <div class="flex-desc"><i class="material-icons">done</i><span>Prompt payout in the event of a claim no matter who caused it.</span></div>
                        </div>
                    </div>
                </div>
                <div class="movu-additional-product-card-bottom">
                    <div class="movu-additional-product-card-bottom-flex">

                        <div class="col-xs-12 col-lg-7 no-padding-left no-padding-right flex-col">

                            <h1 class="mapc-title price">CHF 69.-</h1>

                            <span class="price-text small">paid separately</span>
                        </div>

                        <div class="col-xs-12 col-lg-5 no-padding-left no-padding-right">

                            <p class="added-to-cart-text">Succesfully added to cart</p>

                        </div>

                        <div class="col-xs-12 visible-xs visible-sm visible-md">
                            <movu-button flat cta text="Hide details"></movu-button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-xs-12 col-sm-7 col-md-9">
      {% render '@additional-product-card' %}
      {% render '@additional-product-card--all-risk-moveasy-insurance' %}
    </div>
    <div class="col-xs-12 col-sm-7 col-md-9">
      {% render '@additional-product-card-closed' %}
      {% render '@additional-product-card-closed--all-risk-moveasy-insurance' %}
    </div>
    <div class="col-xs-12 col-sm-7 col-md-9">
      {% render '@additional-product-card--added-default' %}
      {% render '@additional-product-card--added-all-risk-moveasy-insurance' %}
    </div>
  </div>
</div>
/* No context defined. */

No notes defined.