Ergebnis 1 bis 21 von 21

Thema: Twig Template - Bildlink auslesen

  1. #1
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.914
    Contao-Projekt unterstützen

    Support Contao

    Standard Twig Template - Bildlink auslesen

    Hallo,

    bisher hatte ich im html5-Template auf einen Bildlink wie folgt zugegriffen:

    PHP-Code:
    <?php if (null !== ($objFile = \Contao\FilesModel::findByUuid($this->image))): ?>

    <div <?php if ($this->image): ?> style="background-image:url(<?= $objFile->path ?>);" <?php endif ?>>>

    <?php endif; ?>
    Wie komme ich in einem Twig-Template korrekt zur URL?

    $this->image
    kommt aus einem RSCE
    PHP-Code:
            'image' => [
                
    'label' => ['Quelldatei','Bitte wählen Sie eine Datei oder einen Ordner aus der Dateiübersicht.'],
                
    'inputType' => 'fileTree',
                
    'eval' => [
                    
    'tl_class' => 'clr',
                    
    'fieldType' => 'radio',
                    
    'mandatory' => true,
                    
    'filesOnly' => true,
                    
    'extensions' => implode(','Contao\System::getContainer()->getParameter('contao.image.valid_extensions')),
                ],
            ], 
    Den Link benötige ich, damit ich ein Hintergrundbild umsetzen kann.

    Danke für die Hilfestellung
    Grüsse
    Bernhard


  2. #2
    Contao-Nutzer Avatar von HBR
    Registriert seit
    18.09.2010.
    Beiträge
    57

    Standard

    hast du ne Lösung gefunden? Ich bin zwar auf der Suche nach einer generellen Ausgabe (siehe Code) eines Bildes mit RSCE, dürfte aber ähnlich gehen.
    Code:
                    <?php if ($image = $this->arrData['getImageObject']($this->image, array(null,null, $imageSize))): ?>
                      <?php $this->insert('picture_default', $image->picture); ?>
                    <?php endif; ?>
    bin für jeden Tipp dankbar
    Grüße
    Phil

  3. #3
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    35.517
    Partner-ID
    10107

    Standard

    @HBR dafür nutzt du am besten
    PHP-Code:
    <?= $this->figure($image$size?>
    » sponsor me via GitHub or PayPal or Revolut

  4. #4
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.914
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    @HBR dafür nutzt du am besten
    PHP-Code:
    <?= $this->figure($image$size?>
    ... aber nicht für Twig
    Grüsse
    Bernhard


  5. #5
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    35.517
    Partner-ID
    10107
    » sponsor me via GitHub or PayPal or Revolut

  6. #6
    Contao-Nutzer Avatar von HBR
    Registriert seit
    18.09.2010.
    Beiträge
    57

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen

    Hi Spooky,

    lieben dank, aber das hatte ich bereits versucht und es wird einfach kein Bild ausgebeben. Hatte beide Möglichkeiten eingesetzt mit einem Platzhalterbild (Pfad stimmt) zum checken. Debug-Mode ist an, der Rest des Twig Templates wird sauber ausgegeben, nur eben das Bild nicht. Auch keine Fehlermeldung.

    Hier mal der Code, irgend etwas scheint zu fehlen. Basis ist eine RSCE-Config.

    Code:
     
    ...
          {% for box in boxes %}
            <div class="swiperText__slides">
                <div class="swiperText__boxContainer">
    
                  {% if box.image %}
    
                     {# hier müsste jetzt irgend soetwas rein wie: {% set figure = figure('box.image.filePath', 58) %} #}
    
                     {# erstmal mit absolutem Pfad zum checken ->nix #}
                    {% set figure = figure('/files/Platzhalter/pexels-cang-hai-4440227.jpg', 58) %}
                    {{ contao_figure('/files/Platzhalter/pexels-cang-hai-4440227.jpg', 58) }}
    
                     {# <img src='/files/Platzhalter/pexels-cang-hai-4440227.jpg' funktioniert #}
    
                  {% endif %}
                  
               ...
    
                </div>
            </div>
       {% endfor %}

  7. #7
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    35.517
    Partner-ID
    10107

    Standard

    Poste deine RSCE config und das gesamte Template.
    » sponsor me via GitHub or PayPal or Revolut

  8. #8
    Contao-Nutzer Avatar von HBR
    Registriert seit
    18.09.2010.
    Beiträge
    57

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Poste deine RSCE config und das gesamte Template.
    ui, das ist ein ganz schöne Brocken

    RSCE
    Code:
    <?php
      return array (
        'label' => array('Swiper-Text',''),
        'types' => array('content',''),
        'contentCategory' => 'Elemente - Redakteur',
        'wrapper' => array (
          'type' => 'none',
        ),
        'fields' => array (   
          'presf' => array(
            'label' => array('Einstellungen', ''),
            'inputType' => 'group'
          ),  
          'swiperName' => array(
            'label' => array('Swiper-Name','= ID(eindeutiger Name)' ),
            'inputType' => 'text',
            'eval' => array(
              'tl_class' => 'w50',
              'mandatory' => true,
            ),     
          ),    
          'bgImageBol' => array(
            'label' => array('Hintergrund-Grafik','optional'),
            'isGallery' => true,
            'inputType' => 'select',
            'default' => 'none',
            'options' => array( 
              'none' =>'keines',
              'first' =>'Erstes Motiv',
              'second' =>'Zweites Motiv',
              'third' =>'Drittes Motiv',
            ),
            'eval' => array(
              'tl_class' => 'w50',
            )
          ),
          'bgImageAlt' => array(
            'label' => array('Bildbeschreibung Hintergrund Grafik','' ),
            'inputType' => 'text',
            'eval' => array(
              'tl_class' => 'clr',
            )       
          ),             
          'paddingTop' => array(
            'label' => array('Abstand oben Desktop',''),
            'isGallery' => true,
            'inputType' => 'select',
            'default' => 'padding-m-t-0',
            'options' => array( 
              'padding-m-t-0' =>'kein Abstand',
              'padding-m-t-1' =>'Oben 1',
              'padding-m-t-2' =>'Oben 2',
              'padding-m-t-3' =>'Oben 3',
              'padding-m-t-4' =>'Oben 4',
              'padding-m-t-5' =>'Oben 5',
              'padding-m-t-6' =>'Oben 6',
              'padding-m-t-7' =>'Oben 7',
              'padding-m-t-8' =>'Oben 8',           
            ),
            'eval' => array(
              'tl_class' => 'w50',
            )
          ), 
          'paddingBottom' => array(
            'label' => array('Abstand unten Desktop',''),
            'isGallery' => true,
            'inputType' => 'select',
            'default' => 'padding-m-b-0',
            'options' => array( 
              'padding-m-b-0' =>'kein Abstand',
              'padding-m-b-1' =>'Unten 1',
              'padding-m-b-2' =>'Unten 2',
              'padding-m-b-3' =>'Unten 3',
              'padding-m-b-4' =>'Unten 4',
              'padding-m-b-5' =>'Unten 5',
              'padding-m-b-6' =>'Unten 6',
              'padding-m-b-7' =>'Unten 7',
              'padding-m-b-8' =>'Unten 8',           
            ),
            'eval' => array(
              'tl_class' => 'w50',
            )
          ),
          'paddingTopMob' => array(
            'label' => array('Abstand oben Mobil',''),
            'isGallery' => true,
            'inputType' => 'select',
            'default' => 'padding-t-0',
            'options' => array( 
              'padding-t-0' =>'kein Abstand',
              'padding-t-1' =>'Oben 1',
              'padding-t-2' =>'Oben 2',
              'padding-t-3' =>'Oben 3',
              'padding-t-4' =>'Oben 4',
              'padding-t-5' =>'Oben 5',
              'padding-t-6' =>'Oben 6',
              'padding-t-7' =>'Oben 7',
              'padding-t-8' =>'Oben 8',           
            ),
            'eval' => array(
              'tl_class' => 'w50',
            )
          ), 
          'paddingBottomMob' => array(
            'label' => array('Abstand unten Mobil',''),
            'isGallery' => true,
            'inputType' => 'select',
            'default' => 'padding-b-0',
            'options' => array( 
              'padding-b-0' =>'kein Abstand',
              'padding-b-1' =>'Unten 1',
              'padding-b-2' =>'Unten 2',
              'padding-b-3' =>'Unten 3',
              'padding-b-4' =>'Unten 4',
              'padding-b-5' =>'Unten 5',
              'padding-b-6' =>'Unten 6',
              'padding-b-7' =>'Unten 7',
              'padding-b-8' =>'Unten 8',           
            ),
            'eval' => array(
              'tl_class' => 'w50',
            )
          ),      
          'direction' => array(
            'label' => array('Reihenfolge',''),
            'isGallery' => true,
            'inputType' => 'select',
            'default' => 'dir1',
            'options' => array( 
              'dir1' =>'| Text | Bild |',
              'dir2' =>'| Bild | Text |',
            ),
            'eval' => array(
              'tl_class' => 'w50',
            )
          ),
          'speed' => array(
            'label' => array('Übergangs-Geschwindigkeit','in MS-Sek. (min. 500)' ),
            'inputType' => 'text',
            'eval' => array(
              'mandatory' => true,
              'tl_class' => 'w50',
            ),        
          ),      
          'pagination' => array(
            'label' => array('Pagination',''),
            'inputType' => 'checkbox',
            'eval' => array(
              'tl_class' => 'w50',
            ),         
          ),
          'navigation' => array(
            'label' => array('Navigation',''),
            'inputType' => 'checkbox',
            'eval' => array(
              'tl_class' => 'w50',
            ),         
          ),      
          'autoplay' => array(
            'label' => array('autoplay',''),
            'inputType' => 'checkbox',
            'eval' => array(
              'tl_class' => 'w50',
            ),        
          ),
          'lazy' => array(
            'label' => array('Lazy-Load off',''),
            'inputType' => 'checkbox',
            'eval' => array(
            'tl_class' => 'w50',
            )
          ),      
          'swiperDelay' => array(
            'label' => array('Anzeigedauer','in MS-Sek. (min. 1000)' ),
            'inputType' => 'text',
            'eval' => array(
              'mandatory' => true,
              'tl_class' => 'w50',
            ), 
            'dependsOn' => array(
              'field' => 'autoplay',
            ),             
          ),      
          'textGroup' => array(
            'label' => array('Text-Content', ''),
            'inputType' => 'group'
          ),
          'textHeadline' => array(
            'label' => array('Überschrift','' ),
            'inputType' => 'text',
            'eval' => array(
            'mandatory' => true,
              'tl_class' => 'w50',
            )
          ),
          'textHeadLineSize' => array(
            'label' => array('Größe Überschrift',''),
            'isGallery' => true,
            'inputType' => 'select',
            'default' => 'h1',
            'options' => array( 
              'h1' =>'H1',
              'h2' =>'H2',
              'h3' =>'H3',
              'h4' =>'H4',
              'h5' =>'H5',
              'h6' =>'H6',                    
            ),
            'eval' => array(
              'tl_class' => 'w50',
            )
          ),      
          'textSubline' => array(
            'label' => array('Unterüberschrift','' ),
            'inputType' => 'text',
            'eval' => array(
            'mandatory' => false,
              'tl_class' => 'clr',
            )
          ),
          'textContent' => array(
            'label' => array('Text',''),
            'inputType' => 'textarea', 
            'eval' => array(
              'rte' => 'tinyMCE',
              'mandatory' => true,
              'tl_class' => 'clr',
            )
          ),
          'linkUrl' => array(
            'label' => array('Link','https://www'),
            'inputType' => 'url',
            'eval' => array(
              'tl_class' => 'clr',
              'mandatory' => false
            )
          ),
          'linkText' => array(
            'label' => array('Link-Text','z.B. weiterlesen'),
            'inputType' => 'text',
            'eval' => array(
              'tl_class' => 'w50',
              'mandatory' => true 
            ),     
          ),
          'linkTitle' => array(
            'label' => array('Link-Titel','z.B. mehr Infos über ....'), 
            'inputType' => 'text', 
            'eval' => array(
              'tl_class' => 'w50',
              'mandatory' => true
            ),          
          ),
          'boxen' => array(
            'label' => array('Info-Box',''),
            'elementLabel' => '%s. Box',
            'inputType' => 'list',
            'minItems' => 1,        
            'fields' => array(
              'image' => array(
                'label' => array('Bild', ''),
                'inputType' => 'fileTree',
                'eval' => array(
                  'fieldType' => 'radio',
                  'filesOnly' => true,
                  'extensions' => 'svg,jpg,jpeg,png',
                  'tl_class' => 'clr',
                    'mandatory' => true
                ),             
              ),
              'boxText' => array(
                'label' => array('Text','max. 1-3 Worte' ),
                'inputType' => 'text',
                'eval' => array(
                  'mandatory' => false,
                  'tl_class' => 'clr',
                ),            
              ),
              'linkUrl' => array(
                'label' => array('Link','https://www'),
                'inputType' => 'url',
                'eval' => array(
                  'tl_class' => 'w50',
                  'mandatory' => false
                ),             
              )
            )
          ),
        )
      );
    ?>

    TWIG

    Code:
    {% set mobile = false %}
    {% if 'iPhone' in app.request.headers.get('User-Agent') 
        or 'iPod' in app.request.headers.get('User-Agent') 
        or 'iPad' in app.request.headers.get('User-Agent') 
        or 'Android' in app.request.headers.get('User-Agent') 
        or 'BlackBerry' in app.request.headers.get('User-Agent') %}
        {% set mobile = true %}    
    {% endif %}
    
    {% set lazyLoad = lazy %}
    {% set imageSize = 58 %}
    {% set imageSizeDesktop = 58 %}
    {% set imageSizeDesktopNoLazy = 63 %}
    {% set imageSizeMob = 59 %}
    {% set imageSizeMobNoLazy = 64 %}
    {% set imageSizeBgImage = 67 %}
    
    {# Background-image #}
    {% set bgImageBol = bgImageBol %}
    {% set bgImageAlt = bgImageAlt %}
    {% if bgImageAlt == false %}
      {% set bgImageAlt = 'Background Graphic' %}
    {% endif %}
    
    {% if mobile %}
      {% set imageSize = imageSizeMob %}
      {% set bgImage = bgImageMobile %}
      {% if lazyLoad %}
        {% set imageSize = imageSizeMobNoLazy %}    
      {% endif %}
    {% else %}  
        {% set bgImage = bgImageDesktop %}
      {% if lazyLoad %}
        {% set imageSize = imageSizeDesktopNoLazy %}  
      {% endif %}
    {% endif %}
    
    {# swiper Name, ID, slides per view #}
    {% set swiperName = swiperName|lower %}
    {% set swiperId =  swiperName|replace({"' '":"''"}) %}
    {% set dataSlidesPerView = "1, 1, 1, 1" %}
    
    {# Order #}
    {% set order = direction %}
    {% if order == 'dir1' %}
      {% set orderText = 'order-1' %}
      {% set orderSwiper = 'order-2' %}
    {% endif %}
    {% if order == 'dir2' %}
      {% set orderText = 'order-2' %}
      {% set orderSwiper = 'order-1' %}
    {% endif %}  
    
    {# swiper Values #}
    {% set dataPagination = "0" %}
    {% if pagination %}
      {% set dataPagination = "1" %}
    {% endif %}
    
    {% set dataNavigation = "0" %}
    {% if navigation %}
      {% set dataNavigation = "1" %}
    {% endif %}
    
    {% set delay = 500 %}
    {% set dataAutoplay = "0" %}
    {% if autoplay %}
      {% set dataAutoplay = "1" %}
      {% if swiperDelay|number_format > 500 %}
        {% set delay = swiperDelay %}
      {% endif %}  
    {% endif %}
    
    {% set swiperSpeed = speed %}
    {% if swiperSpeed|number_format < 500 %}
      {% set swiperSpeed = 500 %}
    {% endif %}
    
    {# headline #}
    {% set headlineSize = textHeadLineSize %}
    {% if headlineSize == 'h1' %}
      {% set subHeadlineSize = '<h2 class="ce_headline swiperText__textSubline">' %}
      {% set subHeadlineSizeClose = '</h2>' %}
    {% elseif headlineSize == 'h2' %}
      {% set subHeadlineSize = '<h3 class="ce_headline swiperText__textSubline">' %}
      {% set subHeadlineSizeClose = '</h3>' %}
    {% elseif headlineSize == 'h3' %}
      {% set subHeadlineSize = '<h4 class="ce_headline swiperText__textSubline">' %}
      {% set subHeadlineSizeClose = '</h4>' %}
    {% elseif headlineSize == 'h4' %}
      {% set subHeadlineSize = '<h4 class="ce_headline swiperText__textSubline">' %}
      {% set subHeadlineSizeClose = '</h4>' %}
    {% elseif headlineSize == 'h5' %}
      {% set subHeadlineSize = '<h5 class="ce_headline swiperText__textSubline">' %}
      {% set subHeadlineSizeClose = '</h5>' %}   
    {% elseif headlineSize == 'h6' %}
      {% set subHeadlineSize = '<h6 class="ce_headline swiperText__textSubline">' %}
      {% set subHeadlineSizeClose = '</h6>' %}        
    {% endif %}
    
    {# swiper Boolean #}
    {% set swiperCount = boxen|length %}
    {% set swiper=false %}
    {% if swiperCount > 1 %}
        {% set swiper=true %}
    {% endif %}
    
    <div class="swiperText {{paddingTopMob}} {{paddingBottomMob}} {{paddingTop}} {{paddingBottom}} wrapContainer">
      {% if bgImageBol != 'none' %}
        <div class="swiperText__bgImage">
          {{ bgImage|raw }}
        </div>
      {% endif %}
      <div class="swiperText__container">
        <div class="swiperText__textContainer full-xs half-m container {{ orderText }}">
          <{{ textHeadLineSize }} class="ce_headline swiperText__textHeadline">{{ textHeadline }}</{{ textHeadLineSize }}>
          {% if textSubline %}
            {{ subHeadlineSize }}{{ textSubline }}{{ subHeadlineSizeClose }}
          {% endif %}
    
          <div class="ce_text swiperText__textContent">
            {{ textContent|raw }}
            {% if linkUrl %}
              <p class="more big swiperText__link">
                <a href="{{ linkUrl }}" title="{{ linkTitle }}">{{ linkText }}</a>
              </p>
            {% endif %}
          </div>
        </div>
    
        {% if swiper %}
          <div id="{{ swiperId }}" class="swiperText__swiper swiper full-xs half-m container {{ orderSwiper }}"
          data-id="{{ swiperId }}" 
          data-delay="{{ delay }}" 
          data-speed="{{ speed }}"
          data-autoplay="{{ dataAutoplay }}"
          data-pagination="{{ dataPagination }}"
          data-navigation="{{ dataNavigation }}"
          data-slides="{{ dataSlidesPerView }}"
          data-loop="1"
          data-box = "0">
        {% else %}
          <div class="swiperText__swiper full-xs half-m container {{ orderSwiper }}">
        {% endif %}
    
          <div class="swiperText__wrapper {% if swiper %}swiper-wrapper slider-wrapper{% else %}swiperText__wrapper--noSwiper{% endif %}">
          {% for box in boxen %}
            <div class="swiperText__slides {% if swiper == false %}swiperText__slides--noSwiper{% endif %}">
                <div class="swiperText__boxContainer">
                  {% if box.linkUrl %}
                    <a href="{{ box.linkUrl }}" title="{{ box.boxText }}" class="swiperText__Imagelink">
                  {% endif %}                  
                  {% if box.image %}
                    {% set figure = figure('/files/Master-Platzhalter/Bilder-2024/pexels-cang-hai-4440227.jpg', 58) %}
                    {{ contao_figure('/files/Master-Platzhalter/Bilder-2024/pexels-cang-hai-4440227.jpg', 58) }}
                  {% endif %}
                  
                  {% if box.boxText %}
                    <div class="swiperText__boxText">
                      <p class="swiperText__boxTextP">{{ box.boxText }}</p>
                    </div>
                  {% endif %}
    
                  {% if box.linkUrl %}
                    </a>
                  {% endif %}
                </div>
            </div>
              {% if imageSize == imageSizeDesktopNoLazy %} {% set imageSize = imageSizeDesktop %} {% endif %}
              {% if imageSize == imageSizeMobNoLazy %} {% set imageSize = imageSizeMob %} {% endif %}
          {% endfor %}  
          </div>
    
          {% if swiper %}
    
            {% if pagination or navigation %}
              <div class="swiperControls swiperText__controls">
            {% endif %}
    
            {% if navigation %}
              <div class="swiperNavigation swiperNavigation--dark swiperNavigation--prev slider-prev sliderControl
              {{ swiperId }}Nav--prev"><span class="displayNone">prev</span></div>
            {% endif %}
    
            {% if pagination %}
              <span class="swiper-pagination-bullet swiper-pagination-bullet--dark slider-menu"></span>
            {% endif %}
    
            {% if navigation %}
              <div class="swiperNavigation swiperNavigation--dark swiperNavigation--next slider-next sliderControl 
              {{ swiperId }}Nav--next"><span class="displayNone">prev</span></div>
            {% endif %}
    
            {% if pagination or navigation %}
              </div>
            {% endif %}
    
    
            <div class="swiperIcon inViewAnimation">
              <div class="swiperIcon__icon"><span class="displayNone">swipe</span></div>
            </div>
    
          {% endif %}
      </div>
    </div>

  9. #9
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    35.517
    Partner-ID
    10107

    Standard

    {% if box.image %} brauchst du nicht.

    Code:
    {{ figure(box.image, 58) }}
    sollte funktionieren (sofern es eine Bildgröße mit der ID 58 gibt).
    » sponsor me via GitHub or PayPal or Revolut

  10. #10
    Contao-Nutzer Avatar von HBR
    Registriert seit
    18.09.2010.
    Beiträge
    57

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    {% if box.image %} brauchst du nicht.


    Code:
    {{ figure(box.image, 58) }}
    sollte funktionieren (sofern es eine Bildgröße mit der ID 58 gibt).
    leider nein, jetzt kommt ein Runtime-Error, der genau auf
    Code:
    {{ figure(box.image, 58) }}
    zeigt
    Bildgröße habe ich gecheckt, existiert. Contao-Version ist 5.3.3

  11. #11
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    35.517
    Partner-ID
    10107

    Standard

    Zitat Zitat von HBR Beitrag anzeigen
    jetzt kommt ein Runtime-Error
    Und was für einer? Du gibst dich sehr spärlich mit Informationen
    » sponsor me via GitHub or PayPal or Revolut

  12. #12
    Contao-Nutzer Avatar von HBR
    Registriert seit
    18.09.2010.
    Beiträge
    57

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Und was für einer? Du gibst dich sehr spärlich mit Informationen
    sorry, bin noch nicht so bewandert mit dem ganzen, ist immer sehr viel was da ausgegeben wird. Ich denke, du meinst den hier:

    An exception has been thrown during the rendering of a template ("Object of class Contao\CoreBundle\Image\Studio\Figure could not be converted to string").

  13. #13
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    35.517
    Partner-ID
    10107

    Standard

    Zitat Zitat von HBR Beitrag anzeigen
    Ich denke, du meinst den hier:
    Bei Fehlern musst du immer den Debug-Modus nutzen und den kompletten Stack Trace posten.
    » sponsor me via GitHub or PayPal or Revolut

  14. #14
    Contao-Nutzer Avatar von HBR
    Registriert seit
    18.09.2010.
    Beiträge
    57

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Bei Fehlern musst du immer den Debug-Modus nutzen und den kompletten Stack Trace posten.
    Code:
    Twig\Error\RuntimeError:
    An exception has been thrown during the rendering of a template ("Object of class Contao\CoreBundle\Image\Studio\Figure could not be converted to string").
    
    
      at templates/Layout/rsce_swiperText.html.twig:167
      at Twig\Template->displayWithErrorHandling(array('id' => 680, 'pid' => 150, 'ptable' => 'tl_article', 'sorting' => 256, 'tstamp' => 1711362864, 'type' => 'rsce_swiperText', 'headline' => object(Stringable@anonymous), 'text' => null, 'addImage' => false, 'singleSRC' => null, 'alt' => '', 'imageTitle' => '', 'size' => '', 'imageUrl' => null, 'fullsize' => false, 'caption' => '', 'floating' => 'above', 'html' => null, 'listtype' => '', 'listitems' => null, 'tableitems' => null, 'summary' => '', 'thead' => false, 'tfoot' => false, 'tleft' => false, 'sortable' => false, 'sortIndex' => 0, 'sortOrder' => 'ascending', 'mooHeadline' => '', 'mooStyle' => '', 'mooClasses' => '', 'highlight' => '', 'code' => null, 'url' => null, 'target' => false, 'titleText' => '', 'linkTitle' => 'Kontaktieren Sie uns', 'embed' => '', 'rel' => '', 'useImage' => false, 'multiSRC' => null, 'useHomeDir' => false, 'perRow' => 4, 'perPage' => 0, 'numberOfItems' => 0, 'sortBy' => '', 'metaIgnore' => false, 'galleryTpl' => '', 'customTpl' => '', 'playerSRC' => null, 'youtube' => '', 'posterSRC' => null, 'playerSize' => '', 'inline' => false, 'sliderDelay' => 0, 'sliderSpeed' => 300, 'sliderStartSlide' => 0, 'sliderContinuous' => false, 'cteAlias' => 0, 'articleAlias' => 0, 'article' => 0, 'form' => 0, 'module' => 0, 'protected' => false, 'groups' => null, 'cssID' => '', 'invisible' => false, 'start' => '', 'stop' => '', 'com_order' => 'ascending', 'com_perPage' => 0, 'com_moderate' => false, 'com_bbcode' => false, 'com_disableCaptcha' => false, 'com_requireLogin' => false, 'com_template' => '', 'overwriteMeta' => false, 'vimeo' => '', 'rsce_data' => '{"swiperName":"textSwiper","bgImageBol":"none","bgImageAlt":"","paddingTop":"padding-m-t-2","paddingBottom":"padding-m-b-4","paddingTopMob":"padding-t-2","paddingBottomMob":"padding-b-2","direction":"dir1","speed":"2000","pagination":"1","navigation":"1","autoplay":"","lazy":"1","textHeadline":"Das Master Template f\\u00fcr Freelancer und Unternehmen","textHeadLineSize":"h1","textSubline":"","textContent":"<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<\\/p>","linkUrl":"{{link_url::10|urlattr}}","linkText":"Jetzt starten","linkTitle":"Kontaktieren Sie uns","boxen":[{"image":"aa354246-b533-11ee-9300-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355d1c-b533-11ee-965c-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355c04-b533-11ee-a41a-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"}]}', 'youtubeOptions' => null, 'overwriteLink' => false, 'playerOptions' => null, 'vimeoOptions' => null, 'playerStart' => 0, 'playerStop' => 0, 'playerColor' => '', 'playerPreload' => '', 'splashImage' => false, 'playerAspect' => '', 'playerCaption' => '', 'nodesWrapper' => '', 'nodes' => null, 'data' => array('id' => 680, 'pid' => 150, 'ptable' => 'tl_article', 'sorting' => 256, 'tstamp' => 1711362864, 'type' => 'rsce_swiperText', 'headline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'text' => null, 'addImage' => false, 'singleSRC' => null, 'alt' => '', 'imageTitle' => '', 'size' => '', 'imageUrl' => null, 'fullsize' => false, 'caption' => '', 'floating' => 'above', 'html' => null, 'listtype' => '', 'listitems' => null, 'tableitems' => null, 'summary' => '', 'thead' => false, 'tfoot' => false, 'tleft' => false, 'sortable' => false, 'sortIndex' => 0, 'sortOrder' => 'ascending', 'mooHeadline' => '', 'mooStyle' => '', 'mooClasses' => '', 'highlight' => '', 'code' => null, 'url' => null, 'target' => false, 'titleText' => '', 'linkTitle' => '', 'embed' => '', 'rel' => '', 'useImage' => false, 'multiSRC' => null, 'useHomeDir' => false, 'perRow' => 4, 'perPage' => 0, 'numberOfItems' => 0, 'sortBy' => '', 'metaIgnore' => false, 'galleryTpl' => '', 'customTpl' => '', 'playerSRC' => null, 'youtube' => '', 'posterSRC' => null, 'playerSize' => '', 'inline' => false, 'sliderDelay' => 0, 'sliderSpeed' => 300, 'sliderStartSlide' => 0, 'sliderContinuous' => false, 'cteAlias' => 0, 'articleAlias' => 0, 'article' => 0, 'form' => 0, 'module' => 0, 'protected' => false, 'groups' => null, 'cssID' => '', 'invisible' => false, 'start' => '', 'stop' => '', 'com_order' => 'ascending', 'com_perPage' => 0, 'com_moderate' => false, 'com_bbcode' => false, 'com_disableCaptcha' => false, 'com_requireLogin' => false, 'com_template' => '', 'overwriteMeta' => false, 'vimeo' => '', 'rsce_data' => '{"swiperName":"textSwiper","bgImageBol":"none","bgImageAlt":"","paddingTop":"padding-m-t-2","paddingBottom":"padding-m-b-4","paddingTopMob":"padding-t-2","paddingBottomMob":"padding-b-2","direction":"dir1","speed":"2000","pagination":"1","navigation":"1","autoplay":"","lazy":"1","textHeadline":"Das Master Template f\\u00fcr Freelancer und Unternehmen","textHeadLineSize":"h1","textSubline":"","textContent":"<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<\\/p>","linkUrl":"{{link_url::10|urlattr}}","linkText":"Jetzt starten","linkTitle":"Kontaktieren Sie uns","boxen":[{"image":"aa354246-b533-11ee-9300-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355d1c-b533-11ee-965c-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355c04-b533-11ee-a41a-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"}]}', 'youtubeOptions' => null, 'overwriteLink' => false, 'playerOptions' => null, 'vimeoOptions' => null, 'playerStart' => 0, 'playerStop' => 0, 'playerColor' => '', 'playerPreload' => '', 'splashImage' => false, 'playerAspect' => '', 'playerCaption' => '', 'nodesWrapper' => '', 'nodes' => null, 'data' => null, 'markdownSource' => 'sourceText', 'showPreview' => false, 'closeSections' => false, 'sectionHeadline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'unfilteredHtml' => null, 'typePrefix' => 'ce_'), 'markdownSource' => 'sourceText', 'showPreview' => false, 'closeSections' => false, 'sectionHeadline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'unfilteredHtml' => null, 'typePrefix' => 'ce_', 'hl' => 'h2', 'Template' => object(FrontendTemplate), 'swiperName' => 'textSwiper', 'bgImageBol' => 'none', 'bgImageAlt' => '', 'paddingTop' => 'padding-m-t-2', 'paddingBottom' => 'padding-m-b-4', 'paddingTopMob' => 'padding-t-2', 'paddingBottomMob' => 'padding-b-2', 'direction' => 'dir1', 'speed' => '2000', 'pagination' => '1', 'navigation' => '1', 'autoplay' => '', 'lazy' => '1', 'textHeadline' => 'Das Master Template für Freelancer und Unternehmen', 'textHeadLineSize' => 'h1', 'textSubline' => '', 'textContent' => '<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>', 'linkUrl' => '{{link_url::10|urlattr}}', 'linkText' => 'Jetzt starten', 'boxen' => array(object(stdClass@anonymous), object(stdClass@anonymous), object(stdClass@anonymous)), 'getImageObject' => object(Stringable@anonymous), 'getColumnClassName' => object(Stringable@anonymous), 'template' => 'rsce_swiperText', 'as_editor_view' => false, 'nested_fragments' => array(), 'section' => 'main', 'properties' => array(), 'element_html_id' => null, 'element_css_classes' => '', 'style' => '', 'class' => 'ce_rsce_swiperText', 'inColumn' => 'main', 'contao' => object(ContaoVariable), 'request_token' => object(Stringable@anonymous), 'app' => object(AppVariable)), array())
         (vendor/twig/twig/src/Template.php:367)
      at Twig\Template->display(array('id' => 680, 'pid' => 150, 'ptable' => 'tl_article', 'sorting' => 256, 'tstamp' => 1711362864, 'type' => 'rsce_swiperText', 'headline' => object(Stringable@anonymous), 'text' => null, 'addImage' => false, 'singleSRC' => null, 'alt' => '', 'imageTitle' => '', 'size' => '', 'imageUrl' => null, 'fullsize' => false, 'caption' => '', 'floating' => 'above', 'html' => null, 'listtype' => '', 'listitems' => null, 'tableitems' => null, 'summary' => '', 'thead' => false, 'tfoot' => false, 'tleft' => false, 'sortable' => false, 'sortIndex' => 0, 'sortOrder' => 'ascending', 'mooHeadline' => '', 'mooStyle' => '', 'mooClasses' => '', 'highlight' => '', 'code' => null, 'url' => null, 'target' => false, 'titleText' => '', 'linkTitle' => 'Kontaktieren Sie uns', 'embed' => '', 'rel' => '', 'useImage' => false, 'multiSRC' => null, 'useHomeDir' => false, 'perRow' => 4, 'perPage' => 0, 'numberOfItems' => 0, 'sortBy' => '', 'metaIgnore' => false, 'galleryTpl' => '', 'customTpl' => '', 'playerSRC' => null, 'youtube' => '', 'posterSRC' => null, 'playerSize' => '', 'inline' => false, 'sliderDelay' => 0, 'sliderSpeed' => 300, 'sliderStartSlide' => 0, 'sliderContinuous' => false, 'cteAlias' => 0, 'articleAlias' => 0, 'article' => 0, 'form' => 0, 'module' => 0, 'protected' => false, 'groups' => null, 'cssID' => '', 'invisible' => false, 'start' => '', 'stop' => '', 'com_order' => 'ascending', 'com_perPage' => 0, 'com_moderate' => false, 'com_bbcode' => false, 'com_disableCaptcha' => false, 'com_requireLogin' => false, 'com_template' => '', 'overwriteMeta' => false, 'vimeo' => '', 'rsce_data' => '{"swiperName":"textSwiper","bgImageBol":"none","bgImageAlt":"","paddingTop":"padding-m-t-2","paddingBottom":"padding-m-b-4","paddingTopMob":"padding-t-2","paddingBottomMob":"padding-b-2","direction":"dir1","speed":"2000","pagination":"1","navigation":"1","autoplay":"","lazy":"1","textHeadline":"Das Master Template f\\u00fcr Freelancer und Unternehmen","textHeadLineSize":"h1","textSubline":"","textContent":"<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<\\/p>","linkUrl":"{{link_url::10|urlattr}}","linkText":"Jetzt starten","linkTitle":"Kontaktieren Sie uns","boxen":[{"image":"aa354246-b533-11ee-9300-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355d1c-b533-11ee-965c-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355c04-b533-11ee-a41a-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"}]}', 'youtubeOptions' => null, 'overwriteLink' => false, 'playerOptions' => null, 'vimeoOptions' => null, 'playerStart' => 0, 'playerStop' => 0, 'playerColor' => '', 'playerPreload' => '', 'splashImage' => false, 'playerAspect' => '', 'playerCaption' => '', 'nodesWrapper' => '', 'nodes' => null, 'data' => array('id' => 680, 'pid' => 150, 'ptable' => 'tl_article', 'sorting' => 256, 'tstamp' => 1711362864, 'type' => 'rsce_swiperText', 'headline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'text' => null, 'addImage' => false, 'singleSRC' => null, 'alt' => '', 'imageTitle' => '', 'size' => '', 'imageUrl' => null, 'fullsize' => false, 'caption' => '', 'floating' => 'above', 'html' => null, 'listtype' => '', 'listitems' => null, 'tableitems' => null, 'summary' => '', 'thead' => false, 'tfoot' => false, 'tleft' => false, 'sortable' => false, 'sortIndex' => 0, 'sortOrder' => 'ascending', 'mooHeadline' => '', 'mooStyle' => '', 'mooClasses' => '', 'highlight' => '', 'code' => null, 'url' => null, 'target' => false, 'titleText' => '', 'linkTitle' => '', 'embed' => '', 'rel' => '', 'useImage' => false, 'multiSRC' => null, 'useHomeDir' => false, 'perRow' => 4, 'perPage' => 0, 'numberOfItems' => 0, 'sortBy' => '', 'metaIgnore' => false, 'galleryTpl' => '', 'customTpl' => '', 'playerSRC' => null, 'youtube' => '', 'posterSRC' => null, 'playerSize' => '', 'inline' => false, 'sliderDelay' => 0, 'sliderSpeed' => 300, 'sliderStartSlide' => 0, 'sliderContinuous' => false, 'cteAlias' => 0, 'articleAlias' => 0, 'article' => 0, 'form' => 0, 'module' => 0, 'protected' => false, 'groups' => null, 'cssID' => '', 'invisible' => false, 'start' => '', 'stop' => '', 'com_order' => 'ascending', 'com_perPage' => 0, 'com_moderate' => false, 'com_bbcode' => false, 'com_disableCaptcha' => false, 'com_requireLogin' => false, 'com_template' => '', 'overwriteMeta' => false, 'vimeo' => '', 'rsce_data' => '{"swiperName":"textSwiper","bgImageBol":"none","bgImageAlt":"","paddingTop":"padding-m-t-2","paddingBottom":"padding-m-b-4","paddingTopMob":"padding-t-2","paddingBottomMob":"padding-b-2","direction":"dir1","speed":"2000","pagination":"1","navigation":"1","autoplay":"","lazy":"1","textHeadline":"Das Master Template f\\u00fcr Freelancer und Unternehmen","textHeadLineSize":"h1","textSubline":"","textContent":"<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<\\/p>","linkUrl":"{{link_url::10|urlattr}}","linkText":"Jetzt starten","linkTitle":"Kontaktieren Sie uns","boxen":[{"image":"aa354246-b533-11ee-9300-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355d1c-b533-11ee-965c-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355c04-b533-11ee-a41a-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"}]}', 'youtubeOptions' => null, 'overwriteLink' => false, 'playerOptions' => null, 'vimeoOptions' => null, 'playerStart' => 0, 'playerStop' => 0, 'playerColor' => '', 'playerPreload' => '', 'splashImage' => false, 'playerAspect' => '', 'playerCaption' => '', 'nodesWrapper' => '', 'nodes' => null, 'data' => null, 'markdownSource' => 'sourceText', 'showPreview' => false, 'closeSections' => false, 'sectionHeadline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'unfilteredHtml' => null, 'typePrefix' => 'ce_'), 'markdownSource' => 'sourceText', 'showPreview' => false, 'closeSections' => false, 'sectionHeadline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'unfilteredHtml' => null, 'typePrefix' => 'ce_', 'hl' => 'h2', 'Template' => object(FrontendTemplate), 'swiperName' => 'textSwiper', 'bgImageBol' => 'none', 'bgImageAlt' => '', 'paddingTop' => 'padding-m-t-2', 'paddingBottom' => 'padding-m-b-4', 'paddingTopMob' => 'padding-t-2', 'paddingBottomMob' => 'padding-b-2', 'direction' => 'dir1', 'speed' => '2000', 'pagination' => '1', 'navigation' => '1', 'autoplay' => '', 'lazy' => '1', 'textHeadline' => 'Das Master Template für Freelancer und Unternehmen', 'textHeadLineSize' => 'h1', 'textSubline' => '', 'textContent' => '<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>', 'linkUrl' => '{{link_url::10|urlattr}}', 'linkText' => 'Jetzt starten', 'boxen' => array(object(stdClass@anonymous), object(stdClass@anonymous), object(stdClass@anonymous)), 'getImageObject' => object(Stringable@anonymous), 'getColumnClassName' => object(Stringable@anonymous), 'template' => 'rsce_swiperText', 'as_editor_view' => false, 'nested_fragments' => array(), 'section' => 'main', 'properties' => array(), 'element_html_id' => null, 'element_css_classes' => '', 'style' => '', 'class' => 'ce_rsce_swiperText', 'inColumn' => 'main'))
         (vendor/twig/twig/src/Template.php:379)
      at Twig\Template->render(array('id' => 680, 'pid' => 150, 'ptable' => 'tl_article', 'sorting' => 256, 'tstamp' => 1711362864, 'type' => 'rsce_swiperText', 'headline' => object(Stringable@anonymous), 'text' => null, 'addImage' => false, 'singleSRC' => null, 'alt' => '', 'imageTitle' => '', 'size' => '', 'imageUrl' => null, 'fullsize' => false, 'caption' => '', 'floating' => 'above', 'html' => null, 'listtype' => '', 'listitems' => null, 'tableitems' => null, 'summary' => '', 'thead' => false, 'tfoot' => false, 'tleft' => false, 'sortable' => false, 'sortIndex' => 0, 'sortOrder' => 'ascending', 'mooHeadline' => '', 'mooStyle' => '', 'mooClasses' => '', 'highlight' => '', 'code' => null, 'url' => null, 'target' => false, 'titleText' => '', 'linkTitle' => 'Kontaktieren Sie uns', 'embed' => '', 'rel' => '', 'useImage' => false, 'multiSRC' => null, 'useHomeDir' => false, 'perRow' => 4, 'perPage' => 0, 'numberOfItems' => 0, 'sortBy' => '', 'metaIgnore' => false, 'galleryTpl' => '', 'customTpl' => '', 'playerSRC' => null, 'youtube' => '', 'posterSRC' => null, 'playerSize' => '', 'inline' => false, 'sliderDelay' => 0, 'sliderSpeed' => 300, 'sliderStartSlide' => 0, 'sliderContinuous' => false, 'cteAlias' => 0, 'articleAlias' => 0, 'article' => 0, 'form' => 0, 'module' => 0, 'protected' => false, 'groups' => null, 'cssID' => '', 'invisible' => false, 'start' => '', 'stop' => '', 'com_order' => 'ascending', 'com_perPage' => 0, 'com_moderate' => false, 'com_bbcode' => false, 'com_disableCaptcha' => false, 'com_requireLogin' => false, 'com_template' => '', 'overwriteMeta' => false, 'vimeo' => '', 'rsce_data' => '{"swiperName":"textSwiper","bgImageBol":"none","bgImageAlt":"","paddingTop":"padding-m-t-2","paddingBottom":"padding-m-b-4","paddingTopMob":"padding-t-2","paddingBottomMob":"padding-b-2","direction":"dir1","speed":"2000","pagination":"1","navigation":"1","autoplay":"","lazy":"1","textHeadline":"Das Master Template f\\u00fcr Freelancer und Unternehmen","textHeadLineSize":"h1","textSubline":"","textContent":"<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<\\/p>","linkUrl":"{{link_url::10|urlattr}}","linkText":"Jetzt starten","linkTitle":"Kontaktieren Sie uns","boxen":[{"image":"aa354246-b533-11ee-9300-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355d1c-b533-11ee-965c-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355c04-b533-11ee-a41a-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"}]}', 'youtubeOptions' => null, 'overwriteLink' => false, 'playerOptions' => null, 'vimeoOptions' => null, 'playerStart' => 0, 'playerStop' => 0, 'playerColor' => '', 'playerPreload' => '', 'splashImage' => false, 'playerAspect' => '', 'playerCaption' => '', 'nodesWrapper' => '', 'nodes' => null, 'data' => array('id' => 680, 'pid' => 150, 'ptable' => 'tl_article', 'sorting' => 256, 'tstamp' => 1711362864, 'type' => 'rsce_swiperText', 'headline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'text' => null, 'addImage' => false, 'singleSRC' => null, 'alt' => '', 'imageTitle' => '', 'size' => '', 'imageUrl' => null, 'fullsize' => false, 'caption' => '', 'floating' => 'above', 'html' => null, 'listtype' => '', 'listitems' => null, 'tableitems' => null, 'summary' => '', 'thead' => false, 'tfoot' => false, 'tleft' => false, 'sortable' => false, 'sortIndex' => 0, 'sortOrder' => 'ascending', 'mooHeadline' => '', 'mooStyle' => '', 'mooClasses' => '', 'highlight' => '', 'code' => null, 'url' => null, 'target' => false, 'titleText' => '', 'linkTitle' => '', 'embed' => '', 'rel' => '', 'useImage' => false, 'multiSRC' => null, 'useHomeDir' => false, 'perRow' => 4, 'perPage' => 0, 'numberOfItems' => 0, 'sortBy' => '', 'metaIgnore' => false, 'galleryTpl' => '', 'customTpl' => '', 'playerSRC' => null, 'youtube' => '', 'posterSRC' => null, 'playerSize' => '', 'inline' => false, 'sliderDelay' => 0, 'sliderSpeed' => 300, 'sliderStartSlide' => 0, 'sliderContinuous' => false, 'cteAlias' => 0, 'articleAlias' => 0, 'article' => 0, 'form' => 0, 'module' => 0, 'protected' => false, 'groups' => null, 'cssID' => '', 'invisible' => false, 'start' => '', 'stop' => '', 'com_order' => 'ascending', 'com_perPage' => 0, 'com_moderate' => false, 'com_bbcode' => false, 'com_disableCaptcha' => false, 'com_requireLogin' => false, 'com_template' => '', 'overwriteMeta' => false, 'vimeo' => '', 'rsce_data' => '{"swiperName":"textSwiper","bgImageBol":"none","bgImageAlt":"","paddingTop":"padding-m-t-2","paddingBottom":"padding-m-b-4","paddingTopMob":"padding-t-2","paddingBottomMob":"padding-b-2","direction":"dir1","speed":"2000","pagination":"1","navigation":"1","autoplay":"","lazy":"1","textHeadline":"Das Master Template f\\u00fcr Freelancer und Unternehmen","textHeadLineSize":"h1","textSubline":"","textContent":"<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<\\/p>","linkUrl":"{{link_url::10|urlattr}}","linkText":"Jetzt starten","linkTitle":"Kontaktieren Sie uns","boxen":[{"image":"aa354246-b533-11ee-9300-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355d1c-b533-11ee-965c-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355c04-b533-11ee-a41a-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"}]}', 'youtubeOptions' => null, 'overwriteLink' => false, 'playerOptions' => null, 'vimeoOptions' => null, 'playerStart' => 0, 'playerStop' => 0, 'playerColor' => '', 'playerPreload' => '', 'splashImage' => false, 'playerAspect' => '', 'playerCaption' => '', 'nodesWrapper' => '', 'nodes' => null, 'data' => null, 'markdownSource' => 'sourceText', 'showPreview' => false, 'closeSections' => false, 'sectionHeadline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'unfilteredHtml' => null, 'typePrefix' => 'ce_'), 'markdownSource' => 'sourceText', 'showPreview' => false, 'closeSections' => false, 'sectionHeadline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'unfilteredHtml' => null, 'typePrefix' => 'ce_', 'hl' => 'h2', 'Template' => object(FrontendTemplate), 'swiperName' => 'textSwiper', 'bgImageBol' => 'none', 'bgImageAlt' => '', 'paddingTop' => 'padding-m-t-2', 'paddingBottom' => 'padding-m-b-4', 'paddingTopMob' => 'padding-t-2', 'paddingBottomMob' => 'padding-b-2', 'direction' => 'dir1', 'speed' => '2000', 'pagination' => '1', 'navigation' => '1', 'autoplay' => '', 'lazy' => '1', 'textHeadline' => 'Das Master Template für Freelancer und Unternehmen', 'textHeadLineSize' => 'h1', 'textSubline' => '', 'textContent' => '<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>', 'linkUrl' => '{{link_url::10|urlattr}}', 'linkText' => 'Jetzt starten', 'boxen' => array(object(stdClass@anonymous), object(stdClass@anonymous), object(stdClass@anonymous)), 'getImageObject' => object(Stringable@anonymous), 'getColumnClassName' => object(Stringable@anonymous), 'template' => 'rsce_swiperText', 'as_editor_view' => false, 'nested_fragments' => array(), 'section' => 'main', 'properties' => array(), 'element_html_id' => null, 'element_css_classes' => '', 'style' => '', 'class' => 'ce_rsce_swiperText', 'inColumn' => 'main'))
         (vendor/twig/twig/src/TemplateWrapper.php:38)
      at Twig\TemplateWrapper->render(array('id' => 680, 'pid' => 150, 'ptable' => 'tl_article', 'sorting' => 256, 'tstamp' => 1711362864, 'type' => 'rsce_swiperText', 'headline' => object(Stringable@anonymous), 'text' => null, 'addImage' => false, 'singleSRC' => null, 'alt' => '', 'imageTitle' => '', 'size' => '', 'imageUrl' => null, 'fullsize' => false, 'caption' => '', 'floating' => 'above', 'html' => null, 'listtype' => '', 'listitems' => null, 'tableitems' => null, 'summary' => '', 'thead' => false, 'tfoot' => false, 'tleft' => false, 'sortable' => false, 'sortIndex' => 0, 'sortOrder' => 'ascending', 'mooHeadline' => '', 'mooStyle' => '', 'mooClasses' => '', 'highlight' => '', 'code' => null, 'url' => null, 'target' => false, 'titleText' => '', 'linkTitle' => 'Kontaktieren Sie uns', 'embed' => '', 'rel' => '', 'useImage' => false, 'multiSRC' => null, 'useHomeDir' => false, 'perRow' => 4, 'perPage' => 0, 'numberOfItems' => 0, 'sortBy' => '', 'metaIgnore' => false, 'galleryTpl' => '', 'customTpl' => '', 'playerSRC' => null, 'youtube' => '', 'posterSRC' => null, 'playerSize' => '', 'inline' => false, 'sliderDelay' => 0, 'sliderSpeed' => 300, 'sliderStartSlide' => 0, 'sliderContinuous' => false, 'cteAlias' => 0, 'articleAlias' => 0, 'article' => 0, 'form' => 0, 'module' => 0, 'protected' => false, 'groups' => null, 'cssID' => '', 'invisible' => false, 'start' => '', 'stop' => '', 'com_order' => 'ascending', 'com_perPage' => 0, 'com_moderate' => false, 'com_bbcode' => false, 'com_disableCaptcha' => false, 'com_requireLogin' => false, 'com_template' => '', 'overwriteMeta' => false, 'vimeo' => '', 'rsce_data' => '{"swiperName":"textSwiper","bgImageBol":"none","bgImageAlt":"","paddingTop":"padding-m-t-2","paddingBottom":"padding-m-b-4","paddingTopMob":"padding-t-2","paddingBottomMob":"padding-b-2","direction":"dir1","speed":"2000","pagination":"1","navigation":"1","autoplay":"","lazy":"1","textHeadline":"Das Master Template f\\u00fcr Freelancer und Unternehmen","textHeadLineSize":"h1","textSubline":"","textContent":"<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<\\/p>","linkUrl":"{{link_url::10|urlattr}}","linkText":"Jetzt starten","linkTitle":"Kontaktieren Sie uns","boxen":[{"image":"aa354246-b533-11ee-9300-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355d1c-b533-11ee-965c-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355c04-b533-11ee-a41a-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"}]}', 'youtubeOptions' => null, 'overwriteLink' => false, 'playerOptions' => null, 'vimeoOptions' => null, 'playerStart' => 0, 'playerStop' => 0, 'playerColor' => '', 'playerPreload' => '', 'splashImage' => false, 'playerAspect' => '', 'playerCaption' => '', 'nodesWrapper' => '', 'nodes' => null, 'data' => array('id' => 680, 'pid' => 150, 'ptable' => 'tl_article', 'sorting' => 256, 'tstamp' => 1711362864, 'type' => 'rsce_swiperText', 'headline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'text' => null, 'addImage' => false, 'singleSRC' => null, 'alt' => '', 'imageTitle' => '', 'size' => '', 'imageUrl' => null, 'fullsize' => false, 'caption' => '', 'floating' => 'above', 'html' => null, 'listtype' => '', 'listitems' => null, 'tableitems' => null, 'summary' => '', 'thead' => false, 'tfoot' => false, 'tleft' => false, 'sortable' => false, 'sortIndex' => 0, 'sortOrder' => 'ascending', 'mooHeadline' => '', 'mooStyle' => '', 'mooClasses' => '', 'highlight' => '', 'code' => null, 'url' => null, 'target' => false, 'titleText' => '', 'linkTitle' => '', 'embed' => '', 'rel' => '', 'useImage' => false, 'multiSRC' => null, 'useHomeDir' => false, 'perRow' => 4, 'perPage' => 0, 'numberOfItems' => 0, 'sortBy' => '', 'metaIgnore' => false, 'galleryTpl' => '', 'customTpl' => '', 'playerSRC' => null, 'youtube' => '', 'posterSRC' => null, 'playerSize' => '', 'inline' => false, 'sliderDelay' => 0, 'sliderSpeed' => 300, 'sliderStartSlide' => 0, 'sliderContinuous' => false, 'cteAlias' => 0, 'articleAlias' => 0, 'article' => 0, 'form' => 0, 'module' => 0, 'protected' => false, 'groups' => null, 'cssID' => '', 'invisible' => false, 'start' => '', 'stop' => '', 'com_order' => 'ascending', 'com_perPage' => 0, 'com_moderate' => false, 'com_bbcode' => false, 'com_disableCaptcha' => false, 'com_requireLogin' => false, 'com_template' => '', 'overwriteMeta' => false, 'vimeo' => '', 'rsce_data' => '{"swiperName":"textSwiper","bgImageBol":"none","bgImageAlt":"","paddingTop":"padding-m-t-2","paddingBottom":"padding-m-b-4","paddingTopMob":"padding-t-2","paddingBottomMob":"padding-b-2","direction":"dir1","speed":"2000","pagination":"1","navigation":"1","autoplay":"","lazy":"1","textHeadline":"Das Master Template f\\u00fcr Freelancer und Unternehmen","textHeadLineSize":"h1","textSubline":"","textContent":"<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<\\/p>","linkUrl":"{{link_url::10|urlattr}}","linkText":"Jetzt starten","linkTitle":"Kontaktieren Sie uns","boxen":[{"image":"aa354246-b533-11ee-9300-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355d1c-b533-11ee-965c-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355c04-b533-11ee-a41a-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"}]}', 'youtubeOptions' => null, 'overwriteLink' => false, 'playerOptions' => null, 'vimeoOptions' => null, 'playerStart' => 0, 'playerStop' => 0, 'playerColor' => '', 'playerPreload' => '', 'splashImage' => false, 'playerAspect' => '', 'playerCaption' => '', 'nodesWrapper' => '', 'nodes' => null, 'data' => null, 'markdownSource' => 'sourceText', 'showPreview' => false, 'closeSections' => false, 'sectionHeadline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'unfilteredHtml' => null, 'typePrefix' => 'ce_'), 'markdownSource' => 'sourceText', 'showPreview' => false, 'closeSections' => false, 'sectionHeadline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'unfilteredHtml' => null, 'typePrefix' => 'ce_', 'hl' => 'h2', 'Template' => object(FrontendTemplate), 'swiperName' => 'textSwiper', 'bgImageBol' => 'none', 'bgImageAlt' => '', 'paddingTop' => 'padding-m-t-2', 'paddingBottom' => 'padding-m-b-4', 'paddingTopMob' => 'padding-t-2', 'paddingBottomMob' => 'padding-b-2', 'direction' => 'dir1', 'speed' => '2000', 'pagination' => '1', 'navigation' => '1', 'autoplay' => '', 'lazy' => '1', 'textHeadline' => 'Das Master Template für Freelancer und Unternehmen', 'textHeadLineSize' => 'h1', 'textSubline' => '', 'textContent' => '<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>', 'linkUrl' => '{{link_url::10|urlattr}}', 'linkText' => 'Jetzt starten', 'boxen' => array(object(stdClass@anonymous), object(stdClass@anonymous), object(stdClass@anonymous)), 'getImageObject' => object(Stringable@anonymous), 'getColumnClassName' => object(Stringable@anonymous), 'template' => 'rsce_swiperText', 'as_editor_view' => false, 'nested_fragments' => array(), 'section' => 'main', 'properties' => array(), 'element_html_id' => null, 'element_css_classes' => '', 'style' => '', 'class' => 'ce_rsce_swiperText', 'inColumn' => 'main'))
         (vendor/twig/twig/src/Environment.php:280)
      at Twig\Environment->render('@Contao/rsce_swiperText.html.twig', array('id' => 680, 'pid' => 150, 'ptable' => 'tl_article', 'sorting' => 256, 'tstamp' => 1711362864, 'type' => 'rsce_swiperText', 'headline' => object(Stringable@anonymous), 'text' => null, 'addImage' => false, 'singleSRC' => null, 'alt' => '', 'imageTitle' => '', 'size' => '', 'imageUrl' => null, 'fullsize' => false, 'caption' => '', 'floating' => 'above', 'html' => null, 'listtype' => '', 'listitems' => null, 'tableitems' => null, 'summary' => '', 'thead' => false, 'tfoot' => false, 'tleft' => false, 'sortable' => false, 'sortIndex' => 0, 'sortOrder' => 'ascending', 'mooHeadline' => '', 'mooStyle' => '', 'mooClasses' => '', 'highlight' => '', 'code' => null, 'url' => null, 'target' => false, 'titleText' => '', 'linkTitle' => 'Kontaktieren Sie uns', 'embed' => '', 'rel' => '', 'useImage' => false, 'multiSRC' => null, 'useHomeDir' => false, 'perRow' => 4, 'perPage' => 0, 'numberOfItems' => 0, 'sortBy' => '', 'metaIgnore' => false, 'galleryTpl' => '', 'customTpl' => '', 'playerSRC' => null, 'youtube' => '', 'posterSRC' => null, 'playerSize' => '', 'inline' => false, 'sliderDelay' => 0, 'sliderSpeed' => 300, 'sliderStartSlide' => 0, 'sliderContinuous' => false, 'cteAlias' => 0, 'articleAlias' => 0, 'article' => 0, 'form' => 0, 'module' => 0, 'protected' => false, 'groups' => null, 'cssID' => '', 'invisible' => false, 'start' => '', 'stop' => '', 'com_order' => 'ascending', 'com_perPage' => 0, 'com_moderate' => false, 'com_bbcode' => false, 'com_disableCaptcha' => false, 'com_requireLogin' => false, 'com_template' => '', 'overwriteMeta' => false, 'vimeo' => '', 'rsce_data' => '{"swiperName":"textSwiper","bgImageBol":"none","bgImageAlt":"","paddingTop":"padding-m-t-2","paddingBottom":"padding-m-b-4","paddingTopMob":"padding-t-2","paddingBottomMob":"padding-b-2","direction":"dir1","speed":"2000","pagination":"1","navigation":"1","autoplay":"","lazy":"1","textHeadline":"Das Master Template f\\u00fcr Freelancer und Unternehmen","textHeadLineSize":"h1","textSubline":"","textContent":"<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<\\/p>","linkUrl":"{{link_url::10|urlattr}}","linkText":"Jetzt starten","linkTitle":"Kontaktieren Sie uns","boxen":[{"image":"aa354246-b533-11ee-9300-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355d1c-b533-11ee-965c-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355c04-b533-11ee-a41a-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"}]}', 'youtubeOptions' => null, 'overwriteLink' => false, 'playerOptions' => null, 'vimeoOptions' => null, 'playerStart' => 0, 'playerStop' => 0, 'playerColor' => '', 'playerPreload' => '', 'splashImage' => false, 'playerAspect' => '', 'playerCaption' => '', 'nodesWrapper' => '', 'nodes' => null, 'data' => array('id' => 680, 'pid' => 150, 'ptable' => 'tl_article', 'sorting' => 256, 'tstamp' => 1711362864, 'type' => 'rsce_swiperText', 'headline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'text' => null, 'addImage' => false, 'singleSRC' => null, 'alt' => '', 'imageTitle' => '', 'size' => '', 'imageUrl' => null, 'fullsize' => false, 'caption' => '', 'floating' => 'above', 'html' => null, 'listtype' => '', 'listitems' => null, 'tableitems' => null, 'summary' => '', 'thead' => false, 'tfoot' => false, 'tleft' => false, 'sortable' => false, 'sortIndex' => 0, 'sortOrder' => 'ascending', 'mooHeadline' => '', 'mooStyle' => '', 'mooClasses' => '', 'highlight' => '', 'code' => null, 'url' => null, 'target' => false, 'titleText' => '', 'linkTitle' => '', 'embed' => '', 'rel' => '', 'useImage' => false, 'multiSRC' => null, 'useHomeDir' => false, 'perRow' => 4, 'perPage' => 0, 'numberOfItems' => 0, 'sortBy' => '', 'metaIgnore' => false, 'galleryTpl' => '', 'customTpl' => '', 'playerSRC' => null, 'youtube' => '', 'posterSRC' => null, 'playerSize' => '', 'inline' => false, 'sliderDelay' => 0, 'sliderSpeed' => 300, 'sliderStartSlide' => 0, 'sliderContinuous' => false, 'cteAlias' => 0, 'articleAlias' => 0, 'article' => 0, 'form' => 0, 'module' => 0, 'protected' => false, 'groups' => null, 'cssID' => '', 'invisible' => false, 'start' => '', 'stop' => '', 'com_order' => 'ascending', 'com_perPage' => 0, 'com_moderate' => false, 'com_bbcode' => false, 'com_disableCaptcha' => false, 'com_requireLogin' => false, 'com_template' => '', 'overwriteMeta' => false, 'vimeo' => '', 'rsce_data' => '{"swiperName":"textSwiper","bgImageBol":"none","bgImageAlt":"","paddingTop":"padding-m-t-2","paddingBottom":"padding-m-b-4","paddingTopMob":"padding-t-2","paddingBottomMob":"padding-b-2","direction":"dir1","speed":"2000","pagination":"1","navigation":"1","autoplay":"","lazy":"1","textHeadline":"Das Master Template f\\u00fcr Freelancer und Unternehmen","textHeadLineSize":"h1","textSubline":"","textContent":"<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<\\/p>","linkUrl":"{{link_url::10|urlattr}}","linkText":"Jetzt starten","linkTitle":"Kontaktieren Sie uns","boxen":[{"image":"aa354246-b533-11ee-9300-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355d1c-b533-11ee-965c-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"},{"image":"aa355c04-b533-11ee-a41a-f9fa1e23028e","boxText":"","linkUrl":"{{link_url::10|urlattr}}"}]}', 'youtubeOptions' => null, 'overwriteLink' => false, 'playerOptions' => null, 'vimeoOptions' => null, 'playerStart' => 0, 'playerStop' => 0, 'playerColor' => '', 'playerPreload' => '', 'splashImage' => false, 'playerAspect' => '', 'playerCaption' => '', 'nodesWrapper' => '', 'nodes' => null, 'data' => null, 'markdownSource' => 'sourceText', 'showPreview' => false, 'closeSections' => false, 'sectionHeadline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'unfilteredHtml' => null, 'typePrefix' => 'ce_'), 'markdownSource' => 'sourceText', 'showPreview' => false, 'closeSections' => false, 'sectionHeadline' => 'a:2:{s:5:"value";s:0:"";s:4:"unit";s:2:"h2";}', 'unfilteredHtml' => null, 'typePrefix' => 'ce_', 'hl' => 'h2', 'Template' => object(FrontendTemplate), 'swiperName' => 'textSwiper', 'bgImageBol' => 'none', 'bgImageAlt' => '', 'paddingTop' => 'padding-m-t-2', 'paddingBottom' => 'padding-m-b-4', 'paddingTopMob' => 'padding-t-2', 'paddingBottomMob' => 'padding-b-2', 'direction' => 'dir1', 'speed' => '2000', 'pagination' => '1', 'navigation' => '1', 'autoplay' => '', 'lazy' => '1', 'textHeadline' => 'Das Master Template für Freelancer und Unternehmen', 'textHeadLineSize' => 'h1', 'textSubline' => '', 'textContent' => '<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>', 'linkUrl' => '{{link_url::10|urlattr}}', 'linkText' => 'Jetzt starten', 'boxen' => array(object(stdClass@anonymous), object(stdClass@anonymous), object(stdClass@anonymous)), 'getImageObject' => object(Stringable@anonymous), 'getColumnClassName' => object(Stringable@anonymous), 'template' => 'rsce_swiperText', 'as_editor_view' => false, 'nested_fragments' => array(), 'section' => 'main', 'properties' => array(), 'element_html_id' => null, 'element_css_classes' => '', 'style' => '', 'class' => 'ce_rsce_swiperText', 'inColumn' => 'main'))
         (vendor/contao/core-bundle/contao/library/Contao/TemplateInheritance.php:384)
      at Contao\Template->renderTwigSurrogateIfExists()
         (vendor/contao/core-bundle/contao/library/Contao/TemplateInheritance.php:82)
      at Contao\Template->inherit()
         (vendor/contao/core-bundle/contao/library/Contao/Template.php:287)
      at Contao\Template->parse()
         (vendor/contao/core-bundle/contao/classes/FrontendTemplate.php:43)
      at Contao\FrontendTemplate->parse()
         (vendor/contao/core-bundle/contao/elements/ContentElement.php:273)
      at Contao\ContentElement->generate()
         (vendor/madeyourday/contao-rocksolid-custom-elements/src/Element/CustomElement.php:51)
      at MadeYourDay\RockSolidCustomElements\Element\CustomElement->generate()
         (vendor/contao/core-bundle/contao/library/Contao/Controller.php:600)
      at Contao\Controller::getContentElement(object(ContentModel), 'main')
         (vendor/contao/core-bundle/contao/modules/ModuleArticle.php:189)
      at Contao\ModuleArticle->compile()
         (vendor/contao/core-bundle/contao/modules/Module.php:213)
      at Contao\Module->generate()
         (vendor/contao/core-bundle/contao/modules/ModuleArticle.php:69)
      at Contao\ModuleArticle->generate(false)
         (vendor/contao/core-bundle/contao/library/Contao/Controller.php:495)
      at Contao\Controller::getArticle(object(ArticleModel), true, false, 'main')
         (vendor/contao/core-bundle/contao/library/Contao/Controller.php:361)
      at Contao\Controller::getFrontendModule('0', 'main')
         (vendor/contao/core-bundle/contao/pages/PageRegular.php:177)
      at Contao\PageRegular->prepare(object(PageModel))
         (vendor/contao/core-bundle/contao/pages/PageRegular.php:47)
      at Contao\PageRegular->getResponse(object(PageModel), true)
         (vendor/contao/core-bundle/contao/controllers/FrontendIndex.php:65)
      at Contao\FrontendIndex->renderPage(object(PageModel))
         (vendor/symfony/http-kernel/HttpKernel.php:181)
      at Symfony\Component\HttpKernel\HttpKernel->handleRaw(object(Request), 1)
         (vendor/symfony/http-kernel/HttpKernel.php:76)
      at Symfony\Component\HttpKernel\HttpKernel->handle(object(Request), 1, true)
         (vendor/symfony/http-kernel/Kernel.php:197)
      at Symfony\Component\HttpKernel\Kernel->handle(object(Request))
         (web/index.php:42)
    Geändert von HBR (26.03.2024 um 11:40 Uhr)

  15. #15
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    35.517
    Partner-ID
    10107

    Standard

    Bitte editiere deinen Post und nutze [code] Tags, damit das leserlich bleibt.

    Poste außerdem den aktuellen Inhalt von templates/Layout/rsce_swiperText.html.twig
    » sponsor me via GitHub or PayPal or Revolut

  16. #16
    Contao-Nutzer Avatar von HBR
    Registriert seit
    18.09.2010.
    Beiträge
    57

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Bitte editiere deinen Post und nutze [code] Tags, damit das leserlich bleibt.

    Poste außerdem den aktuellen Inhalt von templates/Layout/rsce_swiperText.html.twig
    Code:
    {% set mobile = false %}
    {% if 'iPhone' in app.request.headers.get('User-Agent') 
        or 'iPod' in app.request.headers.get('User-Agent') 
        or 'iPad' in app.request.headers.get('User-Agent') 
        or 'Android' in app.request.headers.get('User-Agent') 
        or 'BlackBerry' in app.request.headers.get('User-Agent') %}
        {% set mobile = true %}    
    {% endif %}
    
    {% set lazyLoad = lazy %}
    {% set imageSize = 58 %}
    {% set imageSizeDesktop = 58 %}
    {% set imageSizeDesktopNoLazy = 63 %}
    {% set imageSizeMob = 59 %}
    {% set imageSizeMobNoLazy = 64 %}
    {% set imageSizeBgImage = 67 %}
    
    {# Background-image #}
    {% set bgImageBol = bgImageBol %}
    {% set bgImageAlt = bgImageAlt %}
    {% if bgImageAlt == false %}
      {% set bgImageAlt = 'Background Graphic' %}
    {% endif %}
    
    {% set bgImageDesktop = "" %}
    
    {% if bgImageBol == 'first' %}
      {% set bgImageDesktop = "<img alt='{{ bgImageAlt }}' src='data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTkyMHB4IiBoZWlnaHQ9Ijc2OHB4IiB2aWV3Qm94PSIwIDAgMTkyMCA3NjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5MjAgNzY4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMEJGOTciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTS00ODMuMjM1LDU5MS42NEM3NDIuNzEyLDEzMTUuODU3LDIzMi45Miw3NTEuNDA2LDQ1Mi4wNzQsNjkyLjIxOQ0KCQkJYzU3My4yNTEtMTU0LjgyNS04MTkuMTItODYwLjgzOC0xNzIuOTU3LTYwNi4wOTZjMTE4MC4xOTEsNDY1LjI3NywzNTM2LjMzLDQ3NC44OTEsNDA5Ny42NDMsNDE0LjIyNiIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBCRjk3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0tNDU0LjUyNyw2MDIuMzM0YzExNzkuNDU5LDY5NS42OTcsNjg0LjYxMSwxNDUuNzUzLDg5Mi4zMSw4My4zNjMNCgkJCUM5ODEuMDcyLDUyMi40OTYtMzU2LjU1OS0xNTIuMjk2LDI2Mi45ODYsODguNjljMTEzMS41NzQsNDQwLjE1MiwzMzc1LjMzMiw0MDguODQ3LDM5MDguODIyLDMzOS4wNjciLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwQkY5NyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNLTQyNy4wMTMsNjEyLjQyNGMxMTM0LjcxNyw2NjguMjY5LDY1NC4zMzksMTMyLjQyNiw4NTEuMDc4LDY3LjA2NA0KCQkJQzkzOC42ODUsNTA4LjUxNS0zNDYuMzAxLTEzNi4zMTgsMjQ3LjY2OCw5MS41MTFjMTA4NC44NjEsNDE2LjEyMiwzMjIwLjkyMywzNDYuMjU2LDM3MjcuNzY5LDI2Ny45MzUiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwQkY5NyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNLTQwMC42NDUsNjIxLjkzNUM2OTEuMDEsMTI2My44MjYsMjI0LjY0Nyw3NDEuNjkyLDQxMC45LDY3My41NzkNCgkJCWM0ODcuMTg5LTE3OC4xNzEtNzQ3LjE2Ni03OTQuMjU3LTE3Ny43NzEtNTc5LjAxYzEwMzkuOTc4LDM5My4xNDMsMzA3Mi44NDcsMjg2Ljk3LDM1NTQuMTc4LDIwMC42NTUiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwQkY5NyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNLTM3NS4zNzcsNjMwLjg5NGMxMDUwLjIwOSw2MTYuNTI0LDU5Ny40MjEsMTA3LjcyLDc3My42NDIsMzcuMDY0DQoJCQlDODU5LjIxNCw0ODMuMTM3LTMyNi40NS0xMDUuMzcsMjE5LjMzNiw5Ny44NDljOTk2Ljg1NSwzNzEuMTcyLDI5MzAuODU1LDIzMC44NDYsMzM4Ny43NTgsMTM3LjA1OSIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBCRjk3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0tMzUxLjE2Nyw2MzkuMzI0YzEwMTAuMzIxLDU5Mi4xMzEsNTcwLjY4LDk2LjI4Niw3MzcuMzA2LDIzLjI4OA0KCQkJQzgyMS45OTEsNDcxLjY2My0zMTYuODQ4LTkwLjM4NSwyMDYuMjU2LDEwMS4zMzRjOTU1LjQyNywzNTAuMTY5LDI3OTQuNzExLDE3Ny43NDYsMzIyOC4yMjcsNzYuOTg1Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMEJGOTciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTS0zMjcuOTczLDY0Ny4yNTFjOTcxLjkzMiw1NjguNjc0LDU0NS4wMjYsODUuNDMxLDcwMi40NzcsMTAuMjc5DQoJCQlDNzg2LjM1NSw0NjAuOTQ5LTMwNy40NTQtNzUuNzE4LDE5My44NTgsMTA1LjAxMWM5MTUuNjI3LDMzMC4wOTUsMjY2NC4xODUsMTI3LjUzOCwzMDc1LjMxNCwyMC4yNzkiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwQkY5NyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNLTMwNS43NTUsNjU0LjY5NmM5MzQuOTg1LDU0Ni4xMTcsNTIwLjQxNyw3NS4xMjksNjY5LjA5NS0xLjk5NQ0KCQkJQzc1Mi4yNDMsNDUwLjk2MS0yOTguMjY1LTYxLjM2LDE4Mi4xMTUsMTA4Ljg2NmM4NzcuMzkzLDMxMC45MTMsMjUzOS4wNTUsODAuMDk3LDI5MjguNzYtMzMuMjA3Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMEJGOTciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTS0yODQuNDc0LDY2MS42ODJjODk5LjQyNyw1MjQuNDI4LDQ5Ni44MTEsNjUuMzU3LDYzNy4xMDItMTMuNTY3DQoJCQljMzY2Ljk2NS0yMDYuNDUtNjQxLjkwNC02OTUuNDIxLTE4MS42MzItNTM1LjIyOWM4NDAuNjY2LDI5Mi41ODYsMjQxOS4xMTIsMzUuMywyNzg4LjMxNS04My42MTYiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwQkY5NyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNLTI2NC4wOTMsNjY4LjIyOWM4NjUuMjA3LDUwMy41NzIsNDc0LjE3LDU2LjA5Myw2MDYuNDQ1LTI0LjQ3DQoJCQlDNjg4LjM0OCw0MzMuMDI2LTI4MC40ODEtMzMuNTUsMTYwLjQ3NiwxMTcuMDU4YzgwNS4zODgsMjc1LjA3OSwyMzA0LjE1Mi02Ljk2OCwyNjUzLjczOC0xMzEuMDg1Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMEJGOTciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTS0yNDQuNTc2LDY3NC4zNTZjODMyLjI3Miw0ODMuNTIsNDUyLjQ1Nyw0Ny4zMTMsNTc3LjA3LTM0LjczMQ0KCQkJQzY1OC40NTIsNDI1LjAxNy0yNzEuODc3LTIwLjA4MywxNTAuNTI3LDEyMS4zN0M5MjIuMDMsMzc5LjcyOSwyMzQ0LjUwNiw3NC41NTEsMjY3NS4zMjUtNTQuMzc2Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMEJGOTciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTS0yMjUuODksNjgwLjA4NGM4MDAuNTc3LDQ2NC4yMzksNDMxLjYzMywzOC45OTksNTQ4LjkyOC00NC4zOA0KCQkJQzYyOS44NSw0MTcuNjA1LTI2My40Ni02LjkwMiwxNDEuMTI1LDEyNS44MTFDODgwLjA4MywzNjguMjA3LDIyMjkuNTI5LDQxLjQ1LDI1NDIuMzk4LTkxLjkxMiIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBCRjk3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0tMjA4LDY4NS40MzFjNzcwLjA3NSw0NDUuNzAxLDQxMS42NjcsMzEuMTI4LDUyMS45NjktNTMuNDQ0DQoJCQlDNjAyLjQ5LDQxMC43NjQtMjU1LjIyNiw2LjAwMSwxMzIuMjQ3LDEzMC4zNzFDODM5Ljk0OSwzNTcuNTI2LDIxMTkuNDkzLDEwLjY3NCwyNDE1LjE5NS0xMjYuNzY4Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMEJGOTciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTS0xOTAuODc2LDY5MC40MTNjNzQwLjcyLDQyNy44NzksMzkyLjUyMiwyMy42ODMsNDk2LjE0Ni02MS45NQ0KCQkJQzU3Ni4zMjQsNDA0LjQ2NS0yNDcuMTY5LDE4LjYzMiwxMjMuODY5LDEzNS4wMzhDODAxLjU1MywzNDcuNjQ5LDIwMTQuMTk5LTE3Ljg4NiwyMjkzLjQ4Ni0xNTkuMDciLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwQkY5NyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNLTE3NC40ODcsNjk1LjA0OWM3MTIuNDcxLDQxMC43NDQsMzc0LjE2OCwxNi42NDQsNDcxLjQxNi02OS45MjQNCgkJCWMyNTQuMzc0LTIyNi40NDItNTM2LjIxNS01OTQuMTI4LTE4MC45Ni00ODUuMzIxQzc2NC44MjYsMzM4LjUzNiwxOTEzLjQ1OS00NC4zMzQsMjE3Ny4wNTMtMTg4LjkzOCIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBCRjk3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0tMTU4LjgwNCw2OTkuMzU0YzY4NS4yODUsMzk0LjI3MSwzNTYuNTczLDkuOTkzLDQ0Ny43MzMtNzcuMzg5DQoJCQlDNTI3LjM3OSwzOTMuMzkzLTIzMS41NzUsNDMuMSwxMDguNTI0LDE0NC42NThDNzI5LjcwMiwzMzAuMTUsMTgxNy4wOS02OC43NzIsMjA2NS42ODQtMjE2LjQ4OSIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBCRjk3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0tMTQzLjc5Nyw3MDMuMzQ1YzY1OS4xMjQsMzc4LjQzNSwzMzkuNzA4LDMuNzE1LDQyNS4wNTctODQuMzY4DQoJCQlDNTA0LjUxMSwzODguNTctMjI0LjAzLDU0Ljk0OCwxMDEuNTE3LDE0OS41OTNDNjk2LjExNiwzMjIuNDU4LDE3MjQuOTE2LTkxLjI5NCwxOTU5LjE3NS0yNDEuODMzIi8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMEJGOTciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTS0xMjkuNDQxLDcwNy4wMzVjNjMzLjk0OCwzNjMuMjEsMzIzLjU0NC0yLjIwOCw0MDMuMzQ4LTkwLjg4NQ0KCQkJQzQ4Mi42NTUsMzg0LjE5Mi0yMTYuNjQ3LDY2LjU0Nyw5NC45MjcsMTU0LjZDNjY0LjAwNSwzMTUuNDI1LDE2MzYuNzctMTExLjk5MywxODU3LjMzLTI2NS4wNzciLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwQkY5NyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNLTExNS43MDksNzEwLjQzOWM2MDkuNzIsMzQ4LjU3NSwzMDguMDUzLTcuNzkxLDM4Mi41NjctOTYuOTU5DQoJCQlDNDYxLjc3LDM4MC4yMzctMjA5LjQyNSw3Ny45MDEsODguNzM1LDE1OS42N2M1NDQuNTc3LDE0OS4zNDksMTQ2My43NTMtMjkwLjYyNiwxNjcxLjIyOC00NDUuOTkzIi8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMEJGOTciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTS0xMDIuNTc3LDcxMy41NzJjNTg2LjQwNywzMzQuNTA3LDI5My4yMDktMTMuMDUxLDM2Mi42NzgtMTAyLjYxMw0KCQkJQzQ0MS44MTYsMzc2LjY4NC0yMDIuMzU4LDg5LjAxNiw4Mi45MjMsMTY0Ljc5N2M1MjEuMDU0LDEzOC40MTIsMTM4OC45OTQtMzEzLjA2NiwxNTgzLjk2OS00NzAuNDY1Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMEJGOTciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTS05MC4wMiw3MTYuNDQ1YzU2My45NzIsMzIwLjk4NCwyNzguOTg2LTE3Ljk5OSwzNDMuNjQ1LTEwNy44NjUNCgkJCUM0MjIuNzU2LDM3My41MTEtMTk1LjQ0Myw5OS44OTYsNzcuNDc1LDE2OS45NzNjNDk4LjQ3MywxMjcuOTkzLDEzMTcuNDMyLTMzMy45ODQsMTUwMC40NzEtNDkzLjE3OSIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K'>" %}
      {% set bgImageMobile = "<img alt='{{ bgImageAlt }}' src='data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDM5OCA3NjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1taXRlcmxpbWl0OjEwOyI+CiAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMzk4IiBoZWlnaHQ9Ijc2OCIgc3R5bGU9ImZpbGw6bm9uZTsiLz4KICAgIDxjbGlwUGF0aCBpZD0iX2NsaXAxIj4KICAgICAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMzk4IiBoZWlnaHQ9Ijc2OCIvPgogICAgPC9jbGlwUGF0aD4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNfY2xpcDEpIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTQ4My4yMzUsNTkxLjY0Qzc0Mi43MTIsMTMxNS44NiAyMzIuOTIsNzUxLjQwNiA0NTIuMDc0LDY5Mi4yMTlDMTAyNS4zMyw1MzcuMzk0IC0zNjcuMDQ2LC0xNjguNjE5IDI3OS4xMTcsODYuMTIzQzE0NTkuMzEsNTUxLjQgMzgxNS40NSw1NjEuMDE0IDQzNzYuNzYsNTAwLjM0OSIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tNDU0LjUyNyw2MDIuMzM0QzcyNC45MzIsMTI5OC4wMyAyMzAuMDg0LDc0OC4wODcgNDM3Ljc4Myw2ODUuNjk3Qzk4MS4wNzIsNTIyLjQ5NiAtMzU2LjU1OSwtMTUyLjI5NiAyNjIuOTg2LDg4LjY5QzEzOTQuNTYsNTI4Ljg0MiAzNjM4LjMyLDQ5Ny41MzcgNDE3MS44MSw0MjcuNzU3IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS00MjcuMDEzLDYxMi40MjRDNzA3LjcwNCwxMjgwLjY5IDIyNy4zMjYsNzQ0Ljg1IDQyNC4wNjUsNjc5LjQ4OEM5MzguNjg1LDUwOC41MTUgLTM0Ni4zMDEsLTEzNi4zMTggMjQ3LjY2OCw5MS41MTFDMTMzMi41Myw1MDcuNjMzIDM0NjguNTksNDM3Ljc2NyAzOTc1LjQ0LDM1OS40NDYiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTQwMC42NDUsNjIxLjkzNUM2OTEuMDEsMTI2My44MyAyMjQuNjQ3LDc0MS42OTIgNDEwLjksNjczLjU3OUM4OTguMDg5LDQ5NS40MDggLTMzNi4yNjYsLTEyMC42NzggMjMzLjEyOSw5NC41NjlDMTI3My4xMSw0ODcuNzEyIDMzMDUuOTgsMzgxLjUzOSAzNzg3LjMxLDI5NS4yMjQiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTM3NS4zNzcsNjMwLjg5NEM2NzQuODMyLDEyNDcuNDIgMjIyLjA0NCw3MzguNjE0IDM5OC4yNjUsNjY3Ljk1OEM4NTkuMjE0LDQ4My4xMzcgLTMyNi40NSwtMTA1LjM3IDIxOS4zMzYsOTcuODQ5QzEyMTYuMTksNDY5LjAyMSAzMTUwLjE5LDMyOC42OTUgMzYwNy4wOSwyMzQuOTA4IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0zNTEuMTY3LDYzOS4zMjRDNjU5LjE1NCwxMjMxLjQ1IDIxOS41MTMsNzM1LjYxIDM4Ni4xMzksNjYyLjYxMkM4MjEuOTkxLDQ3MS42NjMgLTMxNi44NDgsLTkwLjM4NSAyMDYuMjU2LDEwMS4zMzRDMTE2MS42OCw0NTEuNTAzIDMwMDAuOTcsMjc5LjA4IDM0MzQuNDgsMTc4LjMxOSIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMzI3Ljk3Myw2NDcuMjUxQzY0My45NTksMTIxNS45MiAyMTcuMDUzLDczMi42ODIgMzc0LjUwNCw2NTcuNTNDNzg2LjM1NSw0NjAuOTQ5IC0zMDcuNDU0LC03NS43MTggMTkzLjg1OCwxMDUuMDExQzExMDkuNDksNDM1LjEwNiAyODU4LjA0LDIzMi41NDkgMzI2OS4xNywxMjUuMjkiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTMwNS43NTUsNjU0LjY5NkM2MjkuMjMsMTIwMC44MSAyMTQuNjYyLDcyOS44MjUgMzYzLjM0LDY1Mi43MDFDNzUyLjI0Myw0NTAuOTYxIC0yOTguMjY1LC02MS4zNiAxODIuMTE1LDEwOC44NjZDMTA1OS41MSw0MTkuNzc5IDI3MjEuMTcsMTg4Ljk2MyAzMTEwLjg4LDc1LjY1OSIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMjg0LjQ3NCw2NjEuNjgyQzYxNC45NTMsMTE4Ni4xMSAyMTIuMzM3LDcyNy4wMzkgMzUyLjYyOCw2NDguMTE1QzcxOS41OTMsNDQxLjY2NSAtMjg5LjI3NiwtNDcuMzA2IDE3MC45OTYsMTEyLjg4NkMxMDExLjY2LDQwNS40NzIgMjU5MC4xMSwxNDguMTg2IDI5NTkuMzEsMjkuMjciIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTI2NC4wOTMsNjY4LjIyOUM2MDEuMTE0LDExNzEuOCAyMTAuMDc3LDcyNC4zMjIgMzQyLjM1Miw2NDMuNzU5QzY4OC4zNDgsNDMzLjAyNiAtMjgwLjQ4MSwtMzMuNTUgMTYwLjQ3NiwxMTcuMDU4Qzk2NS44NjQsMzkyLjEzNyAyNDY0LjYzLDExMC4wOSAyODE0LjIxLC0xNC4wMjciIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTI0NC41NzYsNjc0LjM1NkM1ODcuNjk2LDExNTcuODggMjA3Ljg4MSw3MjEuNjY5IDMzMi40OTQsNjM5LjYyNUM2NTguNDUyLDQyNS4wMTcgLTI3MS44NzcsLTIwLjA4MyAxNTAuNTI3LDEyMS4zN0M5MjIuMDMsMzc5LjcyOSAyMzQ0LjUxLDc0LjU1MSAyNjc1LjMzLC01NC4zNzYiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTIyNS44OSw2ODAuMDg0QzU3NC42ODcsMTE0NC4zMiAyMDUuNzQzLDcxOS4wODMgMzIzLjAzOCw2MzUuNzA0QzYyOS44NSw0MTcuNjA1IC0yNjMuNDYsLTYuOTAyIDE0MS4xMjUsMTI1LjgxMUM4ODAuMDgzLDM2OC4yMDcgMjIyOS41Myw0MS40NSAyNTQyLjQsLTkxLjkxMiIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMjA4LDY4NS40MzFDNTYyLjA3NSwxMTMxLjEzIDIwMy42NjcsNzE2LjU1OSAzMTMuOTY5LDYzMS45ODdDNjAyLjQ5LDQxMC43NjQgLTI1NS4yMjYsNi4wMDEgMTMyLjI0NywxMzAuMzcxQzgzOS45NDksMzU3LjUyNiAyMTE5LjQ5LDEwLjY3NCAyNDE1LjIsLTEyNi43NjgiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTE5MC44NzYsNjkwLjQxM0M1NDkuODQ0LDExMTguMjkgMjAxLjY0Niw3MTQuMDk2IDMwNS4yNyw2MjguNDYzQzU3Ni4zMjQsNDA0LjQ2NSAtMjQ3LjE2OSwxOC42MzIgMTIzLjg2OSwxMzUuMDM4QzgwMS41NTMsMzQ3LjY0OSAyMDE0LjIsLTE3Ljg4NiAyMjkzLjQ5LC0xNTkuMDciIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTE3NC40ODcsNjk1LjA0OUM1MzcuOTg0LDExMDUuNzkgMTk5LjY4MSw3MTEuNjkzIDI5Ni45MjksNjI1LjEyNUM1NTEuMzAzLDM5OC42ODMgLTIzOS4yODYsMzAuOTk3IDExNS45NjksMTM5LjgwNEM3NjQuODI2LDMzOC41MzYgMTkxMy40NiwtNDQuMzM0IDIxNzcuMDUsLTE4OC45MzgiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTE1OC44MDQsNjk5LjM1NEM1MjYuNDgxLDEwOTMuNjIgMTk3Ljc2OSw3MDkuMzQ3IDI4OC45MjksNjIxLjk2NUM1MjcuMzc5LDM5My4zOTMgLTIzMS41NzUsNDMuMSAxMDguNTI0LDE0NC42NThDNzI5LjcwMiwzMzAuMTUgMTgxNy4wOSwtNjguNzcyIDIwNjUuNjgsLTIxNi40ODkiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTE0My43OTcsNzAzLjM0NUM1MTUuMzI3LDEwODEuNzggMTk1LjkxMSw3MDcuMDYgMjgxLjI2LDYxOC45NzdDNTA0LjUxMSwzODguNTcgLTIyNC4wMyw1NC45NDggMTAxLjUxNywxNDkuNTkzQzY5Ni4xMTYsMzIyLjQ1OCAxNzI0LjkyLC05MS4yOTQgMTk1OS4xNywtMjQxLjgzMyIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMTI5LjQ0MSw3MDcuMDM1QzUwNC41MDcsMTA3MC4yNSAxOTQuMTAzLDcwNC44MjcgMjczLjkwNyw2MTYuMTVDNDgyLjY1NSwzODQuMTkyIC0yMTYuNjQ3LDY2LjU0NyA5NC45MjcsMTU0LjZDNjY0LjAwNSwzMTUuNDI1IDE2MzYuNzcsLTExMS45OTMgMTg1Ny4zMywtMjY1LjA3NyIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMTE1LjcwOSw3MTAuNDM5QzQ5NC4wMTEsMTA1OS4wMSAxOTIuMzQ0LDcwMi42NDggMjY2Ljg1OCw2MTMuNDhDNDYxLjc3LDM4MC4yMzcgLTIwOS40MjUsNzcuOTAxIDg4LjczNSwxNTkuNjdDNjMzLjMxMiwzMDkuMDE5IDE1NTIuNDksLTEzMC45NTYgMTc1OS45NiwtMjg2LjMyMyIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMTAyLjU3Nyw3MTMuNTcyQzQ4My44MywxMDQ4LjA4IDE5MC42MzIsNzAwLjUyMSAyNjAuMTAxLDYxMC45NTlDNDQxLjgxNiwzNzYuNjg0IC0yMDIuMzU4LDg5LjAxNiA4Mi45MjMsMTY0Ljc5N0M2MDMuOTc3LDMwMy4yMDkgMTQ3MS45MiwtMTQ4LjI2OSAxNjY2Ljg5LC0zMDUuNjY4IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS05MC4wMiw3MTYuNDQ1QzQ3My45NTIsMTAzNy40MyAxODguOTY2LDY5OC40NDYgMjUzLjYyNSw2MDguNThDNDIyLjc1NiwzNzMuNTExIC0xOTUuNDQzLDk5Ljg5NiA3Ny40NzUsMTY5Ljk3M0M1NzUuOTQ4LDI5Ny45NjYgMTM5NC45MSwtMTY0LjAxMSAxNTc3Ljk1LC0zMjMuMjA2IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K'>" %}
    {% elseif bgImageBol == 'second' %}
      {% set bgImageDesktop = "<img alt='{{ bgImageAlt }}' src='data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE5MjAgNzY4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiPgogICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE5MjAiIGhlaWdodD0iNzY4IiBzdHlsZT0iZmlsbDpub25lOyIvPgogICAgPGNsaXBQYXRoIGlkPSJfY2xpcDEiPgogICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOTIwIiBoZWlnaHQ9Ijc2OCIvPgogICAgPC9jbGlwUGF0aD4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNfY2xpcDEpIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTIyMy43NzMsOTY4Ljc1N0MtMTg3LjY3NCw5MDMuNDQzIC02Mi43NTIsNjc3LjQwOSA3NjYuMzExLDc3NC41NjVDMTY0My41Nyw4NzcuMzY2IDgxLjExLDg3LjkwMyA0MTMuMjg3LDExOC42NTNDMTA1MS4wNCwxNzcuNjkyIDEwODguNjcsNS4yMDQgMTI2OS4wNywyNDQuODg1QzE1NDguMzgsNjE1Ljk3NiA0ODI2LjczLDc4MC4zMTIgMzE5MC41MywxNzIuMzU2IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0yMDguNzMzLDk2OC42OTRDLTE3NS40NDcsOTAzLjQxMSAtNjAuMjU5LDY3Ny40ODUgNzMwLjgyNCw3NTkuMjk5QzE1NjcuODksODQ1Ljg2OSA2Ni45MDcsOTEuNDE0IDM4My43MywxMTYuMDk5Qzk5MiwxNjMuNDk1IDEwMjQuOTYsLTcuOTExIDEyMDAuNzQsMjI2LjIzNUMxNDcyLjksNTg4Ljc1NiA0NTk3LjQsNjk0LjYzOSAzMDI5LjIyLDEyMS4xNDQiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTE5NC40MTIsOTY4LjM3MkMtMTYzLjgwNCw5MDMuMTY4IC01Ny44ODMsNjc3LjUxOCA2OTYuNzc3LDc0NC44MDRDMTQ5NS4zLDgxNiA1My40NDEsOTUuMTM0IDM1NS41NDMsMTE0LjA4M0M5MzUuNTQ4LDE1MC40NjMgOTY0LjA4MSwtMTkuNzkgMTEzNS4zNywyMDguOTU3QzE0MDAuNTYsNTYzLjExOSA0Mzc3LjU5LDYxMy44MDMgMjg3NC43NSw3My4yNDMiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTE4MC43ODEsOTY3LjgwNUMtMTUyLjcyMiw5MDIuNzI2IC01NS42MjEsNjc3LjUwOSA2NjQuMTE1LDczMS4wNDNDMTQyNS42OSw3ODcuNjg5IDQwLjY4MSw5OS4wNTEgMzI4LjY2OSwxMTIuNTc1Qzg4MS41NzcsMTM4LjU0IDkwNS45MDksLTMwLjQ5NiAxMDcyLjgzLDE5Mi45ODRDMTMzMS4yNiw1MzguOTkgNDE2Ni45Myw1MzcuNTg1IDI3MjYuODcsMjguNDk4IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0xNjcuODEsOTY3LjAwN0MtMTQyLjE3Niw5MDIuMDk2IC01My40NjYsNjc3LjQ2MSA2MzIuNzgzLDcxNy45ODZDMTM1OC45Miw3NjAuODY4IDI4LjU5NSwxMDMuMTUgMzAzLjA1MiwxMTEuNTQ4QzgyOS45ODMsMTI3LjY3MyA4NTAuMzM2LC00MC4wODYgMTAxMywxNzguMjU1QzEyNjQuODYsNTE2LjMwNiAzOTY1LjA2LDQ2NS43ODQgMjU4NS4zLC0xMy4yMzUiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTE1NS40NzIsOTY1Ljk5MkMtMTMyLjE0NCw5MDEuMjkgLTUxLjQxNSw2NzcuMzc2IDYwMi43MzEsNzA1LjYwNEMxMjk0LjksNzM1LjQ3MyAxNy4xNTQsMTA3LjQxNiAyNzguNjQzLDExMC45NzVDNzgwLjY3NCwxMTcuODA4IDc5Ny4yNTksLTQ4LjYxNyA5NTUuNzk2LDE2NC43MTFDMTIwMS4yNiw0OTUgMzc3MS42NCwzOTguMjAzIDI0NDkuOCwtNTIuMDk2IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0xNDMuNzQxLDk2NC43NzRDLTEyMi42MDUsOTAwLjMxOCAtNDkuNDY1LDY3Ny4yNTYgNTczLjkwNyw2OTMuODY3QzEyMzMuNTEsNzExLjQ0NCA2LjMzMSwxMTEuODM4IDI1NS4zODgsMTEwLjgzMUM3MzMuNTU0LDEwOC44OTYgNzQ2LjU3MywtNTYuMTQyIDkwMS4wOTMsMTUyLjI5NEMxMTQwLjMzLDQ3NS4wMDkgMzU4Ni4zMywzMzQuNjUxIDIzMjAuMTIsLTg4LjIxOCIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMTMyLjU5LDk2My4zNjVDLTExMy41MzgsODk5LjE5MSAtNDcuNjA5LDY3Ny4xMDQgNTQ2LjI2NSw2ODIuNzQ4QzExNzQuNjYsNjg4LjcyIC0zLjksMTE2LjQwMyAyMzMuMjQ0LDExMS4wOTFDNjg4LjUzOCwxMDAuODkxIDY5OC4xODUsLTYyLjcxNCA4NDguNzk4LDE0MC45NUMxMDgxLjk5LDQ1Ni4yNzYgMzQwOC44MiwyNzQuOTUgMjE5Ni4wNCwtMTIxLjczIiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0xMjEuOTk1LDk2MS43NzdDLTEwNC45MjIsODk3LjkxOCAtNDUuODQzLDY3Ni45MjIgNTE5Ljc1OCw2NzIuMjE4QzExMTguMjQsNjY3LjI0MiAtMTMuNTY4LDEyMS4wOTkgMjEyLjE2MSwxMTEuNzMyQzY0NS41MzgsOTMuNzQ3IDY1MS45OTcsLTY4LjM4MSA3OTguODEsMTMwLjYyNkMxMDI2LjEyLDQzOC43NDIgMzIzOC43OCwyMTguOTI1IDIwNzcuMzIsLTE1Mi43NTUiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTExMS45MzMsOTYwLjAyMUMtOTYuNzQsODk2LjUwOCAtNDQuMTY2LDY3Ni43MDkgNDk0LjM0MSw2NjIuMjU0QzEwNjQuMTUsNjQ2Ljk2IC0yMi42OTUsMTI1LjkxNyAxOTIuMDk2LDExMi43MzJDNjA0LjQ3Myw4Ny40MTkgNjA3LjkyMiwtNzMuMTkxIDc1MS4wMzksMTIxLjI3MkM5NzIuNjI0LDQyMi4zNTMgMzA3NS45NCwxNjYuNDA5IDE5NjMuNzYsLTE4MS40MTIiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTEwMi4zOCw5NTguMTA5Qy04OC45NzEsODk0Ljk3MSAtNDIuNTcxLDY3Ni40NzEgNDY5Ljk3NCw2NTIuODMyQzEwMTIuMzEsNjI3LjgxOCAtMzEuMzA1LDEzMC44NDMgMTczLjAwNiwxMTQuMDdDNTY1LjI2NCw4MS44NjcgNTY1Ljg3MiwtNzcuMTg5IDcwNS4zOTQsMTEyLjg0QzkyMS40MTMsNDA3LjA1NSAyOTIwLDExNy4yNDIgMTg1NS4xNSwtMjA3LjgxMyIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tOTMuMzE2LDk1Ni4wNTFDLTgxLjYsODkzLjMxNiAtNDEuMDU4LDY3Ni4yMDggNDQ2LjYxMSw2NDMuOTI2Qzk2Mi42MjcsNjA5Ljc2NyAtMzkuNDI0LDEzNS44NjkgMTU0Ljg0OSwxMTUuNzI1QzUyNy44MzUsNzcuMDUgNTI1Ljc2MiwtODAuNDE4IDY2MS43ODcsMTA1LjI4M0M4NzIuMzkxLDM5Mi43OTggMjc3MC42OCw3MS4yNzEgMTc1MS4yOCwtMjMyLjA2NyIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tODQuNzE5LDk1My44NTVDLTc0LjYwOSw4OTEuNTQ3IC0zOS42MjEsNjc1LjkyIDQyNC4yMTcsNjM1LjUxM0M5MTUuMDE2LDU5Mi43NTggLTQ3LjA3LDE0MC45ODUgMTM3LjU4OCwxMTcuNjc3QzQ5Mi4xMTQsNzIuOTI5IDQ4Ny41MTYsLTgyLjkyIDYyMC4xMzksOTguNTU3QzgyNS40NzQsMzc5LjUzMyAyNjI3Ljc0LDI4LjM0OSAxNjUxLjk3LC0yNTQuMjc4IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS03Ni41NjksOTUxLjUzM0MtNjcuOTgsODg5LjY3NyAtMzguMjU3LDY3NS42MTEgNDAyLjc1Miw2MjcuNTc0Qzg2OS4zOTYsNTc2Ljc0NCAtNTQuMjY2LDE0Ni4xODIgMTIxLjE4NCwxMTkuOTA5QzQ1OC4wMyw2OS40NjggNDUxLjA1NCwtODQuNzM0IDU4MC4zNjcsOTIuNjIxQzc4MC41NzcsMzY3LjIxNSAyNDkwLjksLTExLjY2NSAxNTU3LjAzLC0yNzQuNTQ1IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS02OC44NDcsOTQ5LjA5NEMtNjEuNjk5LDg4Ny43MSAtMzYuOTY0LDY3NS4yODIgMzgyLjE4LDYyMC4wODZDODI1LjY4OCw1NjEuNjgzIC02MS4wMzEsMTUxLjQ1MiAxMDUuNiwxMjIuNDA0QzQyNS41MTYsNjYuNjMzIDQxNi4zMDQsLTg1Ljg5OCA1NDIuMzk1LDg3LjQzNEM3MzcuNjE5LDM1NS43OTkgMjM1OS45NCwtNDguOTA1IDE0NjYuMjksLTI5Mi45NjIiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTYxLjUzNSw5NDYuNTQ1Qy01NS43NTIsODg1LjY1NCAtMzUuNzM4LDY3NC45MzMgMzYyLjQ2Niw2MTMuMDNDNzgzLjgxNiw1NDcuNTI5IC02Ny4zODYsMTU2Ljc4NiA5MC44MDIsMTI1LjE0MkMzOTQuNTA4LDY0LjM5IDM4My4xOTQsLTg2LjQ0OCA1MDYuMTUyLDgyLjk1NkM2OTYuNTIzLDM0NS4yNDEgMjIzNC42MSwtODMuNTAzIDEzNzkuNTgsLTMwOS42MjMiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTU0LjYxNCw5NDMuODk1Qy01MC4xMjIsODgzLjUxNiAtMzQuNTc2LDY3NC41NjcgMzQzLjU3Niw2MDYuMzg3Qzc0My43MDgsNTM0LjI0NCAtNzMuMzQ3LDE2Mi4xNzcgNzYuNzU4LDEyOC4xMUMzNjQuOTQ1LDYyLjcwNiAzNTEuNjU3LC04Ni40MiA0NzEuNTY1LDc5LjE1MkM2NTcuMjE0LDMzNS41MDIgMjExNC42OSwtMTE1LjU4MSAxMjk2LjczLC0zMjQuNjE0IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS00OC4wNjgsOTQxLjE1MUMtNDQuNzk3LDg4MS4zMDEgLTMzLjQ3Niw2NzQuMTgzIDMyNS40NzgsNjAwLjEzNkM3MDUuMjk2LDUyMS43ODYgLTc4LjkzNCwxNjcuNjE1IDYzLjQzNCwxMzEuMjkxQzMzNi43NjQsNjEuNTUyIDMyMS42MjYsLTg1Ljg0NCA0MzguNTY2LDc1Ljk4NUM2MTkuNjIsMzI2LjU0MSAxOTk5Ljk2LC0xNDUuMjU5IDEyMTcuNTksLTMzOC4wMTgiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTQxLjg4MSw5MzguMzIyQy0zOS43NjMsODc5LjAxNyAtMzIuNDM1LDY3My43ODUgMzA4LjEzOSw1OTQuMjYzQzY2OC41MSw1MTAuMTIxIC04NC4xNjUsMTczLjA5OCA1MC43OTgsMTM0LjY3MkMzMDkuOTExLDYwLjg5OCAyOTMuMDQsLTg0Ljc1NSA0MDcuMDkxLDczLjQyMUM1ODMuNjczLDMxOC4zMjEgMTg5MC4yMiwtMTcyLjY1MSAxMTQyLC0zNDkuOTE4IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0zNi4wMzYsOTM1LjQxNEMtMzUuMDA4LDg3Ni42NjkgLTMxLjQ1LDY3My4zNzMgMjkxLjUzMSw1ODguNzVDNjMzLjI4Nyw0OTkuMjEgLTg5LjA1MywxNzguNjE1IDM4LjgyMiwxMzguMjM3QzI4NC4zMyw2MC43MTUgMjY1LjgzNiwtODMuMTgxIDM3Ny4wNzYsNzEuNDI5QzU0OS4zMDUsMzEwLjgwOCAxNzg1LjI2LC0xOTcuODY1IDEwNjkuODMsLTM2MC4zODciIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTMwLjUxOSw5MzIuNDM1Qy0zMC41MTksODc0LjI2MiAtMzAuNTE5LDY3Mi45NDggMjc1LjYyNSw1ODMuNTgxQzU5OS41NjQsNDg5LjAxOSAtOTMuNjE2LDE4NC4xNjEgMjcuNDc4LDE0MS45NzRDMjU5Ljk2Nyw2MC45NzggMjM5Ljk1OSwtODEuMTUyIDM0OC40NjIsNjkuOTc3QzUxNi40NTQsMzAzLjk2NSAxNjg0LjksLTIyMS4wMDggMTAwMC45MywtMzY5LjUwMSIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg=='>" %}
      {% set bgImageMobile =  "<img alt='{{ bgImageAlt }}' src='data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDM5OCA3NjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1taXRlcmxpbWl0OjEwOyI+CiAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMzk4IiBoZWlnaHQ9Ijc2OCIgc3R5bGU9ImZpbGw6bm9uZTsiLz4KICAgIDxjbGlwUGF0aCBpZD0iX2NsaXAxIj4KICAgICAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMzk4IiBoZWlnaHQ9Ijc2OCIvPgogICAgPC9jbGlwUGF0aD4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNfY2xpcDEpIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTIyMy43NzMsOTY4Ljc1N0MtMTg3LjY3NCw5MDMuNDQzIC02Mi43NTIsNjc3LjQwOSA3NjYuMzExLDc3NC41NjVDMTY0My41Nyw4NzcuMzY2IDgxLjExLDg3LjkwMyA0MTMuMjg3LDExOC42NTNDMTA1MS4wNCwxNzcuNjkyIDEwODguNjcsNS4yMDQgMTI2OS4wNywyNDQuODg1QzE1NDguMzgsNjE1Ljk3NiA0ODI2LjczLDc4MC4zMTIgMzE5MC41MywxNzIuMzU2IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0yMDguNzMzLDk2OC42OTRDLTE3NS40NDcsOTAzLjQxMSAtNjAuMjU5LDY3Ny40ODUgNzMwLjgyNCw3NTkuMjk5QzE1NjcuODksODQ1Ljg2OSA2Ni45MDcsOTEuNDE0IDM4My43MywxMTYuMDk5Qzk5MiwxNjMuNDk1IDEwMjQuOTYsLTcuOTExIDEyMDAuNzQsMjI2LjIzNUMxNDcyLjksNTg4Ljc1NiA0NTk3LjQsNjk0LjYzOSAzMDI5LjIyLDEyMS4xNDQiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTE5NC40MTIsOTY4LjM3MkMtMTYzLjgwNCw5MDMuMTY4IC01Ny44ODMsNjc3LjUxOCA2OTYuNzc3LDc0NC44MDRDMTQ5NS4zLDgxNiA1My40NDEsOTUuMTM0IDM1NS41NDMsMTE0LjA4M0M5MzUuNTQ4LDE1MC40NjMgOTY0LjA4MSwtMTkuNzkgMTEzNS4zNywyMDguOTU3QzE0MDAuNTYsNTYzLjExOSA0Mzc3LjU5LDYxMy44MDMgMjg3NC43NSw3My4yNDMiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTE4MC43ODEsOTY3LjgwNUMtMTUyLjcyMiw5MDIuNzI2IC01NS42MjEsNjc3LjUwOSA2NjQuMTE1LDczMS4wNDNDMTQyNS42OSw3ODcuNjg5IDQwLjY4MSw5OS4wNTEgMzI4LjY2OSwxMTIuNTc1Qzg4MS41NzcsMTM4LjU0IDkwNS45MDksLTMwLjQ5NiAxMDcyLjgzLDE5Mi45ODRDMTMzMS4yNiw1MzguOTkgNDE2Ni45Myw1MzcuNTg1IDI3MjYuODcsMjguNDk4IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0xNjcuODEsOTY3LjAwN0MtMTQyLjE3Niw5MDIuMDk2IC01My40NjYsNjc3LjQ2MSA2MzIuNzgzLDcxNy45ODZDMTM1OC45Miw3NjAuODY4IDI4LjU5NSwxMDMuMTUgMzAzLjA1MiwxMTEuNTQ4QzgyOS45ODMsMTI3LjY3MyA4NTAuMzM2LC00MC4wODYgMTAxMywxNzguMjU1QzEyNjQuODYsNTE2LjMwNiAzOTY1LjA2LDQ2NS43ODQgMjU4NS4zLC0xMy4yMzUiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTE1NS40NzIsOTY1Ljk5MkMtMTMyLjE0NCw5MDEuMjkgLTUxLjQxNSw2NzcuMzc2IDYwMi43MzEsNzA1LjYwNEMxMjk0LjksNzM1LjQ3MyAxNy4xNTQsMTA3LjQxNiAyNzguNjQzLDExMC45NzVDNzgwLjY3NCwxMTcuODA4IDc5Ny4yNTksLTQ4LjYxNyA5NTUuNzk2LDE2NC43MTFDMTIwMS4yNiw0OTUgMzc3MS42NCwzOTguMjAzIDI0NDkuOCwtNTIuMDk2IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0xNDMuNzQxLDk2NC43NzRDLTEyMi42MDUsOTAwLjMxOCAtNDkuNDY1LDY3Ny4yNTYgNTczLjkwNyw2OTMuODY3QzEyMzMuNTEsNzExLjQ0NCA2LjMzMSwxMTEuODM4IDI1NS4zODgsMTEwLjgzMUM3MzMuNTU0LDEwOC44OTYgNzQ2LjU3MywtNTYuMTQyIDkwMS4wOTMsMTUyLjI5NEMxMTQwLjMzLDQ3NS4wMDkgMzU4Ni4zMywzMzQuNjUxIDIzMjAuMTIsLTg4LjIxOCIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMTMyLjU5LDk2My4zNjVDLTExMy41MzgsODk5LjE5MSAtNDcuNjA5LDY3Ny4xMDQgNTQ2LjI2NSw2ODIuNzQ4QzExNzQuNjYsNjg4LjcyIC0zLjksMTE2LjQwMyAyMzMuMjQ0LDExMS4wOTFDNjg4LjUzOCwxMDAuODkxIDY5OC4xODUsLTYyLjcxNCA4NDguNzk4LDE0MC45NUMxMDgxLjk5LDQ1Ni4yNzYgMzQwOC44MiwyNzQuOTUgMjE5Ni4wNCwtMTIxLjczIiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0xMjEuOTk1LDk2MS43NzdDLTEwNC45MjIsODk3LjkxOCAtNDUuODQzLDY3Ni45MjIgNTE5Ljc1OCw2NzIuMjE4QzExMTguMjQsNjY3LjI0MiAtMTMuNTY4LDEyMS4wOTkgMjEyLjE2MSwxMTEuNzMyQzY0NS41MzgsOTMuNzQ3IDY1MS45OTcsLTY4LjM4MSA3OTguODEsMTMwLjYyNkMxMDI2LjEyLDQzOC43NDIgMzIzOC43OCwyMTguOTI1IDIwNzcuMzIsLTE1Mi43NTUiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTExMS45MzMsOTYwLjAyMUMtOTYuNzQsODk2LjUwOCAtNDQuMTY2LDY3Ni43MDkgNDk0LjM0MSw2NjIuMjU0QzEwNjQuMTUsNjQ2Ljk2IC0yMi42OTUsMTI1LjkxNyAxOTIuMDk2LDExMi43MzJDNjA0LjQ3Myw4Ny40MTkgNjA3LjkyMiwtNzMuMTkxIDc1MS4wMzksMTIxLjI3MkM5NzIuNjI0LDQyMi4zNTMgMzA3NS45NCwxNjYuNDA5IDE5NjMuNzYsLTE4MS40MTIiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTEwMi4zOCw5NTguMTA5Qy04OC45NzEsODk0Ljk3MSAtNDIuNTcxLDY3Ni40NzEgNDY5Ljk3NCw2NTIuODMyQzEwMTIuMzEsNjI3LjgxOCAtMzEuMzA1LDEzMC44NDMgMTczLjAwNiwxMTQuMDdDNTY1LjI2NCw4MS44NjcgNTY1Ljg3MiwtNzcuMTg5IDcwNS4zOTQsMTEyLjg0QzkyMS40MTMsNDA3LjA1NSAyOTIwLDExNy4yNDIgMTg1NS4xNSwtMjA3LjgxMyIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tOTMuMzE2LDk1Ni4wNTFDLTgxLjYsODkzLjMxNiAtNDEuMDU4LDY3Ni4yMDggNDQ2LjYxMSw2NDMuOTI2Qzk2Mi42MjcsNjA5Ljc2NyAtMzkuNDI0LDEzNS44NjkgMTU0Ljg0OSwxMTUuNzI1QzUyNy44MzUsNzcuMDUgNTI1Ljc2MiwtODAuNDE4IDY2MS43ODcsMTA1LjI4M0M4NzIuMzkxLDM5Mi43OTggMjc3MC42OCw3MS4yNzEgMTc1MS4yOCwtMjMyLjA2NyIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tODQuNzE5LDk1My44NTVDLTc0LjYwOSw4OTEuNTQ3IC0zOS42MjEsNjc1LjkyIDQyNC4yMTcsNjM1LjUxM0M5MTUuMDE2LDU5Mi43NTggLTQ3LjA3LDE0MC45ODUgMTM3LjU4OCwxMTcuNjc3QzQ5Mi4xMTQsNzIuOTI5IDQ4Ny41MTYsLTgyLjkyIDYyMC4xMzksOTguNTU3QzgyNS40NzQsMzc5LjUzMyAyNjI3Ljc0LDI4LjM0OSAxNjUxLjk3LC0yNTQuMjc4IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS03Ni41NjksOTUxLjUzM0MtNjcuOTgsODg5LjY3NyAtMzguMjU3LDY3NS42MTEgNDAyLjc1Miw2MjcuNTc0Qzg2OS4zOTYsNTc2Ljc0NCAtNTQuMjY2LDE0Ni4xODIgMTIxLjE4NCwxMTkuOTA5QzQ1OC4wMyw2OS40NjggNDUxLjA1NCwtODQuNzM0IDU4MC4zNjcsOTIuNjIxQzc4MC41NzcsMzY3LjIxNSAyNDkwLjksLTExLjY2NSAxNTU3LjAzLC0yNzQuNTQ1IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS02OC44NDcsOTQ5LjA5NEMtNjEuNjk5LDg4Ny43MSAtMzYuOTY0LDY3NS4yODIgMzgyLjE4LDYyMC4wODZDODI1LjY4OCw1NjEuNjgzIC02MS4wMzEsMTUxLjQ1MiAxMDUuNiwxMjIuNDA0QzQyNS41MTYsNjYuNjMzIDQxNi4zMDQsLTg1Ljg5OCA1NDIuMzk1LDg3LjQzNEM3MzcuNjE5LDM1NS43OTkgMjM1OS45NCwtNDguOTA1IDE0NjYuMjksLTI5Mi45NjIiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTYxLjUzNSw5NDYuNTQ1Qy01NS43NTIsODg1LjY1NCAtMzUuNzM4LDY3NC45MzMgMzYyLjQ2Niw2MTMuMDNDNzgzLjgxNiw1NDcuNTI5IC02Ny4zODYsMTU2Ljc4NiA5MC44MDIsMTI1LjE0MkMzOTQuNTA4LDY0LjM5IDM4My4xOTQsLTg2LjQ0OCA1MDYuMTUyLDgyLjk1NkM2OTYuNTIzLDM0NS4yNDEgMjIzNC42MSwtODMuNTAzIDEzNzkuNTgsLTMwOS42MjMiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTU0LjYxNCw5NDMuODk1Qy01MC4xMjIsODgzLjUxNiAtMzQuNTc2LDY3NC41NjcgMzQzLjU3Niw2MDYuMzg3Qzc0My43MDgsNTM0LjI0NCAtNzMuMzQ3LDE2Mi4xNzcgNzYuNzU4LDEyOC4xMUMzNjQuOTQ1LDYyLjcwNiAzNTEuNjU3LC04Ni40MiA0NzEuNTY1LDc5LjE1MkM2NTcuMjE0LDMzNS41MDIgMjExNC42OSwtMTE1LjU4MSAxMjk2LjczLC0zMjQuNjE0IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS00OC4wNjgsOTQxLjE1MUMtNDQuNzk3LDg4MS4zMDEgLTMzLjQ3Niw2NzQuMTgzIDMyNS40NzgsNjAwLjEzNkM3MDUuMjk2LDUyMS43ODYgLTc4LjkzNCwxNjcuNjE1IDYzLjQzNCwxMzEuMjkxQzMzNi43NjQsNjEuNTUyIDMyMS42MjYsLTg1Ljg0NCA0MzguNTY2LDc1Ljk4NUM2MTkuNjIsMzI2LjU0MSAxOTk5Ljk2LC0xNDUuMjU5IDEyMTcuNTksLTMzOC4wMTgiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTQxLjg4MSw5MzguMzIyQy0zOS43NjMsODc5LjAxNyAtMzIuNDM1LDY3My43ODUgMzA4LjEzOSw1OTQuMjYzQzY2OC41MSw1MTAuMTIxIC04NC4xNjUsMTczLjA5OCA1MC43OTgsMTM0LjY3MkMzMDkuOTExLDYwLjg5OCAyOTMuMDQsLTg0Ljc1NSA0MDcuMDkxLDczLjQyMUM1ODMuNjczLDMxOC4zMjEgMTg5MC4yMiwtMTcyLjY1MSAxMTQyLC0zNDkuOTE4IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0zNi4wMzYsOTM1LjQxNEMtMzUuMDA4LDg3Ni42NjkgLTMxLjQ1LDY3My4zNzMgMjkxLjUzMSw1ODguNzVDNjMzLjI4Nyw0OTkuMjEgLTg5LjA1MywxNzguNjE1IDM4LjgyMiwxMzguMjM3QzI4NC4zMyw2MC43MTUgMjY1LjgzNiwtODMuMTgxIDM3Ny4wNzYsNzEuNDI5QzU0OS4zMDUsMzEwLjgwOCAxNzg1LjI2LC0xOTcuODY1IDEwNjkuODMsLTM2MC4zODciIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTMwLjUxOSw5MzIuNDM1Qy0zMC41MTksODc0LjI2MiAtMzAuNTE5LDY3Mi45NDggMjc1LjYyNSw1ODMuNTgxQzU5OS41NjQsNDg5LjAxOSAtOTMuNjE2LDE4NC4xNjEgMjcuNDc4LDE0MS45NzRDMjU5Ljk2Nyw2MC45NzggMjM5Ljk1OSwtODEuMTUyIDM0OC40NjIsNjkuOTc3QzUxNi40NTQsMzAzLjk2NSAxNjg0LjksLTIyMS4wMDggMTAwMC45MywtMzY5LjUwMSIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg=='>" %}
    {% elseif bgImageBol == 'third' %}
      {% set bgImageDesktop = "<img alt='{{ bgImageAlt }}' src='data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE5MjAgNzY4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiPgogICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE5MjAiIGhlaWdodD0iNzY4IiBzdHlsZT0iZmlsbDpub25lOyIvPgogICAgPGNsaXBQYXRoIGlkPSJfY2xpcDEiPgogICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOTIwIiBoZWlnaHQ9Ijc2OCIvPgogICAgPC9jbGlwUGF0aD4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNfY2xpcDEpIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLjE1MjA3LDAsMzQuODgxOCkiPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tNDA0LjcwMSw2NDguNDY0Qy0zNjguNjkzLDU4My4xMTcgMjgyLjY1LDczMy43MjMgMzg3Ljg1NCw2NDYuNTc2QzYxOC40OSw0NTUuNTMyIC0yNTMuNjk4LDMyLjAxOSA3OC40OTUsNjIuNTQ4QzcxNi4yNjksMTIxLjE2MiA4NTcuMzc2LC00MS4xNzMgMTI4My41NiwxMjcuMjQ4QzE3MzQuNCwzMDUuNDIgNTU1MS40MSwxMzg4LjU0IDM4MjEuNDMsNDU2LjMxNCIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMzc0Ljk5NSw2NTguNTdDLTM0MS43OTMsNTkzLjI1OCAyODAuOTQyLDczMS4wOTQgMzc5LjY3Myw2NDMuMDA2QzU5Ni4xMTcsNDQ5Ljg5NyAtMjQxLjQ1MSw0NS43MTIgNzUuMzgyLDcwLjE5NEM2ODMuNjY4LDExNy4xOTggODE1LjMzNywtNDUuOTQ0IDEyMjMuOTYsMTEzLjQyMUMxNjU2LjI0LDI4Mi4wMTIgNTMwOC45MywxMjg4LjI5IDM2NDYuMDgsMzk1LjMyNiIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMzQ2LjU0MSw2NjguMDYyQy0zMTYuMDExLDYwMi44MzMgMjc5LjI3MSw3MjguNTIzIDM3MS44MjIsNjM5LjYxNEM1NzQuNzE5LDQ0NC43MDYgLTIyOS41NjIsNTkuMDU3IDcyLjU0NSw3Ny44MTdDNjUyLjU1OCwxMTMuODM4IDc3NS4yMjcsLTQ5LjkzOSAxMTY2Ljk4LDEwMC43NjJDMTU4MS40MSwyNjAuMTg5IDUwNzYuMzYsMTE5My4yNCAzNDc4LjEsMzM3Ljk4IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0zMTkuMjg3LDY3Ni45NjZDLTI5MS4yOTksNjExLjg2NCAyNzcuNjM4LDcyNi4wMDUgMzY0LjI5MSw2MzYuMzkxQzU1NC4yNTcsNDM5LjkzNyAtMjE4LjAxOCw3Mi4wNjEgNjkuOTcsODUuNDEzQzYyMi44NzgsMTExLjA0OSA3MzYuOTY1LC01My4yMDEgMTExMi41MSw4OS4yMTZDMTUwOS44LDIzOS44NzkgNDg1My4zMiwxMTAzLjE2IDMzMTcuMTgsMjg0LjExNCIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMjkzLjE4OCw2ODUuMzFDLTI2Ny42MTksNjIwLjM3OSAyNzYuMDQxLDcyMy41NDEgMzU3LjA2NSw2MzMuMzMxQzUzNC42OTIsNDM1LjU2OCAtMjA2LjgxLDg0LjczNSA2Ny42NDUsOTIuOTc3QzU5NC41NjksMTA4LjgwMSA3MDAuNDc4LC01NS43NyAxMDYwLjQ1LDc4LjcyN0MxNDQxLjI3LDIyMS4wMTEgNDYzOS40NCwxMDE3Ljg0IDMxNjMuMDYsMjMzLjU3IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0yNjguMTk2LDY5My4xMThDLTI0NC45MjgsNjI4LjM5OCAyNzQuNDc5LDcyMS4xMyAzNTAuMTM0LDYzMC40MjZDNTE1Ljk5LDQzMS41ODIgLTE5NS45MjcsOTcuMDg4IDY1LjU1NiwxMDAuNTA1QzU2Ny41NzYsMTA3LjA2NSA2NjUuNjksLTU3LjY4MiAxMDEwLjcxLDY5LjI0M0MxMzc1LjcsMjAzLjUxNiA0NDM0LjM2LDkzNy4wNjggMzAxNS40NiwxODYuMTk4IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0yNDQuMjY4LDcwMC40MTdDLTIyMy4xODcsNjM1Ljk0NSAyNzIuOTUyLDcxOC43NyAzNDMuNDg2LDYyNy42N0M0OTguMTE0LDQyNy45NTkgLTE4NS4zNTgsMTA5LjEyOSA2My42OTIsMTA3Ljk5M0M1NDEuODQyLDEwNS44MTIgNjMyLjUzMiwtNTguOTczIDk2My4xNzksNjAuNzEzQzEzMTIuOTcsMTg3LjMzIDQyMzcuNzMsODYwLjY1NSAyODc0LjEyLDE0MS44NTEiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTIyMS4zNjIsNzA3LjIyOUMtMjAyLjM2LDY0My4wNDEgMjcxLjQ1OCw3MTYuNDU5IDMzNy4xMDksNjI1LjA1N0M0ODEuMDMyLDQyNC42ODIgLTE3NS4wOTQsMTIwLjg2NyA2Mi4wNDIsMTE1LjQzOUM1MTcuMzE3LDEwNS4wMTggNjAwLjkzNywtNTkuNjc5IDkxNy43OCw1My4wOTFDMTI1Mi45NywxNzIuMzkgNDA0OS4yMiw3ODguNDA5IDI3MzguOCwxMDAuMzkzIiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0xOTkuNDM3LDcxMy41NzZDLTE4Mi40MDksNjQ5LjcwNSAyNjkuOTk4LDcxNC4xOTggMzMwLjk5NCw2MjIuNThDNDY0LjcxMiw0MjEuNzMyIC0xNjUuMTI1LDEzMi4zMDkgNjAuNTk0LDEyMi44MzdDNDkzLjk1MSwxMDQuNjU0IDU3MC44MzgsLTU5LjgzMiA4NzQuNDIzLDQ2LjMzQzExOTUuNTgsMTU4LjYzOCAzODY4LjUxLDcyMC4xNDYgMjYwOS4yNCw2MS42OSIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMTc4LjQ1Myw3MTkuNDhDLTE2My4zLDY1NS45NTggMjY4LjU3LDcxMS45ODUgMzI1LjEzLDYyMC4yMzRDNDQ5LjEyMyw0MTkuMDk0IC0xNTUuNDQxLDE0My40NjMgNTkuMzM5LDEzMC4xODdDNDcxLjY5NCwxMDQuNjk4IDU0Mi4xNzUsLTU5LjQ2MiA4MzMuMDI0LDQwLjM4NkMxMTQwLjcxLDE0Ni4wMTUgMzY5NS4zMSw2NTUuNjkyIDI0ODUuMjQsMjUuNjE0IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0xNTguMzc0LDcyNC45NjRDLTE0NS4wMDEsNjYxLjgxOCAyNjcuMTcyLDcwOS44MTkgMzE5LjUwNSw2MTguMDEzQzQzNC4yMzMsNDE2Ljc1MyAtMTQ2LjAzNiwxNTQuMzM5IDU4LjI2NSwxMzcuNDg1QzQ1MC41MDEsMTA1LjEyNiA1MTQuODg3LC01OC42MDIgNzkzLjUwMywzNS4yMTdDMTA4OC4yNSwxMzQuNDY4IDM1MjkuMyw1OTQuODggMjM2Ni41NiwtNy45NTYiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTEzOS4xNjIsNzMwLjA0NUMtMTI3LjQ3Nyw2NjcuMzAyIDI2NS44MDcsNzA3LjY5OSAzMTQuMTE0LDYxNS45MTFDNDIwLjAxNiw0MTQuNjkxIC0xMzYuODk4LDE2NC45NDIgNTcuMzY0LDE0NC43MjdDNDMwLjMyNywxMDUuOTE2IDQ4OC45MTYsLTU3LjI3OSA3NTUuNzg0LDMwLjc4M0MxMDM4LjEsMTIzLjk0MyAzMzcwLjIxLDUzNy41NDcgMjI1Mi45OCwtMzkuMTM3IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0xMjAuNzg0LDczNC43NDJDLTExMC43MDEsNjcyLjQyOSAyNjQuNDcsNzA1LjYyNCAzMDguOTQ1LDYxMy45MjRDNDA2LjQ0NCw0MTIuODk2IC0xMjguMDIsMTc1LjI4MSA1Ni42MjcsMTUxLjkxM0M0MTEuMTMxLDEwNy4wNDcgNDY0LjIwOSwtNTUuNTIgNzE5Ljc5NCwyNy4wNDVDOTkwLjE3NCwxMTQuMzkxIDMyMTcuNzYsNDgzLjUzOSAyMTQ0LjMyLC02OC4wNDMiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTEwMy4yMDUsNzM5LjA3NUMtOTQuNjM5LDY3Ny4yMTQgMjYzLjE2NCw3MDMuNTkzIDMwMy45OSw2MTIuMDQ2QzM5My40OSw0MTEuMzU1IC0xMTkuMzk1LDE4NS4zNjMgNTYuMDQ0LDE1OS4wMzlDMzkyLjg3LDEwOC40OTkgNDQwLjcxMSwtNTMuMzUyIDY4NS40NiwyMy45NjdDOTQ0LjM3NywxMDUuNzYyIDMwNzEuNyw0MzIuNzA4IDIwNDAuMzYsLTk0Ljc4MSIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tODYuMzk0LDc0My4wNjFDLTc5LjI2Niw2ODEuNjczIDI2MS44ODYsNzAxLjYwNSAyOTkuMjQsNjEwLjI3M0MzODEuMTMsNDEwLjA1MiAtMTExLjAxNCwxOTUuMTk0IDU1LjYwOCwxNjYuMTA0QzM3NS41MDUsMTEwLjI1IDQxOC4zNzEsLTUwLjggNjUyLjcxNSwyMS41MTNDOTAwLjYyNSw5OC4wMTMgMjkzMS43OCwzODQuOTExIDE5NDAuOTMsLTExOS40NTMiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTcwLjMyLDc0Ni43MTZDLTY0LjU1Miw2ODUuODIyIDI2MC42MzYsNjk5LjY1OCAyOTQuNjg4LDYwOC41OTlDMzY5LjMzOCw0MDguOTc2IC0xMDIuODcsMjA0Ljc4MSA1NS4zMSwxNzMuMTA0QzM1OC45OTksMTEyLjI4NSAzOTcuMTQxLC00Ny44ODcgNjIxLjQ5MywxOS42NDlDODU4LjgzMyw5MS4wOTYgMjc5Ny43NCwzNDAuMDE0IDE4NDUuODMsLTE0Mi4xNiIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tNTQuOTUzLDc1MC4wNTdDLTUwLjQ3Myw2ODkuNjc2IDI1OS40MTMsNjk3Ljc1MyAyOTAuMzI1LDYwNy4wMjFDMzU4LjA5Miw0MDguMTE0IC05NC45NTYsMjE0LjEzMiA1NS4xNDIsMTgwLjA0QzM0My4zMTQsMTE0LjU4NCAzNzYuOTczLC00NC42MzcgNTkxLjczMSwxOC4zNDRDODE4LjkyMyw4NC45NzEgMjY2OS4zNiwyOTcuODg0IDE3NTQuOSwtMTYyLjk5NSIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tNDAuMjY0LDc1My4wOTlDLTM3LjAwMSw2OTMuMjQ3IDI1OC4yMTcsNjk1Ljg4OCAyODYuMTQ1LDYwNS41MzRDMzQ3LjM2OCw0MDcuNDU2IC04Ny4yNjUsMjIzLjI1MSA1NS4wOTgsMTg2LjkwOEMzMjguNDE4LDExNy4xMzIgMzU3LjgyMiwtNDEuMDcxIDU2My4zNywxNy41NjZDNzgwLjgxOCw3OS41OTggMjU0Ni40MSwyNTguMzk1IDE2NjcuOTcsLTE4Mi4wNDkiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTI2LjIyNyw3NTUuODU1Qy0yNC4xMTUsNjk2LjU0OSAyNTcuMDQ2LDY5NC4wNjIgMjgyLjEzOCw2MDQuMTMzQzMzNy4xNDYsNDA2Ljk4OSAtNzkuNzg5LDIzMi4xNDYgNTUuMTY5LDE5My43MDhDMzE0LjI3NSwxMTkuOTExIDMzOS42NDUsLTM3LjIwOSA1MzYuMzUsMTcuMjg3Qzc0NC40NDMsNzQuOTM3IDI0MjguNjcsMjIxLjQyOSAxNTg0Ljg3LC0xOTkuNDA5IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTS0xMi44MTMsNzU4LjM0MkMtMTEuNzg4LDY5OS41OTcgMjU1LjkwMyw2OTIuMjc2IDI3OC4zMDIsNjAyLjgxOEMzMjcuNDA1LDQwNi43MDUgLTcyLjUyMiwyNDAuODI0IDU1LjM1MiwyMDAuNDRDMzAwLjg1NSwxMjIuOTA3IDMyMi40MDIsLTMzLjA3MyA1MTAuNjE3LDE3LjQ3N0M3MDkuNzI5LDcwLjk1MyAyMzE1Ljk1LDE4Ni44NjkgMTUwNS40NSwtMjE1LjE1OCIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDc2MC41NzJDMCw3MDIuMzk5IDI1NC43ODMsNjkwLjUyNiAyNzQuNjI1LDYwMS41OEMzMTguMTIzLDQwNi41OSAtNjUuNDU4LDI0OS4yODcgNTUuNjM2LDIwNy4xQzI4OC4xMjUsMTI2LjEwNCAzMDYuMDQ5LC0yOC42OCA0ODYuMTE0LDE4LjEwOEM2NzYuNjA0LDY3LjYwNiAyMjA4LjAzLDE1NC42MDIgMTQyOS41NywtMjI5LjM3OSIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg=='>" %}
      {% set bgImageMobile = "<img alt='{{ bgImageAlt }}' src='data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDM5OCA3NjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1taXRlcmxpbWl0OjEwOyI+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLC0xNjAsMCkiPgogICAgICAgIDxyZWN0IHg9IjE2MCIgeT0iMCIgd2lkdGg9IjM5OCIgaGVpZ2h0PSI3NjgiIHN0eWxlPSJmaWxsOm5vbmU7Ii8+CiAgICAgICAgPGNsaXBQYXRoIGlkPSJfY2xpcDEiPgogICAgICAgICAgICA8cmVjdCB4PSIxNjAiIHk9IjAiIHdpZHRoPSIzOTgiIGhlaWdodD0iNzY4Ii8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgICAgICA8ZyBjbGlwLXBhdGg9InVybCgjX2NsaXAxKSI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEuMTUyMDcsMCwzNC44ODE4KSI+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTQwNC43MDEsNjQ4LjQ2NEMtMzY4LjY5Myw1ODMuMTE3IDI4Mi42NSw3MzMuNzIzIDM4Ny44NTQsNjQ2LjU3NkM2MTguNDksNDU1LjUzMiAtMjUzLjY5OCwzMi4wMTkgNzguNDk1LDYyLjU0OEM3MTYuMjY5LDEyMS4xNjIgODU3LjM3NiwtNDEuMTczIDEyODMuNTYsMTI3LjI0OEMxNzM0LjQsMzA1LjQyIDU1NTEuNDEsMTM4OC41NCAzODIxLjQzLDQ1Ni4zMTQiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTM3NC45OTUsNjU4LjU3Qy0zNDEuNzkzLDU5My4yNTggMjgwLjk0Miw3MzEuMDk0IDM3OS42NzMsNjQzLjAwNkM1OTYuMTE3LDQ0OS44OTcgLTI0MS40NTEsNDUuNzEyIDc1LjM4Miw3MC4xOTRDNjgzLjY2OCwxMTcuMTk4IDgxNS4zMzcsLTQ1Ljk0NCAxMjIzLjk2LDExMy40MjFDMTY1Ni4yNCwyODIuMDEyIDUzMDguOTMsMTI4OC4yOSAzNjQ2LjA4LDM5NS4zMjYiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTM0Ni41NDEsNjY4LjA2MkMtMzE2LjAxMSw2MDIuODMzIDI3OS4yNzEsNzI4LjUyMyAzNzEuODIyLDYzOS42MTRDNTc0LjcxOSw0NDQuNzA2IC0yMjkuNTYyLDU5LjA1NyA3Mi41NDUsNzcuODE3QzY1Mi41NTgsMTEzLjgzOCA3NzUuMjI3LC00OS45MzkgMTE2Ni45OCwxMDAuNzYyQzE1ODEuNDEsMjYwLjE4OSA1MDc2LjM2LDExOTMuMjQgMzQ3OC4xLDMzNy45OCIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMzE5LjI4Nyw2NzYuOTY2Qy0yOTEuMjk5LDYxMS44NjQgMjc3LjYzOCw3MjYuMDA1IDM2NC4yOTEsNjM2LjM5MUM1NTQuMjU3LDQzOS45MzcgLTIxOC4wMTgsNzIuMDYxIDY5Ljk3LDg1LjQxM0M2MjIuODc4LDExMS4wNDkgNzM2Ljk2NSwtNTMuMjAxIDExMTIuNTEsODkuMjE2QzE1MDkuOCwyMzkuODc5IDQ4NTMuMzIsMTEwMy4xNiAzMzE3LjE4LDI4NC4xMTQiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTI5My4xODgsNjg1LjMxQy0yNjcuNjE5LDYyMC4zNzkgMjc2LjA0MSw3MjMuNTQxIDM1Ny4wNjUsNjMzLjMzMUM1MzQuNjkyLDQzNS41NjggLTIwNi44MSw4NC43MzUgNjcuNjQ1LDkyLjk3N0M1OTQuNTY5LDEwOC44MDEgNzAwLjQ3OCwtNTUuNzcgMTA2MC40NSw3OC43MjdDMTQ0MS4yNywyMjEuMDExIDQ2MzkuNDQsMTAxNy44NCAzMTYzLjA2LDIzMy41NyIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMjY4LjE5Niw2OTMuMTE4Qy0yNDQuOTI4LDYyOC4zOTggMjc0LjQ3OSw3MjEuMTMgMzUwLjEzNCw2MzAuNDI2QzUxNS45OSw0MzEuNTgyIC0xOTUuOTI3LDk3LjA4OCA2NS41NTYsMTAwLjUwNUM1NjcuNTc2LDEwNy4wNjUgNjY1LjY5LC01Ny42ODIgMTAxMC43MSw2OS4yNDNDMTM3NS43LDIwMy41MTYgNDQzNC4zNiw5MzcuMDY4IDMwMTUuNDYsMTg2LjE5OCIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMjQ0LjI2OCw3MDAuNDE3Qy0yMjMuMTg3LDYzNS45NDUgMjcyLjk1Miw3MTguNzcgMzQzLjQ4Niw2MjcuNjdDNDk4LjExNCw0MjcuOTU5IC0xODUuMzU4LDEwOS4xMjkgNjMuNjkyLDEwNy45OTNDNTQxLjg0MiwxMDUuODEyIDYzMi41MzIsLTU4Ljk3MyA5NjMuMTc5LDYwLjcxM0MxMzEyLjk3LDE4Ny4zMyA0MjM3LjczLDg2MC42NTUgMjg3NC4xMiwxNDEuODUxIiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTS0yMjEuMzYyLDcwNy4yMjlDLTIwMi4zNiw2NDMuMDQxIDI3MS40NTgsNzE2LjQ1OSAzMzcuMTA5LDYyNS4wNTdDNDgxLjAzMiw0MjQuNjgyIC0xNzUuMDk0LDEyMC44NjcgNjIuMDQyLDExNS40MzlDNTE3LjMxNywxMDUuMDE4IDYwMC45MzcsLTU5LjY3OSA5MTcuNzgsNTMuMDkxQzEyNTIuOTcsMTcyLjM5IDQwNDkuMjIsNzg4LjQwOSAyNzM4LjgsMTAwLjM5MyIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMTk5LjQzNyw3MTMuNTc2Qy0xODIuNDA5LDY0OS43MDUgMjY5Ljk5OCw3MTQuMTk4IDMzMC45OTQsNjIyLjU4QzQ2NC43MTIsNDIxLjczMiAtMTY1LjEyNSwxMzIuMzA5IDYwLjU5NCwxMjIuODM3QzQ5My45NTEsMTA0LjY1NCA1NzAuODM4LC01OS44MzIgODc0LjQyMyw0Ni4zM0MxMTk1LjU4LDE1OC42MzggMzg2OC41MSw3MjAuMTQ2IDI2MDkuMjQsNjEuNjkiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTE3OC40NTMsNzE5LjQ4Qy0xNjMuMyw2NTUuOTU4IDI2OC41Nyw3MTEuOTg1IDMyNS4xMyw2MjAuMjM0QzQ0OS4xMjMsNDE5LjA5NCAtMTU1LjQ0MSwxNDMuNDYzIDU5LjMzOSwxMzAuMTg3QzQ3MS42OTQsMTA0LjY5OCA1NDIuMTc1LC01OS40NjIgODMzLjAyNCw0MC4zODZDMTE0MC43MSwxNDYuMDE1IDM2OTUuMzEsNjU1LjY5MiAyNDg1LjI0LDI1LjYxNCIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMTU4LjM3NCw3MjQuOTY0Qy0xNDUuMDAxLDY2MS44MTggMjY3LjE3Miw3MDkuODE5IDMxOS41MDUsNjE4LjAxM0M0MzQuMjMzLDQxNi43NTMgLTE0Ni4wMzYsMTU0LjMzOSA1OC4yNjUsMTM3LjQ4NUM0NTAuNTAxLDEwNS4xMjYgNTE0Ljg4NywtNTguNjAyIDc5My41MDMsMzUuMjE3QzEwODguMjUsMTM0LjQ2OCAzNTI5LjMsNTk0Ljg4IDIzNjYuNTYsLTcuOTU2IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTS0xMzkuMTYyLDczMC4wNDVDLTEyNy40NzcsNjY3LjMwMiAyNjUuODA3LDcwNy42OTkgMzE0LjExNCw2MTUuOTExQzQyMC4wMTYsNDE0LjY5MSAtMTM2Ljg5OCwxNjQuOTQyIDU3LjM2NCwxNDQuNzI3QzQzMC4zMjcsMTA1LjkxNiA0ODguOTE2LC01Ny4yNzkgNzU1Ljc4NCwzMC43ODNDMTAzOC4xLDEyMy45NDMgMzM3MC4yMSw1MzcuNTQ3IDIyNTIuOTgsLTM5LjEzNyIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMTIwLjc4NCw3MzQuNzQyQy0xMTAuNzAxLDY3Mi40MjkgMjY0LjQ3LDcwNS42MjQgMzA4Ljk0NSw2MTMuOTI0QzQwNi40NDQsNDEyLjg5NiAtMTI4LjAyLDE3NS4yODEgNTYuNjI3LDE1MS45MTNDNDExLjEzMSwxMDcuMDQ3IDQ2NC4yMDksLTU1LjUyIDcxOS43OTQsMjcuMDQ1Qzk5MC4xNzQsMTE0LjM5MSAzMjE3Ljc2LDQ4My41MzkgMjE0NC4zMiwtNjguMDQzIiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTS0xMDMuMjA1LDczOS4wNzVDLTk0LjYzOSw2NzcuMjE0IDI2My4xNjQsNzAzLjU5MyAzMDMuOTksNjEyLjA0NkMzOTMuNDksNDExLjM1NSAtMTE5LjM5NSwxODUuMzYzIDU2LjA0NCwxNTkuMDM5QzM5Mi44NywxMDguNDk5IDQ0MC43MTEsLTUzLjM1MiA2ODUuNDYsMjMuOTY3Qzk0NC4zNzcsMTA1Ljc2MiAzMDcxLjcsNDMyLjcwOCAyMDQwLjM2LC05NC43ODEiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTg2LjM5NCw3NDMuMDYxQy03OS4yNjYsNjgxLjY3MyAyNjEuODg2LDcwMS42MDUgMjk5LjI0LDYxMC4yNzNDMzgxLjEzLDQxMC4wNTIgLTExMS4wMTQsMTk1LjE5NCA1NS42MDgsMTY2LjEwNEMzNzUuNTA1LDExMC4yNSA0MTguMzcxLC01MC44IDY1Mi43MTUsMjEuNTEzQzkwMC42MjUsOTguMDEzIDI5MzEuNzgsMzg0LjkxMSAxOTQwLjkzLC0xMTkuNDUzIiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTS03MC4zMiw3NDYuNzE2Qy02NC41NTIsNjg1LjgyMiAyNjAuNjM2LDY5OS42NTggMjk0LjY4OCw2MDguNTk5QzM2OS4zMzgsNDA4Ljk3NiAtMTAyLjg3LDIwNC43ODEgNTUuMzEsMTczLjEwNEMzNTguOTk5LDExMi4yODUgMzk3LjE0MSwtNDcuODg3IDYyMS40OTMsMTkuNjQ5Qzg1OC44MzMsOTEuMDk2IDI3OTcuNzQsMzQwLjAxNCAxODQ1LjgzLC0xNDIuMTYiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTU0Ljk1Myw3NTAuMDU3Qy01MC40NzMsNjg5LjY3NiAyNTkuNDEzLDY5Ny43NTMgMjkwLjMyNSw2MDcuMDIxQzM1OC4wOTIsNDA4LjExNCAtOTQuOTU2LDIxNC4xMzIgNTUuMTQyLDE4MC4wNEMzNDMuMzE0LDExNC41ODQgMzc2Ljk3MywtNDQuNjM3IDU5MS43MzEsMTguMzQ0QzgxOC45MjMsODQuOTcxIDI2NjkuMzYsMjk3Ljg4NCAxNzU0LjksLTE2Mi45OTUiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTQwLjI2NCw3NTMuMDk5Qy0zNy4wMDEsNjkzLjI0NyAyNTguMjE3LDY5NS44ODggMjg2LjE0NSw2MDUuNTM0QzM0Ny4zNjgsNDA3LjQ1NiAtODcuMjY1LDIyMy4yNTEgNTUuMDk4LDE4Ni45MDhDMzI4LjQxOCwxMTcuMTMyIDM1Ny44MjIsLTQxLjA3MSA1NjMuMzcsMTcuNTY2Qzc4MC44MTgsNzkuNTk4IDI1NDYuNDEsMjU4LjM5NSAxNjY3Ljk3LC0xODIuMDQ5IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpyZ2IoMCwxOTEsMTUxKTtzdHJva2Utd2lkdGg6MXB4OyIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTS0yNi4yMjcsNzU1Ljg1NUMtMjQuMTE1LDY5Ni41NDkgMjU3LjA0Niw2OTQuMDYyIDI4Mi4xMzgsNjA0LjEzM0MzMzcuMTQ2LDQwNi45ODkgLTc5Ljc4OSwyMzIuMTQ2IDU1LjE2OSwxOTMuNzA4QzMxNC4yNzUsMTE5LjkxMSAzMzkuNjQ1LC0zNy4yMDkgNTM2LjM1LDE3LjI4N0M3NDQuNDQzLDc0LjkzNyAyNDI4LjY3LDIyMS40MjkgMTU4NC44NywtMTk5LjQwOSIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6cmdiKDAsMTkxLDE1MSk7c3Ryb2tlLXdpZHRoOjFweDsiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMTIuODEzLDc1OC4zNDJDLTExLjc4OCw2OTkuNTk3IDI1NS45MDMsNjkyLjI3NiAyNzguMzAyLDYwMi44MThDMzI3LjQwNSw0MDYuNzA1IC03Mi41MjIsMjQwLjgyNCA1NS4zNTIsMjAwLjQ0QzMwMC44NTUsMTIyLjkwNyAzMjIuNDAyLC0zMy4wNzMgNTEwLjYxNywxNy40NzdDNzA5LjcyOSw3MC45NTMgMjMxNS45NSwxODYuODY5IDE1MDUuNDUsLTIxNS4xNTgiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCw3NjAuNTcyQzAsNzAyLjM5OSAyNTQuNzgzLDY5MC41MjYgMjc0LjYyNSw2MDEuNThDMzE4LjEyMyw0MDYuNTkgLTY1LjQ1OCwyNDkuMjg3IDU1LjYzNiwyMDcuMUMyODguMTI1LDEyNi4xMDQgMzA2LjA0OSwtMjguNjggNDg2LjExNCwxOC4xMDhDNjc2LjYwNCw2Ny42MDYgMjIwOC4wMywxNTQuNjAyIDE0MjkuNTcsLTIyOS4zNzkiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOnJnYigwLDE5MSwxNTEpO3N0cm9rZS13aWR0aDoxcHg7Ii8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo='>" %}
    {% endif %}
    
    {% if mobile %}
      {% set imageSize = imageSizeMob %}
      {% set bgImage = bgImageMobile %}
      {% if lazyLoad %}
        {% set imageSize = imageSizeMobNoLazy %}    
      {% endif %}
    {% else %}  
        {% set bgImage = bgImageDesktop %}
      {% if lazyLoad %}
        {% set imageSize = imageSizeDesktopNoLazy %}  
      {% endif %}
    {% endif %}
    
    {# swiper Name, ID, slides per view #}
    {% set swiperName = swiperName|lower %}
    {% set swiperId =  swiperName|replace({"' '":"''"}) %}
    {% set dataSlidesPerView = "1, 1, 1, 1" %}
    
    {# Order #}
    {% set order = direction %}
    {% if order == 'dir1' %}
      {% set orderText = 'order-1' %}
      {% set orderSwiper = 'order-2' %}
    {% endif %}
    {% if order == 'dir2' %}
      {% set orderText = 'order-2' %}
      {% set orderSwiper = 'order-1' %}
    {% endif %}  
    
    {# swiper Values #}
    {% set dataPagination = "0" %}
    {% if pagination %}
      {% set dataPagination = "1" %}
    {% endif %}
    
    {% set dataNavigation = "0" %}
    {% if navigation %}
      {% set dataNavigation = "1" %}
    {% endif %}
    
    {% set delay = 500 %}
    {% set dataAutoplay = "0" %}
    {% if autoplay %}
      {% set dataAutoplay = "1" %}
      {% if swiperDelay|number_format > 500 %}
        {% set delay = swiperDelay %}
      {% endif %}  
    {% endif %}
    
    {% set swiperSpeed = speed %}
    {% if swiperSpeed|number_format < 500 %}
      {% set swiperSpeed = 500 %}
    {% endif %}
    
    {# headline #}
    {% set headlineSize = textHeadLineSize %}
    {% if headlineSize == 'h1' %}
      {% set subHeadlineSize = '<h2 class="ce_headline swiperText__textSubline">' %}
      {% set subHeadlineSizeClose = '</h2>' %}
    {% elseif headlineSize == 'h2' %}
      {% set subHeadlineSize = '<h3 class="ce_headline swiperText__textSubline">' %}
      {% set subHeadlineSizeClose = '</h3>' %}
    {% elseif headlineSize == 'h3' %}
      {% set subHeadlineSize = '<h4 class="ce_headline swiperText__textSubline">' %}
      {% set subHeadlineSizeClose = '</h4>' %}
    {% elseif headlineSize == 'h4' %}
      {% set subHeadlineSize = '<h4 class="ce_headline swiperText__textSubline">' %}
      {% set subHeadlineSizeClose = '</h4>' %}
    {% elseif headlineSize == 'h5' %}
      {% set subHeadlineSize = '<h5 class="ce_headline swiperText__textSubline">' %}
      {% set subHeadlineSizeClose = '</h5>' %}   
    {% elseif headlineSize == 'h6' %}
      {% set subHeadlineSize = '<h6 class="ce_headline swiperText__textSubline">' %}
      {% set subHeadlineSizeClose = '</h6>' %}        
    {% endif %}
    
    {# swiper Boolean #}
    {% set swiperCount = boxen|length %}
    {% set swiper=false %}
    {% if swiperCount > 1 %}
        {% set swiper=true %}
    {% endif %}
    
    <div class="swiperText {{paddingTopMob}} {{paddingBottomMob}} {{paddingTop}} {{paddingBottom}} wrapContainer">
      {% if bgImageBol != 'none' %}
        <div class="swiperText__bgImage">
          {{ bgImage|raw }}
        </div>
      {% endif %}
      <div class="swiperText__container">
        <div class="swiperText__textContainer full-xs half-m container {{ orderText }}">
          <{{ textHeadLineSize }} class="ce_headline swiperText__textHeadline">{{ textHeadline }}</{{ textHeadLineSize }}>
          {% if textSubline %}
            {{ subHeadlineSize }}{{ textSubline }}{{ subHeadlineSizeClose }}
          {% endif %}
    
          <div class="ce_text swiperText__textContent">
            {{ textContent|raw }}
            {% if linkUrl %}
              <p class="more big swiperText__link">
                <a href="{{ linkUrl }}" title="{{ linkTitle }}">{{ linkText }}</a>
              </p>
            {% endif %}
          </div>
        </div>
    
        {% if swiper %}
          <div id="{{ swiperId }}" class="swiperText__swiper swiper full-xs half-m container {{ orderSwiper }}"
          data-id="{{ swiperId }}" 
          data-delay="{{ delay }}" 
          data-speed="{{ speed }}"
          data-autoplay="{{ dataAutoplay }}"
          data-pagination="{{ dataPagination }}"
          data-navigation="{{ dataNavigation }}"
          data-slides="{{ dataSlidesPerView }}"
          data-loop="1"
          data-box = "0">
        {% else %}
          <div class="swiperText__swiper full-xs half-m container {{ orderSwiper }}">
        {% endif %}
    
          <div class="swiperText__wrapper {% if swiper %}swiper-wrapper slider-wrapper{% else %}swiperText__wrapper--noSwiper{% endif %}">
          {% for box in boxen %}
            <div class="swiperText__slides {% if swiper == false %}swiperText__slides--noSwiper{% endif %}">
                <div class="swiperText__boxContainer">
                  {% if box.linkUrl %}
                    <a href="{{ box.linkUrl }}" title="{{ box.boxText }}" class="swiperText__Imagelink">
                  {% endif %}                  
                    {{ figure(box.image, 58) }}
                  {% if box.boxText %}
                    <div class="swiperText__boxText">
                      <p class="swiperText__boxTextP">{{ box.boxText }}</p>
                    </div>
                  {% endif %}
    
                  {% if box.linkUrl %}
                    </a>
                  {% endif %}
                </div>
            </div>
              {% if imageSize == imageSizeDesktopNoLazy %} {% set imageSize = imageSizeDesktop %} {% endif %}
              {% if imageSize == imageSizeMobNoLazy %} {% set imageSize = imageSizeMob %} {% endif %}
          {% endfor %}  
          </div>
    
          {% if swiper %}
    
            {% if pagination or navigation %}
              <div class="swiperControls swiperText__controls">
            {% endif %}
    
            {% if navigation %}
              <div class="swiperNavigation swiperNavigation--dark swiperNavigation--prev slider-prev sliderControl
              {{ swiperId }}Nav--prev"><span class="displayNone">prev</span></div>
            {% endif %}
    
            {% if pagination %}
              <span class="swiper-pagination-bullet swiper-pagination-bullet--dark slider-menu"></span>
            {% endif %}
    
            {% if navigation %}
              <div class="swiperNavigation swiperNavigation--dark swiperNavigation--next slider-next sliderControl 
              {{ swiperId }}Nav--next"><span class="displayNone">prev</span></div>
            {% endif %}
    
            {% if pagination or navigation %}
              </div>
            {% endif %}
    
    
            <div class="swiperIcon inViewAnimation">
              <div class="swiperIcon__icon"><span class="displayNone">swipe</span></div>
            </div>
    
          {% endif %}
      </div>
    </div>

  17. #17
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    35.517
    Partner-ID
    10107

    Standard

    box.figure scheint schon ein Figure Objekt zu sein aus irgendeinem Grund. Evt. macht das die Extension automatisch?
    » sponsor me via GitHub or PayPal or Revolut

  18. #18
    Contao-Nutzer Avatar von HBR
    Registriert seit
    18.09.2010.
    Beiträge
    57

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    box.figure scheint schon ein Figure Objekt zu sein aus irgendeinem Grund. Evt. macht das die Extension automatisch?

    Bedeutet das, ich müsste mich mal mit dem RockSolid Team in Verbindung setzen? Denn wenn es dir schon Fragezeichen aufsetzt, werde ich sicherlich keine Lösung finden.
    Vielen lieben Dank für deinen Support.



    Nachtrag!
    {{ contao_figure(box.image, 58) }} funktioniert. Hatte ich vergessen zu testen - sorry.

    Dank an Spooky und den RS-Support.
    Geändert von HBR (27.03.2024 um 11:06 Uhr)

  19. #19
    Contao-Nutzer
    Registriert seit
    25.09.2010.
    Ort
    Dortmund
    Beiträge
    182

    Standard Gibt es da eine Lösung oder habe ich etwas übersehen?

    Zitat Zitat von derRenner Beitrag anzeigen
    Hallo,

    bisher hatte ich im html5-Template auf einen Bildlink wie folgt zugegriffen:

    PHP-Code:
    <?php if (null !== ($objFile = \Contao\FilesModel::findByUuid($this->image))): ?>

    <div <?php if ($this->image): ?> style="background-image:url(<?= $objFile->path ?>);" <?php endif ?>>>

    <?php endif; ?>
    Wie komme ich in einem Twig-Template korrekt zur URL?

    $this->image
    kommt aus einem RSCE
    PHP-Code:
            'image' => [
                
    'label' => ['Quelldatei','Bitte wählen Sie eine Datei oder einen Ordner aus der Dateiübersicht.'],
                
    'inputType' => 'fileTree',
                
    'eval' => [
                    
    'tl_class' => 'clr',
                    
    'fieldType' => 'radio',
                    
    'mandatory' => true,
                    
    'filesOnly' => true,
                    
    'extensions' => implode(','Contao\System::getContainer()->getParameter('contao.image.valid_extensions')),
                ],
            ], 
    Den Link benötige ich, damit ich ein Hintergrundbild umsetzen kann.

    Danke für die Hilfestellung
    Ich habe eigentlich die gleiche Situation und möchte im Twig-Template ein Hintergrundbild einsetzen.
    In der Config-Datei wird das Bild festgelegt:
    PHP-Code:
    'image' => array(
                
    'label' => array('Bild auswählen''Bild auswählen'),
                
    'inputType' => 'fileTree',
                
    'eval' => array(
                    
    'fieldType' => 'radio',
                    
    'filesOnly' => true,
                    
    'extensions' => '%contao.image.valid_extensions%',
                    
    'tl_class' => 'w50',
                    
    'mandatory' => true,
                ),
            ), 
    In der Twig-Datei benötige ich den Schnipsel um mein Bild darzustellen:
    PHP-Code:
    <div class="ce_heroimage-text {{ position }} {{ fontcolor }} {{ margintop }} {{ marginbottom }}" style="background-image: url(' ???? ');"
    Mit dem alten html-Template hatte ich das hinbekommen.
    Kann mir jemand helfen, was muss bei style="background-image: url(' ???? ');" rein?

    Gruß Michael

  20. #20
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.914
    Contao-Projekt unterstützen

    Support Contao

    Standard

    PHP-Code:
    style="background-image:url({{ figure(image, {}).image.img.src }})" 
    Grüsse
    Bernhard


  21. #21
    Contao-Nutzer
    Registriert seit
    25.09.2010.
    Ort
    Dortmund
    Beiträge
    182

    Standard

    Super, vielen Dank!

    Ich habe noch ein wenig rumgetestet mit der Bildgröße, so wird mir auch gleich die entsprechende Bildgröße aus dem assets-Verzeichnis ausgegeben:
    PHP-Code:
    style="background-image:url({{ figure(image,5).image.img.src }});" 

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 2 (Registrierte Benutzer: 0, Gäste: 2)

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •