{% extends 'base.html.twig' %}
{% block body_classes %}page-front{% endblock %}
{% block body %}
<div class="home-page page-wrapper">
<section class="intro intro-new width-default intro-video-bg">
{% if browser == 'safari' %}
<iframe id="mobile_video_main2" class="video-bg video-bg__frame" src="https://player.vimeo.com/video/557124388" width="100%" height="100vh" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
{% else %}
<video id="bg_video" autoplay muted loop playsinline class="video-bg">
<source src="{{ asset('build/images/mc/mcx_homepage.mp4') }}" type="video/mp4">
</video>
{% endif %}
<div class="intro__content">
<h1 class="page-title page-title__mobile-video">
{% if browser == 'safari' %}
<a href="#" class="page-title__link js-muted__safari">
<i class="fas fa-play"></i> TRAILER ANSEHEN
</a>
{% else %}
<a href="#" class="page-title__link js-muted">
<i class="fas fa-play"></i> TRAILER ANSEHEN
</a>
{% endif %}
</h1>
<div class="intro-mobile__video">
{# <div class="intro-mobile__video-title">#}
{# Discover your inside#}
{# </div>#}
{# <a href="#" class="intro-mobile__video-mute js-mobile-unmute">#}
{# <i class="fas fa-volume-up"></i>#}
{# </a>#}
{# <img id="mobile_video_main" class="video-trailer__mobile" src="{{ asset('build/images/mc/mcx_bg.gif') }}" alt="">#}
<iframe id="mobile_video_main" class="video-trailer__mobile" src="https://player.vimeo.com/video/557124388" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
{# <video id="mobile_video_main" class="video-trailer__mobile"> #}{# autoplay playsinline muted loop #}
{# <source src="{{ asset('build/images/mc/mcx_homepage.mp4') }}" type="video/mp4">#}
{# </video>#}
</div>
<div class="bottom-info">
<div class="bottom-info__header">
<h2 class="title center">IHR ONLINE-KURS RUND ZUR FINANZIELLEN FREIHEIT</h2>
<div class="block-title__delimiter"></div>
<p>
Lernen Sie Schirtt-für-Schritt alles über Geld, Bonität <br class="br-desktop">
und Ihre Finanzplanung mit der bewährte masterClassX Strategie
</p>
</div>
<div class="bottom-info__btns btn-group">
{# <a class="btn btn_red btn_red2" href="{{ path('classes') }}">Masterclass</a>#}
<a class="btn btn_red btn_red2 js-goto-form-section" href="#">zur bestellung</a>
{# <a class="btn" href="{{ path('live-private-lessons') }}">Live Lessons</a>#}
</div>
</div>
</div>
</section>
<section class="practiсing dark-section">
<h2 class="yoga-info__title yoga-info__title-lower yoga-info__title_full">masterClassX | Ihr Online-Lehrgang zum Thema finanzielle Freiheit und Liquidität</h2>
<div class="block-title__delimiter"></div>
<div class="width-default">
<div class="practice-container">
<div class="practice-container__text">
<p>
Schon als Kind sagte man zu uns: Man lernt im Leben nie aus! Aber nun einmal bitte Hand auf’s Herz: Hat Ihnen jemand in der Schule beigebracht, wie Sie Ihre Liquidität, Ihre Ein- und Ausgaben und Ihre finanziellen Angelegenheiten richtig angehen?
</p>
<p>
Genau das ist unser Anspruch beim masterClassX Online-Lehrgang: Auf informative aber unterhaltsame Weise sollen Sie in einer Schritt-für-Schritt-Anleitung online lernen, wie Sie in der heutigen Zeit und mit all den neuen technischen Möglichkeiten finanziell das Meiste für sich herausholen können.
</p>
<p>
Sie erhalten im Mitgliederbereich des masterClassX-Kurses Zugriff auf unzählige informative Online-Videos, nützliche Leitfäden und vielfach bewährte Strategien.
</p>
</div>
<div class="practice-container__row">
<div class="practice-container__item">
<p>
Für wen ist dieser Online-Kurs NICHT geeignet?
</p>
<div class="practice-container__item-row">
<div class="practice-container__item-img practice-container__item-img_red">
<i class="fas fa-times"></i>
</div>
<div class="practice-container__item-text">
Sie wollen sich selbst und Ihre Herangehensweise nicht verändern?
</div>
</div>
<div class="practice-container__item-row">
<div class="practice-container__item-img practice-container__item-img_red">
<i class="fas fa-times"></i>
</div>
<div class="practice-container__item-text">
Sie wollen nicht weiter dazulernen?
</div>
</div>
<div class="practice-container__item-row">
<div class="practice-container__item-img practice-container__item-img_red">
<i class="fas fa-times"></i>
</div>
<div class="practice-container__item-text">
Sie denken, dass Sie auf Knopfdruck einfach so Geld bekommen?
</div>
</div>
<div class="practice-container__item-row practice-container__item-row_mb15">
<div class="practice-container__item-img practice-container__item-img_red">
<i class="fas fa-times"></i>
</div>
<div class="practice-container__item-text">
Es ist für Sie okay dauerhaft “auf Pump” zu leben?
</div>
</div>
<p>
Trifft einer oder mehrere Punkte auf Sie zu, dann ist der Online-Kurs masterclassX NICHT für die geeignet!
</p>
</div>
<div class="practice-container__item">
<p>
Wenn Sie aber…
</p>
<div class="practice-container__item-row">
<div class="practice-container__item-img">
<i class="fas fa-check"></i>
</div>
<div class="practice-container__item-text">
Bereit sind Schritt-für-Schritt für Ihre finanzielle Unabhängigkeit zu lernen und sich weiterzuentwickeln…
</div>
</div>
<div class="practice-container__item-row">
<div class="practice-container__item-img">
<i class="fas fa-check"></i>
</div>
<div class="practice-container__item-text">
Lernen möchten, wie Sie eine kurzfristige finanzielle Durststrecke überbrücken können…
</div>
</div>
<div class="practice-container__item-row">
<div class="practice-container__item-img">
<i class="fas fa-check"></i>
</div>
<div class="practice-container__item-text">
Erlernen möchten wie Sie Herr(in)Ihrer finanziellen Angelegenheiten werden…
</div>
</div>
<div class="practice-container__item-row practice-container__item-row_mb15">
<div class="practice-container__item-img">
<i class="fas fa-check"></i>
</div>
<div class="practice-container__item-text">
Lernen möchten, wie aus Soll endlich Haben wird…
</div>
</div>
<p>
… dann sind Sie im Online-Lehrgang der masterClassX genau richtig!
</p>
</div>
</div>
</div>
</div>
{# <div class="yoga-info width-default">#}
{# <div class="yoga-info__left yoga-info__left_main">#}
{# <div class="read-more-block">#}
{# #}
{# #}
{# </div>#}
{# <div class="btn-wrapper">#}
{# <a class="read-more-btn" href="#">Erfahre mehr</a>#}
{# </div>#}
{# </div>#}
{# <div class="yoga-info__right">#}
{# <img src="{{ asset('build/images/mc/mcx_people.png') }}" alt="img">#}
{# </div>#}
{# </div>#}
</section>
<section class="masterclass width-default">
<h2 class="masterclass__title block-title">Das erwartet Sie im Online-Kurs masterClassX:</h2>
<div class="yoga-lessons-wrapper">
<a href="#" class="slider-prev"><i class="fas fa-chevron-circle-left"></i></a>
<a href="#" class="slider-next"><i class="fas fa-chevron-circle-right"></i></a>
<div class="yoga-lessons yoga-lessons__main yoga-lessons__slick">
{% for courseItem in courseList %}
<div class="yoga-lessons__item {% if courseItem.availableAt|date('U') > "now"|date('U') %}not-available{% endif %}">
<div class="inner">
<h3 class="title">{{ courseItem.title|raw }} <span class="time">({{ courseItem.duration }})</span> </h3>
<div class="video-wrapper">
<div class="lesson-number">{{ loop.index }}</div>
<div class="classes-item__overlay">
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<a href="{{ path('single-class', {'slug': courseItem.id}) }}" class="">
Erfahre mehr
</a>
{% else %}
<a href="#" class="js-goto-form-section-popup">
Erfahre mehr
</a>
{% endif %}
</div>
<div class="lesson-lock-info">
<img class="lock" src="{{ asset('build/images/lock-icon.svg') }}" alt="lock">
<div class="details">
<h4>"Coming soon".</h4>
<p>Will be available {{ courseItem.availableAt|date('d.m.Y') }}</p>
</div>
</div>
<img class="thumbnail" src="{{ courseItem.previewPicture }}" alt="img">
</div>
<div class="info">
<p class="info__text">
{# {{ courseItem.description|slice(0, 95) ~ '...' }}#}
{{ courseItem.description }}
</p>
{# {% if courseItem.availableAt|date('U') <= "now"|date('U') %}#}
{# <a class="info__btn btn btn_red" href="{{ path('single-class', {'slug': courseItem.id}) }}">#}
{# {% if courseItem.id in boughtCourses %}#}
{# Start Practice#}
{# {% else %}#}
{# erfahre mehr#}
{# {% endif %}#}
{# </a>#}
{# {% endif %}#}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
<section class="compatibility dark-section">
<div class="compatibility__inner width-default">
<h2 class="center title">Für alle deine geräte und jeden anlass</h2>
<div class="compatibility__left">
<ul>
<li>HANDY & TABLET </li>
<li>COMPUTER</li>
<li>TV</li>
</ul>
</div>
<div class="compatibility__right">
<img src="{{ asset('build/images/mc/mc_devices.png') }}" alt="devices">
</div>
</div>
</section>
<section class="customers-reply order-form__section width-default" id="js_form_section">
<h2 class="title">JETZT masterClassX bestellen</h2>
<div class="block-title__delimiter"></div>
<div class="customers-reply__inner">
<div class="mcx-form__grid">
<div class="mcx-grid__form">
<div class="mcx-form__title">
Jetzt masterClassX zum Willkommenspreis kaufen!
</div>
<div class="mcx-form__note">
<b>Ja</b>, ich will die unschlagbaren Leistungen des masterClassX Online-Kurs jetzt zahlungspflichtig bestellen:
</div>
<form id="mcxOrderForm" class="mcx-order__form js-mcx-order-form">
<div class="formx-row">
<div class="formx-container formx-container__half formx-container__gender">
<div class="formx-container__gender_error">
Pflichtfeld.
</div>
<div class="formx-container__gender-item">
<input type="radio" name="gender" id="male" value="male" {% if sessionParams['gender'] is defined and sessionParams['gender'] == 'male' %}checked{% endif %}>
<label for="male">Herr</label>
</div>
<div class="formx-container__gender-item">
<input type="radio" name="gender" id="female" value="female" {% if sessionParams['gender'] is defined and sessionParams['gender'] == 'female' %}checked{% endif %}>
<label for="female">Frau</label>
</div>
</div>
<div class="formx-container formx-container__half">
<label for="birth_date_form">Geburtsdatum</label>
<input type="text" id="birth_date_form" name="birth_date_form">
</div>
</div>
<div class="formx-row">
<div class="formx-container formx-container__half">
<label for="firstname">Vorname</label>
<input type="text" id="firstname" name="firstname" value="{{ sessionParams['firstname']|default }}">
</div>
<div class="formx-container formx-container__half">
<label for="lastname">Nachname</label>
<input type="text" id="lastname" name="lastname" value="{{ sessionParams['lastname']|default }}">
</div>
</div>
<div class="formx-row">
<div class="formx-container formx-container__half">
<label for="email_form">E-Mail</label>
<input type="email" id="email_form" name="email_form" value="{{ sessionParams['email']|default }}">
</div>
<div class="formx-container formx-container__half">
<label for="phone">Handynummer</label>
<input type="tel" id="phone" name="phone" value="{{ sessionParams['handynr']|default }}">
</div>
</div>
<div class="formx-row">
<div class="formx-container formx-container__lg">
<label for="street">Straße</label>
<input type="text" id="street" name="street" value="{{ sessionParams['strasse']|default }}">
</div>
<div class="formx-container formx-container__sm">
<label for="house_nr">Hausnummer</label>
<input type="text" id="house_nr" name="house_nr" value="{{ sessionParams['hause']|default }}">
</div>
</div>
<div class="formx-row">
<div class="formx-container formx-container__sm">
<label for="zip">PLZ</label>
<input type="text" id="zip" name="zip" value="{{ sessionParams['plz']|default }}">
</div>
<div class="formx-container formx-container__lg">
<label for="city">Stadt</label>
<input type="text" id="city" name="city" value="{{ sessionParams['ort']|default }}">
</div>
</div>
<div class="formx-note">
Hier sind jetzt die Details zur Mitgliedschaft
</div>
<div class="formx-row">
<div class="formx-container formx-container__half">
<label for="period">Laufzeit</label>
<input type="text" id="period" name="period" value="lebenslang" disabled>
</div>
<div class="formx-container formx-container__half">
<label for="paymentMethod">Zahlungsart</label>
<input type="text" id="paymentMethod" name="paymentMethod" value="bequem per Rechnung" disabled>
</div>
</div>
<div class="formx-row">
<div class="formx-container formx-container__half">
<label for="renew">Verlängerung</label>
<input type="text" id="renew" name="renew" value="nicht erforderlich, kein Abo" disabled>
</div>
<div class="formx-container formx-container__half">
<label for="invoice">Rechnungsstellung</label>
<input type="text" id="invoice" name="invoice" value="15 Tage nach der Bestellung" disabled>
</div>
</div>
<div class="formx-row">
<div class="formx-container formx-container__half">
<label for="term">Zahlungsziel</label>
<input type="text" id="term" name="term" value="14 Tage" disabled>
</div>
<div class="formx-container formx-container__half">
<label for="price">Kosten</label>
<div class="fake-input"><b>394,00€</b> (Einmalig)</div>
{# <input type="text" id="price" name="price" value="394,00€ (Einmalig)" disabled>#}
</div>
</div>
<div class="formx-btn">
<a href="#" class="btn js-signup-submit" data-url="{{ path('api_signup') }}">
Jetzt kostenpflichtig kaufen
</a>
</div>
<input type="hidden" name="referrer" id="referrer" value="{{ sessionParams['a_aid']|default }}">
<input type="hidden" name="utm_source" value="{{ sessionParams['utm_source']|default }}">
<input type="hidden" name="utm_campaign" value="{{ sessionParams['utm_campaign']|default }}">
<input type="hidden" name="utm_content" value="{{ sessionParams['utm_content']|default }}">
<input type="hidden" name="utm_keyword" value="{{ sessionParams['utm_keyword']|default }}">
<input type="hidden" name="is_confirmed" value="0">
</form>
</div>
<div class="mcx-grid__legal">
{% include 'main/parts/form.legal.html.twig' %}
</div>
</div>
<div class="formx-checkbox">
<div class="invoice-agreement">
<input class="checkbox" type="checkbox" id="checkbox1">
<label for="checkbox1">Ich möchte direkt Zugang zum Mitgliederbereich und stimme zu, dass masterClassX bereits vor Ablauf der Widerrufsfrist mit der Durchführung des Vertrags beginnt. Ich bin mir bewusst, dass masterClassX mit sofortiger Gewährung des Zugangs zum Mitgliederbereich seine Leistung vollständig erbracht hat und mein Widerrufsrecht erlischt.</label>
</div>
<div class="formx-checkbox__error formx-checkbox__error1">
Pflichtfeld.
</div>
</div>
<div class="formx-checkbox">
<div class="invoice-agreement">
<input class="checkbox" type="checkbox" id="checkbox2">
<label for="checkbox2">Die <a target="_blank" href="{{ path('pdf_leistungsbeschreibung') }}">Leistungen & Gebühren</a>, die <a target="_blank" href="{{ path('pdf_agb') }}">AGB</a>, sowie die <a target="_blank" href="{{ path('pdf_widerrufsbelehrung') }}">Widerrufsbelehrung</a> habe ich zur Kenntnis genommen und zur Abwicklung des Vertrages willige ich in die <a target="_blank" href="{{ path('pdf_datenschutz') }}">Datenschutzerklärung</a> ein.</label>
</div>
<div class="formx-checkbox__error formx-checkbox__error2">
Pflichtfeld.
</div>
</div>
<div class="formx-order__btn2">
<a href="#" class="btn js-formx__sumbit">Jetzt kostenpflichtig kaufen</a>
</div>
</div>
</section>
<section class="customers-reply width-default">
<h2 class="title">Was unsere kunden sagen</h2>
<div class="block-title__delimiter"></div>
<div class="customers-reply__inner customers-reply__inner_clear">
<div class="customers-reply__list slick-slider">
<div class="list-item slick-slide">
<div class="inner">
<div class="customer-info">
<div class="customer-info__photo">
<img src="{{ asset('build/images/mc/feedback_1.png') }}" alt="" class="photo">
</div>
<div class="customer-info__details">
<h4>Lars Hansen, 35</h4>
<span>LKW-Fahrer aus Kiel</span>
</div>
</div>
<p class="reply">
Als Brummi-Fahrer habe ich immer wieder unerwartet Ausgaben und wenig Zeit mich um meine Finanzen zu kümmern. Dank dem Kurs von MasterClassX konnte ich aber schon in wenigen Tagen Strategien erlernen, wie ich auch in schwierigen Zeiten einfach und zügig finanziell vorankomme.
</p>
</div>
</div>
<div class="list-item slick-slide">
<div class="inner">
<div class="customer-info">
<div class="customer-info__photo">
<img src="{{ asset('build/images/mc/feedback_2.png') }}" alt="" class="photo">
</div>
<div class="customer-info__details">
<h4>Ingrid Kreitmayr, 42</h4>
<span>aus Bad Tölz</span>
</div>
</div>
<p class="reply">
Bei uns hat sich immer mein Ex-Mann um das finanzielle gekümmert. Nach der Scheidung bin ich nicht nur finanziell in Schieflage geraten, Nein: Ich hatte auch überhaupt keine Ahnung von Finanzen. Am Anfang war ich skeptisch, aber die Kurse in der MasterClassX sind wirklich gut strukturiert und kinderleicht zu verstehen. Ich bin jetzt sicher noch kein Finanz-Experte, aber ich weiß nun zumindest ganz genau wie das System funktioniert und man davon profitieren kann.
</p>
</div>
</div>
<div class="list-item slick-slide">
<div class="inner">
<div class="customer-info">
<div class="customer-info__photo">
<img src="{{ asset('build/images/mc/feedback_3.png') }}" alt="" class="photo">
</div>
<div class="customer-info__details">
<h4>Süleyman Özdemir, 32</h4>
<span>aus Berlin</span>
</div>
</div>
<p class="reply">
Mein Problem war immer Bonität. Egal wo du hinkommst, es wird immer nach Bonität gefragt. Das ist nicht fair!!! Aber mit diesem Kurs kann man schnell lernen wie das in Deutschland funktioniert und was man selber machen auch kann. MasterClass ist insgesamt sehr gut, auch wenn manche Videos echt zu lange sind. Vielleicht noch Untertitel auf Türkisch oder Arabisch?
</p>
</div>
</div>
<div class="list-item slick-slide">
<div class="inner">
<div class="customer-info">
<div class="customer-info__photo">
<img src="{{ asset('build/images/mc/feedback_4.png') }}" alt="" class="photo">
</div>
<div class="customer-info__details">
<h4>Peter Hammerschmidt, 63</h4>
<span>aus Bochum</span>
</div>
</div>
<p class="reply">
Insgesamt finde ich die Kurse der MasterClass sehr ansprechend. Informativ und mit einer unterhaltsamen Balance aus Fachwissen und lebensnahen Erzählungen. Gerade in meinem Alter ist es wichtig auch bei finanziellen Themen Am-Ball-zu-bleiben. Noch mehr Informationen zu Fintechs und Coins wären hilfreich. 4 von 5 Sternen.
</p>
</div>
</div>
<div class="list-item slick-slide">
<div class="inner">
<div class="customer-info">
<div class="customer-info__photo">
<img src="{{ asset('build/images/mc/feedback_5.png') }}" alt="" class="photo">
</div>
<div class="customer-info__details">
<h4>Ulla und Rolf Wolosz</h4>
<span>aus Bad Bentheim</span>
</div>
</div>
<p class="reply">
Wir hatten genug davon, dass andere Leute uns sagen was uns zusteht und was nicht! Die Bürger werden bewusst für dumm verkauft, damit die Reichen noch reicher werden. Aber wir wissen: Wissen ist Macht! In der Schule oder in der Zeitung lernt man nicht wie das Finanz-System WIRKLICH funktioniert. Dieser Kurs traut sich den Leuten das beizubringen, was sie wirklich im Leben brauchen: Lernen der finanziellen Selbsthilfe! Hochachtungsvoll Fam. Wolosz
</p>
</div>
</div>
<div class="list-item slick-slide">
<div class="inner">
<div class="customer-info">
<div class="customer-info__photo">
<img src="{{ asset('build/images/mc/feedback_6.png') }}" alt="" class="photo">
</div>
<div class="customer-info__details">
<h4>Björn Beutelmann, 24</h4>
<span>Zugbegleiter aus Hanau</span>
</div>
</div>
<p class="reply">
Berufsbedingt habe ich keine Zeit eine Uni oder FH zu besuchen. Aber das Thema Finanzen und Bonität ist für mich sehr spannend. Die MasterClassX bietet neben den vielen Videos auch wirklich absolutes Insider-Wissen. Zumindest habe ich etwas vergleichbares noch nicht gefunden. Auch Klasse: Alle Inhalte lassen sich mobil auf dem Smartphone abrufen.
</p>
</div>
</div>
</div>
</div>
</section>
{# <section class="subscribe dark-section">#}
{# <div class="subscribe__inner width-default">#}
{# <div class="contact-form">#}
{# <div class="contact-form__header">#}
{# <h2 class="block-title">NEWSLETTER ABONNIEREN</h2>#}
{# <p>Das Leben ist zu kurz für langweilige E-Mails! <br>Abonniere jetzt unsere besten Angebote & vieles mehr!</p>#}
{# </div>#}
{# <form action="#" class="js-contact-form">#}
{# <div class="contact-form__container">#}
{# <label> Deine E-Mail:#}
{# <input class="contact-input" id="email_contact" name="email_contact" type="text" placeholder="Deine E-Mail">#}
{# </label>#}
{# </div>#}
{# <div class="contact-form__btn">#}
{# <a href="#" class="btn subscribe-btn js-contact-send" data-url="{{ path('api_prospective_registration') }}">ABONNIEREN</a>#}
{# </div>#}
{# </form>#}
{# </div>#}
{# </div>#}
{# </section>#}
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('exit-popup') }}
{% endblock %}