{% for areaName,areaDefinition in config.areas %}
{% set classes = [] %}
{% for breakpoint,grid in areaDefinition.grid_position %}
{% if breakpoint == 'xs' %}
{% set breakpoint = '' %}
{% else %}
{% set breakpoint = breakpoint ~ '-' %}
{% endif %}
{% if grid.0 %}
{% set classes = classes|merge(['cssgrid-column-start-' ~ breakpoint ~ grid.0]) %}
{% endif %}
{% if grid.1 %}
{% set classes = classes|merge(['cssgrid-column-end-' ~ breakpoint ~ grid.1]) %}
{% endif %}
{% if grid.0 and grid.1 %}
{% set classes = classes|merge(['cssgrid-column-span-' ~ breakpoint ~ (grid.1-grid.0)]) %}
{% endif %}
{% if not editmode %}
{% if grid.2 %}
{% set classes = classes|merge(['cssgrid-row-start-' ~ breakpoint ~ grid.2]) %}
{% endif %}
{% if grid.3 %}
{% set classes = classes|merge(['cssgrid-row-end-' ~ breakpoint ~ grid.3]) %}
{% endif %}
{% if grid.2 and grid.3 %}
{% set classes = classes|merge(['cssgrid-row-span-' ~ breakpoint ~ (grid.3-grid.2)]) %}
{% endif %}
{% endif %}
{% endfor %}
{% if editmode and areaDefinition.editmode_wrapper is defined %}
{% set wrapper = areaDefinition.editmode_wrapper %}
{% set outerClass = classes|join(' ') %}
{% elseif areaDefinition.wrapper is defined %}
{% set wrapper = areaDefinition.wrapper %}
{% set outerClass = classes|join(' ') %}
{% else %}
{% set wrapper = [{tag:'div',class:classes|join(' ')}] %}
{% set outerClass = null %}
{% endif %}
{% import '@FoxHabbitBasis/Macro/wrap.html.twig' as wrap_macro %}
{{ wrap_macro.wrapperOpen( wrapper, _context, outerClass) }}
{% include '@FoxHabbitBasis/Areas/parts/basisbundle-part-cssgrid-predefined/content-' ~ areaDefinition.content ~ '.html.twig' %}
{{ wrap_macro.wrapperClose( wrapper) }}
{% endfor %}
{#{ pimcore_areablock('s',{controlsAlign:'right',allowed:['basisbundle-cssgrid-cell'],params:{'basisbundle-cssgrid-cell':{forceEditInView:true}}}) }#}