{% extends 'base.html.twig' %}{% block page_title %}{{ 'storefront.title'|resolve|striptags }} | Der Ablauf{% endblock %}{% block content %}<div class="container-3xl my-5"><div class="row"><div class="col-12 col-lg-7 col-xl-6"><h1 class="ornament">{{ 'flow.title'|resolve|striptags }}</h1><p>{{ 'flow.description'|resolve }}</p></div><div class="col-12 col-md-8 col-lg-5 col-xl-6 mt-5 mt-sm-0">{% if tenant.config.subImage %}<img class="w-100" src="/images/{{ tenant.config.tenant.uploadDirectory }}/{{ tenant.config.subImage }}">{% endif %}</div></div></div><div class="container-3xl mb-0 my-sm-5"><div class="row"><div class="col-12 col-md-6 mb-5 mb-md-0"><div class="p-3 shadow border-accent"><h4>{{ 'flow.first.title'|resolve }}</h4>{{ 'flow.first.description'|resolve }}<div class="d-inline-flex flex-column"><a href="{{ tenant.config.applyForEhbaLink|default('#') }}" class="linktext text-dark fw-bold">{{ 'flow.first.first.button.title'|resolve }}<i class="fas fa-long-arrow-alt-right"></i></a><a href="{{ tenant.config.orderEhbaLink|default('#') }}" class="linktext text-dark fw-bold">{{ 'flow.first.second.button.title'|resolve }}<i class="fas fa-long-arrow-alt-right"></i></a></div></div></div><div class="col-12 col-md-6 mt-0 mb-5 mb-md-0 mt-md-10"><div class="p-3 shadow border-accent"><h4>{{ 'flow.second.title'|resolve }}</h4>{{ 'flow.second.description'|resolve }}<div class="d-inline-flex flex-column"><a href="{{ tenant.config.applyForSmcbLink|default('#') }}" class="linktext text-dark fw-bold">{{ 'flow.second.first.button.title'|resolve }}<i class="fas fa-long-arrow-alt-right"></i></a><a href="{{ tenant.config.orderSmcbLink|default('#') }}" class="linktext text-dark fw-bold">{{ 'flow.second.second.button.title'|resolve }}<i class="fas fa-long-arrow-alt-right"></i></a></div></div></div><div class="col-12 col-md-6 mt-0 mb-5 mb-md-0 mt-md-n5"><div class="p-3 shadow bg-accent"><h4>{{ 'flow.third.title'|resolve }}</h4>{{ 'flow.third.description'|resolve }}<a href="{{ tenant.categories ? path('categories') : path('products') }}" class="linktext text-dark fw-bold">{{ 'flow.third.first.button.title'|resolve }}<i class="fas fa-long-arrow-alt-right"></i></a></div></div><div class="col-12 col-md-6 mt-0 mb-5 mb-md-0 mt-md-8"><div class="p-3 shadow bg-white border-accent"><h4>{{ 'flow.fourth.title'|resolve }}</h4>{{ 'flow.fourth.description'|resolve }}<a href="{{ tenant.config.checklistLink|default('#') }}" class="linktext text-dark fw-bold">{{ 'flow.fourth.first.button.title'|resolve }}<i class="fas fa-long-arrow-alt-right"></i></a></div></div></div></div><div class="bg-lightgrey"><div class="container-3xl py-5 mt-0 pt-sm-8 mt-sm-n7"><div class="row"><div class="col-12 col-md-6 offset-md-3"><div class="p-3 shadow border-accent bg-white position-relative"><h4>{{ 'flow.fifth.title'|resolve }}</h4>{{ 'flow.fifth.description'|resolve }}<a href="{{ tenant.config.applicationPortalLink|default('#') }}" class="linktext text-dark fw-bold">{{ 'flow.fifth.first.button.title'|resolve }}<i class="fas fa-long-arrow-alt-right"></i></a></div><svg class="d-block mx-auto mt-2" width="10" height="84"><g fill="none" stroke="black" stroke-width="4"><path stroke-dasharray="6,6" d="M5 0 v215 0" /></g></svg><p class="fw-bold text-center mb-0">{{ 'flow.end.description'|resolve }}</p></div></div></div></div>{% endblock %}