{% block block_breadcrumb %}
{# hide the default breadcrumb if this content element placed in to page #}
<style type="text/css">
/*.container-main .breadcrumb:not(.cms-block-breadcrumb .breadcrumb) {*/
/* display: none;*/
/*}*/
</style>
{% set category = page.header.navigation.active %}
{% set product = page.product.active %}
{% if product %}
<ul class="breadcrumbcustom">
{% for breadcrumb in category.translated['breadcrumb'] %}
{% if breadcrumb == "Home" %}
<li>
<a href="/">{{ breadcrumb }}</a>>
</li>
{% else %}
<li>
<a href="/{{ breadcrumb|replace({'ä': "ae", "ö" : "oe", "ü" : "ue", "Ä" : "Ae", "Ö" : "Oe", "Ü" : "Ue", "ß" : "ss"}) }}/">{{ breadcrumb }}</a>>
</li>
{% endif %}
{% if loop.last %}
<li>
<a> {{ page.product.translated.name }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
{% else %}
{% if category %}
<ul class="breadcrumbcustom">
{% for breadcrumb in category.translated['breadcrumb'] %}
{% if breadcrumb == "Home" %}
<li>
<a href="/">{{ breadcrumb }}</a>>
</li>
{% else %}
<li>
<a href="/{{ breadcrumb|replace({'ä': "ae", "ö" : "oe", "ü" : "ue", "Ä" : "Ae", "Ö" : "Oe", "Ü" : "Ue", "ß" : "ss"}) }}/">{{ breadcrumb }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
{% endif %}
{% endblock %}