<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 500 50" xmlns="http://www.w3.org/2000/svg">
<path d="M22.5 40.6l1.5 8.5h10.5L24.5.9H10L0 49.1h10.2l1.4-8.5h10.9zM278.3 0c11 0 17.7 6.6 17.7 25 0 18.3-6.6 25-17.7 25-11 0-17.7-6.5-17.7-25 0-18.3 6.6-25 17.7-25zM53.2 0c9.7 0 14.3 5.5 15.6 13.8l-9.6 2.6c-.7-3.7-2.2-6.8-6.4-6.8-4.6 0-6.8 4-6.8 14.5 0 11.9 2.5 16.3 7.8 16.3 4 0 5.8-2.2 6.3-4.3v-4.8h-7v-9.5h16.4V49h-9.2v-3h-.2a11 11 0 01-8.6 3.6c-8.3 0-15.9-5.7-15.9-25C35.6 6.2 42.6 0 53.2 0zm86.7 0c9.8 0 14.3 5.5 15.6 13.8l-9.6 2.6c-.7-3.7-2.2-6.8-6.3-6.8-4.7 0-7 4-7 14.5 0 11.9 2.6 16.3 8 16.3 3.9 0 5.7-2.2 6.3-4.3v-4.8h-7v-9.5h16.3V49h-9.1v-3h-.2a11 11 0 01-8.6 3.6c-8.4 0-16-5.7-16-25 0-18.6 7-24.7 17.6-24.7zM89.1.9c9.5 0 14.4 6.5 14.4 15.9 0 5.9-2.2 10.5-6.5 12.7l7.6 19.6H93.3l-6-17.4-1.4.1h-1.4v17.3h-10V.9zm29.1 0v48.2h-10V.9h10zm69.3 0v9.6h-16.3v9.3h12.2V29h-12.2v10.4H188V49h-26.7V.9h26.3zm15.2 0l12.9 28h.2V.9h9.6v48.2h-10.2l-12.9-27h-.2v27h-9.6V.9h10.2zm56.2 0v9.6h-9.8V49h-10V10.5h-9.8V.9h29.6zm19.4 8.7c-5 0-7.4 3.6-7.4 15.3 0 11.9 2.4 15.5 7.4 15.5s7.4-3.5 7.4-15.3c0-12-2.5-15.5-7.4-15.5zm-261.1.8l1.5 9 2.1 12h-7.5l2.1-12.1 1.5-8.9h.3zm71.2 0h-4v13h4.2c2.9 0 4.8-2 4.8-6.5 0-4-1.7-6.5-5-6.5z" class="c-brand__edition"></path>
<path d="M356.8 0c11 0 17.8 6.6 17.8 25 0 18.3-6.6 25-17.8 25-11 0-17.8-6.5-17.8-25 0-18.3 6.7-25 17.8-25zm-44.6.9l13 28h.1V.9h9.6v48.2h-10.2l-12.9-27h-.2v27H302V.9h10.2zm93.8 0v9.6h-10V49h-10V10.5h-9.9V.9H406zm14 0v48.2h-10.1V.9h10zm33 0V11l-13.4 22.2-3.7 6 .1.3h17.2v9.6h-28.7v-9.7L438.8 16l3.3-5.4-.1-.2h-17V.9h28zm14.9 0v48.2h-10.1V.9h10zm31.8 0v9.6h-16.4v9.3h12.2V29h-12.2v10.4H500V49h-26.8V.9h26.5zM356.8 9.6c-5 0-7.4 3.6-7.4 15.3 0 11.9 2.4 15.5 7.4 15.5s7.4-3.5 7.4-15.3c0-12-2.5-15.5-7.4-15.5z" class="c-brand__network"></path>
</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 "tariffe dinamiche": così si viaggia in treno nella "fase due"</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">
© 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="1" 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 u-py-xxxsmall u-px-xxsmall ">Emergenza Coronavirus</span>
</div>
<a class="o-link-text" href="#">
<h1 class="
u-truncate u-truncate-true
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>
<div class="
u-block u-none@md
u-truncate
u-truncate-4
u-color-secondary c-story__summary u-body-03 u-color-secondary u-mb-none
">
"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti", 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
</div>
</div>
</article>
<article class="c-story c-story--stack l-grid__item " data-grid-position="2" 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 u-py-xxxsmall u-px-xxsmall ">Sei arresti</span>
</div>
<a class="o-link-text" href="#">
<h1 class="
u-truncate u-truncate-true
c-story__heading
u-heading-04
u-m-none">Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock</h1>
</a>
</header>
<div class="
u-block u-none@md
u-truncate
u-truncate-4
u-color-secondary c-story__summary u-body-03 u-color-secondary u-mb-none
">
"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti", 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
</div>
</div>
</article>
<article class="c-story c-story--stack l-grid__item " data-grid-position="3" 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 "ha fretta" 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 u-py-xxxsmall u-px-xxsmall ">Esteri</span>
</div>
<a class="o-link-text" href="#">
<h1 class="
u-truncate u-truncate-true
c-story__heading
u-heading-04
u-m-none">Coronavirus, negli Usa 2.500 morti in un giorno ma Trump "ha fretta" di riaprire</h1>
</a>
</header>
<div class="
u-block u-none@md
u-truncate
u-truncate-4
u-color-secondary c-story__summary u-body-03 u-color-secondary u-mb-none
">
"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti", 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
</div>
</div>
</article>
<article class="c-story c-story--stack l-grid__item " data-grid-position="4" 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'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 u-py-xxxsmall u-px-xxsmall ">Lo studio del Touring Club italiano</span>
</div>
<a class="o-link-text" href="#">
<h1 class="
u-truncate u-truncate-true
c-story__heading
u-heading-04
u-m-none">Turismo e coronavirus, quali località più colpite nell'estate 2020</h1>
</a>
</header>
<div class="
u-block u-none@md
u-truncate
u-truncate-4
u-color-secondary c-story__summary u-body-03 u-color-secondary u-mb-none
">
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'è stato nulla da fare
</div>
</div>
</article>
</div>
</section>
</div>
</main>
{% 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">
© 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>
{
"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.
Default video and Gallery templates have data-theme="dark" set by default on <body>.