templates/layouts/layout.html.twig line 1

Open in your IDE?
  1. {% apply spaceless %}
  3.     {# Page name #}
  4.     {% set pageName = pimcore_website_config('pageName', null, app.request.locale) %}
  6.     {# CSS styles #}
  7.     {% do pimcore_head_link().appendStylesheet(asset('assets/css/app.min.css')) %}
  8.         {# CSS new-stuff styles #} 
  9.         {% do pimcore_head_link().appendStylesheet(asset('assets/scss/new-stuff.css')) %}
  11.     {% if editmode %}
  12.         {% do pimcore_head_link().appendStylesheet(asset('assets/css/editmode.min.css')) %}
  13.     {% endif %}
  14.     
  15.     {# CSS styles #}
  16.     
  17.     {# JS Script #}
  18.     {% do pimcore_head_script().appendFile(asset('assets/js/app.min.js')) %}
  19.     {# JS Script #}
  21.     {# Title #}
  22.     {% do pimcore_head_title().set(document.getTitle()) %}
  23.     {% do pimcore_head_title().append(pageName) %}
  24.     {% if document.getTitle() %}
  25.         {% do pimcore_head_title().setSeparator(' | ') %}
  26.     {% endif %}
  28.     {# Meta-Tags  #}
  29.     {% do pimcore_head_meta().setDescription(document.getDescription()) %}
  31.     {% if app.request.schemeAndHttpHost  == "https://hodelundpartner.a4interactive.ch" %}
  32.         {% do pimcore_head_meta().setName('robots', 'noindex, follow') %}
  33.     {% else %}
  34.         {% do pimcore_head_meta().setName('robots', 'index, follow') %}
  35.     {% endif %}
  37.     {% do pimcore_head_meta().setName('language', app.request.locale) %}
  39.     {# OG-Tags #}
  40.     {% do pimcore_head_meta().setProperty('og:title', document.getTitle()) %}
  41.     {% do pimcore_head_meta().setProperty('og:description', document.getDescription()) %}
  42.     {% do pimcore_head_meta().setProperty('og:type', 'website') %}
  43.     {% do pimcore_head_meta().setProperty('og:url', app.request.uri) %}
  44.     {% do pimcore_head_meta().setProperty('og:locale', app.request.locale) %}
  45.     {% if document.getProperty('ogImage') %}
  46.         {% do pimcore_head_meta().setProperty('og:image', document.getProperty('ogImage').getThumbnail('OGimage') ) %}
  47.     {% else %}
  48.         {% do pimcore_head_meta().setProperty('og:image', asset('/assets/images/open-graph/Steinplatten-hin-zum-See.jpg')) %}
  49.     {% endif %}
  51. {% endapply %}
  52. <!DOCTYPE html>
  53. <html lang="{{ app.request.locale }}">
  54. <head>
  56.     <meta charset="UTF-8">
  57.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  59.     {# favicon start #}
  60.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('/assets/favicon/apple-touch-icon.png') }}">
  61.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('/assets/favicon/favicon-32x32.png') }}">
  62.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('/assets/favicon/favicon-16x16.png') }}">
  63.     <link rel="manifest" href="{{ asset('/assets/favicon/site.webmanifest') }}">
  64.     <link rel="mask-icon" href="{{ asset('/assets/favicon/safari-pinned-tab.svg') }}" color="#643e1b">
  65.     <link rel="shortcut icon" href="{{ asset('/assets/favicon/favicon.ico') }}">
  66.     <meta name="msapplication-TileColor" content="#da532c">
  67.     <meta name="msapplication-config" content="{{ asset('/assets/favicon/browserconfig.xml') }}">
  68.     <meta name="theme-color" content="#ffffff">
  69.     {# favicon end #}
  71.     {% block layout_head_meta deferred %}
  72.     {{ pimcore_head_title() }}
  73.     {{ pimcore_head_meta() }}
  74.     {% endblock %}
  76.     <link rel="canonical" href="{{ app.request.getSchemeAndHttpHost ~ app.request.baseUrl ~ app.request.pathInfo }}"/>
  78.     {% block head_stylesheets deferred %}
  79.     {{ pimcore_head_link() }}
  80.     {% endblock %}
  82.     {# window variables start #}
  83.     {% include 'includes/window-vars.html.twig' %}
  84.     {# window variables end #}
  86.     <meta name="google-site-verification" content="-wY5EgdPaMr4GvxgxQQV9pBxRVpAUYw7A3TztJstGUM" />
  88. </head>
  89. <body id="body" class="body {% if editmode %} editmode {% endif %}">
  91. {% if not editmode %}
  92.     <div class="navigation-container flex space-between" id="navigation-container">
  94.         <button class="menu-btn open">
  95.             <svg width="30" height="27" viewBox="0 0 30 27">
  96.                 <g transform="translate(-55 -28)">
  97.                     <rect width="30" height="3" transform="translate(55 28)" fill="#fff"/>
  98.                     <rect width="30" height="3" transform="translate(55 40)" fill="#fff"/>
  99.                     <rect width="30" height="3" transform="translate(55 52)" fill="#fff"/>
  100.                 </g>
  101.             </svg>
  102.         </button>
  104.         <div class="content" id="menu-content">
  105.             <div class="social-media flex">
  106.                 <div class="icon">
  107.                     <a href="https://www.whatsapp.com/channel/0029Vb3W4wwIXnlzXMgRHR1E">
  108.                         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  109.                             <path fill-rule="evenodd" clip-rule="evenodd" d="M17.5009 14.3804C17.2023 14.2318 15.7339 13.5128 15.4603 13.4132C15.1866 13.3136 14.9912 13.2646 14.7887 13.5618C14.5862 13.8591 14.017 14.5291 13.8434 14.7291C13.6699 14.929 13.4947 14.9524 13.1961 14.8069C12.3151 14.4568 11.5023 13.9565 10.7942 13.3284C10.1412 12.7275 9.58133 12.0337 9.13278 11.2694C8.95843 10.9721 9.11402 10.8111 9.26335 10.6624C9.39783 10.5294 9.56202 10.3154 9.71135 10.1418C9.83354 9.99079 9.93333 9.82308 10.0077 9.64382C10.0475 9.56188 10.0662 9.4713 10.0618 9.38036C10.0574 9.28942 10.0302 9.20101 9.98265 9.12324C9.90447 8.97461 9.31105 7.51168 9.06164 6.91639C8.81926 6.33666 8.57298 6.41526 8.39003 6.40592C8.20707 6.39658 8.01709 6.3958 7.81771 6.3958C7.66705 6.3996 7.5188 6.43432 7.38224 6.49779C7.24569 6.56125 7.12377 6.65211 7.02414 6.76465C6.6865 7.08301 6.41918 7.46787 6.2392 7.89471C6.05923 8.32155 5.97055 8.78102 5.9788 9.24385C6.07604 10.365 6.49993 11.4335 7.19849 12.3183C7.34782 12.5168 9.30401 15.5189 12.3001 16.806C12.856 17.0432 13.4241 17.251 14.0021 17.4285C14.6115 17.6128 15.2556 17.653 15.8833 17.546C16.299 17.4616 16.6927 17.2925 17.0396 17.0493C17.3865 16.8061 17.679 16.4941 17.8989 16.1329C18.0943 15.6888 18.1549 15.1976 18.0732 14.7197C17.995 14.596 17.7996 14.5213 17.5009 14.3727M12.0522 21.783H12.0483C10.2692 21.7833 8.52282 21.3073 6.99208 20.4049L6.6293 20.1909L2.86939 21.1745L3.87328 17.5257L3.63873 17.1515C2.46813 15.2948 1.95067 13.1036 2.16771 10.9223C2.38474 8.74102 3.32396 6.69338 4.83772 5.10128C6.35147 3.50918 8.35391 2.46291 10.5302 2.12694C12.7066 1.79098 14.9334 2.18438 16.8606 3.24529C18.7878 4.3062 20.3061 5.97447 21.1768 7.98783C22.0476 10.0012 22.2213 12.2455 21.6708 14.3678C21.1203 16.4902 19.8768 18.3703 18.1356 19.7126C16.3945 21.0548 14.2546 21.7832 12.0522 21.783ZM20.5063 3.48317C18.4561 1.44338 15.7309 0.214601 12.8381 0.0255755C9.94538 -0.16345 7.08218 0.700161 4.78152 2.45564C2.48087 4.21112 0.899529 6.73885 0.331883 9.56827C-0.235762 12.3977 0.248966 15.336 1.69583 17.8362L0 24L6.33298 22.3456C8.08531 23.2957 10.0489 23.7936 12.0444 23.7938H12.0491C14.4128 23.7926 16.7231 23.0942 18.6882 21.7868C20.6532 20.4794 22.1848 18.6216 23.0895 16.4483C23.9942 14.2749 24.2314 11.8834 23.7711 9.57588C23.3107 7.2684 22.1736 5.14848 20.5032 3.48395" fill="#dddad3"/>
  110.                         </svg>
  111.                     </a>
  112.                 </div>
  113.                 <div class="icon">
  114.                     <a href="https://www.instagram.com/hodelundpartnerag">
  115.                         <svg width="14.036" height="14.032" viewBox="0 0 14.036 14.032">
  116.                             <path id="Icon_awesome-instagram" data-name="Icon awesome-instagram"
  117.                                   d="M7.014,5.656a3.6,3.6,0,1,0,3.6,3.6A3.592,3.592,0,0,0,7.014,5.656Zm0,5.937A2.339,2.339,0,1,1,9.353,9.254,2.343,2.343,0,0,1,7.014,11.593ZM11.6,5.509a.839.839,0,1,1-.839-.839A.837.837,0,0,1,11.6,5.509Zm2.383.852a4.153,4.153,0,0,0-1.133-2.94,4.18,4.18,0,0,0-2.94-1.133c-1.159-.066-4.631-.066-5.79,0a4.174,4.174,0,0,0-2.94,1.13A4.166,4.166,0,0,0,.044,6.358c-.066,1.159-.066,4.631,0,5.79a4.153,4.153,0,0,0,1.133,2.94,4.185,4.185,0,0,0,2.94,1.133c1.159.066,4.631.066,5.79,0a4.153,4.153,0,0,0,2.94-1.133,4.18,4.18,0,0,0,1.133-2.94c.066-1.159.066-4.628,0-5.786Zm-1.5,7.03a2.368,2.368,0,0,1-1.334,1.334,15.465,15.465,0,0,1-4.136.282,15.585,15.585,0,0,1-4.136-.282A2.368,2.368,0,0,1,1.544,13.39a15.465,15.465,0,0,1-.282-4.136,15.586,15.586,0,0,1,.282-4.136A2.368,2.368,0,0,1,2.878,3.784,15.465,15.465,0,0,1,7.014,3.5a15.585,15.585,0,0,1,4.136.282,2.368,2.368,0,0,1,1.334,1.334,15.465,15.465,0,0,1,.282,4.136A15.456,15.456,0,0,1,12.484,13.39Z"
  118.                                   transform="translate(0.005 -2.238)" fill="#dddad3"/>
  119.                         </svg>
  120.                     </a>
  121.                 </div>
  122.                 <div class="icon">
  123.                     <a href="https://www.facebook.com/hodelundpartner">
  124.                         <svg width="8.625" height="16.032" viewBox="0 0 8.625 16.032">
  125.                             <path id="Icon_zocial-facebook" data-name="Icon zocial-facebook"
  126.                                   d="M13.257,8.609V5.547h2.469V4.008A4.029,4.029,0,0,1,16.808,1.17,3.441,3.441,0,0,1,19.429,0h2.453V3.062H19.429A.54.54,0,0,0,19,3.327a1.074,1.074,0,0,0-.192.649V5.547h3.078V8.609H18.8v7.423H15.726V8.609Z"
  127.                                   transform="translate(-13.257)" fill="#dddad3"/>
  128.                         </svg>
  129.                     </a>
  130.                 </div>
  132.                 <div class="icon">
  133.                     <a href="https://www.tiktok.com/@hodelundpartner">
  134.                         <svg width="13.767" height="15.847" viewBox="0 0 13.767 15.847">
  135.                             <path id="Icon_simple-tiktok" data-name="Icon simple-tiktok" d="M9.6.013C10.464,0,11.322.007,12.181,0a4.113,4.113,0,0,0,1.155,2.753,4.656,4.656,0,0,0,2.8,1.182V6.6a7.067,7.067,0,0,1-2.773-.64,8.158,8.158,0,0,1-1.07-.614c-.007,1.928.007,3.856-.013,5.777a5.043,5.043,0,0,1-.891,2.6,4.919,4.919,0,0,1-3.9,2.119,4.814,4.814,0,0,1-2.694-.68,4.979,4.979,0,0,1-2.41-3.77c-.013-.33-.02-.66-.007-.984A4.971,4.971,0,0,1,8.14,6c.013.977-.026,1.954-.026,2.932a2.265,2.265,0,0,0-2.892,1.4,2.619,2.619,0,0,0-.092,1.063A2.247,2.247,0,0,0,7.44,13.285a2.218,2.218,0,0,0,1.829-1.063,1.523,1.523,0,0,0,.271-.7c.066-1.182.04-2.357.046-3.539C9.593,5.322,9.579,2.667,9.6.013Z" transform="translate(-2.369)" fill="#dddad3"/>
  136.                         </svg>
  138.                     </a>
  139.                 </div>
  140.                 <div class="icon">
  141.                     <a href="https://www.linkedin.com/company/hodel-partner-ag">
  142.                         <svg width="13.35" height="13.35" viewBox="0 0 13.35 13.35">
  143.                             <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M2.988,13.35H.221V4.437H2.988ZM1.6,3.222A1.61,1.61,0,1,1,3.206,1.6,1.616,1.616,0,0,1,1.6,3.222ZM13.347,13.35H10.585V9.011c0-1.034-.021-2.36-1.439-2.36-1.439,0-1.659,1.123-1.659,2.286V13.35H4.722V4.437H7.376V5.653h.039a2.908,2.908,0,0,1,2.619-1.439c2.8,0,3.316,1.845,3.316,4.24v4.9Z" transform="translate(0 0)" fill="#dddad3"/>
  144.                         </svg>
  146.                     </a>
  147.                 </div>
  148.             </div>
  150.             <div class="search">
  151.                 <form class="search-form flex" id="navigation-search-form" action="{{ document.getProperty('search') }}"
  152.                       name="q" novalidate="" _lpchecked="1">
  153.                     <input class="search-input" id="navigation-search-input" type="text" name="q" value=""
  154.                            placeholder="{{ 'Suche' | trans }}..." required="">
  155.                     <button type="submit" id="search-submit">
  156.                         <svg width="20" height="20.005" viewBox="0 0 20 20.005">
  157.                             <path
  158.                                 d="M24.265,23.05,18.7,17.436a7.927,7.927,0,1,0-1.2,1.219l5.526,5.578a.856.856,0,0,0,1.208.031A.862.862,0,0,0,24.265,23.05ZM12.474,18.722A6.259,6.259,0,1,1,16.9,16.889,6.221,6.221,0,0,1,12.474,18.722Z"
  159.                                 transform="translate(-4.5 -4.493)" fill="#dddad3"/>
  160.                         </svg>
  161.                     </button>
  162.                 </form>
  163.             </div>
  164.             {% include 'includes/top-header.html.twig' %}
  165.             {% include 'includes/navigation.html.twig' %}
  167.             <button class="menu-btn close">
  168.                 <svg width="42" height="31.82" viewBox="0 0 42 31.82">
  169.                     <g transform="translate(0 1.061)">
  170.                         <line x2="42" transform="translate(36.698 0) rotate(135)" fill="none" stroke="#fffaef"
  171.                               stroke-width="3"/>
  172.                         <line x2="42" transform="translate(7 0) rotate(45)" fill="none" stroke="#fffaef"
  173.                               stroke-width="3"/>
  174.                         <line x2="42" transform="translate(0 14)" fill="none" stroke="#fffaef" stroke-width="3"
  175.                               opacity="0"/>
  176.                     </g>
  177.                 </svg>
  178.             </button>
  180.         </div>
  181.         <a class="hav-logo" href="/">
  182.             <img src="{{ asset('assets/logo/hodel-partner_negativ.svg') }}" alt="Hodel & Partner Gartenunternehmen" width="220" height="49">
  183.         </a>
  184.     </div>
  185. {% endif %}
  187. {% if not editmode %}
  188.     {{ include('includes/blocks/cookies-eu-banner.html.twig') }}
  189. {% endif %}
  191. {# -- block Content START -- #}
  192. <div class="wrapper-body">
  193.     {# {{ include('areas/sticky-buttons/view.html.twig') }} #}
  194.     {{ block('content') }}
  195.     {% if document.id == 1 %}
  196.         {{ pimcore_inc(document.getProperty('modal')) }}
  197.         {% else %}
  198.         <div style="opacity: 0; pointer-events: none;">
  199.             {{ pimcore_inc(document.getProperty('modal')) }}
  200.         </div>
  201.     {% endif %}
  202. </div>
  203. {# -- block Content END -- #}
  207. {# footer START #}
  208. {{ pimcore_inc(document.getProperty('footer')) }}
  209. {# footer END #}
  211. <button onclick="topFunction()" id="backToTopBtn" class="to-top" title="Go to top">
  212.     <img src="{{ asset('assets/images/Icon_nachoben.svg') }}" alt="Nach Oben">
  213. </button>
  215. {% block headscripts deferred %}
  216. {# {{ pimcore_head_script() | raw }} #}
  217. {{ pimcore_head_script() }}
  218. {% endblock %}
  221. </body>
  222. </html>