<section class="mountain-weather-teaser stretch-link js-lazy-img js-lazy-img--bg" data-lazy-img-background="{{ bgImage ? bgImage.thumbnail('mountain-weather-teaser') : '' }}"> <div class="mountain-weather-teaser__body"> <div class="text-center"> <h3 class="font-decorative mb-0 mountain-weather-teaser__title text-uppercase"><a href="#" class="stretch-link__link">{{ title }}</a></h3> <div class="h3 mb-0 font-decorative mountain-weather-teaser__title"> {% if date %} <time datetime="{{ date.format('Y-m-d') }}">{{ date.format('d.m.Y') }}</time> {% endif %} </div> </div> <div class="position-relative mountain-weather text-center mt-3 mt-md-5"> <span class="mountain-weather__icon icon icon-mountain" aria-label="mountain"></span> <div class="mountain-weather__item d-flex align-items-center"> 2500m <span class="mountain-weather__item__value font-default-bold text-nowrap">{{ temp2500 }}°C</span> </div> <div class="mountain-weather__item mountain-weather__item--bottom d-flex"> 1500m <span class="mountain-weather__item__value font-default-bold text-nowrap">{{ temp1500 }}°C</span> </div> </div> {# weather texts only available in german #} {% if app.request.locale == "de" %} <div class="wysiwyg mt-3 mt-md-4"> {{ content }} </div> {% endif %} </div></section>