<div class="c-toolbar u-none u-block@md o-bg-base" data-toolbar>
    <div class="o-container u-flex">
        <div class="u-mr-auto u-flex u-items-center u-justify-center u-py-xsmall ">
            <span class="u-label-06 ">
                Lunedì, 11 maggio 2020
            </span>

        </div>
        <div class="c-toolbar__item u-flex u-column u-justify-center u-pl-xsmall u-pr-medium u-size-100 u-py-xsmall">
            <a href="#" target="_blank" rel="noopener noreferrer">
                <svg class="c-brand-cn" width="91" height="24">
                    <use xlink:href="#brand-citynews"></use>
                </svg>
            </a>
        </div>
        <div class="c-toolbar__item u-flex u-column u-justify-center u-size-100 u-py-xsmall u-px-medium">
            <div class="c-modetoggle u-inline-flex">

                <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità light">
                    <input type="radio" value="-1" class="u-none" data-color-scheme="-1">
                    <svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-sun"></use>
                    </svg>
                </label>

                <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità di sistema">
                    <input type="radio" value="0" class="u-none" data-color-scheme="0">
                    <svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-monitor"></use>
                    </svg>
                </label>

                <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità dark">
                    <input type="radio" value="1" class="u-none" data-color-scheme="1">
                    <svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-moon"></use>
                    </svg>
                </label>

            </div>
        </div>
        <div class="c-toolbar__item u-flex u-column u-justify-center u-size-100 u-py-xsmall u-px-medium">

            <button class="c-btn c-btn--primary u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap
  
    c-btn--rounded
   
 
  

   
    c-btn--small u-label-05
   

  " data-toolbar--subscription-button>

                Abbonati

            </button>
        </div>
        <div class="c-toolbar__item u-flex u-items-center u-justify-center u-label-05 u-pl-medium u-cursor-pointer u-py-xsmall">

            <div tabindex="1" class="c-dropdown c-dropdown--reset c-dropdown--user u-cursor-pointer u-relative u-flex u-items-center u-justify-center u-label-05">
                <img style=" width:2rem; height:2rem;" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="avatar avatar-md u-radius-circle" src="//citynews.stgy.ovh/~shared/avatars/49015311842645/avatar_1.img" alt="Foto Profilo Utente" title="remat">

                <div class="c-dropdown__panel u-absolute u-right u-overflow-hidden u-p-medium o-bg-light u-shadow u-z-upside">
                    <ul class="u-list-none u-m-none u-p-none">
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="user--view2021">Il mio profilo</a></li>
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/contents/">I miei contenuti</a></li>
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/edit/basic/">Modifica profilo</a></li>
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/edit/privacy/">Privacy</a></li>
                        <li class="u-mb-small">
                            <form onsubmit="window.ga && ga( 'send', 'event', 'Community', 'Logout' ); return confirm( 'Sei sicuro di voler uscire dal sito?' );" action="/user/logout/" method="post">
                                <!--<?php echo input_hidden_tag( 'nonce', securityUtils::encodeVariable($sf_user->getNonce(), array('~sso', 'nonce', SF_GROUP, SF_DOMAIN, SF_APP, SF_TYPE, SF_DEBUG)) ); ?>-->
                                <button type="submit" class="c-btn c-btn--primary  u-label-04  u-cursor-pointer u-flex u-items-center u-label-04" value="Esci">
                                    Esci
                                </button>
                            </form>

                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</div>

<header class="c-header c-header--slim  u-zindex-5 u-py-base">
    <div class="o-container u-flex u-items-center u-height-full">

        <div class="u-none u-block@md" data-toggle-menu onclick="this.classList && 
			document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
			document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
			document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.toggle('is-open');}) ,
			document.querySelectorAll('[data-body-lock]').forEach( function(oNode){ oNode.classList.toggle('is-locked'); }) ,
			document.querySelectorAll('[data-item-navigation]').forEach( function(oNode){ oNode.classList.toggle('is-visible-from-tablet'); }),
			document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.add('is-hidden');})">

            <svg class="o-icon o-icon--inverse o-icon--md c-navbar__controller u-cursor-pointer" data-toggle-menu-open>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-menu"></use>
            </svg>
            <svg class="o-icon o-icon--inverse o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-toggle-menu-close>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
            </svg>
        </div>

        <div class="u-flex u-items-center u-ml-base@md">
            <a href="/">

                <svg class="c-brand 
  c-brand--resize-small 
   
   
  " viewBox="0 0 170 50" xmlns="http://www.w3.org/2000/svg">

                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#brand-logo"></use>

                </svg>

            </a>

        </div>

        <div class="u-ml-auto c-navbar__search u-none u-block@md" data-search onclick="this.classList && 
			document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
			document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
			document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.toggle('is-hidden');}),
			document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.remove('is-open');})">

            <svg class="o-icon  o-icon--md u-cursor-pointer" data-search-open>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
            </svg>
            <svg class="o-icon  o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-search-close>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
            </svg>
        </div>

        <div class="u-none@md u-ml-auto" data-toggle-menu onclick="this.classList && 
			document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
			document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
			document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.toggle('is-open');}) ,
			document.querySelectorAll('[data-body-lock]').forEach( function(oNode){ oNode.classList.toggle('is-locked'); }) ,
			document.querySelectorAll('[data-item-navigation]').forEach( function(oNode){ oNode.classList.toggle('is-visible-from-tablet'); }),
			document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.add('is-hidden');})">

            <svg class="o-icon o-icon--inverse o-icon--md c-navbar__controller u-cursor-pointer" data-toggle-menu-open>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-menu"></use>
            </svg>
            <svg class="o-icon o-icon--inverse o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-toggle-menu-close>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
            </svg>
        </div>

    </div>
    <div class="c-searchbar u-shadow-bottom u-z-upside u-size-full u-absolute u-px-base u-py-large  is-hidden " data-search-bar>
        <div class="o-container u-px-small@md">

            <div class="u-relative">
                <input class="u-size-full   " type="text" placeholder="Cerca nel sito">
                <button class="c-form-action c-btn c-btn--reset u-absolute u-cursor-pointer" type="submit">

                    <svg class="c-form-icon o-icon o-icon--md">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
                    </svg>

                </button>
            </div>

        </div>
    </div>
</header>

<main class="o-page">

    <div class="o-container o-page-item-reset">

        <article class="l-entry l-entry--gallery u-grid u-mb-medium u-mb-xlarge@lg" data-entry>

            <section class=" u-mb-medium@xl">
                <header class="l-entry__header" data-entry-header>
                    <a href="#" class="o-link-category u-label-02 u-block u-no-underline u-mb-small">Politica</a>
                    <h1 class="l-entry__title u-heading-01 u-mb-small">Viaggiare in treno nella fase 2</h1>
                    <p class="l-entry__summary u-body-03 u-color-secondary u-mb-small">Marker rossi sui sedili e &quot;tariffe dinamiche&quot;: così si viaggia in treno nella &quot;fase due&quot;</p>
                </header>

                <section class="l-entry__byline u-flex">
                    <div class="u-flex u-column@xl u-items-center u-items-start@xl u-mb-small@xl">
                        <div class="u-mb-xxsmall u-mr-xsmall">
                            <figure class="c-avatar u-ratio-1    u-relative u-radius-circle u-overflow-hidden ">
                                <a href="#">
                                    <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                                </a>
                            </figure>

                        </div>
                        <div>
                            <span class="u-label-05 u-mb-none u-block">
                                <a class="o-link-text" href="/author/profile/alberto-berlini/8108506324632/">Francesca Demirgian</a>
                            </span>
                            <span class="u-label-08 u-color-base u-mb-xxsmall u-block">Redattore Today</span>
                            <span class="u-label-08 u-color-light u-block">26 Aprile 2020</span>
                        </div>
                    </div>
                    <div class="c-share u-flex">

                        <a href="#" class="u-mr-xsmall">
                            <div class="c-share__item c-share__item--facebook u-flex u-items-center u-justify-center">
                                <svg class="o-icon--md  o-icon--fill-inverse ">
                                    <use xlink:href="#icon-facebook" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                </svg>
                            </div>
                        </a>

                        <a href="#" class="u-mr-xsmall">
                            <div class="c-share__item c-share__item--twitter u-flex u-items-center u-justify-center">
                                <svg class="o-icon--md  o-icon--fill-inverse ">
                                    <use xlink:href="#icon-twitter" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                </svg>
                            </div>
                        </a>

                        <a href="#" class="u-mr-xsmall">
                            <div class="c-share__item c-share__item--whatsapp u-flex u-items-center u-justify-center">
                                <svg class="o-icon--md  o-icon--fill-inverse ">
                                    <use xlink:href="#icon-whatsapp" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                </svg>
                            </div>
                        </a>

                    </div>

                </section>

                <section class="l-entry__body l-list-border">

                    <figure class="u-flex u-column u-row@lg u-sticky u-top-xxxlarge o-bg-dark" itemprop="associatedMedia" itemtype="http://schema.org/ImageObject" itemscope>
                        <a name="" class="u-size-full u-size-3-4@lg o-bg-gray u-text-center u-mr-base@lg u-relative" href="">
                            <img src="https://citynews-today.stgy.ovh/~media/original-mid/13291433117503/fs-italiane-viaggiare-in-treno-nella-fase-due-1.jpg" alt="" title="" itemprop="thumbnail" loading="lazy">
                        </a>
                        <figcaption class="u-size-full u-size-1-4@lg" itemprop="caption description">
                            <span class="u-title-08 u-inverse-01 u-block u-my-small">Viaggiare in treno nella fase 2</span>

                            <span class="u-caption-01 u-color-light u-block u-mb-small"></small>

                                <span class="u-caption-01 u-color-light u-block">Foto da: Copyright FOTO</span>

                        </figcaption>
                    </figure>

                    <figure class="u-flex u-column u-row@lg u-sticky u-top-xxxlarge o-bg-dark" itemprop="associatedMedia" itemtype="http://schema.org/ImageObject" itemscope>
                        <a name="" class="u-size-full u-size-3-4@lg o-bg-gray u-text-center u-mr-base@lg u-relative" href="">
                            <img src="https://citynews-today.stgy.ovh/~media/original-mid/36780333984985/fs-italiane-viaggiare-in-treno-nella-fase-due-2.jpg" alt="" title="" itemprop="thumbnail" loading="lazy">
                        </a>
                        <figcaption class="u-size-full u-size-1-4@lg" itemprop="caption description">
                            <span class="u-title-08 u-inverse-01 u-block u-my-small">Viaggiare in treno nella fase 2</span>

                            <span class="u-caption-01 u-color-light u-block u-mb-small"></small>

                                <span class="u-caption-01 u-color-light u-block">Foto da: Copyright FOTO</span>

                        </figcaption>
                    </figure>

                    <figure class="u-flex u-column u-row@lg u-sticky u-top-xxxlarge o-bg-dark" itemprop="associatedMedia" itemtype="http://schema.org/ImageObject" itemscope>
                        <a name="" class="u-size-full u-size-3-4@lg o-bg-gray u-text-center u-mr-base@lg u-relative" href="">
                            <img src="https://citynews-today.stgy.ovh/~media/original-mid/51470434667807/fs-italiane-viaggiare-in-treno-nella-fase-due-3.jpg" alt="" title="" itemprop="thumbnail" loading="lazy">
                        </a>
                        <figcaption class="u-size-full u-size-1-4@lg" itemprop="caption description">
                            <span class="u-title-08 u-inverse-01 u-block u-my-small">Viaggiare in treno nella fase 2</span>

                            <span class="u-caption-01 u-color-light u-block u-mb-small"></small>

                                <span class="u-caption-01 u-color-light u-block">Foto da: Copyright FOTO</span>

                        </figcaption>
                    </figure>

                    <figure class="u-flex u-column u-row@lg u-sticky u-top-xxxlarge o-bg-dark" itemprop="associatedMedia" itemtype="http://schema.org/ImageObject" itemscope>
                        <a name="" class="u-size-full u-size-3-4@lg o-bg-gray u-text-center u-mr-base@lg u-relative" href="">
                            <img src="https://citynews-today.stgy.ovh/~media/original-mid/3826050104617/xtribe2.jpg" alt="" title="" itemprop="thumbnail" loading="lazy">
                        </a>
                        <figcaption class="u-size-full u-size-1-4@lg" itemprop="caption description">
                            <span class="u-title-08 u-inverse-01 u-block u-my-small">Xtribe</span>

                            <span class="u-caption-01 u-color-light u-block u-mb-small"></small>

                                <span class="u-caption-01 u-color-light u-block">Foto da: Copyright</span>

                        </figcaption>
                    </figure>

                </section>
            </section>

            <section class="l-entry__footer">
                <p class="u-caption-01 u-color-secondary">
                    &copy; Riproduzione riservata
                </p>
                <div class="c-share u-flex">

                    <a href="#" class="u-mr-xsmall">
                        <div class="c-share__item c-share__item--facebook u-flex u-items-center u-justify-center">
                            <svg class="o-icon--md  o-icon--fill-inverse ">
                                <use xlink:href="#icon-facebook" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                            </svg>
                        </div>
                    </a>

                    <a href="#" class="u-mr-xsmall">
                        <div class="c-share__item c-share__item--twitter u-flex u-items-center u-justify-center">
                            <svg class="o-icon--md  o-icon--fill-inverse ">
                                <use xlink:href="#icon-twitter" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                            </svg>
                        </div>
                    </a>

                    <a href="#" class="u-mr-xsmall">
                        <div class="c-share__item c-share__item--whatsapp u-flex u-items-center u-justify-center">
                            <svg class="o-icon--md  o-icon--fill-inverse ">
                                <use xlink:href="#icon-whatsapp" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                            </svg>
                        </div>
                    </a>

                </div>

            </section>

            <section class="l-entry__related u-mb-medium">
                <section class="l-entry__byline u-flex">
                    <div class="u-flex u-column@xl u-items-center u-items-start@xl u-mb-small@xl">
                        <div class="u-mb-xxsmall u-mr-xsmall">
                            <figure class="c-avatar u-ratio-1    u-relative u-radius-circle u-overflow-hidden ">
                                <a href="#">
                                    <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                                </a>
                            </figure>

                        </div>
                        <div>
                            <span class="u-label-05 u-mb-none u-block">
                                <a class="o-link-text" href="/author/profile/alberto-berlini/8108506324632/">Francesca Demirgian</a>
                            </span>
                            <span class="u-label-08 u-color-base u-mb-xxsmall u-block">Redattore Today</span>
                            <span class="u-label-08 u-color-light u-block">26 Aprile 2020</span>
                        </div>
                    </div>
                    <div class="c-share u-flex">

                        <a href="#" class="u-mr-xsmall">
                            <div class="c-share__item c-share__item--facebook u-flex u-items-center u-justify-center">
                                <svg class="o-icon--md  o-icon--fill-inverse ">
                                    <use xlink:href="#icon-facebook" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                </svg>
                            </div>
                        </a>

                        <a href="#" class="u-mr-xsmall">
                            <div class="c-share__item c-share__item--twitter u-flex u-items-center u-justify-center">
                                <svg class="o-icon--md  o-icon--fill-inverse ">
                                    <use xlink:href="#icon-twitter" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                </svg>
                            </div>
                        </a>

                        <a href="#" class="u-mr-xsmall">
                            <div class="c-share__item c-share__item--whatsapp u-flex u-items-center u-justify-center">
                                <svg class="o-icon--md  o-icon--fill-inverse ">
                                    <use xlink:href="#icon-whatsapp" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                </svg>
                            </div>
                        </a>

                    </div>

                </section>

                <span class="u-caption-01 u-color-secondary u-my-base u-block">Si parla di</span>
                <ul class="u-flex list-related  u-column@xl  u-my-none u-list-none u-list-reset">

                    <li class="u-mr-xsmall u-mb-xsmall@xl">
                        <a class="o-link-category u-label-03 u-no-underline" href="#">Ius culturae</a>
                    </li>

                    <li class="u-mr-xsmall u-mb-xsmall@xl">
                        <a class="o-link-category u-label-03 u-no-underline" href="#">Ius soli</a>
                    </li>

                </ul>
            </section>

        </article>

        <section class="u-mb-medium">
            <h3 class="c-title c-title--multiline u-relative">

                Potrebbe interessarti

            </h3>
            <div class="l-grid l-grid--small">

                <article class="c-story  c-story--stack l-grid__item  " data-grid-position="" data-channel="">

                    <div class="c-story__media ">
                        <figure class="o-skeleton o-skeleton-media--responsive u-relative">

                            <a class="u-block u-size-full u-absolute u-left u-top" href="#">
                                <picture>

                                    <source srcset="https://citynews-today.stgy.ovh/~media/horizontal-mid/51380415156697/coronavirus-ansa-4-2-2.jpg" media="(min-width: 740px)">
                                    <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://citynews-today.stgy.ovh/~media/vertical-hi/51380415156697/coronavirus-ansa-4-2-2.jpg" alt="Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire">

                                </picture>

                            </a>
                        </figure>

                    </div>

                    <div class="c-story__content u-relative">

                        <header class="c-story__header ">

                            <div class="c-story__kicker u-mb-xsmall">

                                <span class="u-label-02 ">Emergenza Coronavirus</span>

                            </div>

                            <a class="o-link-text" href="#">
                                <h1 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire</h1>
                            </a>

                        </header>

                        <p class="
           
          u-block u-none@md 
           
          c-story__summary u-mb-none  
          u-body-03">&quot;Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti&quot;, dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo</p>

                    </div>

                </article>

                <article class="c-story  c-story--stack l-grid__item  " data-grid-position="" data-channel="">

                    <div class="c-story__media ">
                        <figure class="o-skeleton o-skeleton-media--responsive u-relative">

                            <a class="u-block u-size-full u-absolute u-left u-top" href="#">
                                <picture>

                                    <source srcset="https://citynews-today.stgy.ovh/~media/horizontal-mid/19878683460037/casa-di-riposo-palermo-ansa-2.jpg" media="(min-width: 740px)">
                                    <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://citynews-today.stgy.ovh/~media/vertical-hi/19878683460037/casa-di-riposo-palermo-ansa-2.jpg" alt="Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock">

                                </picture>

                            </a>
                        </figure>

                    </div>

                    <div class="c-story__content u-relative">

                        <header class="c-story__header ">

                            <div class="c-story__kicker u-mb-xsmall">

                                <span class="u-label-02 ">Sei arresti</span>

                            </div>

                            <a class="o-link-text" href="#">
                                <h1 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock</h1>
                            </a>

                        </header>

                        <p class="
           
          u-block u-none@md 
           
          c-story__summary u-mb-none  
          u-body-03">&quot;Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti&quot;, dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo</p>

                    </div>

                </article>

                <article class="c-story  c-story--stack l-grid__item  " data-grid-position="" data-channel="">

                    <div class="c-story__media ">
                        <figure class="o-skeleton o-skeleton-media--responsive u-relative">

                            <a class="u-block u-size-full u-absolute u-left u-top" href="#">
                                <picture>

                                    <source srcset="https://citynews-today.stgy.ovh/~media/horizontal-mid/31908412136750/donald-trump-coronavirus-ansa-2.jpg" media="(min-width: 740px)">
                                    <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://citynews-today.stgy.ovh/~media/vertical-hi/31908412136750/donald-trump-coronavirus-ansa-2.jpg" alt="Coronavirus, negli Usa 2.500 morti in un giorno ma Trump &quot;ha fretta&quot; di riaprire">

                                </picture>

                            </a>
                        </figure>

                    </div>

                    <div class="c-story__content u-relative">

                        <header class="c-story__header ">

                            <div class="c-story__kicker u-mb-xsmall">

                                <span class="u-label-02 ">Esteri</span>

                            </div>

                            <a class="o-link-text" href="#">
                                <h1 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Coronavirus, negli Usa 2.500 morti in un giorno ma Trump &quot;ha fretta&quot; di riaprire</h1>
                            </a>

                        </header>

                        <p class="
           
          u-block u-none@md 
           
          c-story__summary u-mb-none  
          u-body-03">&quot;Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti&quot;, dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo</p>

                    </div>

                </article>

                <article class="c-story  c-story--stack l-grid__item  " data-grid-position="" data-channel="">

                    <div class="c-story__media ">
                        <figure class="o-skeleton o-skeleton-media--responsive u-relative">

                            <a class="u-block u-size-full u-absolute u-left u-top" href="#">
                                <picture>

                                    <source srcset="https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg" media="(min-width: 740px)">
                                    <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg" alt="Turismo e coronavirus, quali località più colpite nell&#39;estate 2020">

                                </picture>

                            </a>
                        </figure>

                    </div>

                    <div class="c-story__content u-relative">

                        <header class="c-story__header ">

                            <div class="c-story__kicker u-mb-xsmall">

                                <span class="u-label-02 ">Lo studio del Touring Club italiano</span>

                            </div>

                            <a class="o-link-text" href="#">
                                <h1 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Turismo e coronavirus, quali località più colpite nell&#39;estate 2020</h1>
                            </a>

                        </header>

                        <p class="
           
          u-block u-none@md 
           
          c-story__summary u-mb-none  
          u-body-03">Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c&#39;è stato nulla da fare</p>

                    </div>

                </article>

                <div data-smb-version="3">

                    <div class="
    c-smb  
    c-smb--story
    c-smb--native">

                        <label class="c-smb__label" for="c-smb__panel-story"></label>

                        <div class="c-smb__structure">

                            <div class="c-smb__visual">
                                <div class="c-smb__slider" data-items="4">
                                    <div class="c-smb__image">
                                        <figure>
                                            <picture>
                                                <img decoding="async" referrerpolicy="no-referrer" loading="lazy" src="/assets/images/adv/safe-area-smb.png" alt="" />
                                            </picture>
                                        </figure>
                                    </div>

                                    <div class="c-smb__image">
                                        <figure>
                                            <picture>
                                                <img decoding="async" referrerpolicy="no-referrer" src="/assets/images/adv/safe-area-smb1.png" alt="" />
                                            </picture>
                                        </figure>
                                    </div>

                                    <div class="c-smb__image">
                                        <figure>
                                            <picture>
                                                <img decoding="async" referrerpolicy="no-referrer" src="/assets/images/adv/safe-area-smb2.png" alt="" />
                                            </picture>
                                        </figure>
                                    </div>

                                    <div class="c-smb__image">
                                        <figure>
                                            <picture>
                                                <img decoding="async" referrerpolicy="no-referrer" src="/assets/images/adv/safe-area-smb3.png" alt="" />
                                            </picture>
                                        </figure>
                                    </div>

                                </div>
                            </div>

                            <div class="c-smb__content">

                                <div class="c-smb__title">
                                    <strong>Poke house</strong>
                                </div>

                                <div class="c-smb__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</div>

                                <div class="c-smb__bar">

                                    <label class="c-smb--trigger">Leggi la nostra storia</label>

                                </div>

                            </div>
                        </div>
                        <span class="c-smb__adsolution">Creato con <a href="https://www.adsolution.it/#/" target="_blank">ADSolution</a></span>
                    </div>

                    <input type="checkbox" id="c-smb__panel-story" class="c-smb__viewer" />
                    <dialog open class="c-smb__panel">
                        <div class="c-smb__panel__inner">
                            <div class="c-smb__panel__body-top">
                                Poke house
                                <label class="c-smb__panel__close" for="c-smb__panel-story">
                                    <svg>
                                        <use xlink:href="#icon-x-circle"></use>
                                    </svg>
                                </label>
                            </div>
                            <div class="c-smb__panel__body-center">

                                <h3 class="c-smb__details">
                                    Piazza del Colosseo, 54 A
                                </h3>

                                <video class="c-smb__panel-video" autoplay muted src="https://www.w3schools.com/html/mov_bbb.mp4"></video>

                                <p>
                                    Using a qualified staff ready to understand the needs of their customers, they have created a warm and welcoming atmosphere. Using a qualified staff ready to understand the needs of their customers, they have created a warm and welcoming atmosphere.
                                </p>

                            </div>
                            <div class="c-smb__panel__body-bottom">

                                <a>
                                    <svg>
                                        <use xlink:href="#icon-phone-call"></use>
                                    </svg>

                                    335.123123123
                                </a>

                                <a>
                                    <svg>
                                        <use xlink:href="#icon-map-pin"></use>
                                    </svg>

                                    Piazza del Colosseo, 54 A
                                </a>

                                <a>
                                    <svg>
                                        <use xlink:href="#icon-globe"></use>
                                    </svg>

                                    wwww.pokehouse.com
                                </a>

                            </div>
                        </div>
                    </dialog>
                    <svg style="position: absolute; width: 0; height: 0" xmlns="http://www.w3.org/2000/svg">
                        <symbol id="icon-map-pin" viewBox="0 0 24 24">
                            <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
                            <circle cx="12" cy="10" r="3" />
                        </symbol>
                        <symbol id="icon-calendar" viewBox="0 0 24 24">
                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2" />
                            <line x1="16" y1="2" x2="16" y2="6" />
                            <line x1="8" y1="2" x2="8" y2="6" />
                            <line x1="3" y1="10" x2="21" y2="10" />
                        </symbol>
                        <symbol id="icon-clock" viewBox="0 0 24 24">
                            <circle cx="12" cy="12" r="10" />
                            <path d="M12 6v6l4 2" />
                        </symbol>
                        <symbol id="icon-whatsapp" viewBox="0 0 32 32">
                            <path d="M20.52 17.75c.181 0 .858.306 2.032.917 1.174.61 1.795.979 1.865 1.104.027.07.041.173.041.312 0 .459-.118.986-.354 1.584-.222.541-.715.996-1.479 1.364-.764.368-1.472.552-2.125.552-.792 0-2.111-.43-3.958-1.291A11.889 11.889 0 0 1 13 19.833c-1-1.014-2.028-2.298-3.083-3.854-1-1.486-1.493-2.833-1.48-4.041v-.167c.042-1.264.556-2.361 1.542-3.292.334-.305.695-.458 1.084-.458.083 0 .208.01.375.031.166.02.298.031.395.031.264 0 .448.045.552.136.105.09.212.281.323.573.111.277.34.889.688 1.833.347.944.52 1.465.52 1.563 0 .291-.239.69-.718 1.197-.48.507-.719.83-.719.97 0 .096.035.2.104.312.473 1.014 1.181 1.965 2.125 2.854.778.736 1.827 1.437 3.146 2.104a.93.93 0 0 0 .459.146c.208 0 .583-.337 1.125-1.01.541-.674.902-1.011 1.083-1.011zm-4.228 11.042c1.764 0 3.454-.348 5.073-1.042 1.618-.694 3.01-1.625 4.177-2.792 1.166-1.166 2.097-2.559 2.791-4.177a12.731 12.731 0 0 0 1.042-5.073c0-1.764-.347-3.454-1.042-5.073-.694-1.618-1.625-3.01-2.791-4.177-1.167-1.166-2.56-2.097-4.177-2.791a12.732 12.732 0 0 0-5.073-1.042c-1.764 0-3.455.347-5.073 1.042-1.618.694-3.01 1.625-4.177 2.791-1.167 1.167-2.098 2.56-2.792 4.177a12.732 12.732 0 0 0-1.042 5.073c0 2.82.834 5.375 2.5 7.667L4.063 28.23l5.041-1.604c2.195 1.445 4.59 2.167 7.188 2.167zm0-28.792c2.125 0 4.156.417 6.093 1.25 1.938.833 3.608 1.951 5.01 3.354 1.404 1.403 2.522 3.073 3.355 5.01A15.264 15.264 0 0 1 32 15.709c0 2.125-.417 4.157-1.25 6.094-.833 1.938-1.951 3.608-3.354 5.01-1.403 1.403-3.073 2.521-5.01 3.355a15.264 15.264 0 0 1-6.094 1.25 15.46 15.46 0 0 1-7.604-1.959L0 32.25l2.833-8.437c-1.5-2.473-2.25-5.174-2.25-8.105 0-2.125.417-4.156 1.25-6.093.834-1.938 1.952-3.608 3.355-5.01C6.59 3.2 8.26 2.082 10.198 1.25A15.264 15.264 0 0 1 16.292 0z" fill-rule="evenodd" />
                        </symbol>
                        <symbol id="icon-phone-call" viewBox="0 0 24 24">
                            <path d="M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
                        </symbol>
                        <symbol id="icon-globe" viewBox="0 0 24 24">
                            <circle cx="12" cy="12" r="10" />
                            <line x1="2" y1="12" x2="22" y2="12" />
                            <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" />
                        </symbol>
                        <symbol id="icon-x-circle" viewBox="0 0 24 24">
                            <circle cx="12" cy="12" r="10" />
                            <line x1="15" y1="9" x2="9" y2="15" />
                            <line x1="9" y1="9" x2="15" y2="15" />
                        </symbol>
                    </svg>
                </div>

                <div data-smb-version="3">

                    <div class="
    c-smb  
    c-smb--click-to-site
    c-smb--native">

                        <a target="_blank" href="https://shop.today.it/citta/roma/"></a>

                        <div class="c-smb__structure">

                            <div class="c-smb__visual">
                                <div class="c-smb__slider" data-items="2">
                                    <div class="c-smb__image">
                                        <figure>
                                            <picture>
                                                <img decoding="async" referrerpolicy="no-referrer" loading="lazy" src="/assets/images/adv/safe-area-smb.png" alt="" />
                                            </picture>
                                        </figure>
                                    </div>

                                    <div class="c-smb__image">
                                        <figure>
                                            <picture>
                                                <img decoding="async" referrerpolicy="no-referrer" src="/assets/images/adv/safe-area-smb1.png" alt="" />
                                            </picture>
                                        </figure>
                                    </div>

                                </div>
                            </div>

                            <div class="c-smb__content">

                                <div class="c-smb__title">
                                    <strong>Poke house</strong>
                                </div>

                                <div class="c-smb__description">Computer guasto? Windows o Mac non fa differenza.</div>

                                <div class="c-smb__bar">

                                    <svg>
                                        <use xlink:href="#icon-globe"></use>
                                    </svg>

                                    <p>

                                        https://shop.today.it/citta/roma/?utm_source=adsolution&amp;utm_campaign=demo-adsolution
                                    </p>

                                    <button>scopri di più</button>

                                </div>

                            </div>
                        </div>
                        <span class="c-smb__adsolution">Creato con <a href="https://www.adsolution.it/#/" target="_blank">ADSolution</a></span>
                    </div>

                    <input type="checkbox" id="c-smb__panel-click-to-site" class="c-smb__viewer" />
                    <dialog open class="c-smb__panel">
                        <div class="c-smb__panel__inner">
                            <div class="c-smb__panel__body-top">
                                Poke house
                                <label class="c-smb__panel__close" for="c-smb__panel-click-to-site">
                                    <svg>
                                        <use xlink:href="#icon-x-circle"></use>
                                    </svg>
                                </label>
                            </div>
                            <div class="c-smb__panel__body-center">

                            </div>
                            <div class="c-smb__panel__body-bottom">

                            </div>
                        </div>
                    </dialog>
                    <svg style="position: absolute; width: 0; height: 0" xmlns="http://www.w3.org/2000/svg">
                        <symbol id="icon-map-pin" viewBox="0 0 24 24">
                            <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
                            <circle cx="12" cy="10" r="3" />
                        </symbol>
                        <symbol id="icon-calendar" viewBox="0 0 24 24">
                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2" />
                            <line x1="16" y1="2" x2="16" y2="6" />
                            <line x1="8" y1="2" x2="8" y2="6" />
                            <line x1="3" y1="10" x2="21" y2="10" />
                        </symbol>
                        <symbol id="icon-clock" viewBox="0 0 24 24">
                            <circle cx="12" cy="12" r="10" />
                            <path d="M12 6v6l4 2" />
                        </symbol>
                        <symbol id="icon-whatsapp" viewBox="0 0 32 32">
                            <path d="M20.52 17.75c.181 0 .858.306 2.032.917 1.174.61 1.795.979 1.865 1.104.027.07.041.173.041.312 0 .459-.118.986-.354 1.584-.222.541-.715.996-1.479 1.364-.764.368-1.472.552-2.125.552-.792 0-2.111-.43-3.958-1.291A11.889 11.889 0 0 1 13 19.833c-1-1.014-2.028-2.298-3.083-3.854-1-1.486-1.493-2.833-1.48-4.041v-.167c.042-1.264.556-2.361 1.542-3.292.334-.305.695-.458 1.084-.458.083 0 .208.01.375.031.166.02.298.031.395.031.264 0 .448.045.552.136.105.09.212.281.323.573.111.277.34.889.688 1.833.347.944.52 1.465.52 1.563 0 .291-.239.69-.718 1.197-.48.507-.719.83-.719.97 0 .096.035.2.104.312.473 1.014 1.181 1.965 2.125 2.854.778.736 1.827 1.437 3.146 2.104a.93.93 0 0 0 .459.146c.208 0 .583-.337 1.125-1.01.541-.674.902-1.011 1.083-1.011zm-4.228 11.042c1.764 0 3.454-.348 5.073-1.042 1.618-.694 3.01-1.625 4.177-2.792 1.166-1.166 2.097-2.559 2.791-4.177a12.731 12.731 0 0 0 1.042-5.073c0-1.764-.347-3.454-1.042-5.073-.694-1.618-1.625-3.01-2.791-4.177-1.167-1.166-2.56-2.097-4.177-2.791a12.732 12.732 0 0 0-5.073-1.042c-1.764 0-3.455.347-5.073 1.042-1.618.694-3.01 1.625-4.177 2.791-1.167 1.167-2.098 2.56-2.792 4.177a12.732 12.732 0 0 0-1.042 5.073c0 2.82.834 5.375 2.5 7.667L4.063 28.23l5.041-1.604c2.195 1.445 4.59 2.167 7.188 2.167zm0-28.792c2.125 0 4.156.417 6.093 1.25 1.938.833 3.608 1.951 5.01 3.354 1.404 1.403 2.522 3.073 3.355 5.01A15.264 15.264 0 0 1 32 15.709c0 2.125-.417 4.157-1.25 6.094-.833 1.938-1.951 3.608-3.354 5.01-1.403 1.403-3.073 2.521-5.01 3.355a15.264 15.264 0 0 1-6.094 1.25 15.46 15.46 0 0 1-7.604-1.959L0 32.25l2.833-8.437c-1.5-2.473-2.25-5.174-2.25-8.105 0-2.125.417-4.156 1.25-6.093.834-1.938 1.952-3.608 3.355-5.01C6.59 3.2 8.26 2.082 10.198 1.25A15.264 15.264 0 0 1 16.292 0z" fill-rule="evenodd" />
                        </symbol>
                        <symbol id="icon-phone-call" viewBox="0 0 24 24">
                            <path d="M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
                        </symbol>
                        <symbol id="icon-globe" viewBox="0 0 24 24">
                            <circle cx="12" cy="12" r="10" />
                            <line x1="2" y1="12" x2="22" y2="12" />
                            <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" />
                        </symbol>
                        <symbol id="icon-x-circle" viewBox="0 0 24 24">
                            <circle cx="12" cy="12" r="10" />
                            <line x1="15" y1="9" x2="9" y2="15" />
                            <line x1="9" y1="9" x2="15" y2="15" />
                        </symbol>
                    </svg>
                </div>

            </div>
        </section>

    </div>

</main>

<div class="c-readingbar u-z-cover u-fixed u-size-full u-left o-bg-base u-flex u-row-reverse u-justify-between u-items-center u-p-small " data-reading>

    <div>
        <div class="c-share u-flex">

            <a href="#" class="u-mr-xsmall">
                <div class="c-share__item c-share__item--facebook u-flex u-items-center u-justify-center">
                    <svg class="o-icon--md  o-icon--fill-inverse ">
                        <use xlink:href="#icon-facebook" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                    </svg>
                </div>
            </a>

            <a href="#" class="u-mr-xsmall">
                <div class="c-share__item c-share__item--twitter u-flex u-items-center u-justify-center">
                    <svg class="o-icon--md  o-icon--fill-inverse ">
                        <use xlink:href="#icon-twitter" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                    </svg>
                </div>
            </a>

            <a href="#" class="u-mr-xsmall">
                <div class="c-share__item c-share__item--whatsapp u-flex u-items-center u-justify-center">
                    <svg class="o-icon--md  o-icon--fill-inverse ">
                        <use xlink:href="#icon-whatsapp" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                    </svg>
                </div>
            </a>

        </div>
    </div>

    <div class="u-flex@md u-column u-row@md u-items-center">
        <small class="u-none@sm u-heading-07 u-color-base u-mb-xxsmall">Invia l’articolo</small>
        <small class="u-none u-block@sm u-heading-07 u-color-base u-mb-xxsmall">Viaggiare in treno nella fase 2</small>
    </div>

    <div class="c-readingbar__progress u-absolute u-top u-left" data-progress></div>

</div>
{% render "@toolbar" %}
{% render "@header--slim", {local: true}, false %}

<main class="o-page">

  <div class="o-container o-page-item-reset">

    <article class="l-entry l-entry--gallery u-grid u-mb-medium u-mb-xlarge@lg" data-entry>
      
      <section class=" u-mb-medium@xl">
        <header class="l-entry__header" data-entry-header >
          <a href="#" class="o-link-category u-label-02 u-block u-no-underline u-mb-small">{{kicker}}</a>
          <h1 class="l-entry__title u-heading-01 u-mb-small">{{title}}</h1>
          <p class="l-entry__summary u-body-03 u-color-secondary u-mb-small">{{summary}}</p>
        </header>

        <section class="l-entry__byline u-flex">
          <div class="u-flex u-column@xl u-items-center u-items-start@xl u-mb-small@xl">
            <div class="u-mb-xxsmall u-mr-xsmall">
            {% render "@avatar" %}
            </div>
            <div>
              <span class="u-label-05 u-mb-none u-block">
                <a class="o-link-text" href="/author/profile/alberto-berlini/8108506324632/">{{author.name}}</a>      
              </span>
              <span class="u-label-08 u-color-base u-mb-xxsmall u-block">Redattore Today</span>
              <span class="u-label-08 u-color-light u-block">{{date}}</span>
            </div>
          </div>
          {% render "@share" %}
        </section> 

        <section class="l-entry__body l-list-border">
          {% for item in gallery %}
          <figure class="u-flex u-column u-row@lg u-sticky u-top-xxxlarge o-bg-dark" itemprop="associatedMedia" itemtype="http://schema.org/ImageObject" itemscope>
            <a name="" class="u-size-full u-size-3-4@lg o-bg-gray u-text-center u-mr-base@lg u-relative" href="">
              <img src="{{ item.media }}" alt="" title="" itemprop="thumbnail" loading="lazy">
            </a>
            <figcaption class="u-size-full u-size-1-4@lg" itemprop="caption description">
              <span class="u-title-08 u-inverse-01 u-block u-my-small">{{item.title}}</span>

              
              <span class="u-caption-01 u-color-light u-block u-mb-small"></small>
              
              <span class="u-caption-01 u-color-light u-block">Foto da: {{ item.credits }}</span>

            </figcaption>
          </figure>
          {% endfor %}
        </section>
      </section>

      <section class="l-entry__footer">
        <p class="u-caption-01 u-color-secondary">
          &copy; Riproduzione riservata
        </p>
        {% render "@share" %}
      </section>

      <section class="l-entry__related u-mb-medium">
        <section class="l-entry__byline u-flex">
          <div class="u-flex u-column@xl u-items-center u-items-start@xl u-mb-small@xl">
            <div class="u-mb-xxsmall u-mr-xsmall">
            {% render "@avatar" %}
            </div>
            <div>
              <span class="u-label-05 u-mb-none u-block">
                <a class="o-link-text" href="/author/profile/alberto-berlini/8108506324632/">{{author.name}}</a>      
              </span>
              <span class="u-label-08 u-color-base u-mb-xxsmall u-block">Redattore Today</span>
              <span class="u-label-08 u-color-light u-block">{{date}}</span>
            </div>
          </div>
          {% render "@share" %}
        </section> 

        <span class="u-caption-01 u-color-secondary u-my-base u-block">Si parla di</span>
        {% render "@tag", {layout: 'auto' }, true %}
      </section>

    </article>

    <section class="u-mb-medium">
      {% render "@title--multiline", {title: 'Potrebbe interessarti'}, true %}
      {% render "@items--grid", {limit: 4, grid_layout: 'small', size:'narrow', hideSummary: true}, true %}
    </section>


  </div>

</main>

{% render "@readingbar", {title:title, sticky:false}, true %}
{
  "title": "Viaggiare in treno nella fase 2",
  "summary": "Marker rossi sui sedili e \"tariffe dinamiche\": così si viaggia in treno nella \"fase due\"",
  "kicker": "Politica",
  "date": "26 Aprile 2020",
  "categoryColor": "red",
  "author": {
    "name": "Francesca Demirgian",
    "role": "Redattore",
    "thumb": "https://citynews-today.stgy.ovh/~media/square-mid/39253218949838/Berlinialberto.jpeg"
  },
  "media": {
    "src": "https://via.placeholder.com/600x338",
    "caption": "this is a caption"
  },
  "related": [
    {
      "item": null,
      "title": "Gli italiani di seconda generazione lanciano una marcia per la cittadinanza: “Diritto fondamentale”",
      "label": "Kicker",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/37347877891805/integrazione-pixabay-2.jpg"
      }
    },
    {
      "item": null,
      "title": "Ultimi sondaggi, prove di rimonta per il M5s: e 6 italiani su 10 dicono sì allo ius soli",
      "label": "Kicker",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/45358787940167/di-maio-ansa-6-4.jpg"
      }
    },
    {
      "item": null,
      "title": "Ultimi sondaggi, prove di rimonta per il M5s: e 6 italiani su 10 dicono sì allo ius soli",
      "label": "Kicker",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/45358787940167/di-maio-ansa-6-4.jpg"
      }
    },
    {
      "item": null,
      "title": "Ultimi sondaggi, prove di rimonta per il M5s: e 6 italiani su 10 dicono sì allo ius soli",
      "label": "Kicker",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/45358787940167/di-maio-ansa-6-4.jpg"
      }
    }
  ],
  "gallery": [
    {
      "title": "Viaggiare in treno nella fase 2",
      "media": "https://citynews-today.stgy.ovh/~media/original-mid/13291433117503/fs-italiane-viaggiare-in-treno-nella-fase-due-1.jpg",
      "credits": "Copyright FOTO"
    },
    {
      "title": "Viaggiare in treno nella fase 2",
      "media": "https://citynews-today.stgy.ovh/~media/original-mid/36780333984985/fs-italiane-viaggiare-in-treno-nella-fase-due-2.jpg",
      "credits": "Copyright FOTO"
    },
    {
      "title": "Viaggiare in treno nella fase 2",
      "media": "https://citynews-today.stgy.ovh/~media/original-mid/51470434667807/fs-italiane-viaggiare-in-treno-nella-fase-due-3.jpg",
      "credits": "Copyright FOTO"
    },
    {
      "title": "Xtribe",
      "media": "https://citynews-today.stgy.ovh/~media/original-mid/3826050104617/xtribe2.jpg",
      "credits": "Copyright"
    }
  ]
}

Item template is designed to diplay news articles, videos and photo galleries.

Parameters

  • cover - set media image or video player to 100% size of grid template area

Variants

  1. Article - default template used for both news and video
  2. Gallery - exclusively used for photo galleries

Dark theme

Default video and Gallery templates have data-theme="dark" set by default on <body>.