/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Unexpected "{"
Line 16:3 Expected identifier but found "'ADLOCA_26-section-hero-split.css'"
Line 17:0 Unexpected "{"
Line 17:1 Unexpected "{"
Line 17:3 Expected identifier but found "'header-transparent.css'"
Line 19:0 Unexpected "{"
Line 19:1 Expected identifier but found "%"
Line 20:12 Unexpected "{"
Line 20:21 Expected ":"
... and 82 more hidden warnings

**/
{{ 'ADLOCA_26-section-hero-split.css' | asset_url | stylesheet_tag }}
{{ 'header-transparent.css' | asset_url | stylesheet_tag }}

{%- style -%}
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }
  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }
{%- endstyle -%}

{%- if section.settings.force_header_bg -%}
  <script>
    (function() {
      var header = document.querySelector('.header-wrapper');
      if (header) {
        header.classList.add('header-wrapper__hidden');
      }
    })();
  </script>
{%- endif -%}

<div class="hero-split section-{{ section.id }}-padding{% if section.settings.image_position == 'right' %} hero-split--image-right{% endif %}{% if section.settings.hide_image_mobile %} hero-split--hide-image-mobile{% endif %}">
  <div class="hero-split__image">
    {%- if section.settings.image != blank -%}
      {%- assign img_sizes = '(min-width: 750px) 50vw, 100vw' -%}
      {%- assign img_widths = '375, 550, 750, 1100, 1500' -%}
      {%- assign img_alt = section.settings.image.alt | escape -%}
      {{ section.settings.image | image_url: width: 1500 | image_tag:
        loading: 'eager',
        fetchpriority: 'high',
        sizes: img_sizes,
        widths: img_widths,
        alt: img_alt,
        class: 'hero-split__img'
      }}
    {%- else -%}
      <div class="hero-split__placeholder">
        {{ 'lifestyle-2' | placeholder_svg_tag: 'placeholder-svg' }}
      </div>
    {%- endif -%}
  </div>

  <div class="hero-split__content" style="background-color: {{ section.settings.content_bg_color }}; min-height: {{ section.settings.min_height }}px;">
    <div class="hero-split__content-inner">
      {%- if section.settings.heading != blank -%}
        <h2 class="hero-split__heading {{ section.settings.heading_size }}" style="color: {{ section.settings.heading_color }};">
          {{ section.settings.heading | escape }}
        </h2>
      {%- endif -%}

      {%- if section.settings.description != blank -%}
        <p class="hero-split__description" style="color: {{ section.settings.description_color }};">
          {{ section.settings.description | escape }}
        </p>
      {%- endif -%}

      {%- if section.settings.button_label_1 != blank or section.settings.button_label_2 != blank -%}
        <div class="hero-split__buttons">
          {%- if section.settings.button_label_1 != blank -%}
            <a
              href="{{ section.settings.button_link_1 }}"
              class="button hero-split__button-1"
              style="color: {{ section.settings.button_color_1 }}; background-color: {{ section.settings.button_bg_1 }};"
            >
              {{ section.settings.button_label_1 | escape }}
            </a>
          {%- endif -%}
          {%- if section.settings.button_label_2 != blank -%}
            <a
              href="{{ section.settings.button_link_2 }}"
              class="button hero-split__button-2"
              style="color: {{ section.settings.button_color_2 }}; background-color: {{ section.settings.button_bg_2 }}; border: 1px solid {{ section.settings.button_color_2 }};"
            >
              {{ section.settings.button_label_2 | escape }}
            </a>
          {%- endif -%}
        </div>
      {%- endif -%}
    </div>
  </div>
</div>

{% schema %}
{
  "name": "Hero Split",
  "tag": "section",
  "class": "section",
  "disabled_on": {
    "groups": ["header", "footer"]
  },
  "settings": [
    {
      "type": "header",
      "content": "Bild"
    },
    {
      "type": "image_picker",
      "id": "image",
      "label": "Bild"
    },
    {
      "type": "select",
      "id": "image_position",
      "label": "Bild Position",
      "options": [
        { "value": "left", "label": "Links" },
        { "value": "right", "label": "Rechts" }
      ],
      "default": "left"
    },
    {
      "type": "header",
      "content": "Text"
    },
    {
      "type": "text",
      "id": "heading",
      "label": "Überschrift",
      "default": "Acht Schnitzel-Gerichte – Vielfalt auf dem Teller, ohne Kochen"
    },
    {
      "type": "select",
      "id": "heading_size",
      "label": "Überschrift Größe",
      "options": [
        { "value": "h2", "label": "Klein" },
        { "value": "h1", "label": "Mittel" },
        { "value": "h0", "label": "Groß" }
      ],
      "default": "h1"
    },
    {
      "type": "color",
      "id": "heading_color",
      "label": "Überschrift Farbe",
      "default": "#1a1a1a"
    },
    {
      "type": "textarea",
      "id": "description",
      "label": "Beschreibung",
      "default": "Die besten Sorten aus der HOFMANNs Manufaktur. Tiefgekühlt geliefert, schnell zubereitet, immer lecker."
    },
    {
      "type": "color",
      "id": "description_color",
      "label": "Beschreibung Farbe",
      "default": "#4a4a4a"
    },
    {
      "type": "color",
      "id": "content_bg_color",
      "label": "Text-Hintergrundfarbe",
      "default": "#ffffff"
    },
    {
      "type": "header",
      "content": "Button 1"
    },
    {
      "type": "text",
      "id": "button_label_1",
      "label": "Button Text",
      "default": "Jetzt entdecken"
    },
    {
      "type": "url",
      "id": "button_link_1",
      "label": "Button Link"
    },
    {
      "type": "color",
      "id": "button_color_1",
      "label": "Button Textfarbe",
      "default": "#ffffff"
    },
    {
      "type": "color",
      "id": "button_bg_1",
      "label": "Button Hintergrund",
      "default": "#1a1a1a"
    },
    {
      "type": "header",
      "content": "Button 2 (optional)"
    },
    {
      "type": "text",
      "id": "button_label_2",
      "label": "Button Text"
    },
    {
      "type": "url",
      "id": "button_link_2",
      "label": "Button Link"
    },
    {
      "type": "color",
      "id": "button_color_2",
      "label": "Button Textfarbe",
      "default": "#1a1a1a"
    },
    {
      "type": "color",
      "id": "button_bg_2",
      "label": "Button Hintergrund",
      "default": "#ffffff"
    },
    {
      "type": "header",
      "content": "Layout"
    },
    {
      "type": "range",
      "id": "min_height",
      "label": "Mindesthöhe",
      "min": 300,
      "max": 700,
      "step": 10,
      "default": 450,
      "unit": "px"
    },
    {
      "type": "checkbox",
      "id": "hide_image_mobile",
      "label": "Bild auf Mobile ausblenden",
      "default": false
    },
    {
      "type": "checkbox",
      "id": "force_header_bg",
      "label": "Header Hintergrund erzwingen",
      "default": true,
      "info": "Aktivieren, wenn die Navigation auf hellem Hintergrund nicht lesbar ist."
    },
    {
      "type": "color",
      "id": "header_bg_color",
      "label": "Header Hintergrundfarbe",
      "default": "#ffffff"
    },
    {
      "type": "range",
      "id": "padding_top",
      "label": "Oberes Padding",
      "min": 0,
      "max": 100,
      "step": 4,
      "default": 0,
      "unit": "px"
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "label": "Unteres Padding",
      "min": 0,
      "max": 100,
      "step": 4,
      "default": 0,
      "unit": "px"
    }
  ],
  "presets": [
    {
      "name": "Hero Split",
      "settings": {
        "heading": "Acht Schnitzel-Gerichte – Vielfalt auf dem Teller, ohne Kochen",
        "description": "Die besten Sorten aus der HOFMANNs Manufaktur. Tiefgekühlt geliefert, schnell zubereitet, immer lecker.",
        "button_label_1": "Jetzt entdecken",
        "button_label_2": "Mehr erfahren"
      }
    }
  ]
}
{% endschema %}