<!doctype html>
<html lang="{{ app.request.locale|slice(0, 2) }}" class="antialiased {% if editmode %}editmode{% endif %}">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link rel="shortcut icon" href="/favicon.png" type="image/png">
{% if not document is defined or not document %}
{% set document = pimcore_document(1) %}
{% endif %}
{% if document is instanceof('\\Pimcore\\Model\\Document\\Link') %}
{% set document = document.getObject() %}
{% endif %}
{% block title %}
{% if document.getTitle() is not empty %}
{% do pimcore_head_title().set(document.getTitle()) %}
{% endif %}
{% endblock %}
{% set title = pimcore_website_config('website-title', '', app.request.locale) %}
{% do pimcore_head_title().append(title) %}
{% do pimcore_head_title().setSeparator(' | ') %}
{% if document.getDescription() is not empty %}
{% do pimcore_head_meta().setDescription(document.getDescription()) %}
{% endif %}
{{ pimcore_head_title() }}
{{ pimcore_head_meta() }}
{% block structuredData %}
{% endblock %}
{% for css in encore_entry_css_files('app') %}
{% do pimcore_head_link().appendStylesheet(css) %}
{% endfor %}
{% block css %}
{% for file in encore_entry_css_files('app') %}
<link rel="stylesheet" data-turbo-track="reload" href="{{ asset(file) }}">
{% endfor %}
{% endblock %}
{{ pimcore_head_link() }}
<link rel="stylesheet" href="https://use.typekit.net/zvy2bkj.css">
<link href="https://cookie.pro-bit.de/cookie-consent.css" type="text/css" media="screen" rel="stylesheet" />
<script src="https://cookie.pro-bit.de/cookie-consent.js" type="text/javascript"></script>
{{ pimcore_head_script() }}
{% block javascripts %}
<script src="https://sdk.abowire.com/abowire.min.js"></script>
{% for file in encore_entry_js_files('app') %}
<script data-turbo-track="reload" src="{{ asset(file) }}" defer></script>
{% endfor %}
{% endblock %}
{% if pimcore_website_config('Google_Analytics_Key') and app.environment != 'dev' %}
<script type="text/plain" cookie-consent="tracking" cookie-type="google-analytics" defer>
{# console.log("OK -> tracking (google anlytics)"); #}
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', '{{ pimcore_website_config('Google_Analytics_Key') }}', 'auto');
ga('set', 'anonymizeIp', 'true');
ga('send', 'pageview');
</script>
{% endif %}
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8877488074707480"
crossorigin="anonymous"></script>
{# Browser ie11 Banner #}
<script defer>
var $buoop = {required:{e:-4,f:-3,o:-3,s:-1,c:-3},insecure:true,mobile:false,api:2020.07 };
function $buo_f(){
var e = document.createElement("script");
e.src = "//browser-update.org/update.min.js";
document.body.appendChild(e);
};
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
catch(e){window.attachEvent("onload", $buo_f)}
</script>
{# Elfsight Integration#}
{% if app.environment != "dev" %}
<script src="https://apps.elfsight.com/p/platform.js" defer></script>
{% endif %}
</head>
<body
data-controller="nav"
data-nav-sticky-class=""
data-nav-unsticky-class=""
class="relative bg-background text-font font-body">
<div class="flex flex-col max-w-full min-h-screen md:overflow-visible sm:h-full scroll-smooth">
{# PAGE HEADER #}
<header class="contents">
{% block topbar %}
{% include "layout/header/topbar.html.twig" %}
{% endblock %}
{% block header %}
{% include "layout/header/header.html.twig" %}
{% endblock %}
{% block section_navigation %}
{% include "layout/navigation/brick_navigation.html.twig" %}
{% endblock %}
</header>
{# END PAGE HEADER #}
{# PAGE CONTENT #}
<main class="{% block mainClasses %}{% endblock %} w-full flex-1 page-body">
{# {% for item in document.getEditable('team') %}
<pre>
{{ dump(item) }}
</pre>
{% endfor %} #}
{% block content %}
{% endblock %}
</main>
{# END PAGE CONTENT #}
{# PAGE FOOTER #}
<footer class="page-footer">
{% block footer %}
{% include "layout/footer/footer.html.twig" %}
{% endblock %}
{% block bar %}
{% include "layout/footer/bar.html.twig" %}
{% endblock %}
</footer>
{# END PAGE FOOTER #}
</div>
{# MOBILE MENU #}
{% block offcanvasmenu %}
<div class="relative offcanvas" data-nav-target="offcanvas">
<a class="fixed top-0 left-0 w-screen h-full opacity-75 z-1500 pointer offcanvas-background" data-action="nav#close"></a>
<div class="fixed top-0 right-0 w-screen h-full max-w-full overflow-y-auto z-1500 bg-neutral-900 md:w-1/2 offcanvas-nav">
<div class="flex flex-col h-full">
{% include "layout/navigation/canvasmenu.html.twig" %}
</div>
</div>
</div>
{% endblock %}
{# END MOBILE MENU #}
{# SCROLL TOP BUTTON #}
{% include "component/scroll-top.html.twig" %}
{# END SCROLL TOP BUTTON #}
{# {% if app.user %}
{% set id = app.user.id %}
<div data-mercure="{{ mercure(null, { subscribe: [
'user-' ~ id,
'user-' ~ id ~ '/{channel}',
] }) }}"></div>
{% endif %} #}
{% if app.user %}
<div data-controller="mercure"
data-mercure-hub-value="{{ mercure_hub }}"
data-mercure-topic-value="user-{{ app.user.id }}/notification">
</div>
{% endif %}
<div id="modalator" class="fixed z-1700"></div>
{% include "notification/toaster.html.twig" %}
</body>
<!-- 🐴 -->
</html>