{#
@deprecated tag:v6.5.0 - Announcement:
Bootstrap v5 comes with its own OffCanvas component.
This template will be adjusted to use Bootstraps OffCanvas markup.
@see https://getbootstrap.com/docs/5.1/components/offcanvas
#}
{% set isAjaxOffcanvas = false %}
{% block utilities_offcanvas_meta %}
{# only including this for robots to have appropriate meta tags and when offcanvas is loaded via ajax #}
{% if not app.request.xmlHttpRequest and isAjaxOffcanvas %}
{% sw_include '@Storefront/storefront/layout/meta.html.twig' %}
{% endif %}
{% endblock %}
{% block utilities_offcanvas %}
{# @deprecated tag:v6.5.0 - Bootstrap v5 adds `.offcanvas-header` wrapper #}
{% if feature('v6.5.0.0') %}
{% block utilities_offcanvas_header %}
<div class="offcanvas-header p-0">
{% block utilities_offcanvas_close %}
{# @deprecated tag:v6.5.0 - Bootstrap v5 will not require classes `.btn-block .sticky-top`. Only `.offcanvas-body` will be scrollable #}
<button style="background:#27282c !important" class="btn offcanvas-close js-offcanvas-close{% if not feature('v6.5.0.0') %} btn-block sticky-top{% endif %}">
{# {% block utilities_offcanvas_close_icon %}
{% sw_icon 'x' style { 'size': 'sm' } %}
{% endblock %} #}
<div style="display: inline-flex;align-items: center; margin: 0 auto;">
<div style="border:1px solid white;border-radius:25px; width: 45px;height: 45px;
text-align:center; padding-top:2px; margin-right:10px">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="15pt" height="15pt" viewBox="0 0 59.000000 59.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,59.000000) scale(0.100000,-0.100000)" fill="white" stroke="none">
<path d="M42 528 c-7 -7 -12 -17 -12 -23 0 -6 36 -46 79 -89 80 -79 103 -89
118 -50 4 11 -18 40 -73 95 -43 43 -83 79 -89 79 -6 0 -16 -5 -23 -12z"></path>
<path d="M252 307 c-127 -129 -232 -241 -232 -249 0 -19 20 -38 40 -38 8 0 62
47 120 105 l105 105 105 -105 c104 -104 124 -117 148 -93 24 24 10 45 -93 148
l-105 105 107 107 c92 92 106 111 97 126 -6 9 -22 18 -35 20 -20 2 -67 -40
-257 -231z"></path>
</g>
</svg>
</div><span style="font-size:10px; color:white !important; font-weight:bold;"> SCHLIEBEN</span>
</div>
{# {% block utilities_offcanvas_close_text %}
{{ "general.offcanvasCloseMenu"|trans|sw_sanitize }}
{% endblock %} #}
</button>
{% endblock %}
</div>
{% endblock %}
{% else %}
{{ block('utilities_offcanvas_close') }}
{% endif %}
{% block utilities_offcanvas_content_container %}
{# @deprecated tag:v6.5.0 - Bootstrap v5 will use class `.offcanvas-body` to wrap the offcanvas content #}
<div class="offcanvas-container-main" style="margin-left: auto; margin-right: auto; max-width: 1400px !important;">
<div class="{% if feature('v6.5.0.0') %}offcanvas-body{% else %}offcanvas-content-container{% endif %}">
{% block utilities_offcanvas_content %}{% endblock %}
</div>
</div>
{% endblock %}
{% endblock %}