= content_for :banner_image do
  -if banner_event
    .banner.ribbon-image-wrapper
      - cache cache_key_for_banner_event(banner_event) do
        = link_to banner_event, id: 'banner-image-link' do
          - if banner_event.is_a?(Event)
            = render 'events/corner_ribbon', event: banner_event
          - else
            .ribbon-long-wrapper
              .ribbon.blue
                = t('layouts.application.menu.blog')
          = background_image_helper "banner-image", banner_event.image_or_default, size: :large do
            - if banner_event.is_a?(Event)
              .container
                .image-text{ class: banner_event.banner_alignment }
                  .wrapper
                    .font-elem.date{ style: "color: #{banner_event.primary_color}" }
                      = l banner_event.start_time, format: :short_date
                  .wrapper
                    .front-elem.where{ style: "color: #{banner_event.primary_color}" }
                      = "%s @ %s" % [t_event_type(banner_event), banner_event.area_title]
                  .wrapper
                    .front-elem.title{ style: "color: #{banner_event.secondary_color}" }
                      = banner_event.title

= content_for :banner_image do
  -if banner_event
    .banner.ribbon-image-wrapper
      - cache cache_key_for_banner_event(banner_event) do
        = link_to banner_event, id: 'banner-image-link' do
          - if banner_event.is_a?(Event)
            = render 'events/corner_ribbon', event: banner_event
          - else
            .ribbon-long-wrapper
              .ribbon.blue
                = t('layouts.application.menu.blog')
          = background_image_helper "banner-image", banner_event.image_or_default, size: :large do
            - if banner_event.is_a?(Event)
              .container
                .image-text{ class: banner_event.banner_alignment }
                  .wrapper
                    .font-elem.date{ style: "color: #{banner_event.primary_color}" }
                      = l banner_event.start_time, format: :short_date
                  .wrapper
                    .front-elem.where{ style: "color: #{banner_event.primary_color}" }
                      // Just using a double forward slash creates too much space between them, so
                      // we tighten the two forward slashes and must therefore split up the string
                      = t_event_type(banner_event)
                      %span.some{ style: 'letter-spacing: -15px; margin-right: 10px;' } //
                      = banner_event.area_title
                  .wrapper
                    .front-elem.title{ style: "color: #{banner_event.secondary_color}" }
                      = banner_event.title

Use // instead of @ in event banner
Use // instead of @ in event banner
