{% extends 'templates/layouts/page.njk' %}

{% set pageConfig = {
  useLayoutBottom: true
} %}

{% set pageProps = {
  h1: 'Anfahrt & Parken'
} %}

{% block content %}
  {% from 'components/rte/rte.njk' import RTE %}
  {% import 'components/info-box/info-box.njk' as InfoBoxBuilder %}

  {{ Image({
    className: 'image--widescreen',
    sources: [
      { media: '1280', size: '1920x1120' },
      { media: '992', size: '1280x745' },
      { media: '768', size: '992x580' }
    ],
    image: {
      src: '768x447'
    }
  }) }}

  {% call Section({
    containerClassName: 'container container--xl',
    title: false,
    teaser: false
  }) %}
    {{ InfoBoxBuilder.InfoBoxList({
      items: [
        { image: 'parking.png', title: 'Parkplätze' },
        { image: 'bus.png', title: 'Bus' },
        { image: 'train.png', title: 'Bahn' }
      ]
    }) }}
  {% endcall %}
{% endblock %}

{% block layoutBottom %}
  {% from 'components/maps/maps.njk' import ContactMapSection %}

  {{ ContactMapSection() }}
{% endblock %}