<div class="container-desktop-vertical-margin" {% render 'overwrite-theme-style', desktop_settings: section.settings %}>
<div class="container-mobile-vertical-margin" {% render 'overwrite-theme-style', settings: section.settings %}>
<div class="container seo-texts">

    {%- for block in section.blocks -%}
        <div class="seo-texts-block">
            <h3 style="color: {{ section.settings.headline_color | color_to_hex }};">{{ block.settings.headline }}</h3>
            <span style="color: {{ section.settings.text_color | color_to_hex }};">{{ block.settings.text }}</span>
        </div>
    {%- endfor -%}

</div>
</div>
</div>

{% schema %}
{
    "name": "t:sections.section-seo-texts.name",
    "settings": [
        {
            "type": "color",
            "id": "headline_color",
            "label": "t:sections.section-seo-texts.settings.headline_color"
        },
        {
            "type": "color",
            "id": "text_color",
            "label": "t:sections.section-seo-texts.settings.text_color"
        },
        {
            "type": "header",
            "content": "t:sections.general.mobile_margin"
        },
        {
            "type": "range",
            "id": "overwrite_theme_margin_top",
            "label": "t:sections.section-compare-table.settings.overwrite_theme_margin_top",
            "min": -20,
            "max": 70,
            "step": 1,
            "unit": "px",
            "default": 30
        },
        {
            "type": "range",
            "id": "overwrite_theme_margin_bottom",
            "label": "t:sections.section-compare-table.settings.overwrite_theme_margin_bottom",
            "min": -20,
            "max": 70,
            "step": 1,
            "unit": "px",
            "default": 30
        },
        {
            "type": "header",
            "content": "t:sections.section-compare-table.settings.desktop_margin"
        },
        {
            "type": "range",
            "id": "desktop_margin_top",
            "label": "t:sections.section-compare-table.settings.desktop_margin_top",
            "min": -200,
            "max": 200,
            "step": 5,
            "unit": "px",
            "default": 50
        },
        {
            "type": "range",
            "id": "desktop_margin_bottom",
            "label": "t:sections.section-compare-table.settings.desktop_margin_bottom",
            "min": -200,
            "max": 200,
            "step": 5,
            "unit": "px",
            "default": 50
        }
    ],
    "blocks": [
        {
            "type": "text",
            "name": "t:sections.section-seo-texts.blocks.text.name",
            "settings": [
                {
                    "type": "text",
                    "id": "headline",
                    "label": "t:sections.section-seo-texts.blocks.text.settings.headline"
                },
                {
                    "type": "richtext",
                    "id": "text",
                    "label": "t:sections.section-seo-texts.blocks.text.settings.text"
                }
            ]
        }
    ],
    "presets": [
        {
            "name": "t:sections.section-seo-texts.name"
        }
    ]
}
{% endschema %}