<!DOCTYPE html><html class="h-100" lang="{{ app.request.locale|split('_')|first|default('de') }}"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> {% block page_title %} {{ 'storefront.title'|resolve|striptags }} {% endblock %} </title> {% block head_favicon %} <link rel="icon" href="/images/{{ tenant.directory }}/{{ tenant.config.favicon }}" /> {% endblock head_favicon %} {% block head_stylesheets %} {{ encore_entry_link_tags('app') }} {{ encore_entry_link_tags('fonts') }} {{ encore_entry_link_tags('footer') }} {{ encore_entry_link_tags('header') }} {{ encore_entry_link_tags('shopping-cart') }} {{ encore_entry_link_tags('theme') }} <style> :root { --ti-accent: {{ tenant.config.color|default('#cccccc') }} !important; --ti-accent-hover: {{ tenant.config.colorHover|default('#dddddd') }} !important; } </style> {% endblock head_stylesheets %} {% block head_custom_stylesheets %}{% endblock head_custom_stylesheets %} {% block head_javascript %} {{ encore_entry_script_tags('app') }} <script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="hZ74zv9-z" async></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-YMWVCWHZQ4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-YMWVCWHZQ4'); </script> {% endblock head_javascript %} </head> {% block body %} <body> <div class="wrapper"> <header class="header"> <div class="container-3xl py-1 py-sm-3"> <div class="row d-flex align-items-center"> <div class="col-6 col-sm-2 d-flex align-items-center"> <a class="ms-0" href="{{ path('index') }}"> <img class="logo" src="/images/{{ tenant.directory }}/{{ tenant.config.logo }}"> </a> </div> <div class="col-6 col-sm-10 d-flex justify-content-end"> <span class="d-flex d-xl-none align-items-center"> {{ component('shopping_cart_toggle') }} <a class="py-3 ms-4" data-bs-toggle="offcanvas" href="#mobileNav" role="button" aria-controls="mobileNav"> <i class="fas fa-bars fa-2x"></i> </a> </span> <nav class="d-none d-xl-block"> <ul class="m-0 d-flex"> <li class="menuentry"> <a href="{{ path('index') }}">Übersicht</a> </li> <li class="menuentry"> <a href="{{ path('flow') }}">Der Ablauf</a> </li> <li class="menuentry"> {% if tenant.categories|length > 0 %} <a href="{{ path('categories') }}">TI-Produkte</a> {% else %} <a href="{{ path('products') }}">TI-Produkte</a> {% endif %} </li> <li class="menuentry"> <a href="{{ path('faq') }}">FAQ</a> </li> <li class="menuentry me-3"> {{ component('shopping_cart_toggle') }} </li> {% if is_granted('IS_AUTHENTICATED_FULLY') %} <li class="menuentry button accent"> <a class="d-flex align-items-center" href="{{ path('customer_account_index') }}"> <svg width="50" height="50" version="1.1" viewbox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"> <path d="m0 25a25 25 0 1 1 25 25 25 25 0 0 1-25-25zm42.083 13.65a21.867 21.867 0 1 0-34.167 0c2.2167-3.5667 7.1-7.4 17.083-7.4s14.867 3.8333 17.083 7.4zm-26.467-19.9a9.3833 9.3833 0 0 1 18.75 0 9.3833 9.3833 0 1 1-18.75 0z"></path> </svg> <span class="ps-2 text-black">{{ app.user.firstname }} {{ app.user.lastname }}</span> </a> </li> <li class="menuentry"> <a class="button outlined darkblue" href="{{ path('app_logout') }}"> Ausloggen </a> </li> {% else %} <li class="menuentry button-dark"> <a class="d-flex align-items-center" href="{{ path('storefront_login') }}"> <svg fill="currentColor" width="50" height="50" version="1.1" viewbox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"> <path d="m0 25a25 25 0 1 1 25 25 25 25 0 0 1-25-25zm42.083 13.65a21.867 21.867 0 1 0-34.167 0c2.2167-3.5667 7.1-7.4 17.083-7.4s14.867 3.8333 17.083 7.4zm-26.467-19.9a9.3833 9.3833 0 0 1 18.75 0 9.3833 9.3833 0 1 1-18.75 0z"></path> </svg> <span class="ps-2">Login</span> </a> </li> {% endif %} </ul> </nav> </div> </div> </div> </header> <main> {% block mobile_menu %} {{ include('@widgets/mobile_nav.html.twig') }} {% endblock mobile_menu %} {% block content %}{% endblock %} {% block shopping_cart %} {{ include('@widgets/shopping_cart.html.twig', with_context = true) }} {% endblock shopping_cart %} {% block toasts %} <div id="toast-container" class="toast-container position-fixed p-5 bottom-0 start-50 translate-middle-x" style="z-index: 1050;"></div> <template id="toast-template"> <div class="toast align-items-center" role="alert" aria-live="assertive" aria-atomic="true"> <div class="d-flex"> <div class="toast-body fs-6"> Hello, world! </div> <button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button> </div> </div> </template> {% endblock toasts %} </main> <footer class="py-5"> <div class="container-3xl"> <div class="row"> {# <div class="col-12 col-md-3"> <div class="arz-logo"> <a href="https://arz.de/"> <img src="{{ asset('build/images/arz-haan-logo.svg') }}"> </a> </div> <img class="bsi mt-5" src="{{ asset('build/images/bsi-siegel-2017-weiss.svg') }}"> </div> #} <div class="col-12 col-md-7 my-5 my-md-0"> <div class="footer-text d-flex justify-content-md-end text-white"> {{ tenant.config.footerAddress|raw }} </div> </div> <div class="col-12 col-md-2"> <ul id="footer-menu" class="menu"> <li id="faq-menuentry" class="menuentry"> <a href="{{ path('faq') }}">FAQ</a> </li> {% if tenant.config.imprintUrl is not empty %} <li id="imprint-menuentry" class="menuentry"> <a target="_blank" href="{{ tenant.config.imprintUrl }}">Impressum</a> </li> {% else %} <li id="imprint-menuentry" class="menuentry"> <a href="{{ path('imprint') }}">Impressum</a> </li> {% endif %} {% if tenant.config.privacyUrl is not empty %} <li id="imprint-menuentry" class="menuentry"> <a target="_blank" href="{{ tenant.config.privacyUrl }}">Datenschutz</a> </li> {% else %} <li id="imprint-menuentry" class="menuentry"> <a href="{{ path('privacy') }}">Datenschutz</a> </li> {% endif %} </ul> <div class="socialicons"> {% if tenant.config.instagramLink is not empty %} <a href="{{ tenant.config.instagramLink }}" target="_blank"> <svg fill="currentColor" class="fa fa-instagram fa-w-14" width="50" height="49.989" aria-hidden="true" data-icon="instagram" data-prefix="fab" focusable="false" role="img" version="1.1" viewbox="0 0 50 49.989" xmlns="http://www.w3.org/2000/svg"> <g> <path d="m5.3574-0.0058594c-2.9586 0-5.3574 2.3988-5.3574 5.3574v39.285c0 2.9586 2.3988 5.3574 5.3574 5.3574 24.921 3e-6 21.668 5e-6 39.285 0 2.9586 0 5.3574-2.3988 5.3574-5.3574v-39.285c0-2.9586-2.3988-5.3574-5.3574-5.3574h-39.285zm19.643 4.4863c3.4581 0 6.9162 0.048404 8.6465 0.14453 3.3576 0.16481 6.3328 0.91577 8.7832 3.3145 2.4597 2.3986 3.2258 5.309 3.3848 8.5957 0.1964 3.3873 0.1964 13.532 0 16.92-0.16836 3.2867-0.93434 6.197-3.3848 8.5957-2.4503 2.4078-5.4256 3.1588-8.7832 3.3145-3.4612 0.19226-13.832 0.19226-17.293 0-3.3576-0.16481-6.3215-0.91586-8.7813-3.3145-2.4597-2.3986-3.2277-5.309-3.3867-8.5957-0.1964-3.3881-0.1964-13.542 0-16.93 0.16836-3.2867 0.92698-6.197 3.3867-8.5957 2.4597-2.3987 5.433-3.149 8.7813-3.3047 1.7306-0.096128 5.1883-0.14453 8.6465-0.14453zm-2.8242 3.6738c-3.2569-0.019317-7.4561 0.04232-9.5254 0.8457-1.8425 0.72326-3.2549 2.106-3.9844 3.9004-1.0849 2.6913-0.8418 9.1091-0.8418 12.094-1e-7 2.9843-0.25249 9.3949 0.8418 12.096 0.73886 1.8035 2.1512 3.1843 3.9844 3.8984 2.7493 1.062 9.3065 0.82422 12.355 0.82422 3.0487 0 9.5944 0.24696 12.354-0.82422 1.8425-0.72326 3.2549-2.104 3.9844-3.8984 1.0943-2.6913 0.8418-9.1111 0.8418-12.096 0-2.9843 0.25249-9.3929-0.8418-12.094-0.73886-1.8035-2.1512-3.1863-3.9844-3.9004-2.7493-1.062-9.3045-0.82227-12.354-0.82227-0.76217 0-1.7445-0.016998-2.8301-0.023438zm14.016 3.4375c1.3842 0 2.5059 1.0981 2.5059 2.4531 0 1.3641-1.1216 2.4531-2.5059 2.4531-1.3935 0-2.5078-1.0981-2.5078-2.4531s1.1236-2.4531 2.5078-2.4531zm-11.186 2.8828c5.9487 0 10.746 4.6968 10.746 10.52 0 5.8231-4.7977 10.521-10.746 10.521-5.9487 0-10.748-4.6987-10.748-10.521 0-5.8231 4.7997-10.52 10.748-10.52zm0 3.6816c-3.8533 0-6.9863 3.066-6.9863 6.8379 0 3.7719 3.1424 6.8398 6.9863 6.8398s6.9863-3.0679 6.9863-6.8398c0-3.7719-3.1331-6.8379-6.9863-6.8379z"></path> </g> </svg> </a> {% endif %} {% if tenant.config.facebookLink is not empty %} <a href="{{ tenant.config.facebookLink }}" target="_blank"> <svg fill="currentColor" class="fa fa-facebook-square fa-w-14" width="50" height="50" aria-hidden="true" data-icon="facebook-square" data-prefix="fab" focusable="false" role="img" version="1.1" viewbox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <path d="m44.643 0h-39.286a5.3571 5.3571 0 0 0-5.3571 5.3571v39.286a5.3571 5.3571 0 0 0 5.3571 5.3571h15.318v-16.999h-7.0312v-8.0011h7.0312v-6.0982c0-6.9364 4.1295-10.768 10.454-10.768 3.029 0 6.1964 0.54018 6.1964 0.54018v6.808h-3.49c-3.4386 0-4.5112 2.1339-4.5112 4.3225v5.1953h7.6763l-1.2277 8.0011h-6.4487v16.999h15.318a5.3571 5.3571 0 0 0 5.3571-5.3571v-39.286a5.3571 5.3571 0 0 0-5.3571-5.3571z" stroke-width=".11161"></path> </svg> </a> {% endif %} {% if tenant.config.linkedinLink is not empty %} <a href="{{ tenant.config.linkedinLink }}" target="_blank"> <svg fill="currentColor" width="50" height="50" version="1.1" viewbox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <path d="m5.3574 0c-2.9586 0-5.3574 2.3988-5.3574 5.3574v39.285c0 2.9586 2.3988 5.3574 5.3574 5.3574 24.921 3e-6 21.668 5e-6 39.285 0 2.9586 0 5.3574-2.3988 5.3574-5.3574v-39.285c0-2.9586-2.3988-5.3574-5.3574-5.3574h-39.285zm8.1855 6.6758c2.0125 0 3.6445 1.6446 3.6445 3.6738 0 2.0292-1.6299 3.6758-3.6445 3.6758-2.0125 0-3.6465-1.6466-3.6465-3.6758 0-2.0292 1.634-3.6738 3.6465-3.6738zm-3.125 9.9902h6.25v22.916h-6.25v-22.916zm10.416 0h6.25v3.6777c2.9083-5.3875 14.582-5.7855 14.582 5.1582l0.001953 14.08h-6.25v-11.674c0-7.0167-8.334-6.4854-8.334 0v11.674h-6.25v-22.916z"></path> </svg> </a> {% endif %} {% if tenant.config.xingLink is not empty %} <a href="{{ tenant.config.xingLink }}" target="_blank"> <svg fill="currentColor" id="xing-icon-inv" width="50" height="50" version="1.1" viewbox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <path d="m5.3574 0c-2.9586 0-5.3574 2.3988-5.3574 5.3574v39.285c0 2.9586 2.3988 5.3574 5.3574 5.3574 24.921 3e-6 21.668 5e-6 39.285 0 2.9586 0 5.3574-2.3988 5.3574-5.3574v-39.285c0-2.9586-2.3988-5.3574-5.3574-5.3574h-39.285zm29.43 6.0215h5.5293c0.28735-0.021054 0.56513 0.1123 0.72852 0.34961 0.14501 0.26401 0.1401 0.58359-0.011719 0.84375l-12.119 21.43c-0.0071 0.01092-0.0071 0.02619 0 0.03711l7.7168 14.098c0.15376 0.26069 0.15868 0.58502 0.011719 0.84961-0.16277 0.23723-0.43963 0.36869-0.72656 0.34766h-5.4668c-0.67004-0.018367-1.2693-0.42596-1.5312-1.043l-7.7734-14.27c0.384-0.679 12.062-21.391 12.18-21.6 0.2933-0.52767 0.6479-1.043 1.4629-1.043zm-22.996 7.4941h5.4746c0.6661 0.014091 1.2627 0.41704 1.5254 1.0293l0.021484 0.037109c0.62 1.0838 3.7198 6.493 3.7402 6.5254-0.2185 0.386-5.8513 10.351-5.9082 10.451-0.24491 0.6165-0.8313 1.0302-1.4941 1.0566h-5.4746c-0.28819 0.012865-0.56035-0.12943-0.71484-0.37305-0.14791-0.26044-0.14791-0.57941 0-0.83984l5.8164-10.266c0.0062-0.00937 0.0062-0.02185 0-0.03125l-3.7012-6.4062c-0.39353-0.53676 0.05676-1.2831 0.71484-1.1836z"></path> </svg> </a> {% endif %} </div> </div> </div> </div> </footer> {% block body_javascript %}{% endblock body_javascript %} </div> </body> {% endblock %}</html>