{% extends 'base.html.twig' %}{% block page_title %}{{ 'storefront.title'|resolve|striptags }} | Kategorien{% endblock %}{% block head_custom_stylesheets %}{{ encore_entry_link_tags('hero-header') }}{{ encore_entry_link_tags('category') }}{% endblock head_custom_stylesheets %}{% block content %}<div class="container-3xl my-5 mt-sm-6 mb-sm-4"><div class="row"><div class="col-12"><h1 class="ornament-with-child">{{ 'category.page.headline'|resolve }}</h1>{{ 'category.page.description'|resolve }}</div></div></div><div class="container-3xl mb-6">{% for category_batch in tenant.categories|batch(4) %}<div class="row nth-group">{% for category in category_batch %}<div class="col-12 col-md-6 nth-group-item"><div class="mb-4 nth-group-item-background position-relative d-flex flex-column justify-content-between overflow-hidden p-5 min-h-24">{% if category.listImage %}<img class="d-none d-md-block position-absolute end--2 product-image" src="/images/{{ category.listImage }}" alt="{{ category.name }}" class="img-fluid">{% else %}<img width="64" class="d-none d-md-block position-absolute opacity-25 end--2 product-image" src="{{ asset('build/images/icons/box.svg') }}" alt="{{ category.name }}" class="img-fluid">{% endif %}<div class="row"><div class="col-12 col-sm-8"><h4 class="mb-4">{{ category.name }}</h4><p class="text-break line-clamp clamp-4">{{ category.description }}</p>{% if category.listImage %}<img class="d-md-none mx-auto w-75 mb-4 mb-sm-0" src="/images/{{ category.listImage }}" alt="{{ category.name }}" class="img-fluid">{% else %}<img width="64" class="d-md-none mx-auto w-75 mb-4 mb-sm-0 opacity-25" src="{{ asset('build/images/icons/box.svg') }}" alt="{{ category.name }}" class="img-fluid">{% endif %}</div></div><a href="{{ path('products', {categoryId: category.id}) }}" class="d-flex justify-content-end align-items-center text-decoration-none fw-bold"><span class="me-2">Zur Produktübersicht</span><i class="fas fa-arrow-right"></i></a></div></div>{% endfor %}</div>{% endfor %}</div>{% endblock %}