templates/includes/header.html.twig line 216

Open in your IDE?
  1. {% set navStartNode = document.getProperty('navigation_root') %}
  2. {% if not navStartNode is instanceof('\\Pimcore\\Model\\Document\\Page')  %}
  3.     {% if pimcore_site_is_request() %}
  4.         {% set site = pimcore_site_current() %}
  5.         {% set navStartNode = site.getRootDocument() %}
  6.     {% else %}
  7.         {% set navStartNode = pimcore_document(1) %}
  8.     {% endif %}
  9. {% endif %}
  11. {% set mainNavigation = pimcore_build_nav({active: document, root: navStartNode, }) %}
  12. {% set menuRenderer = pimcore_nav_renderer('menu') %}
  13. {% set isHalloween = document.getProperty('halloween') %}
  14. {% set isDark = document.getProperty('dark') %}
  16. <header class="{{ editmode ? '' : 'fixed left-0 right-0 top-0 main-navigation' }} {% if isHalloween %}halloween{% endif %} {% if isDark %}dark{% endif %}">
  17.     <nav class="nav-first">
  18.         <div class="container flex justify-between items-center">
  19.             <div class="naigation-module-header__play-radio">
  20.                 {# todo: add radio play button + current show #}
  21.             </div>
  22.             <div class="hidden md:flex items-center space-x-5 md:pr-5 2xl:pr-0">
  23.                 {{ pimcore_inc('/Snippets/basic-elemente/headerNav') }}
  24. {#                {% for page in mainNavigation %}#}
  25. {#                    {% if page.isVisible() and menuRenderer.accept(page) %}#}
  26. {#                        <a href="{{ page.getHref() }}" class="text-xs text-dark nav-main {% if page.active %}active{% endif %}">#}
  27. {#                            {{ page.getLabel()|trans }}#}
  28. {#                        </a>#}
  29. {#                    {% endif %}#}
  30. {#                {% endfor %}#}
  31.             </div>
  32.         </div>
  33.     </nav>
  35.     <nav class="nav-second">
  36.         <div class="container flex justify-between items-center">
  37.             <a class="flex items-center lg:py-5 pl-5 2xl:pl-0 header-logo h-full overflow-clip" href="/radio">
  38.                 <div class="flex-auto">
  39.                     <img src="{% if isHalloween %}{{ asset('static/images/logos/logo-halloween.svg') }}{% elseif isDark %}{{ asset('static/images/logos/logo-mountain-white.svg') }}{% else %}{{ asset('static/images/logos/logo-mountain.svg') }}{% endif %}" class="logo-mountain">
  40.                 </div>
  41.                 <div class="flex-auto">
  42.                     <svg width="195" height="65" viewBox="0 0 195 65" fill="none" xmlns="http://www.w3.org/2000/svg">
  43.                         <g id="Frame 190">
  44.                             <rect width="195" height="65" fill="white"/>
  45.                             <g id="oberland">
  46.                                 <g id="Group">
  47.                                     <path id="Vector" d="M88.5836 37.725C93.4103 37.725 96.841 34.4524 96.841 29.8746C96.841 25.2967 93.4087 22.0024 88.5836 22.0024C83.7585 22.0024 80.3262 25.2967 80.3262 29.8746C80.3262 34.4524 83.7585 37.725 88.5836 37.725ZM88.5836 33.8959C86.3094 33.8959 84.615 32.1844 84.615 29.8746C84.615 27.5647 86.3094 25.8315 88.5836 25.8315C90.8578 25.8315 92.5304 27.5213 92.5304 29.8746C92.5304 32.2278 90.8796 33.8959 88.5836 33.8959Z" fill="#005694"/>
  48.                                     <path id="Vector_2" d="M107.374 29.4465C108.51 28.7411 109.261 27.5428 109.261 26.2158C109.261 23.9912 107.308 22.3867 104.649 22.3867H97.8711V37.3605H104.799C107.566 37.3605 109.668 35.5203 109.668 33.0818C109.668 31.4556 108.788 30.1085 107.374 29.445V29.4465ZM105.336 26.901C105.336 27.6715 104.799 28.2063 103.941 28.2063H101.84V25.5973H103.941C104.799 25.5973 105.336 26.1104 105.336 26.9026V26.901ZM104.091 33.9593H101.838V31.2432H104.091C104.992 31.2432 105.57 31.7998 105.57 32.5904C105.57 33.381 104.991 33.9593 104.091 33.9593Z" fill="#005694"/>
  49.                                     <path id="Vector_3" d="M114.889 33.7672V31.5209H119.823V28.1413H114.889V25.9385H120.379V22.3667H110.77V37.3405H120.572V33.7687H114.887L114.889 33.7672Z" fill="#005694"/>
  50.                                     <path id="Vector_4" d="M129.741 37.339H134.353L131.371 31.9054C132.851 31.028 133.753 29.5103 133.753 27.6702C133.753 24.5464 131.393 22.3652 128.175 22.3652H121.654V37.339H125.794V32.7611H127.296L129.741 37.339ZM125.794 26.0455H127.681C128.839 26.0455 129.504 26.7307 129.504 27.6717C129.504 28.6127 128.839 29.2979 127.681 29.2979H125.794V26.0471V26.0455Z" fill="#005694"/>
  51.                                     <path id="Vector_5" d="M139.283 33.5749V22.3667H135.078V37.3405H144.623V33.5749H139.281H139.283Z" fill="#005694"/>
  52.                                     <path id="Vector_6" d="M156.64 37.339H161.209L155.182 22.3652H151.128L145.229 37.339H149.668L150.504 34.9222H155.824L156.638 37.339H156.64ZM154.817 31.6915H151.513L153.144 27.0501L154.817 31.6915Z" fill="#005694"/>
  53.                                     <path id="Vector_7" d="M170.971 22.3652V30.2374L165.201 22.3652H161.576V37.339H165.587V29.2312L171.55 37.339H174.982V22.3652H170.971Z" fill="#005694"/>
  54.                                     <path id="Vector_8" d="M182.227 22.3652H176.156V37.339H182.227C186.773 37.339 189.991 34.2153 189.991 29.8529C189.991 25.4905 186.773 22.3668 182.227 22.3668V22.3652ZM182.034 33.575H180.318V26.1525H182.034C184.264 26.1525 185.744 27.6283 185.744 29.8529C185.744 32.0775 184.264 33.575 182.034 33.575Z" fill="#005694"/>
  55.                                 </g>
  56.                                 <g id="Group_2">
  57.                                     <path id="Vector_9" d="M16.4494 37.3385H18.5728L14.9695 31.2631C16.9422 30.7066 18.2946 29.0602 18.2946 26.9426C18.2946 24.2901 16.2147 22.3647 13.4042 22.3647H7.69922V37.3385H9.58637V31.4988H12.9969L16.451 37.3385H16.4494ZM9.58481 24.1615H13.2954C15.1405 24.1615 16.3624 25.3381 16.3624 26.9426C16.3624 28.5471 15.139 29.702 13.2954 29.702H9.58481V24.1615Z" fill="#005694"/>
  58.                                     <path id="Vector_10" d="M31.8209 37.3385H33.8588L27.5523 22.3647H25.7942L19.6602 37.3385H21.6546L23.1127 33.7668H30.341L31.8209 37.3385ZM26.6958 24.9536L29.6337 32.0336H23.8215L26.6958 24.9536Z" fill="#005694"/>
  59.                                     <path id="Vector_11" d="M41.2867 22.3647H36.2891V37.3385H41.2867C45.7046 37.3385 48.9006 34.1946 48.9006 29.8524C48.9006 25.5102 45.7046 22.3864 41.2867 22.3864V22.3647ZM41.2448 35.5852H38.1778V24.1413H41.2448C44.6118 24.1413 46.9933 26.5581 46.9933 29.8524C46.9933 33.1467 44.6118 35.5852 41.2448 35.5852Z" fill="#005694"/>
  60.                                     <path id="Vector_12" d="M52.0215 37.3385H53.9086V22.3647H52.0215V37.3385Z" fill="#005694"/>
  61.                                     <path id="Vector_13" d="M64.8543 37.5961C69.4012 37.5961 72.7045 34.2801 72.7045 29.8743C72.7045 25.4685 69.4012 22.1309 64.8543 22.1309C60.3075 22.1309 56.9824 25.4468 56.9824 29.8743C56.9824 34.3018 60.3075 37.5961 64.8543 37.5961ZM64.8543 35.7559C61.4438 35.7559 58.9131 33.2104 58.9131 29.8728C58.9131 26.5351 61.4438 23.9694 64.8543 23.9694C68.2649 23.9694 70.7956 26.4932 70.7956 29.8728C70.7956 33.2523 68.2649 35.7559 64.8543 35.7559Z" fill="#005694"/>
  62.                                 </g>
  63.                             </g>
  64.                             <g id="subtitle">
  65.                                 <g id="Group_3">
  66.                                     <path id="Vector_14" d="M79.041 50.9748V45.4404H80.9126V50.9748H79.041ZM80.7852 48.9347V47.4015H82.7671V48.9347H80.7852ZM82.6397 50.9748V45.4404H84.5112V50.9748H82.6397Z" fill="#00BCD4"/>
  67.                                     <path id="Vector_15" d="M85.4141 50.9748V45.4404H89.9252V46.848H87.253V49.5672H90.0278V50.9748H85.4141ZM87.1271 48.8401V47.496H89.6003V48.8401H87.1271Z" fill="#00BCD4"/>
  68.                                     <path id="Vector_16" d="M90.75 50.9748V45.4404H92.6216V50.9748H90.75Z" fill="#00BCD4"/>
  69.                                     <path id="Vector_17" d="M93.5234 50.9748V45.4404H95.0608L97.2806 49.054H96.4723L98.6284 45.4404H100.166L100.181 50.9748H98.4776L98.462 48.0014H98.731L97.2558 50.4756H96.4319L94.8945 48.0014H95.2272V50.9748H93.5234Z" fill="#00BCD4"/>
  70.                                     <path id="Vector_18" d="M100.484 50.9748L102.911 45.4404H104.75L107.176 50.9748H105.243L103.45 46.3256H104.179L102.387 50.9748H100.484ZM101.927 50.0105L102.403 48.6665H104.955L105.431 50.0105H101.927Z" fill="#00BCD4"/>
  71.                                     <path id="Vector_19" d="M108.405 50.9748V46.8868H106.779V45.4404H111.901V46.8868H110.275V50.9748H108.404H108.405Z" fill="#00BCD4"/>
  72.                                     <path id="Vector_20" d="M112.861 51.0543C112.565 51.0543 112.317 50.9582 112.116 50.7659C111.916 50.5737 111.814 50.3272 111.814 50.0265C111.814 49.7257 111.916 49.4761 112.116 49.2916C112.317 49.1072 112.565 49.0142 112.861 49.0142C113.156 49.0142 113.405 49.1072 113.605 49.2916C113.806 49.4761 113.907 49.7211 113.907 50.0265C113.907 50.3319 113.806 50.5737 113.605 50.7659C113.405 50.9582 113.156 51.0543 112.861 51.0543Z" fill="#00BCD4"/>
  73.                                     <path id="Vector_21" d="M116.896 50.9748V45.4404H118.768V49.5284H121.274V50.9748H116.898H116.896Z" fill="#00BCD4"/>
  74.                                     <path id="Vector_22" d="M121.264 50.975L123.69 45.4407H125.529L127.956 50.975H126.022L124.23 46.3258H124.959L123.166 50.975H121.264ZM122.706 50.0108L123.182 48.6667H125.734L126.21 50.0108H122.706ZM123.729 45.0531C123.529 45.0531 123.359 44.9895 123.222 44.864C123.086 44.7369 123.016 44.5694 123.016 44.3586C123.016 44.1478 123.084 43.9772 123.222 43.8486C123.359 43.7199 123.529 43.6548 123.729 43.6548C123.93 43.6548 124.099 43.7199 124.236 43.8486C124.373 43.9772 124.443 44.1478 124.443 44.3586C124.443 44.5694 124.374 44.7384 124.236 44.864C124.099 44.9911 123.93 45.0531 123.729 45.0531ZM125.489 45.0531C125.288 45.0531 125.119 44.9895 124.982 44.864C124.845 44.7369 124.775 44.5694 124.775 44.3586C124.775 44.1478 124.844 43.9772 124.982 43.8486C125.119 43.7199 125.288 43.6548 125.489 43.6548C125.689 43.6548 125.859 43.7199 125.996 43.8486C126.132 43.9772 126.202 44.1478 126.202 44.3586C126.202 44.5694 126.134 44.7384 125.996 44.864C125.859 44.9911 125.689 45.0531 125.489 45.0531Z" fill="#00BCD4"/>
  75.                                     <path id="Vector_23" d="M130.793 51.1023C129.943 51.1023 129.279 50.8729 128.803 50.414C128.328 49.9551 128.09 49.3118 128.09 48.4855V45.4424H129.961V48.4312C129.961 48.8529 130.038 49.1521 130.192 49.3288C130.345 49.5056 130.551 49.5939 130.81 49.5939C131.07 49.5939 131.281 49.5056 131.432 49.3288C131.583 49.1521 131.657 48.8529 131.657 48.4312V45.4424H133.496V48.4855C133.496 49.3133 133.258 49.9567 132.783 50.414C132.307 50.8729 131.643 51.1023 130.793 51.1023Z" fill="#00BCD4"/>
  76.                                     <path id="Vector_24" d="M134.354 50.9748V45.4404H138.865V46.848H136.225V50.9748H134.354ZM136.098 49.2044V47.7968H138.54V49.2044H136.098Z" fill="#00BCD4"/>
  77.                                     <path id="Vector_25" d="M140.702 50.9748V46.8868H139.076V45.4404H144.198V46.8868H142.572V50.9748H140.701H140.702Z" fill="#00BCD4"/>
  78.                                     <path id="Vector_26" d="M147.061 50.9748V45.4404H150.025C150.791 45.4404 151.357 45.5769 151.721 45.8481C152.086 46.1194 152.268 46.4667 152.268 46.8884C152.268 47.1674 152.19 47.417 152.035 47.6356C151.879 47.8542 151.652 48.0262 151.357 48.1533C151.062 48.2805 150.697 48.3425 150.263 48.3425L150.421 47.9162C150.855 47.9162 151.228 47.9766 151.544 48.0975C151.858 48.2185 152.102 48.3936 152.273 48.6231C152.444 48.8525 152.531 49.1285 152.531 49.4494C152.531 49.9284 152.332 50.3035 151.932 50.5717C151.533 50.8399 150.95 50.9748 150.184 50.9748H147.061ZM148.9 49.671H150.025C150.232 49.671 150.386 49.6338 150.488 49.561C150.591 49.4866 150.644 49.3796 150.644 49.237C150.644 49.0943 150.592 48.9874 150.488 48.913C150.384 48.8386 150.23 48.8029 150.025 48.8029H148.772V47.5689H149.772C149.983 47.5689 150.137 47.5333 150.235 47.4619C150.333 47.3906 150.381 47.2899 150.381 47.1581C150.381 47.0263 150.333 46.9178 150.235 46.8496C150.137 46.7814 149.983 46.7473 149.772 46.7473H148.9V49.6726V49.671Z" fill="#00BCD4"/>
  79.                                     <path id="Vector_27" d="M153.189 50.9748V45.4404H157.701V46.848H155.028V49.5672H157.803V50.9748H153.189ZM154.901 48.8401V47.496H157.374V48.8401H154.901Z" fill="#00BCD4"/>
  80.                                     <path id="Vector_28" d="M158.525 50.9748V45.4404H160.397V50.9748H158.525Z" fill="#00BCD4"/>
  81.                                     <path id="Vector_29" d="M166.332 51.1023C165.482 51.1023 164.818 50.8729 164.342 50.414C163.867 49.9551 163.629 49.3118 163.629 48.4855V45.4424H165.5V48.4312C165.5 48.8529 165.577 49.1521 165.731 49.3288C165.884 49.5056 166.09 49.5939 166.349 49.5939C166.609 49.5939 166.82 49.5056 166.971 49.3288C167.122 49.1521 167.196 48.8529 167.196 48.4312V45.4424H169.035V48.4855C169.035 49.3133 168.798 49.9567 168.322 50.414C167.846 50.8729 167.182 51.1023 166.332 51.1023Z" fill="#00BCD4"/>
  82.                                     <path id="Vector_30" d="M169.893 50.9748V45.4404H171.43L174.253 48.8091H173.539V45.4404H175.363V50.9748H173.825L171.002 47.6061H171.716V50.9748H169.893Z" fill="#00BCD4"/>
  83.                                     <path id="Vector_31" d="M178.335 51.102C177.87 51.102 177.421 51.0493 176.987 50.9439C176.554 50.8384 176.198 50.702 175.918 50.533L176.521 49.1735C176.785 49.327 177.081 49.4494 177.406 49.5409C177.731 49.6339 178.046 49.6789 178.352 49.6789C178.533 49.6789 178.674 49.6665 178.777 49.6432C178.879 49.62 178.955 49.5859 179.002 49.5409C179.05 49.4959 179.074 49.4417 179.074 49.3797C179.074 49.2789 179.018 49.1998 178.907 49.1425C178.797 49.0851 178.649 49.0355 178.467 48.9968C178.285 48.958 178.085 48.9146 177.869 48.8696C177.653 48.8247 177.434 48.7658 177.214 48.6914C176.995 48.617 176.795 48.5208 176.611 48.3984C176.428 48.2759 176.282 48.1178 176.171 47.9193C176.061 47.7225 176.005 47.476 176.005 47.1799C176.005 46.8373 176.101 46.5257 176.294 46.2435C176.487 45.9614 176.775 45.7366 177.158 45.5676C177.542 45.3987 178.018 45.3149 178.59 45.3149C178.965 45.3149 179.335 45.3537 179.7 45.4328C180.065 45.5118 180.392 45.6327 180.682 45.7971L180.12 47.1489C179.845 47.0125 179.579 46.9086 179.322 46.8404C179.066 46.7722 178.816 46.7381 178.573 46.7381C178.393 46.7381 178.251 46.7536 178.146 46.7861C178.04 46.8171 177.964 46.8605 177.92 46.9132C177.875 46.9659 177.853 47.0233 177.853 47.0869C177.853 47.1814 177.909 47.2574 178.02 47.3117C178.13 47.3675 178.278 47.414 178.46 47.4496C178.641 47.4868 178.842 47.5256 179.063 47.5674C179.282 47.6093 179.5 47.6682 179.717 47.7411C179.933 47.8155 180.134 47.9131 180.316 48.0341C180.497 48.155 180.645 48.3131 180.756 48.5084C180.866 48.7038 180.922 48.9456 180.922 49.2355C180.922 49.5735 180.825 49.8819 180.633 50.1641C180.44 50.4462 180.154 50.6726 179.773 50.8446C179.392 51.0167 178.913 51.102 178.338 51.102H178.335Z" fill="#00BCD4"/>
  84.                                     <path id="Vector_32" d="M182.386 51.0543C182.091 51.0543 181.842 50.9582 181.641 50.7659C181.441 50.5737 181.34 50.3272 181.34 50.0265C181.34 49.7257 181.441 49.4761 181.641 49.2916C181.842 49.1072 182.091 49.0142 182.386 49.0142C182.681 49.0142 182.93 49.1072 183.131 49.2916C183.331 49.4761 183.432 49.7211 183.432 50.0265C183.432 50.3319 183.331 50.5737 183.131 50.7659C182.93 50.9582 182.681 51.0543 182.386 51.0543Z" fill="#00BCD4"/>
  85.                                 </g>
  86.                             </g>
  87.                         </g>
  88.                     </svg>
  89.                 </div>
  90.             </a>
  91.             <div class="hidden lg:flex items-center space-x-5 lg:pr-5 2xl:pr-0">
  92. {#                {% for page in mainNavigation %}#}
  93. {#                    {% if page.hasPages() and 'active' in page.getClass %}#}
  94. {#                        {% for child in page.getPages() %}#}
  95. {#                            {% if child.isVisible() and menuRenderer.accept(child) %}#}
  96. {#                                <a href="{{ child.getHref() }}" class="text-xs text-dark-blue nav-main {% if child.active %}active{% endif %}">#}
  97. {#                                    {{ child.getLabel()|trans }}#}
  98. {#                                </a>#}
  99. {#                            {% endif %}#}
  100. {#                        {% endfor %}#}
  101. {#                    {% endif %}#}
  102. {#                {% endfor %}#}
  103.                 {{ pimcore_render_nav(mainNavigation, 'menu', 'renderMenu', {
  104.                     maxDepth: 1,
  105.                     ulClass: 'mainmenu'
  106.                 }) }}
  107. {#                {% for page in mainNavigation %}#}
  108. {#                    {% if page.isVisible() and menuRenderer.accept(page) %}#}
  109. {#                        <a href="{{ page.getHref() }}" class="text-xs text-dark-blue nav-main {% if page.active %}active{% endif %}">#}
  110. {#                            {{ page.getLabel()|trans }}#}
  111. {#                        </a>#}
  112. {#                    {% endif %}#}
  113. {#                {% endfor %}#}
  114.             </div>
  116.             <!-- mobile button goes here -->
  117.             <div class="lg:hidden flex items-center pr-2">
  118.                 <div class="mobile-menu__burger view">
  119.                     <div></div>
  120.                     <div></div>
  121.                     <div></div>
  122.                 </div>
  123.             </div>
  124.         </div>
  126.         <!-- mobile menu -->
  127.         <div class="mobile-menu lg:hidden">
  128.             <div class="flex flex-col h-[100dvh]">
  129.                 <div class="flex-initial shadow-card">
  130.                     <div class="mobile-menu__bar flex justify-between items-center">
  131.                         <a class="flex items-center py-5 pl-5 xl:pl-0 header-logo h-full overflow-clip" tabindex="1" href="/radio">
  132.                             <div class="flex-auto">
  133.                                 <img src="{{ asset('static/images/logos/logo-mountain.svg') }}" class="logo-mountain">
  134.                             </div>
  135.                             <div class="flex-auto">
  136.                                 <svg width="195" height="65" viewBox="0 0 195 65" fill="none" xmlns="http://www.w3.org/2000/svg">
  137.                                     <g id="Frame 190">
  138.                                         <rect width="195" height="65" fill="#00bcd4"/>
  139.                                         <g id="oberland">
  140.                                             <g id="Group">
  141.                                                 <path id="Vector" d="M88.5836 37.725C93.4103 37.725 96.841 34.4524 96.841 29.8746C96.841 25.2967 93.4087 22.0024 88.5836 22.0024C83.7585 22.0024 80.3262 25.2967 80.3262 29.8746C80.3262 34.4524 83.7585 37.725 88.5836 37.725ZM88.5836 33.8959C86.3094 33.8959 84.615 32.1844 84.615 29.8746C84.615 27.5647 86.3094 25.8315 88.5836 25.8315C90.8578 25.8315 92.5304 27.5213 92.5304 29.8746C92.5304 32.2278 90.8796 33.8959 88.5836 33.8959Z" fill="#005694"/>
  142.                                                 <path id="Vector_2" d="M107.374 29.4465C108.51 28.7411 109.261 27.5428 109.261 26.2158C109.261 23.9912 107.308 22.3867 104.649 22.3867H97.8711V37.3605H104.799C107.566 37.3605 109.668 35.5203 109.668 33.0818C109.668 31.4556 108.788 30.1085 107.374 29.445V29.4465ZM105.336 26.901C105.336 27.6715 104.799 28.2063 103.941 28.2063H101.84V25.5973H103.941C104.799 25.5973 105.336 26.1104 105.336 26.9026V26.901ZM104.091 33.9593H101.838V31.2432H104.091C104.992 31.2432 105.57 31.7998 105.57 32.5904C105.57 33.381 104.991 33.9593 104.091 33.9593Z" fill="#005694"/>
  143.                                                 <path id="Vector_3" d="M114.889 33.7672V31.5209H119.823V28.1413H114.889V25.9385H120.379V22.3667H110.77V37.3405H120.572V33.7687H114.887L114.889 33.7672Z" fill="#005694"/>
  144.                                                 <path id="Vector_4" d="M129.741 37.339H134.353L131.371 31.9054C132.851 31.028 133.753 29.5103 133.753 27.6702C133.753 24.5464 131.393 22.3652 128.175 22.3652H121.654V37.339H125.794V32.7611H127.296L129.741 37.339ZM125.794 26.0455H127.681C128.839 26.0455 129.504 26.7307 129.504 27.6717C129.504 28.6127 128.839 29.2979 127.681 29.2979H125.794V26.0471V26.0455Z" fill="#005694"/>
  145.                                                 <path id="Vector_5" d="M139.283 33.5749V22.3667H135.078V37.3405H144.623V33.5749H139.281H139.283Z" fill="#005694"/>
  146.                                                 <path id="Vector_6" d="M156.64 37.339H161.209L155.182 22.3652H151.128L145.229 37.339H149.668L150.504 34.9222H155.824L156.638 37.339H156.64ZM154.817 31.6915H151.513L153.144 27.0501L154.817 31.6915Z" fill="#005694"/>
  147.                                                 <path id="Vector_7" d="M170.971 22.3652V30.2374L165.201 22.3652H161.576V37.339H165.587V29.2312L171.55 37.339H174.982V22.3652H170.971Z" fill="#005694"/>
  148.                                                 <path id="Vector_8" d="M182.227 22.3652H176.156V37.339H182.227C186.773 37.339 189.991 34.2153 189.991 29.8529C189.991 25.4905 186.773 22.3668 182.227 22.3668V22.3652ZM182.034 33.575H180.318V26.1525H182.034C184.264 26.1525 185.744 27.6283 185.744 29.8529C185.744 32.0775 184.264 33.575 182.034 33.575Z" fill="#005694"/>
  149.                                             </g>
  150.                                             <g id="Group_2">
  151.                                                 <path id="Vector_9" d="M16.4494 37.3385H18.5728L14.9695 31.2631C16.9422 30.7066 18.2946 29.0602 18.2946 26.9426C18.2946 24.2901 16.2147 22.3647 13.4042 22.3647H7.69922V37.3385H9.58637V31.4988H12.9969L16.451 37.3385H16.4494ZM9.58481 24.1615H13.2954C15.1405 24.1615 16.3624 25.3381 16.3624 26.9426C16.3624 28.5471 15.139 29.702 13.2954 29.702H9.58481V24.1615Z" fill="#005694"/>
  152.                                                 <path id="Vector_10" d="M31.8209 37.3385H33.8588L27.5523 22.3647H25.7942L19.6602 37.3385H21.6546L23.1127 33.7668H30.341L31.8209 37.3385ZM26.6958 24.9536L29.6337 32.0336H23.8215L26.6958 24.9536Z" fill="#005694"/>
  153.                                                 <path id="Vector_11" d="M41.2867 22.3647H36.2891V37.3385H41.2867C45.7046 37.3385 48.9006 34.1946 48.9006 29.8524C48.9006 25.5102 45.7046 22.3864 41.2867 22.3864V22.3647ZM41.2448 35.5852H38.1778V24.1413H41.2448C44.6118 24.1413 46.9933 26.5581 46.9933 29.8524C46.9933 33.1467 44.6118 35.5852 41.2448 35.5852Z" fill="#005694"/>
  154.                                                 <path id="Vector_12" d="M52.0215 37.3385H53.9086V22.3647H52.0215V37.3385Z" fill="#005694"/>
  155.                                                 <path id="Vector_13" d="M64.8543 37.5961C69.4012 37.5961 72.7045 34.2801 72.7045 29.8743C72.7045 25.4685 69.4012 22.1309 64.8543 22.1309C60.3075 22.1309 56.9824 25.4468 56.9824 29.8743C56.9824 34.3018 60.3075 37.5961 64.8543 37.5961ZM64.8543 35.7559C61.4438 35.7559 58.9131 33.2104 58.9131 29.8728C58.9131 26.5351 61.4438 23.9694 64.8543 23.9694C68.2649 23.9694 70.7956 26.4932 70.7956 29.8728C70.7956 33.2523 68.2649 35.7559 64.8543 35.7559Z" fill="#005694"/>
  156.                                             </g>
  157.                                         </g>
  158.                                         <g id="subtitle">
  159.                                             <g id="Group_3">
  160.                                                 <path id="Vector_14" d="M79.041 50.9748V45.4404H80.9126V50.9748H79.041ZM80.7852 48.9347V47.4015H82.7671V48.9347H80.7852ZM82.6397 50.9748V45.4404H84.5112V50.9748H82.6397Z" fill="#ffffff"/>
  161.                                                 <path id="Vector_15" d="M85.4141 50.9748V45.4404H89.9252V46.848H87.253V49.5672H90.0278V50.9748H85.4141ZM87.1271 48.8401V47.496H89.6003V48.8401H87.1271Z" fill="#ffffff"/>
  162.                                                 <path id="Vector_16" d="M90.75 50.9748V45.4404H92.6216V50.9748H90.75Z" fill="#ffffff"/>
  163.                                                 <path id="Vector_17" d="M93.5234 50.9748V45.4404H95.0608L97.2806 49.054H96.4723L98.6284 45.4404H100.166L100.181 50.9748H98.4776L98.462 48.0014H98.731L97.2558 50.4756H96.4319L94.8945 48.0014H95.2272V50.9748H93.5234Z" fill="#ffffff"/>
  164.                                                 <path id="Vector_18" d="M100.484 50.9748L102.911 45.4404H104.75L107.176 50.9748H105.243L103.45 46.3256H104.179L102.387 50.9748H100.484ZM101.927 50.0105L102.403 48.6665H104.955L105.431 50.0105H101.927Z" fill="#ffffff"/>
  165.                                                 <path id="Vector_19" d="M108.405 50.9748V46.8868H106.779V45.4404H111.901V46.8868H110.275V50.9748H108.404H108.405Z" fill="#ffffff"/>
  166.                                                 <path id="Vector_20" d="M112.861 51.0543C112.565 51.0543 112.317 50.9582 112.116 50.7659C111.916 50.5737 111.814 50.3272 111.814 50.0265C111.814 49.7257 111.916 49.4761 112.116 49.2916C112.317 49.1072 112.565 49.0142 112.861 49.0142C113.156 49.0142 113.405 49.1072 113.605 49.2916C113.806 49.4761 113.907 49.7211 113.907 50.0265C113.907 50.3319 113.806 50.5737 113.605 50.7659C113.405 50.9582 113.156 51.0543 112.861 51.0543Z" fill="#ffffff"/>
  167.                                                 <path id="Vector_21" d="M116.896 50.9748V45.4404H118.768V49.5284H121.274V50.9748H116.898H116.896Z" fill="#ffffff"/>
  168.                                                 <path id="Vector_22" d="M121.264 50.975L123.69 45.4407H125.529L127.956 50.975H126.022L124.23 46.3258H124.959L123.166 50.975H121.264ZM122.706 50.0108L123.182 48.6667H125.734L126.21 50.0108H122.706ZM123.729 45.0531C123.529 45.0531 123.359 44.9895 123.222 44.864C123.086 44.7369 123.016 44.5694 123.016 44.3586C123.016 44.1478 123.084 43.9772 123.222 43.8486C123.359 43.7199 123.529 43.6548 123.729 43.6548C123.93 43.6548 124.099 43.7199 124.236 43.8486C124.373 43.9772 124.443 44.1478 124.443 44.3586C124.443 44.5694 124.374 44.7384 124.236 44.864C124.099 44.9911 123.93 45.0531 123.729 45.0531ZM125.489 45.0531C125.288 45.0531 125.119 44.9895 124.982 44.864C124.845 44.7369 124.775 44.5694 124.775 44.3586C124.775 44.1478 124.844 43.9772 124.982 43.8486C125.119 43.7199 125.288 43.6548 125.489 43.6548C125.689 43.6548 125.859 43.7199 125.996 43.8486C126.132 43.9772 126.202 44.1478 126.202 44.3586C126.202 44.5694 126.134 44.7384 125.996 44.864C125.859 44.9911 125.689 45.0531 125.489 45.0531Z" fill="#ffffff"/>
  169.                                                 <path id="Vector_23" d="M130.793 51.1023C129.943 51.1023 129.279 50.8729 128.803 50.414C128.328 49.9551 128.09 49.3118 128.09 48.4855V45.4424H129.961V48.4312C129.961 48.8529 130.038 49.1521 130.192 49.3288C130.345 49.5056 130.551 49.5939 130.81 49.5939C131.07 49.5939 131.281 49.5056 131.432 49.3288C131.583 49.1521 131.657 48.8529 131.657 48.4312V45.4424H133.496V48.4855C133.496 49.3133 133.258 49.9567 132.783 50.414C132.307 50.8729 131.643 51.1023 130.793 51.1023Z" fill="#ffffff"/>
  170.                                                 <path id="Vector_24" d="M134.354 50.9748V45.4404H138.865V46.848H136.225V50.9748H134.354ZM136.098 49.2044V47.7968H138.54V49.2044H136.098Z" fill="#ffffff"/>
  171.                                                 <path id="Vector_25" d="M140.702 50.9748V46.8868H139.076V45.4404H144.198V46.8868H142.572V50.9748H140.701H140.702Z" fill="#ffffff"/>
  172.                                                 <path id="Vector_26" d="M147.061 50.9748V45.4404H150.025C150.791 45.4404 151.357 45.5769 151.721 45.8481C152.086 46.1194 152.268 46.4667 152.268 46.8884C152.268 47.1674 152.19 47.417 152.035 47.6356C151.879 47.8542 151.652 48.0262 151.357 48.1533C151.062 48.2805 150.697 48.3425 150.263 48.3425L150.421 47.9162C150.855 47.9162 151.228 47.9766 151.544 48.0975C151.858 48.2185 152.102 48.3936 152.273 48.6231C152.444 48.8525 152.531 49.1285 152.531 49.4494C152.531 49.9284 152.332 50.3035 151.932 50.5717C151.533 50.8399 150.95 50.9748 150.184 50.9748H147.061ZM148.9 49.671H150.025C150.232 49.671 150.386 49.6338 150.488 49.561C150.591 49.4866 150.644 49.3796 150.644 49.237C150.644 49.0943 150.592 48.9874 150.488 48.913C150.384 48.8386 150.23 48.8029 150.025 48.8029H148.772V47.5689H149.772C149.983 47.5689 150.137 47.5333 150.235 47.4619C150.333 47.3906 150.381 47.2899 150.381 47.1581C150.381 47.0263 150.333 46.9178 150.235 46.8496C150.137 46.7814 149.983 46.7473 149.772 46.7473H148.9V49.6726V49.671Z" fill="#ffffff"/>
  173.                                                 <path id="Vector_27" d="M153.189 50.9748V45.4404H157.701V46.848H155.028V49.5672H157.803V50.9748H153.189ZM154.901 48.8401V47.496H157.374V48.8401H154.901Z" fill="#ffffff"/>
  174.                                                 <path id="Vector_28" d="M158.525 50.9748V45.4404H160.397V50.9748H158.525Z" fill="#ffffff"/>
  175.                                                 <path id="Vector_29" d="M166.332 51.1023C165.482 51.1023 164.818 50.8729 164.342 50.414C163.867 49.9551 163.629 49.3118 163.629 48.4855V45.4424H165.5V48.4312C165.5 48.8529 165.577 49.1521 165.731 49.3288C165.884 49.5056 166.09 49.5939 166.349 49.5939C166.609 49.5939 166.82 49.5056 166.971 49.3288C167.122 49.1521 167.196 48.8529 167.196 48.4312V45.4424H169.035V48.4855C169.035 49.3133 168.798 49.9567 168.322 50.414C167.846 50.8729 167.182 51.1023 166.332 51.1023Z" fill="#ffffff"/>
  176.                                                 <path id="Vector_30" d="M169.893 50.9748V45.4404H171.43L174.253 48.8091H173.539V45.4404H175.363V50.9748H173.825L171.002 47.6061H171.716V50.9748H169.893Z" fill="#ffffff"/>
  177.                                                 <path id="Vector_31" d="M178.335 51.102C177.87 51.102 177.421 51.0493 176.987 50.9439C176.554 50.8384 176.198 50.702 175.918 50.533L176.521 49.1735C176.785 49.327 177.081 49.4494 177.406 49.5409C177.731 49.6339 178.046 49.6789 178.352 49.6789C178.533 49.6789 178.674 49.6665 178.777 49.6432C178.879 49.62 178.955 49.5859 179.002 49.5409C179.05 49.4959 179.074 49.4417 179.074 49.3797C179.074 49.2789 179.018 49.1998 178.907 49.1425C178.797 49.0851 178.649 49.0355 178.467 48.9968C178.285 48.958 178.085 48.9146 177.869 48.8696C177.653 48.8247 177.434 48.7658 177.214 48.6914C176.995 48.617 176.795 48.5208 176.611 48.3984C176.428 48.2759 176.282 48.1178 176.171 47.9193C176.061 47.7225 176.005 47.476 176.005 47.1799C176.005 46.8373 176.101 46.5257 176.294 46.2435C176.487 45.9614 176.775 45.7366 177.158 45.5676C177.542 45.3987 178.018 45.3149 178.59 45.3149C178.965 45.3149 179.335 45.3537 179.7 45.4328C180.065 45.5118 180.392 45.6327 180.682 45.7971L180.12 47.1489C179.845 47.0125 179.579 46.9086 179.322 46.8404C179.066 46.7722 178.816 46.7381 178.573 46.7381C178.393 46.7381 178.251 46.7536 178.146 46.7861C178.04 46.8171 177.964 46.8605 177.92 46.9132C177.875 46.9659 177.853 47.0233 177.853 47.0869C177.853 47.1814 177.909 47.2574 178.02 47.3117C178.13 47.3675 178.278 47.414 178.46 47.4496C178.641 47.4868 178.842 47.5256 179.063 47.5674C179.282 47.6093 179.5 47.6682 179.717 47.7411C179.933 47.8155 180.134 47.9131 180.316 48.0341C180.497 48.155 180.645 48.3131 180.756 48.5084C180.866 48.7038 180.922 48.9456 180.922 49.2355C180.922 49.5735 180.825 49.8819 180.633 50.1641C180.44 50.4462 180.154 50.6726 179.773 50.8446C179.392 51.0167 178.913 51.102 178.338 51.102H178.335Z" fill="#ffffff"/>
  178.                                                 <path id="Vector_32" d="M182.386 51.0543C182.091 51.0543 181.842 50.9582 181.641 50.7659C181.441 50.5737 181.34 50.3272 181.34 50.0265C181.34 49.7257 181.441 49.4761 181.641 49.2916C181.842 49.1072 182.091 49.0142 182.386 49.0142C182.681 49.0142 182.93 49.1072 183.131 49.2916C183.331 49.4761 183.432 49.7211 183.432 50.0265C183.432 50.3319 183.331 50.5737 183.131 50.7659C182.93 50.9582 182.681 51.0543 182.386 51.0543Z" fill="#ffffff"/>
  179.                                             </g>
  180.                                         </g>
  181.                                     </g>
  182.                                 </svg>
  183.                             </div>
  184.                         </a>
  185.                         <div class="pr-2">
  186.                             <div class="mobile-menu__close">
  187.                                 <div></div>
  188.                                 <div></div>
  189.                             </div>
  190.                         </div>
  191.                     </div>
  192.                 </div>
  193.                 <div class="bg-blue-menulight mobile-menu-social shadow-card py-5">
  194.                     {{ pimcore_inc('/Snippets/basic-elemente/headerNav') }}
  195.                 </div>
  196.                 <div class="p-5 delay-250 mobile-menu__fade">
  197.                     <div class="bg-blue-menulight watermark p-5 font-bold">
  198.                         <div class="uppercase text-sm text-blue">Whats App Studio</div>
  199.                         <div class="text-2xl text-white">08841 487 782 50</div>
  200.                     </div>
  201.                 </div>
  202.                 <div class="overflow-scroll" style="overscroll-behavior: contain;">
  203.                     {% set tabindex = 1 %}
  204.                     {% for page in mainNavigation %}
  205.                         {% if page.isVisible() and menuRenderer.accept(page) %}
  206.                             {% set tabindex = tabindex + 1 %}
  207.                             {% set childCount = 0 %}
  208.                             {% for child in page.getPages() %}
  209.                                 {% if child.isVisible() %}
  210.                                     {% set childCount = childCount + 1 %}
  211.                                 {% endif %}
  212.                             {% endfor %}
  213.                             <div class="mobile-menu__item mobile-menu__fade {% if page.active %}active{% endif %}">
  214.                                 <div class="relative pr-5 pl-5">
  215.                                     <a href="{{ page.getHref() }}" class="text-2xl block px-5 pt-4 pb-2 font-mont-heavy nav-main {% if page.active %}active{% endif %} inline-block" tabindex="{{ tabindex }}">
  216.                                         {{ page.getLabel()|trans }}
  217.                                     </a>
  218.                                     {% if childCount > 0 %}
  219.                                         <div class="mobile-menu__item__arrow">
  220.                                             <div class="mobile-menu__item__arrow__inner">
  221.                                                 <i class="absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 rotate-90 icon-arrow-right"></i>
  222.                                             </div>
  223.                                         </div>
  224.                                     {% endif %}
  225.                                 </div>
  226.                                 {% if childCount > 0 %}
  227.                                     <div class="mobile-menu__sub bg-white" type="button" tabindex="{{ tabindex }}">
  228.                                         <div class="p-5">
  229.                                             {% for child in page.getPages() %}
  230.                                                 {% if child.isVisible() and menuRenderer.accept(child) %}
  231.                                                     <div class="pl-5">
  232.                                                         <a href="{{ child.getHref() }}" class="font-mont-heavy {% if child.active %}active{% endif %}">
  233.                                                             {{ child.getLabel()|trans }}
  234.                                                         </a>
  235.                                                     </div>
  236.                                                 {% endif %}
  237.                                             {% endfor %}
  238.                                         </div>
  239.                                     </div>
  240.                                 {% endif %}
  241.                             </div>
  242.                         {% endif %}
  243.                     {% endfor %}
  244.                 </div>
  245.             </div>
  246.         </div>
  247.     </nav>
  249. </header>