<!DOCTYPE html>
<html xmlns="//www.w3.org/1999/xhtml" lang="{{ app.request.locale }}" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
{% apply spaceless %}
{% do pimcore_head_link().appendStylesheet(asset('/dist/style.css'), 'screen') %}
{% do pimcore_head_script().appendFile(asset('/dist/index.js')) %}
{% if not editmode %}
{# % do pimcore_head_script().appendFile(asset('static/js/frontend.js')) % #}
{% endif %}
{% 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 %}
{% if document.getTitle() is not empty %}
{% do pimcore_head_title().set(document.getTitle()) %}
{% endif %}
{% if document.getDescription() is not empty %}
{% do pimcore_head_meta().setDescription(document.getDescription()) %}
{% endif %}
{% do pimcore_head_title().append('Stadtwerke Herne') %}
{% do pimcore_head_title().setSeparator(' | ') %}
{# setting open graph tags #}
{% do pimcore_head_meta().setProperty('og:title', document.getTitle()) %}
{% do pimcore_head_meta().setProperty('og:type', 'document') %}
{% endapply %}
{{ pimcore_head_meta() }}
<meta name="msapplication-TileColor" content="#e3000f"/>
<meta name="theme-color" content="#ffffff"/>
<meta name="facebook-domain-verification" content="qu7sk4w6oc8574lnkq9mpe91f77bog" />
{{ pimcore_head_title() }}
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"/>
<link rel="manifest" href="/favicons/site.webmanifest"/>
<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#e3000f"/>
<link rel="stylesheet" href="{{ asset('/dist/style.css') }}"/>
<link rel="stylesheet" href="{{ asset('/static/css/stwh_icons.css') }}"/>
{% if editmode %}
<link rel="stylesheet" href="{{ asset('/static/css/editmode.css') }}"/>
{% endif %}
<!-- Font Awesome lokalisiert WBR 06.10.2022 -->
<link rel="stylesheet" href="{{ asset('/static/fonts/fontawesome-pro-6.3.0-web/css/all.min.css') }}"/>
<script type="module" defer src="{{ asset('/dist/main.js') }}"></script>
<script type="module" defer src="{{ asset('/dist/vue.js') }}"></script>
<script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-version="preview" data-settings-id="AN5alNPeL" async></script>
<script>
window.ucEvents = [];
</script>
{# {% if pimcore_website_config('usercentrics-cmp') != '' %}#}
{# <script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="{{ pimcore_website_config('usercentrics-cmp') }}" async></script>#}
{# {% endif %}#}
<script type="text/plain" data-usercentrics="Google Tag Manager">
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NMW9SR3');
</script>
{% if pimcore_website_config('google_analytics_id') != '' %}
<script> const trackingId = '{{ pimcore_website_config('google_analytics_id') }}'; window.analyticsId= trackingId;</script>
{% endif %}
<style>
[x-cloak] {
display: none !important;
}
@font-face {
font-family: 'ffInfo';
src: url('{{ asset('/static/chatbot/ffinfo.6bf2c41b.woff') }}') format('woff');
}
.minimizable-web-chat>.chat-box,
.minimizable-web-chat>button {
z-index: 1000000;
}
@media only screen and (max-width: 1024px) {
.minimizable-web-chat>button.maximize {
right: 0px !important;
bottom: 0px !important;
position: relative !important;
}
}
</style>
<link rel="stylesheet" href="{{ asset('/static/chatbot/main.8bfa9c58.chunk.css') }}">
<link rel="stylesheet" href="{{ asset('/static/chatbot/webchat-standpunkt.css') }}">
<meta name="botframework-directlinespeech:version" content="4.8.1">
<meta name="botframework-webchat:bundle:variant" content="full">
<meta name="botframework-webchat:bundle:version" content="4.8.1">
<meta name="botframework-webchat:core:version" content="4.8.1">
<meta name="botframework-webchat:ui:version" content="4.8.1">
<script async type="text/javascript" src="{{ asset('/static/EyeAble/public/www.stadtwerke-herne.de.js') }}"></script>
<script async type="text/javascript" src="{{ asset('/static/EyeAble/public/js/eyeAble.js') }}"></script>
<script>let eA_top = "200px"; let eA_side = "right";</script>
</head>
<body>
<noscript>
<iframe name="google-tagmanager" src="https://www.googletagmanager.com/ns.html?id=GTM-NMW9SR3" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<div class="relative">
<!-- START Hauptmenü -->
{% if not editmode %}
{% include 'includes/header.html.twig' %}
{% endif %}
<!-- ENDE Hauptmenü -->
<!-- START Areas -->
<main role="main">
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="alert alert-{{ label }} alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
{{ message }}
</div>
{% endfor %}
{% endfor %}
<article>
{{ block('content') }}
</article>
</main>
<!-- ENDE Areas -->
<!-- START Footer -->
{% if not editmode %}
{% if document.getProperty('Netzfooter') %}
{{ pimcore_inc(document.getProperty('Netzfooter')) }}
{% else %}
{{ pimcore_inc('/includes/footer') }}
{% endif %}
{% endif %}
<!-- ENDE Footer -->
<!-- START Modals -->
{% if not editmode %}
{{ pimcore_inc('/includes/modals') }}
{% endif %}
<!-- ENDE Modals -->
{% if not editmode %}
{{ pimcore_inc(document.getProperty('popup')) }}
{% endif %}
<!-- id="bot" and id="bot-standpunkt-mobile", both start the chatbot. this is one of them
see public/static/chatbot/README.md for documentation -->
<div class="block" style="z-index:1000000">
<!--
<script async defer src="//stable.loyjoy.com/widget.js?process=cec489e4-0ccb-422d-90dd-3f1316d74a5c" data-usercentrics="LoyJoy"></script>
-->
</div>
</div>
</body>
</html>