templates/pages/midwifeteam-account.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block content %}
  4.     {% if webspaceSettings is defined %}
  5.         {{ include('@components/sub-navigation.html.twig') }}
  6.     {% endif %}
  7.     {{ include('@components/image-text-section.html.twig', {
  8.         image: content.teaserImage.url,
  9.         text: content.teaserText|raw,
  10.         order: {
  11.             text: '1',
  12.             image: '2'
  13.         },
  14.     }) }}
  15.     <div class="container my-5">
  16.         <div class="row gy-5 g-sm-5">
  17.             {% for icon in content.iconDetails %}
  18.                 <div class="col-12 col-sm-6 col-lg">
  19.                     {{ include('@components/icon-text.html.twig', {
  20.                         icon: icon.iconImage.url,
  21.                         text: icon.iconText
  22.                     }) }}
  23.                 </div>
  24.             {% endfor %}
  25.         </div>
  26.     </div>
  27.     {{ include('@components/text-without-image.html.twig', {
  28.         text: content.textWithoutImage|raw,
  29.         link: {
  30.             text: content.textWithoutImageTextUrl,
  31.             link: content.textWithoutImageUrl
  32.         },
  33.         fullWidth: true
  34.     }) }}
  35.     <div class="container mt-5">
  36.         <div class="row">
  37.             <div class="col-12">
  38.                 {{ content.onlyText|raw }}
  39.             </div>
  40.         </div>
  41.     </div>
  42.     {{ include('@components/image-text-section.html.twig', {
  43.         image: content.teaserImage1.url|default('/website/images/placeholder-image.png'),
  44.         text: content.teaserText1,
  45.         order: {
  46.             text: '1',
  47.             image: '2'
  48.         },
  49.         link: {
  50.             text: content.teaserUrlTitle1,
  51.             link: content.teaserUrl1,
  52.         }
  53.     }) }}
  54.     {{ include('@components/text-without-image.html.twig', {
  55.         text: content.textWithoutImage1|raw,
  56.         textPosition: 'end',
  57.         link: {
  58.             text: content.textWithoutImageTextUrl1,
  59.             link: content.textWithoutImageUrl1
  60.         },
  61.         fullWidth: true
  62.     }) }}
  63.     {{ include('@components/text-without-image-page-selection-as-link.html.twig', {
  64.         text: content.textWithoutImage2|raw,
  65.         textPosition: 'end',
  66.         link: {
  67.             text: content.textWithoutImageTextUrl2,
  68.             link: content.textWithoutImageUrl2,
  69.             anchor: content.textWithoutImageAnchor
  70.         },
  71.         fullWidth: true
  72.     }) }}
  74.     {# AZH QM Belegsystem, Bild links und Text rechts #}
  75.     {{ include('@components/image-text-section.html.twig', {
  76.         image: content.teaserImage5.url|default('/website/images/placeholder-image.png'),
  77.         text: content.teaserText5,
  78.         order: {
  79.             text: '2',
  80.             image: '1'
  81.         },
  82.         link: {
  83.             text: content.teaserUrlTitle5,
  84.             link: content.teaserUrl5,
  85.         }
  86.     }) }}
  87.     {# AZH QM Belegsystem Ende #}
  88.     {# AZH QM Teams, ohne Bild #}
  89.     {{ include('@components/text-without-image.html.twig', {
  90.         text: content.textWithoutImage3|raw,
  91.         textPosition: 'end',
  92.         fullWidth: true
  93.     }) }}
  94.     {# AZH QM Teams Ende #}
  95.     {{ include('@components/image-text-section.html.twig', {
  96.         image: content.teaserImage2.url|default('/website/images/placeholder-image.png'),
  97.         text: content.teaserText2,
  98.         order: {
  99.             text: '1',
  100.             image: '2'
  101.         },
  102.         link: {
  103.             text: content.teaserUrlTitle2,
  104.             link: content.teaserUrl2,
  105.         }
  106.     }) }}
  107.     <div class="bg-rock-blue py-5 icons">
  108.         <div class="container">
  109.             <div class="row">
  110.                 <div class="col-12">
  111.                     <div class="text-lg noto-sans-bold mb-5">Lohnt sich das? Rechnen Sie selbst</div>
  112.                     <p>Mit dem Schieberegler geben Sie Ihren durchschnittlichen Monatsumsatz an und ermitteln ganz einfach Ihre Zeitersparnis und die Ihnen entstehenden Abrechnungsgebühren bei der AZH:</p>
  114.                     <div class="row mt-5">
  115.                         <div class="col-12 col-lg-5">
  116.                             <div class="mb-2">Ihr Umsatz pro Monat:</div>
  117.                             <div class="text-sm noto-sans-bold">
  118.                                 <span class="sliderValue">0</span> <span>€</span>
  119.                             </div>
  120.                             Monatsumsatz<br/>
  121.                             <div class="counterInvoices text-sm noto-sans-bold">0</div>
  122.                             Gestellte <span class="invoiceText">Rechnung</span> (bei 250€ Rechnungswert)
  123.                         </div>
  124.                         <div class="col-12 col-lg-7">
  125.                             <div class="d-flex align-items-center flex-column flex-lg-row justify-content-start justify-content-lg-end flex-lg-row mt-5 mt-lg-0">
  126.                                 <div style="min-width: 280px" class="d-flex flex-column align-items-center me-lg-4 mb-4 mb-lg-0">
  127.                                     <img class="mb-3" src="{{ asset('build/website/images/Vorteilsrechner_Uhr.svg') }}">
  128.                                     <div class="noto-sans-bold">
  129.                                         <span>Ihre Zeitersparnis:</span>
  130.                                         <span class="invoiceTime">0</span>
  131.                                         <span>Stunden</span>
  132.                                     </div>
  133.                                 </div>
  134.                                 <div class="noto-sans-bold">
  135.                                     <div class="position-relative">
  136.                                         <i class="position-absolute left-0 fa-solid fa-check me-2"></i>
  137.                                         <div class="ps-4">Höherer Rechnungsertrag</div>
  138.                                     </div>
  139.                                     <div class="position-relative">
  140.                                         <i class="position-absolute left-0 fa-solid fa-check me-2"></i>
  141.                                         <div class="ps-4">weniger Zahlungsverzug durch Beanstandungen</div>
  142.                                     </div>
  143.                                     <div class="position-relative">
  144.                                         <i class="position-absolute left-0 fa-solid fa-check me-2"></i>
  145.                                         <div class="ps-4">Klärung, Mahnung, Buchführung inklusive</div>
  146.                                     </div>
  147.                                 </div>
  148.                             </div>
  149.                         </div>
  150.                     </div>
  152.                     <div class="row d-flex justify-content-md-center mt-5 mb-3">
  153.                         <div class="col-12 col-lg-5">
  154.                             <div class="text-sm noto-sans-bold mb-3">Umsatz pro Monat</div>
  155.                             <input id="slider" type="range" min="2500" max="77500" value="2500" step="250" list="tickmarks">
  156.                             <datalist id="tickmarks">
  157.                                 <option value="2500">2.500€</option>
  158.                                 <option value="40000">40.000€</option>
  159.                                 <option value="77500">77.500€</option>
  160.                             </datalist>
  161.                         </div>
  162.                     </div>
  163.                     <div class="row mt-5">
  164.                         <div class="col-12">
  165.                             {% embed '@components/accordion/single.html.twig'
  166.                                 with {
  167.                                     'color': 'rock-blue',
  168.                                     'title': 'Und so errechnen sich die oben aufgeführten Werte:',
  169.                                     'accordionId': 'Und so errechnen sich die oben aufgeführten Werte'|slug
  170.                                 }
  171.                             %}
  172.                                 {% block accordion_body %}
  173.                                     <div class="row">
  174.                                         <div class="col-12">
  175.                                             Bei eigener Abrechnung inkl. der Klärung von Rückfragen, Mahnwesen und Buchführung benötigen Sie im Durchschnitt wenigstens 26 Minuten Zeit pro Vorgang für alle Arbeitsschritte:
  176.                                         </div>
  177.                                     </div>
  178.                                     <br/>
  179.                                     <div class="row d-flex justify-content-between text-center">
  180.                                         <div class="col-12 col-md-6 mb-5 mb-lg-0 col-lg-3 d-flex flex-column align-items-center">
  181.                                             <img class="mb-4" src="{{ asset('build/website/images/Vorteilsrechner_Rechnungsstellung.svg') }}">
  182.                                             <div class="text-sm noto-sans-bold">Rechnungsstellung</div>
  183.                                         </div>
  184.                                         <div class="col-12 col-md-6 mb-5 mb-lg-0 col-lg-3 d-flex flex-column align-items-center">
  185.                                             <img class="mb-4" src="{{ asset('build/website/images/Vorteilsrechner_Finanzbuchhaltung.svg') }}">
  186.                                             <div class="text-sm noto-sans-bold">Zahlungsverkehr</div>
  187.                                         </div>
  188.                                         <div class="col-12 col-md-6 mb-5 mb-lg-0 col-lg-3 d-flex flex-column align-items-center">
  189.                                             <img class="mb-4" src="{{ asset('build/website/images/Vorteilsrechner_Mahnwesen.svg') }}">
  190.                                             <div class="text-sm noto-sans-bold">Mahnwesen</div>
  191.                                         </div>
  192.                                         <div class="col-12 col-md-6 mb-5 mb-lg-0 col-lg-3 d-flex flex-column align-items-center">
  193.                                             <img class="mb-4" src="{{ asset('build/website/images/Vorteilsrechner_Monierungen.svg') }}">
  194.                                             <div class="text-sm noto-sans-bold">Rückfragen und Monierungen</div>
  195.                                         </div>
  196.                                     </div>
  197.                                     <br/>
  198.                                     <div class="row">
  199.                                         <div class="col-12">
  200.                                             Bei <span class="counterInvoices">0</span> <span class="invoiceText">Rechnung</span> im Monat sind das in Summe <span class="invoiceTime">0</span> Stunden Arbeitszeit.<br/>
  201.                                             Wenn Sie "Abrechnung Komfort" nutzen, sparen Sie diese Zeit
  202.                                         </div>
  203.                                     </div>
  204.                                     <br/>
  205.                                     <div class="row">
  206.                                         <div class="col-12">
  207.                                             <img src="{{ asset('build/website/images/Vorteilsrechner_Uhr.svg') }}"><span class="noto-sans-bold"><span class="ms-3 invoiceTime">0</span> <span>h Zeitersparnis</span></span>
  208.                                         </div>
  209.                                     </div>
  210.                                     <br/>
  211.                                     <div class="row">
  212.                                         <div class="col-12">
  213.                                             Bei <span class="counterInvoices">0</span> <span class="invoiceText">Rechnung</span> bezahlen Sie für Abrechnung Komfort <span class="feeNetto">0</span> €* (d.h. <span class="feeBrutto">0</span> € brutto abzüglich Steuerersparnis).
  214.                                             Dafür sparen Sie <span class="invoiceTime">0</span> Stunden Büroarbeit. Die Nettogebühr der AZH entspricht dem Erlös aus <span class="pregnancyDiscomfortHelpHours">0</span> Stunden Hilfe bei Schwangerschaftsbeschwerden oder Wehen
  215.                                             (Berechnung: Erlös 2 HL-Intervalle je 30 Minuten = 41,40 €)
  216.                                         </div>
  217.                                     </div>
  218.                                     <br/>
  219.                                     <div class="row">
  220.                                         <div class="col-12">
  221.                                             <p style="font-size: 0.75rem">
  222.                                             * Die AZH-Gebühren können Sie als Betriebsausgaben von der Steuer absetzen.
  223.                                             Die persönliche Steuerersparnis ist individuell. Bei der Berechnung gehen wir beispielhaft
  224.                                             von einem durchschnittlichen Steuersatz von 40% aus. D.h., die effektiven Kosten (netto) betragen 60% vom Rechnungsbetrag.
  225.                                             </p>
  226.                                         </div>
  227.                                     </div>
  228.                                 {% endblock %}
  229.                             {% endembed %}
  230.                         </div>
  231.                     </div>
  232.                 </div>
  233.             </div>
  234.         </div>
  235.     </div>
  236.     {{ include('@components/image-text-two-links-section.html.twig', {
  237.         image: content.teaserImage3.url|default('/website/images/placeholder-image.png'),
  238.         text: content.teaserText3,
  239.         order: {
  240.             text: '2',
  241.             image: '1'
  242.         },
  243.         link: {
  244.             text: content.teaserUrlText3,
  245.             link: content.teaserUrl3,
  246.         },
  247.         button: {
  248.             text: content.teaserUrlTitle3,
  249.             link: content.teaserUrl3,
  250.         }
  251.     }) }}
  252.     <div class="container">
  253.         <div class="row">
  254.             <div class="col-12">
  255.                 <span class="small-printed">{{ content.smallPrintedText|raw }}</span>
  256.             </div>
  257.         </div>
  258.     </div>
  259.     {{ include('@components/rely-on-us-section.html.twig', {
  260.         title: content.relyTitle,
  261.         items: content.relyDetails,
  262.     }) }}
  263.     <div class="container my-5">
  264.         <div class="row">
  265.             <div class="col-12">
  266.                 <h2>{{ content.partsTitle }}</h2>
  267.             </div>
  268.         </div>
  269.     </div>
  270.     <div class="container my-5">
  271.         <div class="row">
  272.             <div class="col-12">
  273.                 {{ include('@components/accordion.html.twig', {
  274.                     accordionId: content.partsTitle|slug,
  275.                     items: content.partsDetails
  276.                 }) }}
  277.             </div>
  278.         </div>
  279.     </div>
  280.     {{ include('@components/we-consult-you-slider.html.twig', {
  281.         title: content.consultingTitle,
  282.         text: content.consultingText,
  283.         items: content.consulting,
  284.     }) }}
  285.     {{ include('@components/contact-box.html.twig') }}
  286.     {{ include('@components/interests-slider.html.twig') }}
  287. {% endblock %}
  289. {% block custom_javascripts %}
  290.     {{ encore_entry_script_tags('accounting-team-slider') }}
  291. {% endblock %}