<!DOCTYPE html>
<html xmlns="//www.w3.org/1999/xhtml" lang="{{ app.request.locale }}" xml:lang="{{ app.request.locale }}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- Font Awesome lokalisiert WBR 06.10.2022 -->
<link rel="stylesheet" href="{{ asset('/static/fonts/fontawesome-pro-6.3.0-web/css/all.min.css') }}"/>
{% 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().prepend('Stadtwerke Herne') %}
{% do pimcore_head_title().setSeparator(' :: ') %}
{# setting open graph tags #}
{% do pimcore_head_meta().setProperty('og:title', pimcore_head_title()) %}
{% do pimcore_head_meta().setProperty('og:type', 'document') %}
{% endapply %}
{% if pimcore_website_config('google_analytics_id') != '' %}
<script> const trackingId = '{{ pimcore_website_config('google_analytics_id') }}'; window.analyticsId= trackingId;</script>
{% endif %}
{{ pimcore_head_meta() }}
<meta name="msapplication-TileColor" content="#e3000f"/>
<meta name="theme-color" content="#ffffff"/>
{{ 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') }}"/>
{% if editmode %}
<link rel="stylesheet" href="{{ asset('/static/css/editmode.css') }}"/>
{% endif %}
<script type="module" defer src="{{ asset('/dist/main.js') }}"></script>
<script type="module" defer src="{{ asset('/dist/vue.js') }}"></script>
<link rel="stylesheet" href="{{ asset('/static/css/stwh_icons.css') }}"/>
<style>[x-cloak] {
display: none !important;
}</style>
</head>
<body>
<div class="relative">
<!-- START Areas -->
<main role="main" class="bg-white">
<div id="checkout-component"></div>
</main>
</div>
<script type="module" defer src="{{ asset('/dist/checkout.js') }}"></script>
</body>
</html>