{% set howto = customer.contentHowTo %}
{% if howto.active == 1 %}
<section id="how-it-works" class="rts-player-static {{ howto.backgroundColor }}" {% if howto.backgroundImage.id is defined %}style="background-image: url('{{ howto.backgroundImage.src }}')"{% endif %}>
<div class="container">
<div class="rts-player-static baseball nfl">
<div class="row">
<div class="col-md-4">
<div class="p-5 bg-white h-100">
<div class="how-it-works-icon icon text-center {{ howto.iconColor }}" style="height: 175px;">
{% if howto.howToIcon1.id is defined %}
<i class="align-middle {{ howto.howToIcon1.css }}"></i>
{% endif %}
</div>
<div class="content">
<h3 class="heading pb-3">1. Schritt</h3>
{{ howto.howToText1|raw }}
</div>
</div>
</div>
<div class="col-md-4">
<div class="p-5 bg-white h-100">
<div class="how-it-works-icon icon text-center {{ howto.iconColor }}" style="height: 175px;">
{% if howto.howToIcon2.id is defined %}
<i class="align-middle {{ howto.howToIcon2.css }}"></i>
{% endif %}
</div>
<div class="content">
<h3 class="heading pb-3">2. Schritt</h3>
{{ howto.howToText2|raw }}
</div>
</div>
</div>
<div class="col-md-4">
<div class="p-5 bg-white h-100">
<div class="how-it-works-icon icon text-center {{ howto.iconColor }}" style="height: 175px;">
{% if howto.howToIcon3.id is defined %}
<i class="align-middle {{ howto.howToIcon3.css }}"></i>
{% endif %}
</div>
<div class="content">
<h3 class="heading pb-3">3. Schritt</h3>
{{ howto.howToText3|raw }}
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endif %}