diff --git a/CHANGELOG.md b/CHANGELOG.md
index c7f2484dc..38e151167 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,181 @@
 
 
+## [10.4.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v10.3.0...v10.4.0) (2023-11-14)
+
+
+### Features
+
+* added image size and colorListWidget in Alert block ([#396](https://github.com/RedTurtle/design-comuni-plone-theme/issues/396)) ([63f3b5b](https://github.com/RedTurtle/design-comuni-plone-theme/commit/63f3b5b60364e650de5123cf8b8108dd86eab9f9))
+* split VenueDescription component ([#399](https://github.com/RedTurtle/design-comuni-plone-theme/issues/399)) ([68c3ca5](https://github.com/RedTurtle/design-comuni-plone-theme/commit/68c3ca5338f27f4e64ea257f679ae91dc1842491))
+
+
+### Bug Fixes
+
+* documentFirstHeading in subsites without style ([#400](https://github.com/RedTurtle/design-comuni-plone-theme/issues/400)) ([9588073](https://github.com/RedTurtle/design-comuni-plone-theme/commit/9588073d4a2a72e4eb3664c5741b0368f59781fb))
+* icons in NumbersBlock and Sidebar Widget not updating  ([#402](https://github.com/RedTurtle/design-comuni-plone-theme/issues/402)) ([0df93a5](https://github.com/RedTurtle/design-comuni-plone-theme/commit/0df93a59c100df69085db83b4ade85101601ed35))
+* locales ([c4bdc14](https://github.com/RedTurtle/design-comuni-plone-theme/commit/c4bdc148aa76ad7ee81945185f22b2eeead3feeb))
+* mark section filters correctly when navigating to search page from page header ([#401](https://github.com/RedTurtle/design-comuni-plone-theme/issues/401)) ([fdc6207](https://github.com/RedTurtle/design-comuni-plone-theme/commit/fdc62074fa2b92292b128a31f7d227ed5e97c074))
+* ParentSiteMenu now draws only Visible site menu elements in subsites ([#403](https://github.com/RedTurtle/design-comuni-plone-theme/issues/403)) ([9fc0a24](https://github.com/RedTurtle/design-comuni-plone-theme/commit/9fc0a2456030d1480fbe5b76cf4f9c29eab0d10e))
+* Photogallery popup image ([#395](https://github.com/RedTurtle/design-comuni-plone-theme/issues/395)) ([4fce154](https://github.com/RedTurtle/design-comuni-plone-theme/commit/4fce154045e2cbc710fed9d975842edb1af7e85a))
+* scroll position on h2 .visually-hidden ([#397](https://github.com/RedTurtle/design-comuni-plone-theme/issues/397)) ([9356e6a](https://github.com/RedTurtle/design-comuni-plone-theme/commit/9356e6af8a3273ebb1d51c80d84ae0cce7c7dd3a))
+
+
+### Maintenance
+
+* split BandoView Text in different components ([#391](https://github.com/RedTurtle/design-comuni-plone-theme/issues/391)) ([e787f38](https://github.com/RedTurtle/design-comuni-plone-theme/commit/e787f38899519daa2e6743e896e5f8d53fc8bf8a))
+
+
+### Documentation
+
+* updated publiccode and release log ([f95133b](https://github.com/RedTurtle/design-comuni-plone-theme/commit/f95133b0ddaa5ac27a07dfa772f48dfb1b59c067))
+
+## [10.3.0](https://github.com/redturtle/design-comuni-plone-theme/compare/v10.2.2...v10.3.0) (2023-11-08)
+
+
+### Features
+
+* new BandoStatus component to manage the current status translations ([#390](https://github.com/redturtle/design-comuni-plone-theme/issues/390)) ([4f0f775](https://github.com/redturtle/design-comuni-plone-theme/commit/4f0f775e99572152f359c3dd6b227601ebffcdd9))
+
+
+### Bug Fixes
+
+* updated tipologia_bando data in Bando listing template ([#393](https://github.com/redturtle/design-comuni-plone-theme/issues/393)) ([6f38934](https://github.com/redturtle/design-comuni-plone-theme/commit/6f3893457c10035cfc17bede816b91fcbeae93d7))
+
+
+### Maintenance
+
+* preparing release ([73632c8](https://github.com/redturtle/design-comuni-plone-theme/commit/73632c832a5f7ad350d407cb2bfe5723d193730b))
+* Update RELEASE.md ([#394](https://github.com/redturtle/design-comuni-plone-theme/issues/394)) ([0da8790](https://github.com/redturtle/design-comuni-plone-theme/commit/0da8790b5238ade33a491894d98c06f2813e8993))
+
+## [10.2.2](https://github.com/redturtle/design-comuni-plone-theme/compare/v10.2.1...v10.2.2) (2023-11-07)
+
+
+### Bug Fixes
+
+* header Metadata to h2 ([d2952b7](https://github.com/redturtle/design-comuni-plone-theme/commit/d2952b781df8b7e42f9e8c48999aa9f79538081e))
+
+
+### Maintenance
+
+* preparing release ([6b70a73](https://github.com/redturtle/design-comuni-plone-theme/commit/6b70a739835175b39478156d29a6f144b1ecb9ae))
+
+## [10.2.1](https://github.com/redturtle/design-comuni-plone-theme/compare/v10.2.0...v10.2.1) (2023-11-06)
+
+
+### Bug Fixes
+
+* fix id for gallery video title ([5d35058](https://github.com/redturtle/design-comuni-plone-theme/commit/5d35058308c04eaa416146a3966a9cfb4915bbab))
+* sidemenu by titles work only with h2 and not items with id #header-* ([71ca592](https://github.com/redturtle/design-comuni-plone-theme/commit/71ca5921f68ade764e9aaab47b529342befe51d3))
+
+
+### Maintenance
+
+* updated publiccode ([3041114](https://github.com/redturtle/design-comuni-plone-theme/commit/3041114b59fced1d47ea05812f19006daf55eb0b))
+
+## [10.2.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v10.1.1...v10.2.0) (2023-11-06)
+
+
+### Features
+
+* added pager-link data-element to search block pagination ([#389](https://github.com/RedTurtle/design-comuni-plone-theme/issues/389)) ([fbc32a3](https://github.com/RedTurtle/design-comuni-plone-theme/commit/fbc32a32ffc04054b39eb623584aadd1dc517beb))
+* added title param to SideMenuByTitle ([d6718b4](https://github.com/RedTurtle/design-comuni-plone-theme/commit/d6718b41ef0ce61959ca884ad0012825c09701bf))
+
+
+### Bug Fixes
+
+* messages in EventoView contatti ([348469f](https://github.com/RedTurtle/design-comuni-plone-theme/commit/348469fcbe63136dc9bfa3fcbfe04ea1728ab953))
+* missing locales update ([633be45](https://github.com/RedTurtle/design-comuni-plone-theme/commit/633be45a7ea425ebfa1a5e9bf7cf3c0b44d6250c))
+
+
+### Maintenance
+
+* split EventoVView Contatti in different components ([5abf0d8](https://github.com/RedTurtle/design-comuni-plone-theme/commit/5abf0d85d101fd2c67f663c8eb68ddce698d6c2d))
+
+
+### Documentation
+
+* updated publiccode and release log ([0a09061](https://github.com/RedTurtle/design-comuni-plone-theme/commit/0a090616afffd574822c8d3874e7de9abb90242a))
+
+## [10.1.1](https://github.com/redturtle/design-comuni-plone-theme/compare/v10.1.0...v10.1.1) (2023-11-06)
+
+
+### Bug Fixes
+
+* fix sideMenuByTitles to remove duplicate text title when it is hidden ([9da33c8](https://github.com/redturtle/design-comuni-plone-theme/commit/9da33c8d5f5470e20873a04e5963d66a3cc46515))
+
+## [10.1.0](https://github.com/redturtle/design-comuni-plone-theme/compare/v10.0.0...v10.1.0) (2023-11-06)
+
+
+### Features
+
+* Sidemenu customizable ([#388](https://github.com/redturtle/design-comuni-plone-theme/issues/388)) ([94fa0c1](https://github.com/redturtle/design-comuni-plone-theme/commit/94fa0c107f73acb9b7e89638f613206391cefc46))
+
+
+### Bug Fixes
+
+* GalleryPreview ([29f0299](https://github.com/redturtle/design-comuni-plone-theme/commit/29f02990f1e7467e536f151c9e86821c1b0c9e98))
+* locales ([14d268b](https://github.com/redturtle/design-comuni-plone-theme/commit/14d268be970d6fccce06c0c24f99c67745735fef))
+* useSideMenu observer ([bd2e4ab](https://github.com/redturtle/design-comuni-plone-theme/commit/bd2e4ab451d4bc5a05b2673cdbf4a2b05038f4b4))
+
+## [10.0.0](https://github.com/redturtle/design-comuni-plone-theme/compare/v8.9.0...v10.0.0) (2023-11-03)
+
+
+### ⚠ BREAKING CHANGES
+
+* h titles in views (#381)
+
+### Bug Fixes
+
+* h titles in views ([#381](https://github.com/redturtle/design-comuni-plone-theme/issues/381)) ([1b871e9](https://github.com/redturtle/design-comuni-plone-theme/commit/1b871e9f86b3fa5866ddf7192ccbc900e2629ce7))
+
+
+### Maintenance
+
+* prapring release 9.0.1 ([7d7376c](https://github.com/redturtle/design-comuni-plone-theme/commit/7d7376cf2f536a8262c73b1e0f2aabda08818e78))
+* preparing release 8.10.0 ([a33e32b](https://github.com/redturtle/design-comuni-plone-theme/commit/a33e32bd6cdda6aea0227140580a43e26501f475))
+* preparing release 9.0.0 ([95f5cc0](https://github.com/redturtle/design-comuni-plone-theme/commit/95f5cc0bd486198c0b66dcd4d0b659113d51527f))
+* preparing release 9.0.1 (9.0.0) ([e230881](https://github.com/redturtle/design-comuni-plone-theme/commit/e23088116b5422081a9ce22763288cd0b65fc4cc))
+
+## [8.9.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v8.8.2...v8.9.0) (2023-11-03)
+
+
+### Features
+
+* added data-element for service-link pagination ([#387](https://github.com/RedTurtle/design-comuni-plone-theme/issues/387)) ([3ef75a5](https://github.com/RedTurtle/design-comuni-plone-theme/commit/3ef75a5f8dde74b948bbfe3e61fd58575baa7c13))
+
+
+### Bug Fixes
+
+* locales ([e6b8904](https://github.com/RedTurtle/design-comuni-plone-theme/commit/e6b890401222739a756a77cc06958ea3b9173759))
+
+
+### Documentation
+
+* updated publiccode and release log ([2fe4539](https://github.com/RedTurtle/design-comuni-plone-theme/commit/2fe4539ee4cf6dcc88d0dfeb9fe9c49bb972244f))
+
+## [8.8.2](https://github.com/redturtle/design-comuni-plone-theme/compare/v8.8.1...v8.8.2) (2023-11-03)
+
+
+### Maintenance
+
+* changed descrizione bando i18n id ([5bef0e8](https://github.com/redturtle/design-comuni-plone-theme/commit/5bef0e8e1ebfbf6e7254ee177817960cc829b3aa))
+* preparing release 8.8.2 ([d842e66](https://github.com/redturtle/design-comuni-plone-theme/commit/d842e66c891fd19a4eef81bea2aaaf2d33c6ead7))
+
+## [8.8.1](https://github.com/redturtle/design-comuni-plone-theme/compare/v8.8.0...v8.8.1) (2023-11-03)
+
+
+### Bug Fixes
+
+* fix gallery preview image ([f2ddb87](https://github.com/redturtle/design-comuni-plone-theme/commit/f2ddb8798fcdd88cc003791c483240f4d95e3880))
+* fix slider dr dots margin ([8e24914](https://github.com/redturtle/design-comuni-plone-theme/commit/8e2491430c7951cbc87fcf30cb860c1ae0f55460))
+* RSS template div source moved inside condition and changed release.md ([#386](https://github.com/redturtle/design-comuni-plone-theme/issues/386)) ([200fefa](https://github.com/redturtle/design-comuni-plone-theme/commit/200fefad7b0c7596cdcb3109ef5962d53b643626))
+* source added for rss single card ([#384](https://github.com/redturtle/design-comuni-plone-theme/issues/384)) ([669f165](https://github.com/redturtle/design-comuni-plone-theme/commit/669f16575e93944a354119aff4a6dd4ba9cf58b8))
+
+
+### Maintenance
+
+* preparing release 8.8.1 ([d12c618](https://github.com/redturtle/design-comuni-plone-theme/commit/d12c61899c0cd5b658e6fa38234f90a029b1786c))
+
 ## [8.8.0](https://github.com/redturtle/design-comuni-plone-theme/compare/v8.7.12...v8.8.0) (2023-10-31)
 
 
diff --git a/RELEASE.md b/RELEASE.md
index 5166bbba6..b56a84289 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -41,6 +41,49 @@
 - ...
 -->
 
+## Versione 10.4.0 (14/11/2023)
+
+### Novità
+
+- Aggiunta la possibilità di selezionare la dimensione dell'immagine nel blocco Alert, inoltre è stato aggiornato anche il widget per la selezione del colore di sfondo.
+
+### Fix
+
+- Quando viene effettuata una ricerca dalla barra di ricerca nelle sezioni Amministrazione, Servizi, Novità, o Documenti e Dati, viene automaticamente impostato il filtro sulla sezione stessa così da mostrare solo i contenuti corrispondenti.
+- Le icone del Blocco Numeri, del Blocco Icone e della Sidebar si aggiornano istantaneamente quando vengono cambiate
+- Sistemato un bug nell'header dei sottositi che mostrava le voci del menu del sito padre anche se queste erano indicate come non visibili nella configurazione del menu.
+
+## Versione 10.3.0 (08/11/2023)
+
+### Fix
+
+- Sistemata la visualizzazione della tipologia del bando nel template del blocco elenco 'Bandi'
+- Rimosso titolo della pagina nei sottositi senza nessuno stile applicato
+
+## Versione 10.2.0 (06/11/2023)
+
+### Novità
+
+- Aggiunto data-element pager-link al paginatore per il blocco Cerca per i quali viene impostata l'opzione service-link.
+
+## Versione 9.0.1 (03/11/2023)
+
+### Migliorie
+
+- Migliorata l'accessibilità dei titoli dei contenuti
+
+## Versione 8.9.0 (03/11/2023)
+
+### Novità
+
+- Aggiunto data-element pager-link al paginatore per i blocchi Elenco per i quali viene impostata l'opzione service-link.
+
+## Versione 8.8.1 (03/11/2023)
+
+### Fix
+
+- Nei template dei feed RSS ora viene mostrata la sorgente se presente.
+
 ## Versione 8.7.12 (27/10/2023)
 
 ### Fix
diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
index 5c047c820..b3c680b26 100644
--- a/locales/de/LC_MESSAGES/volto.po
+++ b/locales/de/LC_MESSAGES/volto.po
@@ -86,6 +86,7 @@ msgstr ""
 msgid "CardImageRight"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
 #: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar
 # defaultMessage: Dimensione immagine
 msgid "CardImageSize"
@@ -133,21 +134,6 @@ msgstr ""
 msgid "Color"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Rosso
-msgid "Color_danger"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Giallo
-msgid "Color_warning"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Arancione
-msgid "Color_warning_orange"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoContatti
 # defaultMessage: Contatti
 msgid "Contatti"
@@ -711,7 +697,7 @@ msgstr ""
 msgid "VenuesSmall"
 msgstr ""
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueMultimedia
 # defaultMessage: Video
 msgid "Video"
 msgstr ""
@@ -1011,8 +997,7 @@ msgstr ""
 msgid "bandi_search_no_filters"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Scaduto
 msgid "bando_closed"
 msgstr ""
@@ -1022,7 +1007,7 @@ msgstr ""
 msgid "bando_data_pubblicazione"
 msgstr ""
 
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextDestinatari
 # defaultMessage: Destinatari del bando
 msgid "bando_destinatari"
 msgstr ""
@@ -1033,19 +1018,17 @@ msgid "bando_effective"
 msgstr ""
 
 #: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextEnte
 # defaultMessage: Ente
 msgid "bando_ente"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: In corso
 msgid "bando_inProgress"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Attivo
 msgid "bando_open"
 msgstr ""
@@ -1055,8 +1038,7 @@ msgstr ""
 msgid "bando_scadenza"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Programmato
 msgid "bando_scheduled"
 msgstr ""
@@ -1221,6 +1203,16 @@ msgstr ""
 msgid "codice_ipa"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Rosso
+msgid "color_danger"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Arancione
+msgid "color_orange"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/ContactsBlock/Sidebar
 #: components/ItaliaTheme/Blocks/HighlightedContent/Sidebar
 # defaultMessage: Primario
@@ -1232,6 +1224,11 @@ msgstr ""
 msgid "color_transparent"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Giallo
+msgid "color_warning"
+msgstr ""
+
 #: components/ItaliaTheme/View/IncaricoView/IncaricoView
 #: components/ItaliaTheme/View/PersonaView/PersonaDocumenti
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
@@ -1263,11 +1260,6 @@ msgstr ""
 msgid "contatti"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
-# defaultMessage: Contatti interni
-msgid "contatti_interni"
-msgstr ""
-
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
 # defaultMessage: Copertura geografica del servizio
 msgid "copertura_geografica"
@@ -1595,7 +1587,6 @@ msgstr ""
 msgid "desc"
 msgstr ""
 
-#: components/ItaliaTheme/View/BandoView/BandoText
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 #: components/ItaliaTheme/View/VenueView/VenueDescription
@@ -1604,6 +1595,11 @@ msgstr ""
 msgid "descrizione"
 msgstr ""
 
+#: components/ItaliaTheme/View/BandoView/BandoText
+# defaultMessage: Descrizione
+msgid "descrizione_bando"
+msgstr ""
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Non cercare nella sezione
 msgid "deselectSearchSection"
@@ -1817,7 +1813,7 @@ msgstr ""
 msgid "edit_social_links"
 msgstr ""
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueElementiDiInteresse
 # defaultMessage: Elementi di interesse
 msgid "elementi_di_interesse"
 msgstr ""
@@ -2210,6 +2206,7 @@ msgid "incarico"
 msgstr ""
 
 #: components/ItaliaTheme/View/Commons/SideMenu
+#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Indice della pagina
 msgid "index"
 msgstr ""
@@ -2372,7 +2369,7 @@ msgid "logo-subsite-alt"
 msgstr ""
 
 #: components/ItaliaTheme/View/PuntoDiContattoView/RelatedItemsChipsPDC
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueLuoghiCorrelati
 # defaultMessage: Luoghi correlati
 msgid "luoghi_correlati"
 msgstr ""
@@ -2607,7 +2604,7 @@ msgstr ""
 msgid "order_by"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno
 # defaultMessage: Organizzato da
 msgid "organizzato_da"
 msgstr ""
@@ -3694,7 +3691,7 @@ msgstr ""
 msgid "successivo"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa
 # defaultMessage: Con il supporto di
 msgid "supported_by"
 msgstr ""
@@ -3753,7 +3750,7 @@ msgstr ""
 msgid "timeline_tempi_scadenze_validation_error"
 msgstr ""
 
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextTipologia
 # defaultMessage: Tipologia del bando
 msgid "tipologia_bando"
 msgstr ""
@@ -3764,7 +3761,7 @@ msgstr ""
 msgid "tipologia_incarico"
 msgstr ""
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueTipologia
 # defaultMessage: Tipo di luogo
 msgid "tipologia_luogo"
 msgstr ""
diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
index be46aa89c..2a34a39c0 100644
--- a/locales/en/LC_MESSAGES/volto.po
+++ b/locales/en/LC_MESSAGES/volto.po
@@ -71,6 +71,7 @@ msgstr "Show"
 msgid "CardImageRight"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
 #: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar
 # defaultMessage: Dimensione immagine
 msgid "CardImageSize"
@@ -118,21 +119,6 @@ msgstr "Click here to replace file"
 msgid "Color"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Rosso
-msgid "Color_danger"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Giallo
-msgid "Color_warning"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Arancione
-msgid "Color_warning_orange"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoContatti
 # defaultMessage: Contatti
 msgid "Contatti"
@@ -696,7 +682,7 @@ msgstr "View all"
 msgid "VenuesSmall"
 msgstr "Venues"
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueMultimedia
 # defaultMessage: Video
 msgid "Video"
 msgstr "Video"
@@ -996,8 +982,7 @@ msgstr ""
 msgid "bandi_search_no_filters"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Scaduto
 msgid "bando_closed"
 msgstr "Expired"
@@ -1007,7 +992,7 @@ msgstr "Expired"
 msgid "bando_data_pubblicazione"
 msgstr "Publication date"
 
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextDestinatari
 # defaultMessage: Destinatari del bando
 msgid "bando_destinatari"
 msgstr "Recipients of the competition notice"
@@ -1018,19 +1003,17 @@ msgid "bando_effective"
 msgstr "Publication date"
 
 #: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextEnte
 # defaultMessage: Ente
 msgid "bando_ente"
 msgstr "Supplying authority"
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: In corso
 msgid "bando_inProgress"
 msgstr "In progress"
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Attivo
 msgid "bando_open"
 msgstr "Active"
@@ -1040,8 +1023,7 @@ msgstr "Active"
 msgid "bando_scadenza"
 msgstr "Expiration date:"
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Programmato
 msgid "bando_scheduled"
 msgstr "Scheduled"
@@ -1206,6 +1188,16 @@ msgstr "Close search"
 msgid "codice_ipa"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Rosso
+msgid "color_danger"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Arancione
+msgid "color_orange"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/ContactsBlock/Sidebar
 #: components/ItaliaTheme/Blocks/HighlightedContent/Sidebar
 # defaultMessage: Primario
@@ -1217,6 +1209,11 @@ msgstr ""
 msgid "color_transparent"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Giallo
+msgid "color_warning"
+msgstr ""
+
 #: components/ItaliaTheme/View/IncaricoView/IncaricoView
 #: components/ItaliaTheme/View/PersonaView/PersonaDocumenti
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
@@ -1248,11 +1245,6 @@ msgstr ""
 msgid "contatti"
 msgstr "Contacts"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
-# defaultMessage: Contatti interni
-msgid "contatti_interni"
-msgstr "Internal contacts"
-
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
 # defaultMessage: Copertura geografica del servizio
 msgid "copertura_geografica"
@@ -1580,7 +1572,6 @@ msgstr "Delegations"
 msgid "desc"
 msgstr "Quick links"
 
-#: components/ItaliaTheme/View/BandoView/BandoText
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 #: components/ItaliaTheme/View/VenueView/VenueDescription
@@ -1589,6 +1580,11 @@ msgstr "Quick links"
 msgid "descrizione"
 msgstr "Description"
 
+#: components/ItaliaTheme/View/BandoView/BandoText
+# defaultMessage: Descrizione
+msgid "descrizione_bando"
+msgstr "Description"
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Non cercare nella sezione
 msgid "deselectSearchSection"
@@ -1802,7 +1798,7 @@ msgstr "Visibile"
 msgid "edit_social_links"
 msgstr ""
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueElementiDiInteresse
 # defaultMessage: Elementi di interesse
 msgid "elementi_di_interesse"
 msgstr "Elements of interest"
@@ -2195,6 +2191,7 @@ msgid "incarico"
 msgstr "assignment"
 
 #: components/ItaliaTheme/View/Commons/SideMenu
+#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Indice della pagina
 msgid "index"
 msgstr "Page index"
@@ -2357,7 +2354,7 @@ msgid "logo-subsite-alt"
 msgstr ""
 
 #: components/ItaliaTheme/View/PuntoDiContattoView/RelatedItemsChipsPDC
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueLuoghiCorrelati
 # defaultMessage: Luoghi correlati
 msgid "luoghi_correlati"
 msgstr ""
@@ -2592,7 +2589,7 @@ msgstr "Opening time"
 msgid "order_by"
 msgstr "Order by"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno
 # defaultMessage: Organizzato da
 msgid "organizzato_da"
 msgstr ""
@@ -3679,7 +3676,7 @@ msgstr "Tags"
 msgid "successivo"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa
 # defaultMessage: Con il supporto di
 msgid "supported_by"
 msgstr ""
@@ -3738,7 +3735,7 @@ msgstr "Insert a value"
 msgid "timeline_tempi_scadenze_validation_error"
 msgstr ""
 
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextTipologia
 # defaultMessage: Tipologia del bando
 msgid "tipologia_bando"
 msgstr "Type of call"
@@ -3749,7 +3746,7 @@ msgstr "Type of call"
 msgid "tipologia_incarico"
 msgstr ""
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueTipologia
 # defaultMessage: Tipo di luogo
 msgid "tipologia_luogo"
 msgstr ""
diff --git a/locales/es/LC_MESSAGES/volto.po b/locales/es/LC_MESSAGES/volto.po
index 841beeb9d..ecf1eb318 100644
--- a/locales/es/LC_MESSAGES/volto.po
+++ b/locales/es/LC_MESSAGES/volto.po
@@ -80,6 +80,7 @@ msgstr "Ver"
 msgid "CardImageRight"
 msgstr "Alinear imagen a la derecha"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
 #: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar
 # defaultMessage: Dimensione immagine
 msgid "CardImageSize"
@@ -127,21 +128,6 @@ msgstr "Haga clic aquí para reemplazar el archivo"
 msgid "Color"
 msgstr "Color"
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Rosso
-msgid "Color_danger"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Giallo
-msgid "Color_warning"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Arancione
-msgid "Color_warning_orange"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoContatti
 # defaultMessage: Contatti
 msgid "Contatti"
@@ -705,7 +691,7 @@ msgstr "Ver todo"
 msgid "VenuesSmall"
 msgstr "Lugares"
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueMultimedia
 # defaultMessage: Video
 msgid "Video"
 msgstr "Vídeo"
@@ -1005,8 +991,7 @@ msgstr "Fondo de bloque"
 msgid "bandi_search_no_filters"
 msgstr "No hay filtros para mostrar. Seleccione yo filtros de búsqueda para mostrar desde la barra lateral."
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Scaduto
 msgid "bando_closed"
 msgstr "Expirado"
@@ -1016,7 +1001,7 @@ msgstr "Expirado"
 msgid "bando_data_pubblicazione"
 msgstr "Fecha de publicación"
 
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextDestinatari
 # defaultMessage: Destinatari del bando
 msgid "bando_destinatari"
 msgstr "Destinatarios del anuncio de concurso"
@@ -1027,19 +1012,17 @@ msgid "bando_effective"
 msgstr "Fecha de publicación"
 
 #: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextEnte
 # defaultMessage: Ente
 msgid "bando_ente"
 msgstr "Autoridad proveedora"
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: In corso
 msgid "bando_inProgress"
 msgstr "En progreso"
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Attivo
 msgid "bando_open"
 msgstr "Activar"
@@ -1049,8 +1032,7 @@ msgstr "Activar"
 msgid "bando_scadenza"
 msgstr "Fecha de expiración:"
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Programmato
 msgid "bando_scheduled"
 msgstr "Programado"
@@ -1215,6 +1197,16 @@ msgstr "Cerrar búsqueda"
 msgid "codice_ipa"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Rosso
+msgid "color_danger"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Arancione
+msgid "color_orange"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/ContactsBlock/Sidebar
 #: components/ItaliaTheme/Blocks/HighlightedContent/Sidebar
 # defaultMessage: Primario
@@ -1226,6 +1218,11 @@ msgstr "Primario"
 msgid "color_transparent"
 msgstr "Transparente"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Giallo
+msgid "color_warning"
+msgstr ""
+
 #: components/ItaliaTheme/View/IncaricoView/IncaricoView
 #: components/ItaliaTheme/View/PersonaView/PersonaDocumenti
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
@@ -1257,11 +1254,6 @@ msgstr "Contactos"
 msgid "contatti"
 msgstr "Contactos"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
-# defaultMessage: Contatti interni
-msgid "contatti_interni"
-msgstr "Contactos internos"
-
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
 # defaultMessage: Copertura geografica del servizio
 msgid "copertura_geografica"
@@ -1589,7 +1581,6 @@ msgstr "Delegaciones"
 msgid "desc"
 msgstr "Enlaces rápidos"
 
-#: components/ItaliaTheme/View/BandoView/BandoText
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 #: components/ItaliaTheme/View/VenueView/VenueDescription
@@ -1598,6 +1589,11 @@ msgstr "Enlaces rápidos"
 msgid "descrizione"
 msgstr "Descripción"
 
+#: components/ItaliaTheme/View/BandoView/BandoText
+# defaultMessage: Descrizione
+msgid "descrizione_bando"
+msgstr ""
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Non cercare nella sezione
 msgid "deselectSearchSection"
@@ -1811,7 +1807,7 @@ msgstr "Visibile"
 msgid "edit_social_links"
 msgstr "Editar redes sociales"
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueElementiDiInteresse
 # defaultMessage: Elementi di interesse
 msgid "elementi_di_interesse"
 msgstr "Elementos de interés"
@@ -2204,6 +2200,7 @@ msgid "incarico"
 msgstr "Compromiso"
 
 #: components/ItaliaTheme/View/Commons/SideMenu
+#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Indice della pagina
 msgid "index"
 msgstr "Índice de página"
@@ -2366,7 +2363,7 @@ msgid "logo-subsite-alt"
 msgstr ""
 
 #: components/ItaliaTheme/View/PuntoDiContattoView/RelatedItemsChipsPDC
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueLuoghiCorrelati
 # defaultMessage: Luoghi correlati
 msgid "luoghi_correlati"
 msgstr ""
@@ -2601,7 +2598,7 @@ msgstr "Hora de apertura"
 msgid "order_by"
 msgstr "Ordenado por"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno
 # defaultMessage: Organizzato da
 msgid "organizzato_da"
 msgstr ""
@@ -3688,7 +3685,7 @@ msgstr "Etiquetas"
 msgid "successivo"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa
 # defaultMessage: Con il supporto di
 msgid "supported_by"
 msgstr "Con el apoyo de"
@@ -3747,7 +3744,7 @@ msgstr "Insertar un valor"
 msgid "timeline_tempi_scadenze_validation_error"
 msgstr ""
 
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextTipologia
 # defaultMessage: Tipologia del bando
 msgid "tipologia_bando"
 msgstr "Tipo de llamada"
@@ -3758,7 +3755,7 @@ msgstr "Tipo de llamada"
 msgid "tipologia_incarico"
 msgstr ""
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueTipologia
 # defaultMessage: Tipo di luogo
 msgid "tipologia_luogo"
 msgstr ""
diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
index 1cde37fc9..53d5f1eb4 100644
--- a/locales/fr/LC_MESSAGES/volto.po
+++ b/locales/fr/LC_MESSAGES/volto.po
@@ -88,6 +88,7 @@ msgstr "Voir"
 msgid "CardImageRight"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
 #: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar
 # defaultMessage: Dimensione immagine
 msgid "CardImageSize"
@@ -135,21 +136,6 @@ msgstr "Cliquez ici pour remplacer le fichier"
 msgid "Color"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Rosso
-msgid "Color_danger"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Giallo
-msgid "Color_warning"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Arancione
-msgid "Color_warning_orange"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoContatti
 # defaultMessage: Contatti
 msgid "Contatti"
@@ -713,7 +699,7 @@ msgstr "Voir tout"
 msgid "VenuesSmall"
 msgstr "Lieux"
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueMultimedia
 # defaultMessage: Video
 msgid "Video"
 msgstr "Vidéo"
@@ -1013,8 +999,7 @@ msgstr ""
 msgid "bandi_search_no_filters"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Scaduto
 msgid "bando_closed"
 msgstr "Expiré"
@@ -1024,7 +1009,7 @@ msgstr "Expiré"
 msgid "bando_data_pubblicazione"
 msgstr "Date de publication"
 
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextDestinatari
 # defaultMessage: Destinatari del bando
 msgid "bando_destinatari"
 msgstr "Destinataires d'appels"
@@ -1035,19 +1020,17 @@ msgid "bando_effective"
 msgstr "Date de publication"
 
 #: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextEnte
 # defaultMessage: Ente
 msgid "bando_ente"
 msgstr "Autorité fournisseur"
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: In corso
 msgid "bando_inProgress"
 msgstr "En cours"
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Attivo
 msgid "bando_open"
 msgstr "Actif"
@@ -1057,8 +1040,7 @@ msgstr "Actif"
 msgid "bando_scadenza"
 msgstr "Date d'expiration"
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Programmato
 msgid "bando_scheduled"
 msgstr ""
@@ -1223,6 +1205,16 @@ msgstr "Fermer la recherche"
 msgid "codice_ipa"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Rosso
+msgid "color_danger"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Arancione
+msgid "color_orange"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/ContactsBlock/Sidebar
 #: components/ItaliaTheme/Blocks/HighlightedContent/Sidebar
 # defaultMessage: Primario
@@ -1234,6 +1226,11 @@ msgstr ""
 msgid "color_transparent"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Giallo
+msgid "color_warning"
+msgstr ""
+
 #: components/ItaliaTheme/View/IncaricoView/IncaricoView
 #: components/ItaliaTheme/View/PersonaView/PersonaDocumenti
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
@@ -1265,11 +1262,6 @@ msgstr ""
 msgid "contatti"
 msgstr "Contacts"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
-# defaultMessage: Contatti interni
-msgid "contatti_interni"
-msgstr "Contacts internes"
-
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
 # defaultMessage: Copertura geografica del servizio
 msgid "copertura_geografica"
@@ -1597,7 +1589,6 @@ msgstr "Déléghe"
 msgid "desc"
 msgstr "Liens rapides"
 
-#: components/ItaliaTheme/View/BandoView/BandoText
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 #: components/ItaliaTheme/View/VenueView/VenueDescription
@@ -1606,6 +1597,11 @@ msgstr "Liens rapides"
 msgid "descrizione"
 msgstr "Description"
 
+#: components/ItaliaTheme/View/BandoView/BandoText
+# defaultMessage: Descrizione
+msgid "descrizione_bando"
+msgstr "Description"
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Non cercare nella sezione
 msgid "deselectSearchSection"
@@ -1819,7 +1815,7 @@ msgstr ""
 msgid "edit_social_links"
 msgstr ""
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueElementiDiInteresse
 # defaultMessage: Elementi di interesse
 msgid "elementi_di_interesse"
 msgstr "Objets d'intérêt"
@@ -2212,6 +2208,7 @@ msgid "incarico"
 msgstr "Engagement"
 
 #: components/ItaliaTheme/View/Commons/SideMenu
+#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Indice della pagina
 msgid "index"
 msgstr "Index des pages"
@@ -2374,7 +2371,7 @@ msgid "logo-subsite-alt"
 msgstr ""
 
 #: components/ItaliaTheme/View/PuntoDiContattoView/RelatedItemsChipsPDC
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueLuoghiCorrelati
 # defaultMessage: Luoghi correlati
 msgid "luoghi_correlati"
 msgstr ""
@@ -2609,7 +2606,7 @@ msgstr "Horaire d'ouverture"
 msgid "order_by"
 msgstr "Trier par"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno
 # defaultMessage: Organizzato da
 msgid "organizzato_da"
 msgstr ""
@@ -3696,7 +3693,7 @@ msgstr "Sujettes"
 msgid "successivo"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa
 # defaultMessage: Con il supporto di
 msgid "supported_by"
 msgstr ""
@@ -3755,7 +3752,7 @@ msgstr "Entrez du texte"
 msgid "timeline_tempi_scadenze_validation_error"
 msgstr ""
 
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextTipologia
 # defaultMessage: Tipologia del bando
 msgid "tipologia_bando"
 msgstr "Type d'appel"
@@ -3766,7 +3763,7 @@ msgstr "Type d'appel"
 msgid "tipologia_incarico"
 msgstr ""
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueTipologia
 # defaultMessage: Tipo di luogo
 msgid "tipologia_luogo"
 msgstr ""
diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
index 8f6015d7a..ef6034c7b 100644
--- a/locales/it/LC_MESSAGES/volto.po
+++ b/locales/it/LC_MESSAGES/volto.po
@@ -71,6 +71,7 @@ msgstr "Vedi"
 msgid "CardImageRight"
 msgstr "Allinea immagine a destra"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
 #: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar
 # defaultMessage: Dimensione immagine
 msgid "CardImageSize"
@@ -118,21 +119,6 @@ msgstr "Clicca qui per sostituire il file"
 msgid "Color"
 msgstr "Colore"
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Rosso
-msgid "Color_danger"
-msgstr "Rosso"
-
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Giallo
-msgid "Color_warning"
-msgstr "Giallo"
-
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Arancione
-msgid "Color_warning_orange"
-msgstr "Arancione"
-
 #: components/ItaliaTheme/View/EventoView/EventoContatti
 # defaultMessage: Contatti
 msgid "Contatti"
@@ -696,7 +682,7 @@ msgstr "Vedi tutto"
 msgid "VenuesSmall"
 msgstr "Luoghi"
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueMultimedia
 # defaultMessage: Video
 msgid "Video"
 msgstr "Video"
@@ -996,8 +982,7 @@ msgstr "Sfondo del blocco"
 msgid "bandi_search_no_filters"
 msgstr "Nessun filtro da mostrare. Seleziona i filtri di ricerca da mostrare dalla sidebar laterale."
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Scaduto
 msgid "bando_closed"
 msgstr "Scaduto"
@@ -1007,7 +992,7 @@ msgstr "Scaduto"
 msgid "bando_data_pubblicazione"
 msgstr "Pubblicato il"
 
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextDestinatari
 # defaultMessage: Destinatari del bando
 msgid "bando_destinatari"
 msgstr "Destinatari del bando"
@@ -1018,19 +1003,17 @@ msgid "bando_effective"
 msgstr "Data di pubblicazione"
 
 #: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextEnte
 # defaultMessage: Ente
 msgid "bando_ente"
 msgstr "Ente erogatore"
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: In corso
 msgid "bando_inProgress"
 msgstr "In corso"
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Attivo
 msgid "bando_open"
 msgstr "Attivo"
@@ -1040,8 +1023,7 @@ msgstr "Attivo"
 msgid "bando_scadenza"
 msgstr "Scadenza partecipazione"
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Programmato
 msgid "bando_scheduled"
 msgstr "Programmato"
@@ -1206,6 +1188,16 @@ msgstr "Chiudi ricerca"
 msgid "codice_ipa"
 msgstr "Codice dell'ente erogatore (ipa)"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Rosso
+msgid "color_danger"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Arancione
+msgid "color_orange"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/ContactsBlock/Sidebar
 #: components/ItaliaTheme/Blocks/HighlightedContent/Sidebar
 # defaultMessage: Primario
@@ -1217,6 +1209,11 @@ msgstr "Colore primario"
 msgid "color_transparent"
 msgstr "Trasparente"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Giallo
+msgid "color_warning"
+msgstr ""
+
 #: components/ItaliaTheme/View/IncaricoView/IncaricoView
 #: components/ItaliaTheme/View/PersonaView/PersonaDocumenti
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
@@ -1248,11 +1245,6 @@ msgstr "Contatti"
 msgid "contatti"
 msgstr "Contatti"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
-# defaultMessage: Contatti interni
-msgid "contatti_interni"
-msgstr "Contatti interni"
-
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
 # defaultMessage: Copertura geografica del servizio
 msgid "copertura_geografica"
@@ -1580,7 +1572,6 @@ msgstr "Deleghe"
 msgid "desc"
 msgstr "Link rapidi"
 
-#: components/ItaliaTheme/View/BandoView/BandoText
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 #: components/ItaliaTheme/View/VenueView/VenueDescription
@@ -1589,6 +1580,11 @@ msgstr "Link rapidi"
 msgid "descrizione"
 msgstr "Descrizione"
 
+#: components/ItaliaTheme/View/BandoView/BandoText
+# defaultMessage: Descrizione
+msgid "descrizione_bando"
+msgstr ""
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Non cercare nella sezione
 msgid "deselectSearchSection"
@@ -1802,7 +1798,7 @@ msgstr "Visibile"
 msgid "edit_social_links"
 msgstr "Modifica i social"
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueElementiDiInteresse
 # defaultMessage: Elementi di interesse
 msgid "elementi_di_interesse"
 msgstr "Elementi di interesse"
@@ -2195,6 +2191,7 @@ msgid "incarico"
 msgstr "incarico"
 
 #: components/ItaliaTheme/View/Commons/SideMenu
+#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Indice della pagina
 msgid "index"
 msgstr "Indice della pagina"
@@ -2357,7 +2354,7 @@ msgid "logo-subsite-alt"
 msgstr ""
 
 #: components/ItaliaTheme/View/PuntoDiContattoView/RelatedItemsChipsPDC
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueLuoghiCorrelati
 # defaultMessage: Luoghi correlati
 msgid "luoghi_correlati"
 msgstr "Luoghi correlati"
@@ -2592,7 +2589,7 @@ msgstr "Orario per il pubblico"
 msgid "order_by"
 msgstr "Ordina per"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno
 # defaultMessage: Organizzato da
 msgid "organizzato_da"
 msgstr "Organizzato da"
@@ -3679,7 +3676,7 @@ msgstr "Tags"
 msgid "successivo"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa
 # defaultMessage: Con il supporto di
 msgid "supported_by"
 msgstr "Con il supporto di"
@@ -3738,7 +3735,7 @@ msgstr "Inserisci un valore"
 msgid "timeline_tempi_scadenze_validation_error"
 msgstr ""
 
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextTipologia
 # defaultMessage: Tipologia del bando
 msgid "tipologia_bando"
 msgstr "Tipologia del bando"
@@ -3749,7 +3746,7 @@ msgstr "Tipologia del bando"
 msgid "tipologia_incarico"
 msgstr "Tipo di incarico"
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueTipologia
 # defaultMessage: Tipo di luogo
 msgid "tipologia_luogo"
 msgstr "Tipo di luogo"
diff --git a/locales/volto.pot b/locales/volto.pot
index 3da3cc86c..9601d4dbf 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2023-10-10T15:52:06.253Z\n"
+"POT-Creation-Date: 2023-11-14T17:26:17.874Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -73,6 +73,7 @@ msgstr ""
 msgid "CardImageRight"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
 #: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar
 # defaultMessage: Dimensione immagine
 msgid "CardImageSize"
@@ -120,21 +121,6 @@ msgstr ""
 msgid "Color"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Rosso
-msgid "Color_danger"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Giallo
-msgid "Color_warning"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Arancione
-msgid "Color_warning_orange"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoContatti
 # defaultMessage: Contatti
 msgid "Contatti"
@@ -698,7 +684,7 @@ msgstr ""
 msgid "VenuesSmall"
 msgstr ""
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueMultimedia
 # defaultMessage: Video
 msgid "Video"
 msgstr ""
@@ -998,8 +984,7 @@ msgstr ""
 msgid "bandi_search_no_filters"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Scaduto
 msgid "bando_closed"
 msgstr ""
@@ -1009,7 +994,7 @@ msgstr ""
 msgid "bando_data_pubblicazione"
 msgstr ""
 
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextDestinatari
 # defaultMessage: Destinatari del bando
 msgid "bando_destinatari"
 msgstr ""
@@ -1020,19 +1005,17 @@ msgid "bando_effective"
 msgstr ""
 
 #: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextEnte
 # defaultMessage: Ente
 msgid "bando_ente"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: In corso
 msgid "bando_inProgress"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Attivo
 msgid "bando_open"
 msgstr ""
@@ -1042,8 +1025,7 @@ msgstr ""
 msgid "bando_scadenza"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando
+#: components/ItaliaTheme/View/Commons/BandoStatus
 # defaultMessage: Programmato
 msgid "bando_scheduled"
 msgstr ""
@@ -1208,6 +1190,16 @@ msgstr ""
 msgid "codice_ipa"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Rosso
+msgid "color_danger"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Arancione
+msgid "color_orange"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/ContactsBlock/Sidebar
 #: components/ItaliaTheme/Blocks/HighlightedContent/Sidebar
 # defaultMessage: Primario
@@ -1219,6 +1211,11 @@ msgstr ""
 msgid "color_transparent"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Giallo
+msgid "color_warning"
+msgstr ""
+
 #: components/ItaliaTheme/View/IncaricoView/IncaricoView
 #: components/ItaliaTheme/View/PersonaView/PersonaDocumenti
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
@@ -1250,11 +1247,6 @@ msgstr ""
 msgid "contatti"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
-# defaultMessage: Contatti interni
-msgid "contatti_interni"
-msgstr ""
-
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
 # defaultMessage: Copertura geografica del servizio
 msgid "copertura_geografica"
@@ -1582,7 +1574,6 @@ msgstr ""
 msgid "desc"
 msgstr ""
 
-#: components/ItaliaTheme/View/BandoView/BandoText
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 #: components/ItaliaTheme/View/VenueView/VenueDescription
@@ -1591,6 +1582,11 @@ msgstr ""
 msgid "descrizione"
 msgstr ""
 
+#: components/ItaliaTheme/View/BandoView/BandoText
+# defaultMessage: Descrizione
+msgid "descrizione_bando"
+msgstr ""
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Non cercare nella sezione
 msgid "deselectSearchSection"
@@ -1804,7 +1800,7 @@ msgstr ""
 msgid "edit_social_links"
 msgstr ""
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueElementiDiInteresse
 # defaultMessage: Elementi di interesse
 msgid "elementi_di_interesse"
 msgstr ""
@@ -2197,6 +2193,7 @@ msgid "incarico"
 msgstr ""
 
 #: components/ItaliaTheme/View/Commons/SideMenu
+#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Indice della pagina
 msgid "index"
 msgstr ""
@@ -2359,7 +2356,7 @@ msgid "logo-subsite-alt"
 msgstr ""
 
 #: components/ItaliaTheme/View/PuntoDiContattoView/RelatedItemsChipsPDC
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueLuoghiCorrelati
 # defaultMessage: Luoghi correlati
 msgid "luoghi_correlati"
 msgstr ""
@@ -2594,7 +2591,7 @@ msgstr ""
 msgid "order_by"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno
 # defaultMessage: Organizzato da
 msgid "organizzato_da"
 msgstr ""
@@ -3681,7 +3678,7 @@ msgstr ""
 msgid "successivo"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa
 # defaultMessage: Con il supporto di
 msgid "supported_by"
 msgstr ""
@@ -3740,7 +3737,7 @@ msgstr ""
 msgid "timeline_tempi_scadenze_validation_error"
 msgstr ""
 
-#: components/ItaliaTheme/View/BandoView/BandoText
+#: components/ItaliaTheme/View/BandoView/BandoTextTipologia
 # defaultMessage: Tipologia del bando
 msgid "tipologia_bando"
 msgstr ""
@@ -3751,7 +3748,7 @@ msgstr ""
 msgid "tipologia_incarico"
 msgstr ""
 
-#: components/ItaliaTheme/View/VenueView/VenueDescription
+#: components/ItaliaTheme/View/VenueView/VenueTipologia
 # defaultMessage: Tipo di luogo
 msgid "tipologia_luogo"
 msgstr ""
diff --git a/package.json b/package.json
index 5fb09c242..a37342c27 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "8.8.0",
+  "version": "10.4.0",
   "main": "src/index.js",
   "keywords": [
     "volto-addon",
diff --git a/publiccode.yml b/publiccode.yml
index 141c43b7a..ed289e88d 100644
--- a/publiccode.yml
+++ b/publiccode.yml
@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2023-10-31'
+releaseDate: '2023-11-14'
 softwareType: standalone/web
-softwareVersion: 8.8.0
+softwareVersion: 10.4.0
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord
diff --git a/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx b/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
index 8c777ae64..ba8e71606 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
@@ -59,8 +59,8 @@ class Edit extends Component {
 
   constructor(props) {
     super(props);
-    if (!this.props.data.color) {
-      this.props.data.color = 'warning';
+    if (!this.props.data.bg_color) {
+      this.props.data.bg_color = 'warning';
     }
     this.blockNode = React.createRef();
   }
@@ -79,7 +79,7 @@ class Edit extends Component {
           <Row
             className={cx(
               'full-width p-5',
-              'bg-alert-' + this.props.data.color,
+              'bg-alert-' + this.props.data.bg_color,
             )}
           >
             <Container className="ui">
@@ -89,7 +89,11 @@ class Edit extends Component {
                     <img
                       src={`data:${this.props.data.image['content-type']};${this.props.data.image.encoding},${this.props.data.image.data}`}
                       alt=""
-                      className="left-image"
+                      className={cx('left-image', [
+                        this.props.data.sizeImage
+                          ? 'size-' + this.props.data.sizeImage
+                          : 'size-l',
+                      ])}
                     />
                   </Col>
                 )}
diff --git a/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx b/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
index e17b89a45..49db06346 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
@@ -1,32 +1,36 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Form } from 'semantic-ui-react';
-import { Button, Grid, Segment } from 'semantic-ui-react';
+import { Segment } from 'semantic-ui-react';
 import { defineMessages, FormattedMessage, injectIntl } from 'react-intl';
 import { FileWidget } from '@plone/volto/components';
 import { ColorListWidget } from 'design-comuni-plone-theme/components/ItaliaTheme';
+import ImageSizeWidget from '@plone/volto/components/manage/Widgets/ImageSizeWidget';
 
 const messages = defineMessages({
   Color: {
     id: 'Color',
     defaultMessage: 'Colore',
   },
-  Color_warning: {
-    id: 'Color_warning',
+  color_warning: {
+    id: 'color_warning',
     defaultMessage: 'Giallo',
   },
-  Color_warning_orange: {
-    id: 'Color_warning_orange',
+  color_orange: {
+    id: 'color_orange',
     defaultMessage: 'Arancione',
   },
-  Color_danger: {
-    id: 'Color_danger',
+  color_danger: {
+    id: 'color_danger',
     defaultMessage: 'Rosso',
   },
   Image: {
     id: 'Image',
     defaultMessage: 'Immagine',
   },
+  CardImageSize: {
+    id: 'CardImageSize',
+    defaultMessage: 'Dimensione immagine',
+  },
 });
 
 class Sidebar extends Component {
@@ -38,6 +42,21 @@ class Sidebar extends Component {
   };
 
   render() {
+    const bg_colors = [
+      {
+        name: 'info',
+        label: this.props.intl.formatMessage(messages.color_warning),
+      },
+      {
+        name: 'warning',
+        label: this.props.intl.formatMessage(messages.color_orange),
+      },
+      {
+        name: 'danger',
+        label: this.props.intl.formatMessage(messages.color_danger),
+      },
+    ];
+
     return (
       <Segment.Group raised>
         <header className="header pulled">
@@ -48,23 +67,18 @@ class Sidebar extends Component {
 
         <Segment className="form">
           <ColorListWidget
-            id="color"
+            id="bg_color"
             className="alert-colors-widget"
             title={this.props.intl.formatMessage(messages.Color)}
-            value={this.props.data.color}
+            value={this.props.data.bg_color}
             onChange={(id, value) => {
               this.props.onChangeBlock(this.props.block, {
                 ...this.props.data,
                 [id]: value,
               });
             }}
-            colors={[
-              { name: 'warning', label: 'Giallo' },
-              { name: 'warning-orange', label: 'Arancione' },
-              { name: 'danger', label: 'Rosso' },
-            ]}
+            colors={bg_colors}
           />
-
           <FileWidget
             id="image"
             title={this.props.intl.formatMessage(messages.Image)}
@@ -76,6 +90,17 @@ class Sidebar extends Component {
               });
             }}
           />
+          <ImageSizeWidget
+            id="sizeImage"
+            title={this.props.intl.formatMessage(messages.CardImageSize)}
+            onChange={(name, value) => {
+              this.props.onChangeBlock(this.props.block, {
+                ...this.props.data,
+                sizeImage: value,
+              });
+            }}
+            value={this.props.data.sizeImage}
+          />
         </Segment>
       </Segment.Group>
     );
diff --git a/src/components/ItaliaTheme/Blocks/Alert/View.jsx b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
index 81083b0d0..8e91dfff7 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/View.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
@@ -18,7 +18,7 @@ import { TextBlockView } from '@plone/volto-slate/blocks/Text';
 const View = ({ data, id }) => {
   return (
     <section role="alert" className="block alertblock">
-      <div className={cx('full-width', 'bg-alert-' + data.color)}>
+      <div className={cx('full-width', 'bg-alert-' + data.bg_color)}>
         <Container className="p-4 pt-5 pb-5">
           <Row className="align-items-start">
             {data.image?.data && (
@@ -27,7 +27,9 @@ const View = ({ data, id }) => {
                   src={`data:${data.image['content-type']};${data.image.encoding},${data.image.data}`}
                   alt=""
                   aria-hidden="true"
-                  className="left-image"
+                  className={cx('left-image', [
+                    data.sizeImage ? 'size-' + data.sizeImage : 'size-l',
+                  ])}
                   loading="lazy"
                 />
               </Col>
diff --git a/src/components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate.jsx
index 54c94fd06..0cb3f1148 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate.jsx
@@ -19,6 +19,8 @@ import {
 } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import { viewDate } from 'design-comuni-plone-theme/helpers';
 
+import { BandoStatus } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
 const messages = defineMessages({
   vedi: {
     id: 'bando_vedi',
@@ -40,22 +42,6 @@ const messages = defineMessages({
     id: 'bando_stato',
     defaultMessage: 'Stato:',
   },
-  open: {
-    id: 'bando_open',
-    defaultMessage: 'Attivo',
-  },
-  scheduled: {
-    id: 'bando_scheduled',
-    defaultMessage: 'Programmato',
-  },
-  closed: {
-    id: 'bando_closed',
-    defaultMessage: 'Scaduto',
-  },
-  inProgress: {
-    id: 'bando_inProgress',
-    defaultMessage: 'In corso',
-  },
   ente: {
     id: 'bando_ente',
     defaultMessage: 'Ente',
@@ -137,14 +123,13 @@ const BandiInEvidenceTemplate = ({
                     )}
 
                     {/* Tipologia */}
-
-                    {show_tipologia && item.tipologia_bando?.title?.length > 0 && (
+                    {show_tipologia && item?.tipologia_bando && (
                       <span className="d-flex flex-wrap align-items-baseline bando-dati-info">
                         <div className="bando-dati-label me-2">
                           {intl.formatMessage(messages.tipologia)}:
                         </div>
                         <span className="bando-dati-date">
-                          {item.tipologia_bando?.title}
+                          {item.tipologia_bando}
                         </span>
                       </span>
                     )}
@@ -215,7 +200,7 @@ const BandiInEvidenceTemplate = ({
                               ),
                             })}
                           >
-                            {intl.formatMessage(messages[item.bando_state[0]])}
+                            <BandoStatus content={item} />
                           </div>
                         </span>
                       </span>
diff --git a/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx
index d68ca7704..2215a9514 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx
@@ -79,7 +79,9 @@ function NextArrow(props) {
       id="sliderNextArrow"
     >
       <Icon icon="chevron-right" key="chevron-right" />
-      <span class="sr-only">{intl.formatMessage(messages.successivo)}</span>
+      <span class="visually-hidden">
+        {intl.formatMessage(messages.successivo)}
+      </span>
     </button>
   );
 }
@@ -122,7 +124,9 @@ function PrevArrow(props) {
       onKeyDown={handleKeyboardUsers}
     >
       <Icon icon="chevron-left" key="chevron-left-prev" />
-      <span class="sr-only">{intl.formatMessage(messages.precedente)}</span>
+      <span class="visually-hidden">
+        {intl.formatMessage(messages.precedente)}
+      </span>
     </button>
   );
 }
diff --git a/src/components/ItaliaTheme/Blocks/NumbersBlock/Edit.jsx b/src/components/ItaliaTheme/Blocks/NumbersBlock/Edit.jsx
index d6188eacc..90596d91f 100644
--- a/src/components/ItaliaTheme/Blocks/NumbersBlock/Edit.jsx
+++ b/src/components/ItaliaTheme/Blocks/NumbersBlock/Edit.jsx
@@ -49,6 +49,7 @@ class Edit extends SubblocksEdit {
     super(props);
     this.state.selectedField = 'title';
   }
+
   UNSAFE_componentWillReceiveProps(newProps) {
     if (newProps.selected) {
       if (!this.props.selected) {
diff --git a/src/components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate.jsx b/src/components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate.jsx
index dfeb25a6b..9b758507d 100644
--- a/src/components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate.jsx
@@ -83,11 +83,11 @@ const CardWithImageRssTemplate = ({
                       </span>{' '}
                     </div>
                     <CardTitle tag="h6">{item.title}</CardTitle>
-                    <div className="source-title">
-                      {item?.source?.length > 0 && (
+                    {item?.source?.length > 0 && (
+                      <div className="source-title">
                         <span className="source">{item.source}</span>
-                      )}
-                    </div>
+                      </div>
+                    )}
                   </CardBody>
                   <CardReadMore
                     iconName="it-arrow-right"
diff --git a/src/components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate.jsx b/src/components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate.jsx
index 65edf12c7..dbbd8a700 100644
--- a/src/components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate.jsx
@@ -71,11 +71,11 @@ const CardWithoutImageRssTemplate = ({
                       )}
                     </div>
                     <CardTitle tag="h5">{item.title}</CardTitle>
-                    <div className="source-title">
-                      {item?.source?.length > 0 && (
+                    {item?.source?.length > 0 && (
+                      <div className="source-title">
                         <span className="source">{item.source}</span>
-                      )}
-                    </div>
+                      </div>
+                    )}
                     <CardText tag="p" className="font-serif">
                       {item.contentSnippet}
                     </CardText>
diff --git a/src/components/ItaliaTheme/Blocks/__tests__/Alert.test.jsx b/src/components/ItaliaTheme/Blocks/__tests__/Alert.test.jsx
index f1e8d4c1f..7d72e7d3f 100644
--- a/src/components/ItaliaTheme/Blocks/__tests__/Alert.test.jsx
+++ b/src/components/ItaliaTheme/Blocks/__tests__/Alert.test.jsx
@@ -11,7 +11,7 @@ const mockStore = configureStore(middlewares);
 
 const mock_fields = {
   '@type': 'alert',
-  color: 'warning',
+  bg_color: 'warning',
   image: {
     'content-type': 'image/jpeg',
     data:
diff --git a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
index 6691398ac..b8de09e01 100644
--- a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
+++ b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
@@ -79,7 +79,7 @@ export const Rating: FC<RatingProps> = ({
 
   if (isCustomLegendObject(legend)) {
     legendClass = classNames({
-      'sr-only': legend.srOnly
+      'visually-hidden': legend.srOnly
     });
     legendText = legend.content;
   }
diff --git a/src/components/ItaliaTheme/GalleryPreview/GalleryPreview.jsx b/src/components/ItaliaTheme/GalleryPreview/GalleryPreview.jsx
index a6a618578..06b11ddfc 100644
--- a/src/components/ItaliaTheme/GalleryPreview/GalleryPreview.jsx
+++ b/src/components/ItaliaTheme/GalleryPreview/GalleryPreview.jsx
@@ -1,11 +1,9 @@
 import React, { useEffect, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
-import { flattenToAppURL } from '@plone/volto/helpers';
-
 import PropTypes from 'prop-types';
 import { Modal, ModalBody, Button, ModalHeader } from 'design-react-kit';
 import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
-import DefaultImageSVG from '@plone/volto/components/manage/Blocks/Listing/default-image.svg';
+import Image from '@plone/volto/components/theme/Image/Image';
 
 const messages = defineMessages({
   view_prev: {
@@ -31,11 +29,9 @@ const messages = defineMessages({
  */
 const GalleryPreview = ({ id, viewIndex, setViewIndex, items }) => {
   const intl = useIntl();
-  const [modalIsOpen, setModalIsOpen] = useState(false);
 
-  const checkUrlImage =
-    items[viewIndex]?.image?.scales?.larger?.download ||
-    items[viewIndex]?.image_scales?.image[0]?.scales?.larger?.download;
+  const [modalIsOpen, setModalIsOpen] = useState(false);
+  const image = items[viewIndex];
 
   const closeModal = () => {
     setViewIndex(null);
@@ -68,16 +64,13 @@ const GalleryPreview = ({ id, viewIndex, setViewIndex, items }) => {
       {viewIndex != null && (
         <>
           <ModalHeader
-            closeButton={true}
             closeAriaLabel={intl.formatMessage(messages.close_preview)}
             toggle={closeModal}
           >
-            {items[viewIndex].title}
+            {image.title}
           </ModalHeader>
           <ModalBody>
-            {items[viewIndex].description && (
-              <p className="pb-3">{items[viewIndex].description}</p>
-            )}
+            {image.description && <p className="pb-3">{image.description}</p>}
             <div className="item-preview">
               {items.length > 1 && (
                 <Button
@@ -94,17 +87,15 @@ const GalleryPreview = ({ id, viewIndex, setViewIndex, items }) => {
                   <Icon color="" icon="it-arrow-left" padding={false} />
                 </Button>
               )}
-              <div className="image">
-                {checkUrlImage ? (
-                  <img
-                    src={flattenToAppURL(checkUrlImage)}
-                    loading="lazy"
-                    alt={items[viewIndex].title}
-                  />
-                ) : (
-                  <img src={DefaultImageSVG} alt="" />
-                )}
-              </div>
+
+              {image && (
+                <Image
+                  key={image['@id']}
+                  itemUrl={image['@id']}
+                  image={image['@id']}
+                  alt={image.title}
+                />
+              )}
 
               {items.length > 1 && (
                 <Button
diff --git a/src/components/ItaliaTheme/Header/ParentSiteMenu.jsx b/src/components/ItaliaTheme/Header/ParentSiteMenu.jsx
index 00c1b3afe..15ddde162 100644
--- a/src/components/ItaliaTheme/Header/ParentSiteMenu.jsx
+++ b/src/components/ItaliaTheme/Header/ParentSiteMenu.jsx
@@ -27,7 +27,8 @@ const ParentSiteMenu = () => {
       // eslint-disable-next-line no-loop-func
       dropdownMenu.forEach((m) => {
         if (m.rootPath === s) {
-          menu = m;
+          // Filter non visible dropdown menu entries
+          menu = { ...m, items: m.items.filter((mi) => mi.visible) };
           i = 0;
         }
       });
diff --git a/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx b/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx
index 36bb975f2..1b998739b 100644
--- a/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx
+++ b/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx
@@ -7,7 +7,11 @@ import { fontAwesomeAliases } from 'design-comuni-plone-theme/helpers/index';
 
 const FontAwesomeIcon = (props) => {
   const { className, icon, prefix, title } = props;
-  const [loadedIcon, setLoadedIcon] = React.useState(null);
+  const [loadedIcon, setLoadedIcon] = React.useState({
+    module: null,
+    iconName: '',
+    family: 'solid',
+  });
 
   const getIconAlias = (icon, aliasList) => {
     if (icon in aliasList) {
@@ -17,40 +21,58 @@ const FontAwesomeIcon = (props) => {
     }
   };
 
-  let prefixKey = prefix;
-  let iconName = '';
-
-  if (Array.isArray(icon)) {
-    prefixKey = icon[0];
-    iconName = getIconAlias(icon[1], fontAwesomeAliases);
-  } else {
-    iconName = getIconAlias(icon, fontAwesomeAliases);
-  }
+  const getIconInfo = (icon, prefix) => {
+    let prefixKey = prefix;
+    let iconName = '';
+    if (Array.isArray(icon)) {
+      prefixKey = icon[0];
+      iconName = getIconAlias(icon[1], fontAwesomeAliases);
+    } else {
+      iconName = getIconAlias(icon, fontAwesomeAliases);
+    }
 
-  const prefixFolder =
-    prefixKey === 'fab' ? 'brands' : prefixKey === 'far' ? 'regular' : 'solid';
+    return [
+      prefixKey === 'fab'
+        ? 'brands'
+        : prefixKey === 'far'
+        ? 'regular'
+        : 'solid',
+      iconName,
+    ];
+  };
 
   React.useEffect(() => {
-    if (iconName && !loadedIcon) {
+    const [prefixFolder, iconName] = getIconInfo(icon, prefix);
+    if (
+      iconName &&
+      (iconName !== loadedIcon.iconName || prefixFolder !== loadedIcon.family)
+    ) {
       import(
         `design-comuni-plone-theme/icons/fontawesome-free-6.4.0-web/svgs/${prefixFolder}/${iconName}.svg`
       )
         .then((_loadedIcon) => {
-          setLoadedIcon(_loadedIcon);
+          setLoadedIcon({
+            module: _loadedIcon.default,
+            iconName,
+            family: prefixFolder,
+          });
         })
         .catch((error) => {});
     }
-  }, [iconName, loadedIcon, prefixFolder]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [icon, prefix, loadedIcon]);
 
-  return loadedIcon ? (
+  return loadedIcon.module ? (
     <svg
-      xmlns={loadedIcon.attributes && loadedIcon.attributes.xmlns}
-      viewBox={loadedIcon.attributes && loadedIcon.attributes.viewBox}
+      xmlns={loadedIcon.module.attributes && loadedIcon.module.attributes.xmlns}
+      viewBox={
+        loadedIcon.module.attributes && loadedIcon.module.attributes.viewBox
+      }
       className={`icon fa-icon ${className ?? ''}`}
       dangerouslySetInnerHTML={{
         __html: title
-          ? `<title>${title}</title>${loadedIcon.content}`
-          : loadedIcon.content,
+          ? `<title>${title}</title>${loadedIcon.module.content}`
+          : loadedIcon.module.content,
       }}
     />
   ) : icon ? (
diff --git a/src/components/ItaliaTheme/Pagination/Pagination.jsx b/src/components/ItaliaTheme/Pagination/Pagination.jsx
index ad6f745d0..4c0ee86c4 100644
--- a/src/components/ItaliaTheme/Pagination/Pagination.jsx
+++ b/src/components/ItaliaTheme/Pagination/Pagination.jsx
@@ -43,6 +43,9 @@ class Pagination extends Component {
     /** Total number of pages. */
     totalPages: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
       .isRequired,
+
+    /** Lighthouse ID to set Agid data-element on pager link for CT Servizio*/
+    isServiceLink: PropTypes.bool,
   };
 
   static defaultProps = {
@@ -69,8 +72,13 @@ class Pagination extends Component {
   };
 
   render() {
-    const { boundaryRange, ellipsisItem, siblingRange, totalPages } =
-      this.props;
+    const {
+      boundaryRange,
+      ellipsisItem,
+      siblingRange,
+      totalPages,
+      isServiceLink,
+    } = this.props;
     const { activePage } = this.state;
 
     const items = createPaginationItems({
@@ -96,6 +104,7 @@ class Pagination extends Component {
                   onClick={this.handleItemClick}
                   type={type}
                   ellipsisItem={ellipsisItem}
+                  isServiceLink={isServiceLink}
                 >
                   {value}
                 </PaginationItem>
diff --git a/src/components/ItaliaTheme/Pagination/PaginationItem.jsx b/src/components/ItaliaTheme/Pagination/PaginationItem.jsx
index b7e2d9de9..861d82870 100644
--- a/src/components/ItaliaTheme/Pagination/PaginationItem.jsx
+++ b/src/components/ItaliaTheme/Pagination/PaginationItem.jsx
@@ -46,6 +46,9 @@ class PaginationItem extends Component {
       'nextItem',
       'lastItem',
     ]),
+
+    /** Lighthouse ID to set Agid data-element on pager link for CT Servizio*/
+    isServiceLink: PropTypes.bool,
   };
 
   handleClick = (e) => {
@@ -59,7 +62,14 @@ class PaginationItem extends Component {
   };
 
   render() {
-    const { active, type, children, intl, ellipsisItem } = this.props;
+    const {
+      active,
+      type,
+      children,
+      intl,
+      ellipsisItem,
+      isServiceLink,
+    } = this.props;
     const disabled = this.props.disabled || type === 'ellipsisItem';
     return (
       <PagerItem disabled={disabled}>
@@ -68,6 +78,7 @@ class PaginationItem extends Component {
           onClick={this.handleClick}
           onKeyDown={this.handleKeyDown}
           aria-current={active ? 'page' : null}
+          data-element={isServiceLink ? 'pager-link' : null}
         >
           {type === 'prevItem' && (
             <>
diff --git a/src/components/ItaliaTheme/View/BandoView/BandoApprofondimenti.jsx b/src/components/ItaliaTheme/View/BandoView/BandoApprofondimenti.jsx
index cc7bcc5c8..7d6047783 100644
--- a/src/components/ItaliaTheme/View/BandoView/BandoApprofondimenti.jsx
+++ b/src/components/ItaliaTheme/View/BandoView/BandoApprofondimenti.jsx
@@ -47,7 +47,7 @@ const BandoApprofondimenti = ({ content }) => {
             padding={false}
           />
           <CardBody>
-            <CardTitle tag="h5" className="title">
+            <CardTitle className="title h5">
               <UniversalLink
                 href={flattenToAppURL(item.url)}
                 rel="noopener noreferrer"
@@ -67,7 +67,7 @@ const BandoApprofondimenti = ({ content }) => {
         >
           <Icon className={undefined} icon={'it-file'} padding={false} />
           <CardBody>
-            <CardTitle tag="h5" className="title">
+            <CardTitle className="title h5">
               <UniversalLink
                 item={{
                   ...item,
@@ -111,7 +111,7 @@ const BandoApprofondimenti = ({ content }) => {
         <>
           {content.approfondimento.map((item, i) => (
             <>
-              <h5>{item.title}</h5>
+              <h3 className="h5">{item.title}</h3>
               <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal">
                 {content.approfondimento[i].children.map((inner_item, x) =>
                   inner_item.type === 'Modulo' ? (
diff --git a/src/components/ItaliaTheme/View/BandoView/BandoText.jsx b/src/components/ItaliaTheme/View/BandoView/BandoText.jsx
index ea640f2ba..4f6048d71 100644
--- a/src/components/ItaliaTheme/View/BandoView/BandoText.jsx
+++ b/src/components/ItaliaTheme/View/BandoView/BandoText.jsx
@@ -7,23 +7,15 @@ import {
   richTextHasContent,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
+import BandoTextTipologia from 'design-comuni-plone-theme/components/ItaliaTheme/View/BandoView/BandoTextTipologia';
+import BandoTextDestinatari from 'design-comuni-plone-theme/components/ItaliaTheme/View/BandoView/BandoTextDestinatari';
+import BandoTextEnte from 'design-comuni-plone-theme/components/ItaliaTheme/View/BandoView/BandoTextEnte';
+
 const messages = defineMessages({
   descrizione: {
-    id: 'descrizione',
+    id: 'descrizione_bando',
     defaultMessage: 'Descrizione',
   },
-  tipologia_bando: {
-    id: 'tipologia_bando',
-    defaultMessage: 'Tipologia del bando',
-  },
-  destinatari: {
-    id: 'bando_destinatari',
-    defaultMessage: 'Destinatari del bando',
-  },
-  ente: {
-    id: 'bando_ente',
-    defaultMessage: 'Ente erogatore',
-  },
 });
 
 const BandoText = ({ content }) => {
@@ -38,37 +30,13 @@ const BandoText = ({ content }) => {
       show_title={true}
     >
       {/* DESCRIZIONE DEL BANDO */}
-      {richTextHasContent(content?.text) && (
-        <RichText title_size="h5" title={''} data={content?.text} />
-      )}
+      {richTextHasContent(content?.text) && <RichText data={content?.text} />}
       {/* TIPOLOGIA DEL BANDO */}
-      {content?.tipologia_bando && (
-        <>
-          <h5>{intl.formatMessage(messages.tipologia_bando)}</h5>
-          <span>{content.tipologia_bando.title}</span>
-        </>
-      )}
+      <BandoTextTipologia content={content} />
       {/* DESTINATARI DEL BANDO */}
-      {content?.destinatari?.length > 0 && (
-        <>
-          <h5>{intl.formatMessage(messages.destinatari)}</h5>
-          {content.destinatari.map((item, i) => (
-            <p key={'destinatari-' + i}>{item.title}</p>
-          ))}
-        </>
-      )}
+      <BandoTextDestinatari content={content} />
       {/* ENTE DEL BANDO */}
-      {content?.ente_bando?.length > 0 && (
-        <>
-          <h5>{intl.formatMessage(messages.ente)}</h5>
-          {content.ente_bando.map((item, i) => (
-            <span key={'ente_' + i}>
-              {item}
-              {i < content.ente_bando.length - 1 ? ', ' : ''}
-            </span>
-          ))}
-        </>
-      )}
+      <BandoTextEnte content={content} />
     </RichTextSection>
   ) : (
     <></>
diff --git a/src/components/ItaliaTheme/View/BandoView/BandoTextDestinatari.jsx b/src/components/ItaliaTheme/View/BandoView/BandoTextDestinatari.jsx
new file mode 100644
index 000000000..1e7f25797
--- /dev/null
+++ b/src/components/ItaliaTheme/View/BandoView/BandoTextDestinatari.jsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { defineMessages, useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  destinatari: {
+    id: 'bando_destinatari',
+    defaultMessage: 'Destinatari del bando',
+  },
+});
+
+const BandoTextDestinatari = ({ content }) => {
+  const intl = useIntl();
+  return content?.destinatari?.length > 0 ? (
+    <>
+      <h3 className="h5">{intl.formatMessage(messages.destinatari)}</h3>
+      {content.destinatari.map((item, i) => (
+        <p key={'destinatari-' + i}>{item.title}</p>
+      ))}
+    </>
+  ) : (
+    <></>
+  );
+};
+
+BandoTextDestinatari.propTypes = {
+  content: PropTypes.shape({
+    destinatari: PropTypes.arrayOf(
+      PropTypes.shape({
+        title: PropTypes.string,
+        token: PropTypes.string,
+      }),
+    ),
+  }).isRequired,
+};
+export default BandoTextDestinatari;
diff --git a/src/components/ItaliaTheme/View/BandoView/BandoTextEnte.jsx b/src/components/ItaliaTheme/View/BandoView/BandoTextEnte.jsx
new file mode 100644
index 000000000..6fe30f893
--- /dev/null
+++ b/src/components/ItaliaTheme/View/BandoView/BandoTextEnte.jsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { defineMessages, useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  ente: {
+    id: 'bando_ente',
+    defaultMessage: 'Ente erogatore',
+  },
+});
+
+const BandoTextEnte = ({ content }) => {
+  const intl = useIntl();
+  return content?.ente_bando?.length > 0 ? (
+    <>
+      <h3 className="h5">{intl.formatMessage(messages.ente)}</h3>
+      {content.ente_bando.map((item, i) => (
+        <span key={'ente_' + i}>
+          {item}
+          {i < content.ente_bando.length - 1 ? ', ' : ''}
+        </span>
+      ))}
+    </>
+  ) : (
+    <></>
+  );
+};
+
+BandoTextEnte.propTypes = {
+  content: PropTypes.shape({
+    ente_bando: PropTypes.arrayOf(PropTypes.string),
+  }).isRequired,
+};
+export default BandoTextEnte;
diff --git a/src/components/ItaliaTheme/View/BandoView/BandoTextTipologia.jsx b/src/components/ItaliaTheme/View/BandoView/BandoTextTipologia.jsx
new file mode 100644
index 000000000..d9a4ee065
--- /dev/null
+++ b/src/components/ItaliaTheme/View/BandoView/BandoTextTipologia.jsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { defineMessages, useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  tipologia_bando: {
+    id: 'tipologia_bando',
+    defaultMessage: 'Tipologia del bando',
+  },
+});
+
+const BandoTextTipologia = ({ content }) => {
+  const intl = useIntl();
+  return content?.tipologia_bando ? (
+    <>
+      <h3 className="h5">{intl.formatMessage(messages.tipologia_bando)}</h3>
+      <span>{content.tipologia_bando.title}</span>
+    </>
+  ) : (
+    <></>
+  );
+};
+
+BandoTextTipologia.propTypes = {
+  content: PropTypes.shape({
+    tipologia_bando: PropTypes.shape({
+      title: PropTypes.string,
+      token: PropTypes.string,
+    }),
+  }).isRequired,
+};
+export default BandoTextTipologia;
diff --git a/src/components/ItaliaTheme/View/BandoView/BandoView.jsx b/src/components/ItaliaTheme/View/BandoView/BandoView.jsx
index afc140b2b..3243599a3 100644
--- a/src/components/ItaliaTheme/View/BandoView/BandoView.jsx
+++ b/src/components/ItaliaTheme/View/BandoView/BandoView.jsx
@@ -3,11 +3,10 @@
  * @module components/theme/View/BandoView
  */
 
-import React, { useState, createRef, useEffect } from 'react';
+import React, { createRef } from 'react';
 import PropTypes from 'prop-types';
 
 import {
-  SideMenu,
   PageHeader,
   RelatedItems,
   BandoPlaceholderAfterContent,
@@ -22,6 +21,7 @@ import {
   RelatedItemInEvidence,
   SkipToMainContent,
   ContentTypeViewSections,
+  useSideMenu,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 export const BandoViewSectionsOrder = [
@@ -44,15 +44,8 @@ export const BandoViewSectionsOrder = [
  */
 const BandoView = ({ content, location }) => {
   let documentBody = createRef();
-  const [sideMenuElements, setSideMenuElements] = useState(null);
+  const { sideMenuElements, SideMenu } = useSideMenu(content, documentBody);
 
-  useEffect(() => {
-    if (documentBody.current) {
-      if (__CLIENT__) {
-        setSideMenuElements(documentBody.current);
-      }
-    }
-  }, [documentBody]);
   return (
     <>
       <div className="container px-4 my-4 bando-view">
@@ -65,7 +58,7 @@ const BandoView = ({ content, location }) => {
           showtassonomiaargomenti={true}
           showbandostate={true}
         />
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             {__CLIENT__ && (
               <SideMenu data={sideMenuElements} content_uid={content?.UID} />
@@ -74,7 +67,7 @@ const BandoView = ({ content, location }) => {
           <section
             ref={documentBody}
             id="main-content-section"
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
           >
             {/* SEZIONI */}
             <ContentTypeViewSections
diff --git a/src/components/ItaliaTheme/View/Commons/Attachment.jsx b/src/components/ItaliaTheme/View/Commons/Attachment.jsx
index 185031c27..435f3500c 100644
--- a/src/components/ItaliaTheme/View/Commons/Attachment.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Attachment.jsx
@@ -26,7 +26,7 @@ const Attachment = ({ title, description, download_url }) => {
         title={intl.formatMessage(messages.attachment)}
       />
       <CardBody tag="div">
-        <CardTitle tag="h5">
+        <CardTitle className="h5">
           <a href={flattenToAppURL(download_url)}>{title}</a>
         </CardTitle>
         {description && <p>{description}</p>}
diff --git a/src/components/ItaliaTheme/View/Commons/BandoStatus.jsx b/src/components/ItaliaTheme/View/Commons/BandoStatus.jsx
new file mode 100644
index 000000000..77d8c98b8
--- /dev/null
+++ b/src/components/ItaliaTheme/View/Commons/BandoStatus.jsx
@@ -0,0 +1,38 @@
+/**
+ * Importante: (06/11/2023)
+ * Component creato per essere possibile customizzare in modo più efficiente le traduzioni per lo status dei bandi.
+ * Deve essere cancellato dopo l'aggiornamento di Volto
+ */
+
+import { defineMessages, useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  open: {
+    id: 'bando_open',
+    defaultMessage: 'Attivo',
+  },
+  closed: {
+    id: 'bando_closed',
+    defaultMessage: 'Scaduto',
+  },
+  inProgress: {
+    id: 'bando_inProgress',
+    defaultMessage: 'In corso',
+  },
+  scheduled: {
+    id: 'bando_scheduled',
+    defaultMessage: 'Programmato',
+  },
+});
+
+/**
+ * BandoStatus view component class.
+ * @function BandoStatus
+ */
+
+const BandoStatus = ({ content }) => {
+  const intl = useIntl();
+  return <>{intl.formatMessage(messages[content.bando_state[0]])}</>;
+};
+
+export default BandoStatus;
diff --git a/src/components/ItaliaTheme/View/Commons/ContactsCard.jsx b/src/components/ItaliaTheme/View/Commons/ContactsCard.jsx
index 4e2d07f02..17aecc6a8 100644
--- a/src/components/ItaliaTheme/View/Commons/ContactsCard.jsx
+++ b/src/components/ItaliaTheme/View/Commons/ContactsCard.jsx
@@ -27,10 +27,10 @@ const ContactsCard = ({ contact = {}, show_title = false, ...rest }) => {
     }
   }, [dispatch, contactUrl, loading, loaded]);
 
-  useEffect(
-    () => () => dispatch(resetContent(flattenToAppURL(contactUrl))),
-    [dispatch, contactUrl],
-  );
+  useEffect(() => () => dispatch(resetContent(flattenToAppURL(contactUrl))), [
+    dispatch,
+    contactUrl,
+  ]);
 
   if (error) {
     return null;
diff --git a/src/components/ItaliaTheme/View/Commons/Events.jsx b/src/components/ItaliaTheme/View/Commons/Events.jsx
index 3f752aca8..4e4ec782b 100644
--- a/src/components/ItaliaTheme/View/Commons/Events.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Events.jsx
@@ -10,7 +10,7 @@ import {
 
 import { UniversalLink } from '@plone/volto/components';
 import { flattenToAppURL } from '@plone/volto/helpers';
-
+import { RichTextSection } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 import Image from '@plone/volto/components/theme/Image/Image';
 import { viewDate } from 'design-comuni-plone-theme/helpers';
 
@@ -40,7 +40,7 @@ const Evento = ({ event, show_image }) => {
 
   return event ? (
     <div className="card-wrapper card-teaser">
-      <Card noWrapper className="card-img no-after">
+      <Card noWrapper className="card card-img no-after shadow rounded">
         {show_image &&
           (event.image_field || event.preview_image || event.image) && (
             <div className="img-responsive-wrapper">
@@ -65,16 +65,16 @@ const Evento = ({ event, show_image }) => {
             </div>
           )}
         <CardBody>
-          <CardTitle tag="h5" className="card-title-icon">
+          <CardTitle className="h5">
             <UniversalLink
               href={flattenToAppURL(event['@id'])}
               title={event.title}
               className="text-decoration-none"
             >
-              <h6 className="fw-semibold">{event.title}</h6>
+              {event.title}
             </UniversalLink>
           </CardTitle>
-          <CardText></CardText>
+          <CardText> </CardText>
           <CardReadMore
             iconName="it-arrow-right"
             tag={UniversalLink}
@@ -103,22 +103,16 @@ const Events = ({ content, title, show_image, folder_name, isChild }) => {
     : content?.items?.filter((el) => el['@type'] === 'Event') || [];
 
   return events.length > 0 ? (
-    <article
-      id="appuntamenti"
-      className="it-page-section anchor-offset mt-5"
-      aria-labelledby="header-appuntamenti"
+    <RichTextSection
+      tag_id="appuntamenti"
+      title={title || intl.formatMessage(messages.events)}
     >
-      {title ? (
-        <h4 id="header-appuntamenti">{title}</h4>
-      ) : (
-        <h4 id="header-appuntamenti">{intl.formatMessage(messages.events)}</h4>
-      )}
       <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal">
         {events.map((item, i) => (
           <Evento key={item['@id']} event={item} show_image={show_image} />
         ))}
       </div>
-    </article>
+    </RichTextSection>
   ) : null;
 };
 
diff --git a/src/components/ItaliaTheme/View/Commons/Gallery.jsx b/src/components/ItaliaTheme/View/Commons/Gallery.jsx
index e08106f1e..e9472a622 100644
--- a/src/components/ItaliaTheme/View/Commons/Gallery.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Gallery.jsx
@@ -38,7 +38,7 @@ const Gallery = ({
   folder_name,
   id = '',
   title,
-  title_type = 'h4',
+  title_type = 'h3',
   title_id = 'galleria',
   title_video,
   className = '',
@@ -202,8 +202,18 @@ const Gallery = ({
             {title_video && (
               <div className="it-header-block">
                 <div className="it-header-block-title">
-                  {title_type === 'h4' && <h4 id="galleria">{title_video}</h4>}
-                  {title_type === 'h5' && <h5 id="galleria">{title_video}</h5>}
+                  {title_type === 'h2' && (
+                    <h2 className="h4" id={title_id}>
+                      {title_video}
+                    </h2>
+                  )}
+                  {title_type === 'h3' && (
+                    <h3 className="h5" id={title_id}>
+                      {title_video}
+                    </h3>
+                  )}
+                  {title_type === 'h4' && <h4 id={title_id}>{title_video}</h4>}
+                  {title_type === 'h5' && <h5 id={title_id}>{title_video}</h5>}
                 </div>
               </div>
             )}
diff --git a/src/components/ItaliaTheme/View/Commons/GenericCard.jsx b/src/components/ItaliaTheme/View/Commons/GenericCard.jsx
index 263c1bf3a..73a884ad6 100644
--- a/src/components/ItaliaTheme/View/Commons/GenericCard.jsx
+++ b/src/components/ItaliaTheme/View/Commons/GenericCard.jsx
@@ -85,10 +85,10 @@ const GenericCard = ({
         </div>
         <div className="card-body px-4">
           {infos}
-          <h5 className="card-title">
+          <div className="card-title h5">
             {show_icon && <Icon icon={show_icon} padding={false} />}
             <UniversalLink item={item_fo}>{item_fo.title}</UniversalLink>
-          </h5>
+          </div>
           {(showDescription || children) && (
             <div className="card-text">
               {item_fo.description} {children}
@@ -105,10 +105,10 @@ const GenericCard = ({
       >
         <div className="card-body">
           {infos}
-          <h5 className="card-title">
+          <div className="card-title h5">
             {show_icon && <Icon icon={show_icon} padding={false} />}
             <UniversalLink item={item_fo}>{item_fo.title}</UniversalLink>
-          </h5>
+          </div>
           {(showDescription || children) && (
             <div className="card-text">
               {item_fo.description} {children}
diff --git a/src/components/ItaliaTheme/View/Commons/LocationItem.jsx b/src/components/ItaliaTheme/View/Commons/LocationItem.jsx
index aad5eadd6..a6de458ba 100644
--- a/src/components/ItaliaTheme/View/Commons/LocationItem.jsx
+++ b/src/components/ItaliaTheme/View/Commons/LocationItem.jsx
@@ -61,7 +61,7 @@ const LocationItem = ({
     <div className="card card-teaser shadow mt-3 border-left-card card-big-io-comune p-4 rounded location-item">
       {show_icon && <Icon icon={'it-pin'} />}
       <div className="card-body">
-        <h5 className="card-title venue-card-title">
+        <div className="card-title h5 venue-card-title">
           {(location_fo.nome_sede || location_fo.title) && (
             <>
               {location_fo['@type'] === 'Venue' ||
@@ -78,7 +78,7 @@ const LocationItem = ({
               )}
             </>
           )}
-        </h5>
+        </div>
         <div className="card-text">
           <p>{address}</p>
 
diff --git a/src/components/ItaliaTheme/View/Commons/Metadata.jsx b/src/components/ItaliaTheme/View/Commons/Metadata.jsx
index 15b95b19a..2bc512e08 100644
--- a/src/components/ItaliaTheme/View/Commons/Metadata.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Metadata.jsx
@@ -43,9 +43,9 @@ const Metadata = ({
       className={cx('it-page-section', { 'mb-5': !noMargin })}
     >
       {showSectionTitle && title && (
-        <h4 id="header-metadata" className="mb-3">
+        <h2 id="header-metadata" className="mb-3">
           {title}
-        </h4>
+        </h2>
       )}
       {children}
       <p className="font-serif mb-0 mt-4 last-modified">
diff --git a/src/components/ItaliaTheme/View/Commons/Module.jsx b/src/components/ItaliaTheme/View/Commons/Module.jsx
index 71a49b4cf..be0c8240b 100644
--- a/src/components/ItaliaTheme/View/Commons/Module.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Module.jsx
@@ -41,7 +41,7 @@ const Module = ({ item }) => {
       tag="div"
     >
       <CardBody tag="div">
-        <CardTitle tag="h5">
+        <CardTitle className="h5">
           {modulo.file_principale ? (
             <a
               href={flattenToAppURL(modulo.file_principale.download)}
diff --git a/src/components/ItaliaTheme/View/Commons/Modules.jsx b/src/components/ItaliaTheme/View/Commons/Modules.jsx
index 2506acb8d..49e084be2 100644
--- a/src/components/ItaliaTheme/View/Commons/Modules.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Modules.jsx
@@ -6,7 +6,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import {
-  RichTextArticle,
+  RichTextSection,
   Module,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
@@ -21,13 +21,13 @@ const Modules = ({ content, title, id = 'documenti' }) => {
     content.items?.filter((item) => item.id !== 'multimedia') ?? [];
 
   return moduli.length > 0 ? (
-    <RichTextArticle tag_id={id} title={title}>
+    <RichTextSection tag_id={id} title={title}>
       <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal modules">
         {moduli.map((modulo) => (
           <Module key={modulo['@id']} item={modulo} />
         ))}
       </div>
-    </RichTextArticle>
+    </RichTextSection>
   ) : null;
 };
 
diff --git a/src/components/ItaliaTheme/View/Commons/NewsCard.jsx b/src/components/ItaliaTheme/View/Commons/NewsCard.jsx
index ae5e084af..92dd83d87 100644
--- a/src/components/ItaliaTheme/View/Commons/NewsCard.jsx
+++ b/src/components/ItaliaTheme/View/Commons/NewsCard.jsx
@@ -28,9 +28,9 @@ const NewsCard = ({ title, typology, effective, description, id }) => {
             </span>
           ) : null}
         </div>
-        <h5 className="card-title">
+        <div className="card-title h5">
           <UniversalLink href={flattenToAppURL(id)}>{title}</UniversalLink>
-        </h5>
+        </div>
         <div className="card-text">{description}</div>
       </div>
     </div>
diff --git a/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx b/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx
index 97ceadf0b..26048fe0b 100644
--- a/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx
+++ b/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx
@@ -55,7 +55,7 @@ const OfficeCard = ({
     >
       {icon && <Icon icon={icon}></Icon>}
       <div className="card-body pe-3">
-        <h5 className="card-title">
+        <div className="card-title h5">
           <UniversalLink
             item={office_fo}
             title={office_fo.title}
@@ -63,7 +63,7 @@ const OfficeCard = ({
           >
             {office_fo.title}
           </UniversalLink>
-        </h5>
+        </div>
         <p className="card-text">{office_fo.description}</p>
         {show_contacts && office_fo?.sede?.length > 0 && (
           <div>
diff --git a/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando.jsx b/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando.jsx
index 0c6bde8f5..e95154f99 100644
--- a/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando.jsx
+++ b/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando.jsx
@@ -5,6 +5,8 @@ import PropTypes from 'prop-types';
 
 import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
+import { BandoStatus } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
 /**
  * PageHeaderBando view component class.
  * @function PageHeaderBando
@@ -17,22 +19,6 @@ const messages = defineMessages({
     id: 'Bando',
     defaultMessage: 'Bando',
   },
-  open: {
-    id: 'bando_open',
-    defaultMessage: 'attivo',
-  },
-  closed: {
-    id: 'bando_closed',
-    defaultMessage: 'scaduto',
-  },
-  inProgress: {
-    id: 'bando_inProgress',
-    defaultMessage: 'in corso',
-  },
-  scheduled: {
-    id: 'bando_scheduled',
-    defaultMessage: 'programmato',
-  },
 });
 
 const PageHeaderBando = ({ content }) => {
@@ -64,7 +50,7 @@ const PageHeaderBando = ({ content }) => {
                 size=""
               />
               {intl.formatMessage(messages.bando)}{' '}
-              {intl.formatMessage(messages[content.bando_state[0]])}
+              <BandoStatus content={content} />
             </div>
           </div>
         </div>
diff --git a/src/components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence.jsx b/src/components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence.jsx
index 41faff034..520ad14cd 100644
--- a/src/components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence.jsx
+++ b/src/components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence.jsx
@@ -32,7 +32,7 @@ const ItemInEvidence = ({ content }) => {
       <Card className="card-bg rounded " noWrapper={true} tag="div">
         <CardBody tag="div">
           <ArgumentIcon icon={correlato_in_evidenza.icona} />
-          <CardTitle tag="h3">{correlato_in_evidenza.title}</CardTitle>
+          <CardTitle className="h3">{correlato_in_evidenza.title}</CardTitle>
           <CardText tag="p">{correlato_in_evidenza.description}</CardText>
           <CardReadMore
             iconName="it-arrow-right"
diff --git a/src/components/ItaliaTheme/View/Commons/RelatedItems.jsx b/src/components/ItaliaTheme/View/Commons/RelatedItems.jsx
index 3bd8c2ce7..888f9405c 100644
--- a/src/components/ItaliaTheme/View/Commons/RelatedItems.jsx
+++ b/src/components/ItaliaTheme/View/Commons/RelatedItems.jsx
@@ -96,9 +96,9 @@ const RelatedItems = ({
                               <div className="card-header">
                                 <Icon icon={SITE_SECTIONS[sectionId].icon} />
 
-                                <h5 className="card-title">
+                                <div className="card-title h5">
                                   {intl.formatMessage(messages[sectionId])}
-                                </h5>
+                                </div>
                               </div>
                               <div className="card-body">
                                 <div className="link-list-wrapper mt-3">
diff --git a/src/components/ItaliaTheme/View/Commons/RichText.jsx b/src/components/ItaliaTheme/View/Commons/RichText.jsx
index a48186b87..4a346c798 100644
--- a/src/components/ItaliaTheme/View/Commons/RichText.jsx
+++ b/src/components/ItaliaTheme/View/Commons/RichText.jsx
@@ -9,7 +9,8 @@ import { RichTextRender } from 'design-comuni-plone-theme/components/ItaliaTheme
  */
 const RichText = ({
   title,
-  title_size = 'h5',
+  title_size = 'h3',
+  title_class_name = 'h5',
   data,
   add_class,
   children,
@@ -33,6 +34,7 @@ const RichText = ({
         <Tag
           className={cx('mt-4 it-page-subsection', {
             'fw-bold': title_size === 'h6',
+            [title_class_name]: title_class_name,
           })}
         >
           {title}
@@ -48,6 +50,7 @@ export default RichText;
 RichText.propTypes = {
   title: PropTypes.string,
   title_size: PropTypes.oneOf(['h2', 'h3', 'h4', 'h5', 'h6']),
+  title_class_name: PropTypes.string,
   data: PropTypes.object,
   add_class: PropTypes.string,
   serif: PropTypes.bool,
diff --git a/src/components/ItaliaTheme/View/Commons/RichTextArticle.jsx b/src/components/ItaliaTheme/View/Commons/RichTextArticle.jsx
deleted file mode 100644
index c05a0cfc4..000000000
--- a/src/components/ItaliaTheme/View/Commons/RichTextArticle.jsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { RichTextRender } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
-/**
- * RichTextArticle view component class.
- * @function RichTextArticle
- * @params {object} content: Content object.
- * @returns {string} Markup of the component.
- */
-const RichTextArticle = ({
-  title,
-  title_size,
-  show_title = true,
-  data,
-  tag_id,
-  add_class,
-  children,
-}) => {
-  let content_to_display = RichTextRender({
-    data,
-    add_class,
-    serif: true,
-  });
-
-  return content_to_display || children ? (
-    <article
-      id={tag_id}
-      className="it-page-section anchor-offset mt-5"
-      menu_title={title ? title : ''}
-      aria-labelledby={title_size !== 'h5' ? `header-${tag_id}` : undefined}
-    >
-      {title && show_title ? (
-        title_size === 'h5' ? (
-          <h5>{title}</h5>
-        ) : (
-          <h4 id={`header-${tag_id}`}>{title}</h4>
-        )
-      ) : (
-        <h4 id={`header-${tag_id}`} style={{ display: 'none' }}>
-          {title}
-        </h4>
-      )}
-
-      {content_to_display}
-      {children}
-    </article>
-  ) : null;
-};
-export default RichTextArticle;
-
-RichTextArticle.propTypes = {
-  title: PropTypes.string,
-  data: PropTypes.object,
-  tag_id: PropTypes.string,
-  add_class: PropTypes.string,
-};
diff --git a/src/components/ItaliaTheme/View/Commons/RichTextSection.jsx b/src/components/ItaliaTheme/View/Commons/RichTextSection.jsx
index ad1e07e8f..b8a76280b 100644
--- a/src/components/ItaliaTheme/View/Commons/RichTextSection.jsx
+++ b/src/components/ItaliaTheme/View/Commons/RichTextSection.jsx
@@ -5,6 +5,7 @@ import { RichTextRender } from 'design-comuni-plone-theme/components/ItaliaTheme
 const RichTextSection = ({
   title,
   title_tag = 'h2',
+  title_class_name = 'h4',
   show_title = true,
   data,
   tag_id,
@@ -41,8 +42,9 @@ const RichTextSection = ({
       {title && (
         <Tag
           id={title_tag === 'h2' ? `header-${tag_id}` : undefined}
-          className={cx('mb-3 h4', {
-            'sr-only': !show_title,
+          className={cx('mb-3', {
+            'visually-hidden': !show_title,
+            [title_class_name]: title_class_name,
           })}
         >
           {title}
@@ -58,6 +60,7 @@ export default RichTextSection;
 RichTextSection.propTypes = {
   title: PropTypes.string,
   title_tag: PropTypes.oneOf(['h2', 'h3', 'h4', 'h5', 'h6']),
+  title_class_name: PropTypes.string,
   data: PropTypes.object,
   tag_id: PropTypes.string,
   add_class: PropTypes.string,
diff --git a/src/components/ItaliaTheme/View/Commons/SearchSectionForm.jsx b/src/components/ItaliaTheme/View/Commons/SearchSectionForm.jsx
index 9e1c134c5..daa5f8b75 100644
--- a/src/components/ItaliaTheme/View/Commons/SearchSectionForm.jsx
+++ b/src/components/ItaliaTheme/View/Commons/SearchSectionForm.jsx
@@ -28,6 +28,26 @@ const messages = defineMessages({
 
 const SearchSectionForm = ({ content }) => {
   const intl = useIntl();
+  const path = content['@id'];
+  const searchFilters = useSelector(
+    (state) => state?.searchFilters?.result?.sections,
+  );
+
+  const customPath = [];
+
+  const sections = searchFilters?.[0]?.items ?? [];
+
+  sections.forEach((section) => {
+    if (!section.items) {
+      return;
+    } else {
+      if (path === section['@id']) {
+        customPath.push(
+          section.items.map((item) => flattenToAppURL(item['@id'])),
+        );
+      }
+    }
+  });
 
   const subsite = useSelector((state) => state.subsite?.data);
   const [searchableText, setSearchableText] = useState('');
@@ -44,13 +64,14 @@ const SearchSectionForm = ({ content }) => {
             {},
             null,
             null,
-            null,
+            customPath.length > 0 ? customPath : null,
             subsite,
             intl.locale,
             false,
           ) +
-          '&custom_path=' +
-          flattenToAppURL(content['@id']);
+          (customPath.length === 0
+            ? `&custom_path=${flattenToAppURL(path)}`
+            : '');
     }
   };
   return (
diff --git a/src/components/ItaliaTheme/View/Commons/SideMenu.jsx b/src/components/ItaliaTheme/View/Commons/SideMenu.jsx
index 1bd52adf8..39a7b7e6a 100644
--- a/src/components/ItaliaTheme/View/Commons/SideMenu.jsx
+++ b/src/components/ItaliaTheme/View/Commons/SideMenu.jsx
@@ -1,3 +1,6 @@
+/* ************
+Costruisce il sidemenu in base alle sections strutturate nella parte destra del contenuto
+**************/
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable jsx-a11y/anchor-is-valid */
 /* eslint-disable no-unused-expressions */
diff --git a/src/components/ItaliaTheme/View/Commons/SideMenuByTitles.jsx b/src/components/ItaliaTheme/View/Commons/SideMenuByTitles.jsx
new file mode 100644
index 000000000..f3f827029
--- /dev/null
+++ b/src/components/ItaliaTheme/View/Commons/SideMenuByTitles.jsx
@@ -0,0 +1,197 @@
+/* ****************
+Costuisce il SideMenu utilizzando tutti gli h2 che trova nella parte di destra del contenuto.
+******************/
+/* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable jsx-a11y/anchor-is-valid */
+/* eslint-disable no-unused-expressions */
+import { defineMessages, useIntl } from 'react-intl';
+import React, { useEffect, useState, useCallback, useMemo } from 'react';
+import { throttle } from 'lodash';
+import {
+  Progress,
+  Accordion,
+  AccordionBody,
+  AccordionHeader,
+} from 'design-react-kit';
+import cx from 'classnames';
+
+const messages = defineMessages({
+  index: {
+    id: 'index',
+    defaultMessage: 'Indice della pagina',
+  },
+});
+
+const extractHeaders = (elements, intl) => {
+  let item;
+  let headers = [];
+  for (var index = 0; index < elements.length; index++) {
+    item = elements[index];
+
+    const h = item.getElementsByTagName('h2');
+
+    for (var hi = 0; hi < h.length; hi++) {
+      headers.push({
+        id: h[hi].id,
+        title: h[hi].innerText,
+        item: h[hi],
+      });
+    }
+  }
+  return headers;
+};
+
+/**
+ * SideMenuByTitles view component class.
+ * @function SideMenuByTitles
+ * @params {object} content: Content object.
+ * @returns {string} Markup of the component.
+ */
+const SideMenuByTitles = ({ data, content_uid, index_title }) => {
+  const intl = useIntl();
+
+  const [headers, setHeaders] = useState([]);
+  const [activeSection, setActiveSection] = useState(null);
+  const [scrollY, setScrollY] = useState(0);
+  const [isClient, setIsClient] = useState(false);
+
+  const [isNavOpen, setIsNavOpen] = useState(
+    __CLIENT__ ? window.innerWidth >= 992 : false,
+  );
+
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+
+  const handleScroll = useCallback(() => {
+    const scrollOffset = 0.1 * window.innerHeight;
+    setScrollY(window.scrollY);
+    const headersHeights = headers
+      .map((section) => {
+        const element = document.getElementById(section.id);
+        return {
+          id: section.id,
+          top: element?.getBoundingClientRect()?.top,
+        };
+      })
+      .filter((section) => section.top <= scrollOffset);
+    if (headersHeights.length > 0) {
+      const section = headersHeights.reduce(
+        (prev, curr) => (prev.top > curr.top ? prev : curr),
+        headers[0],
+      );
+      setActiveSection(section.id);
+    } else {
+      setActiveSection(null); //di default nessun header è selezionato.
+    }
+  }, [headers, activeSection]);
+
+  useEffect(() => {
+    if (data?.children) {
+      const extractedHeaders = extractHeaders(data.children, intl);
+
+      if (extractedHeaders.length > 0) {
+        setHeaders(extractedHeaders);
+        // setActiveSection(extractedHeaders[0].id); //di default nessun header è selezionato.
+      }
+    }
+  }, [data, content_uid]);
+
+  useEffect(() => {
+    if (headers.length > 0)
+      window.addEventListener('scroll', throttledHandleScroll, {
+        passive: true,
+      });
+
+    return () => {
+      window.removeEventListener('scroll', throttledHandleScroll);
+    };
+  }, [headers]);
+
+  const throttledHandleScroll = throttle(handleScroll, 100);
+
+  const handleClickAnchor = (id) => (e) => {
+    e.preventDefault();
+    if (window.innerWidth < 992) {
+      setIsNavOpen(false);
+    }
+    // Blur a link
+    document.getElementById(`item-${id}`).blur();
+    // Focus on section
+    document.getElementById(id).focus({ preventScroll: true });
+    // Scroll to section
+    // setTimeout hack should wait for rerender after setIsNavOpen
+    setTimeout(() => {
+      document.getElementById(id)?.scrollIntoView?.({
+        behavior: 'smooth',
+        block: 'start',
+      });
+    }, 0);
+  };
+
+  const yCountEnd = isClient
+    ? document.querySelector('#main-content-section')
+    : null;
+
+  const progressValue = useMemo(() => {
+    if (!isClient) return 0;
+    return (scrollY - yCountEnd.offsetTop) / yCountEnd.offsetHeight || 0;
+  }, [scrollY, isClient]);
+
+  return headers?.length > 0 ? (
+    <div className="sticky-wrapper navbar-wrapper page-side-menu">
+      <nav className="navbar it-navscroll-wrapper navbar-expand-lg">
+        <div className="menu-wrapper">
+          <div className="link-list-wrapper menu-link-list">
+            <div className="accordion-wrapper">
+              <Accordion>
+                <AccordionHeader
+                  active={isNavOpen}
+                  onToggle={() => {
+                    setIsNavOpen(!isNavOpen);
+                  }}
+                >
+                  <h3>{index_title ?? intl.formatMessage(messages.index)}</h3>
+                </AccordionHeader>
+                <div className="mb-3">
+                  <Progress
+                    value={progressValue > 0 ? 100 * progressValue : 0}
+                    role="progressbar"
+                  />
+                </div>
+                <AccordionBody
+                  active={isNavOpen}
+                  className={
+                    isNavOpen
+                      ? 'accordion-collapse show'
+                      : 'accordion-collapse collapse'
+                  }
+                >
+                  <ul className="link-list" data-element="page-index">
+                    {headers.map((item, i) => {
+                      return (
+                        <li className="nav-item" key={item.id}>
+                          <a
+                            className={cx('nav-link', {
+                              active: item.id === activeSection,
+                            })}
+                            href={`#${item.id}`}
+                            onClick={handleClickAnchor(item.id)}
+                            id={`item-${item.id}`}
+                          >
+                            <span>{item.title}</span>
+                          </a>
+                        </li>
+                      );
+                    })}
+                  </ul>
+                </AccordionBody>
+              </Accordion>
+            </div>
+          </div>
+        </div>
+      </nav>
+    </div>
+  ) : null;
+};
+export default SideMenuByTitles;
diff --git a/src/components/ItaliaTheme/View/Commons/SmallVenue.jsx b/src/components/ItaliaTheme/View/Commons/SmallVenue.jsx
index 0424eaa3a..23035376d 100644
--- a/src/components/ItaliaTheme/View/Commons/SmallVenue.jsx
+++ b/src/components/ItaliaTheme/View/Commons/SmallVenue.jsx
@@ -35,11 +35,11 @@ const SmallVenue = ({ venue }) => {
     <>
       <div className="card card-teaser shadow mt-3 rounded bigborder">
         <div className="card-body">
-          <h5 className="card-title">
+          <div className="card-title h5">
             <UniversalLink item={venue_fo} title={venue_fo.title}>
               {venue_fo.title}
             </UniversalLink>
-          </h5>
+          </div>
           <div className="card-text">
             {venue_fo.telefono && (
               <p>
diff --git a/src/components/ItaliaTheme/View/Commons/TrasparenzaFields.jsx b/src/components/ItaliaTheme/View/Commons/TrasparenzaFields.jsx
index 877200d8f..e8ad474a0 100644
--- a/src/components/ItaliaTheme/View/Commons/TrasparenzaFields.jsx
+++ b/src/components/ItaliaTheme/View/Commons/TrasparenzaFields.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import {
-  RichTextArticle,
+  RichTextSection,
   RichTextRender,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 import { UniversalLink } from '@plone/volto/components';
@@ -284,12 +284,12 @@ const TrasparenzaFields = ({ content }) => {
   });
 
   return fields.length > 0 ? (
-    <RichTextArticle
+    <RichTextSection
       tag_id="trasparenza"
       title={intl.formatMessage(messages.trasparenza)}
     >
       <dl className="trasparenza-fields">{fields}</dl>
-    </RichTextArticle>
+    </RichTextSection>
   ) : null;
 };
 
diff --git a/src/components/ItaliaTheme/View/Commons/VenuesSmall.jsx b/src/components/ItaliaTheme/View/Commons/VenuesSmall.jsx
index f3a0efaf9..9b0f16d49 100644
--- a/src/components/ItaliaTheme/View/Commons/VenuesSmall.jsx
+++ b/src/components/ItaliaTheme/View/Commons/VenuesSmall.jsx
@@ -47,10 +47,10 @@ const Location = ({ location, show_icon }) => {
   let location_fo = locationContent?.data;
 
   return location_fo ? (
-    <div className="card card-teaser shadow mt-3 rounded">
+    <div className="card card-teaser shadow border-left-card mt-3 rounded">
       {show_icon && <Icon icon={'it-pin'} />}
       <div className="card-body">
-        <h5 className="card-title">{location_fo.title}</h5>
+        <div className="card-title h5">{location_fo.title}</div>
         <div className="card-text">
           {(location_fo.street || location_fo.zip_code) && (
             <p>
diff --git a/src/components/ItaliaTheme/View/Commons/index.jsx b/src/components/ItaliaTheme/View/Commons/index.jsx
index 1b3fb7102..e22bad0a2 100644
--- a/src/components/ItaliaTheme/View/Commons/index.jsx
+++ b/src/components/ItaliaTheme/View/Commons/index.jsx
@@ -6,7 +6,6 @@ export VenuesSmall from 'design-comuni-plone-theme/components/ItaliaTheme/View/C
 export WideImage from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/WideImage';
 export SideMenu from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/SideMenu';
 export PageHeader from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/PageHeader/PageHeader';
-export RichTextArticle from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichTextArticle';
 export OfficeCard from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/OfficeCard';
 export Metadata from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/Metadata';
 export Sharing from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/Sharing';
diff --git a/src/components/ItaliaTheme/View/DocumentoView/DocumentoAutori.jsx b/src/components/ItaliaTheme/View/DocumentoView/DocumentoAutori.jsx
index 329fd227e..9b06567d9 100644
--- a/src/components/ItaliaTheme/View/DocumentoView/DocumentoAutori.jsx
+++ b/src/components/ItaliaTheme/View/DocumentoView/DocumentoAutori.jsx
@@ -37,7 +37,8 @@ const DocumentoAutori = ({ autori, title }) => {
               <CardPersona
                 item={autore}
                 className="shadow-sm"
-                titleTagName="h5"
+                titleTagName="div"
+                titleClassName="h5"
                 showImage={true}
               />
             </Col>
diff --git a/src/components/ItaliaTheme/View/DocumentoView/DocumentoDocumenti.jsx b/src/components/ItaliaTheme/View/DocumentoView/DocumentoDocumenti.jsx
index 5bf734de4..a3bca83fb 100644
--- a/src/components/ItaliaTheme/View/DocumentoView/DocumentoDocumenti.jsx
+++ b/src/components/ItaliaTheme/View/DocumentoView/DocumentoDocumenti.jsx
@@ -28,6 +28,7 @@ const DocumentoDocumenti = ({ content }) => {
         title={intl.formatMessage(messages.documenti)}
         id="elenco-documenti"
       />
+
       {richTextHasContent(content.formati_disponibili) && (
         <RichTextSection
           tag_id="formats"
diff --git a/src/components/ItaliaTheme/View/DocumentoView/DocumentoUlterioriInformazioni.jsx b/src/components/ItaliaTheme/View/DocumentoView/DocumentoUlterioriInformazioni.jsx
index ca9478136..9fdbcffad 100644
--- a/src/components/ItaliaTheme/View/DocumentoView/DocumentoUlterioriInformazioni.jsx
+++ b/src/components/ItaliaTheme/View/DocumentoView/DocumentoUlterioriInformazioni.jsx
@@ -23,8 +23,9 @@ const DocumentoUlterioriInformazioni = ({ content }) => {
       richTextHasContent(content?.riferimenti_normativi),
     [content],
   );
+
   return (
-    <Metadata content={content} showSectionTitle={showSectionTitle}>
+    <Metadata content={content} showSectionTitle={showSectionTitle} title="">
       {richTextHasContent(content?.ulteriori_informazioni) && (
         <HelpBox text={content?.ulteriori_informazioni} />
       )}
@@ -32,7 +33,9 @@ const DocumentoUlterioriInformazioni = ({ content }) => {
       {/* RIFERIMENTI NORMATIVI */}
       {richTextHasContent(content?.riferimenti_normativi) && (
         <div className="mt-2">
-          <h5>{intl.formatMessage(messages.riferimenti_normativi)}</h5>
+          <h3 className="h5 mb-3">
+            {intl.formatMessage(messages.riferimenti_normativi)}
+          </h3>
           <RichText serif={false} data={content.riferimenti_normativi} />
         </div>
       )}
diff --git a/src/components/ItaliaTheme/View/DocumentoView/DocumentoView.jsx b/src/components/ItaliaTheme/View/DocumentoView/DocumentoView.jsx
index 4ea5edcb6..6857a74bf 100644
--- a/src/components/ItaliaTheme/View/DocumentoView/DocumentoView.jsx
+++ b/src/components/ItaliaTheme/View/DocumentoView/DocumentoView.jsx
@@ -3,7 +3,7 @@
  * @module components/theme/View/DocumentoView
  */
 
-import React, { useState, createRef, useEffect } from 'react';
+import React, { createRef } from 'react';
 import PropTypes from 'prop-types';
 
 import {
@@ -17,12 +17,12 @@ import {
   DocumentoDocAllegati,
   DocumentoUlterioriInformazioni,
   ContentImage,
-  SideMenu,
   PageHeader,
   RelatedItems,
   RelatedItemInEvidence,
   SkipToMainContent,
   ContentTypeViewSections,
+  useSideMenu,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 export const DocumentoViewSectionsOrder = [
@@ -48,16 +48,9 @@ export const DocumentoViewSectionsOrder = [
  */
 const DocumentoView = ({ content, location }) => {
   let documentBody = createRef();
-  const [sideMenuElements, setSideMenuElements] = useState(null);
-  //const userLogged = useSelector((state) => state.userSession);
+  const { sideMenuElements, SideMenu } = useSideMenu(content, documentBody);
 
-  useEffect(() => {
-    if (documentBody.current) {
-      if (__CLIENT__) {
-        setSideMenuElements(documentBody.current);
-      }
-    }
-  }, [documentBody]);
+  //const userLogged = useSelector((state) => state.userSession);
 
   return (
     <>
@@ -72,7 +65,7 @@ const DocumentoView = ({ content, location }) => {
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
 
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             {__CLIENT__ && (
               <SideMenu data={sideMenuElements} content_uid={content?.UID} />
@@ -81,7 +74,7 @@ const DocumentoView = ({ content, location }) => {
           <section
             ref={documentBody}
             id="main-content-section"
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
           >
             {/* SEZIONI */}
             <ContentTypeViewSections
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoContatti.jsx b/src/components/ItaliaTheme/View/EventoView/EventoContatti.jsx
index 0ea90ff12..fb6553947 100644
--- a/src/components/ItaliaTheme/View/EventoView/EventoContatti.jsx
+++ b/src/components/ItaliaTheme/View/EventoView/EventoContatti.jsx
@@ -1,55 +1,23 @@
 import PropTypes from 'prop-types';
 import { defineMessages, useIntl } from 'react-intl';
-import { Card, CardBody, CardTitle } from 'design-react-kit';
-import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import {
-  RichText,
   richTextHasContent,
   RichTextSection,
-  ContactLink,
-  OfficeCard,
   ContactsCard,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+import EventoContattiOrganizzatoreEsterno from 'design-comuni-plone-theme/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno';
+import EventoContattiOrganizzatoreInterno from 'design-comuni-plone-theme/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno';
+import EventoContattiSupportatoDa from 'design-comuni-plone-theme/components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa';
 
 const messages = defineMessages({
-  supported_by: {
-    id: 'supported_by',
-    defaultMessage: 'Con il supporto di',
-  },
   contatti: {
     id: 'Contatti',
     defaultMessage: 'Contatti',
   },
-  // event_web_site: {
-  //   id: 'event_web_site',
-  //   defaultMessage: "Sito web dell'evento",
-  // },
-  contatti_interni: {
-    id: 'contatti_interni',
-    defaultMessage: 'Contatti interni',
-  },
-  organizzato_da: {
-    id: 'organizzato_da',
-    defaultMessage: 'Organizzato da',
-  },
 });
 
-const EventoDocumenti = ({ content }) => {
+const EventoContatti = ({ content }) => {
   const intl = useIntl();
-  const getSupportatoDa = () => {
-    return (
-      content?.supportato_da?.length > 0 && (
-        <>
-          <h5 className="mt-4 supported-by">
-            {intl.formatMessage(messages.supported_by)}
-          </h5>
-          {content?.supportato_da?.map((item) => (
-            <OfficeCard key={item['@id']} office={item} icon={'it-pa'} />
-          ))}
-        </>
-      )
-    );
-  };
 
   return richTextHasContent(content?.organizzato_da_esterno) ||
     content?.organizzato_da_interno.length > 0 ||
@@ -64,78 +32,19 @@ const EventoDocumenti = ({ content }) => {
       ))}
 
       {/* ---organizzato da esterno */}
-      {richTextHasContent(content?.organizzato_da_esterno) ||
-      content?.telefono ||
-      content?.email ||
-      content?.fax ? (
-        <div className="mb-5">
-          <Card
-            className="card card-teaser rounded shadow mt-3"
-            noWrapper={true}
-            tag="div"
-          >
-            <CardTitle tag="h5">
-              <Icon icon="it-telephone" padding={true} />
-            </CardTitle>
-            <CardBody tag="div" className={'card-body pe-3'}>
-              <RichText data={content.organizzato_da_esterno} />
-              {content?.telefono && (
-                <p className="card-text mt-3">
-                  <ContactLink tel={content.telefono} label={true} />
-                </p>
-              )}
-              {content?.fax && (
-                <p className="card-text mt-3">
-                  <ContactLink fax={content.fax} label={true} />
-                </p>
-              )}
-              {content?.reperibilita?.replace(/(<([^>]+)>)/g, '').length >
-                0 && (
-                <p className="card-text mt-3">
-                  {content?.reperibilita?.replace(/(<([^>]+)>)/g, '')}
-                </p>
-              )}
-              {content?.email && (
-                <p className="card-text mt-3">
-                  <ContactLink email={content.email} label={true} />
-                </p>
-              )}
-            </CardBody>
-          </Card>
-        </div>
-      ) : null}
+      <EventoContattiOrganizzatoreEsterno content={content} />
 
       {/* ---contatti interno */}
-      {content?.organizzato_da_interno?.length > 0 && (
-        <div className="mb-5">
-          <h5>{intl.formatMessage(messages.organizzato_da)}</h5>
-          {content?.organizzato_da_interno?.map((item, index) => (
-            <OfficeCard
-              margin_bottom={
-                index < content?.organizzato_da_interno?.length - 1
-              }
-              key={item['@id']}
-              office={item}
-              icon={'it-telephone'}
-            >
-              {richTextHasContent(content?.contatto_reperibilita) && (
-                <p className="card-text mt-3">
-                  {content?.contatto_reperibilita?.replace(/(<([^>]+)>)/g, '')}
-                </p>
-              )}
-            </OfficeCard>
-          ))}
-        </div>
-      )}
+      <EventoContattiOrganizzatoreInterno content={content} />
 
       {/* ---supportato da */}
-      {getSupportatoDa()}
+      <EventoContattiSupportatoDa content={content} />
     </RichTextSection>
   ) : null;
 };
 
-EventoDocumenti.propTypes = {
+EventoContatti.propTypes = {
   content: PropTypes.object.isRequired,
 };
 
-export default EventoDocumenti;
+export default EventoContatti;
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno.jsx b/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno.jsx
new file mode 100644
index 000000000..32a9872e7
--- /dev/null
+++ b/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno.jsx
@@ -0,0 +1,55 @@
+import PropTypes from 'prop-types';
+import { Card, CardBody } from 'design-react-kit';
+import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
+import {
+  RichText,
+  richTextHasContent,
+  ContactLink,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
+const EventoContattiOrganizzatoreEsterno = ({ content }) => {
+  return richTextHasContent(content?.organizzato_da_esterno) ||
+    content?.telefono ||
+    content?.email ||
+    content?.fax ? (
+    <div className="mb-5">
+      <Card
+        className="card card-teaser rounded shadow mt-3"
+        noWrapper={true}
+        tag="div"
+      >
+        <Icon icon="it-telephone" />
+
+        <CardBody tag="div" className={'card-body pe-3'}>
+          <RichText data={content.organizzato_da_esterno} />
+          {content?.telefono && (
+            <p className="card-text mt-3">
+              <ContactLink tel={content.telefono} label={true} />
+            </p>
+          )}
+          {content?.fax && (
+            <p className="card-text mt-3">
+              <ContactLink fax={content.fax} label={true} />
+            </p>
+          )}
+          {content?.reperibilita?.replace(/(<([^>]+)>)/g, '').length > 0 && (
+            <p className="card-text mt-3">
+              {content?.reperibilita?.replace(/(<([^>]+)>)/g, '')}
+            </p>
+          )}
+          {content?.email && (
+            <p className="card-text mt-3">
+              <ContactLink email={content.email} label={true} />
+            </p>
+          )}
+        </CardBody>
+      </Card>
+    </div>
+  ) : null;
+};
+
+EventoContattiOrganizzatoreEsterno.propTypes = {
+  content: PropTypes.object.isRequired,
+};
+
+export default EventoContattiOrganizzatoreEsterno;
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno.jsx b/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno.jsx
new file mode 100644
index 000000000..22d9c4f4a
--- /dev/null
+++ b/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno.jsx
@@ -0,0 +1,43 @@
+import PropTypes from 'prop-types';
+import { defineMessages, useIntl } from 'react-intl';
+import {
+  richTextHasContent,
+  OfficeCard,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
+const messages = defineMessages({
+  organizzato_da: {
+    id: 'organizzato_da',
+    defaultMessage: 'Organizzato da',
+  },
+});
+
+const EventoContattiOrganizzatoreInterno = ({ content }) => {
+  const intl = useIntl();
+
+  return content?.organizzato_da_interno?.length > 0 ? (
+    <div className="mb-5">
+      <h3 className="h5">{intl.formatMessage(messages.organizzato_da)}</h3>
+      {content?.organizzato_da_interno?.map((item, index) => (
+        <OfficeCard
+          margin_bottom={index < content?.organizzato_da_interno?.length - 1}
+          key={item['@id']}
+          office={item}
+          icon={'it-telephone'}
+        >
+          {richTextHasContent(content?.contatto_reperibilita) && (
+            <p className="card-text mt-3">
+              {content?.contatto_reperibilita?.replace(/(<([^>]+)>)/g, '')}
+            </p>
+          )}
+        </OfficeCard>
+      ))}
+    </div>
+  ) : null;
+};
+
+EventoContattiOrganizzatoreInterno.propTypes = {
+  content: PropTypes.object.isRequired,
+};
+
+export default EventoContattiOrganizzatoreInterno;
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa.jsx b/src/components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa.jsx
new file mode 100644
index 000000000..4fa08cd9d
--- /dev/null
+++ b/src/components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa.jsx
@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+import { defineMessages, useIntl } from 'react-intl';
+import { OfficeCard } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
+const messages = defineMessages({
+  supported_by: {
+    id: 'supported_by',
+    defaultMessage: 'Con il supporto di',
+  },
+});
+
+const EventoContattiSupportatoDa = ({ content }) => {
+  const intl = useIntl();
+
+  return content?.supportato_da?.length > 0 ? (
+    <div className="mb-5">
+      <h3 className="mt-4 supported-by h5">
+        {intl.formatMessage(messages.supported_by)}
+      </h3>
+      {content?.supportato_da?.map((item) => (
+        <OfficeCard key={item['@id']} office={item} icon={'it-pa'} />
+      ))}
+    </div>
+  ) : null;
+};
+
+EventoContattiSupportatoDa.propTypes = {
+  content: PropTypes.object.isRequired,
+};
+
+export default EventoContattiSupportatoDa;
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoCosE.jsx b/src/components/ItaliaTheme/View/EventoView/EventoCosE.jsx
index f1e670518..939176598 100644
--- a/src/components/ItaliaTheme/View/EventoView/EventoCosE.jsx
+++ b/src/components/ItaliaTheme/View/EventoView/EventoCosE.jsx
@@ -50,9 +50,9 @@ const EventoCosE = ({ content }) => {
     >
       {content?.persone_amministrazione?.length > 0 && (
         <>
-          <h5 className="parteciperanno-section">
+          <h3 className="parteciperanno-section h5">
             {intl.formatMessage(messages.parteciperanno)}
-          </h5>
+          </h3>
           {content?.persone_amministrazione?.map((item, i) => (
             <UniversalLink
               href={flattenToAppURL(item['@id'])}
@@ -83,7 +83,6 @@ const EventoCosE = ({ content }) => {
       {richTextHasContent(content?.descrizione_destinatari) && (
         <div className="mb-5 pt-2">
           <RichText
-            title_size="h5"
             title={intl.formatMessage(messages.a_chi_rivolto)}
             data={content?.descrizione_destinatari}
           />
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoSponsors.jsx b/src/components/ItaliaTheme/View/EventoView/EventoSponsors.jsx
index 11bf749e4..a92480116 100644
--- a/src/components/ItaliaTheme/View/EventoView/EventoSponsors.jsx
+++ b/src/components/ItaliaTheme/View/EventoView/EventoSponsors.jsx
@@ -4,7 +4,9 @@ import PropTypes from 'prop-types';
 import { Sponsors } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const EventoSponsors = ({ content }) => (
-  <Sponsors content={content} folder_name={'sponsor_evento'} />
+  <section id="sponsors" className="it-page-section mb-5">
+    <Sponsors content={content} folder_name={'sponsor_evento'} />
+  </section>
 );
 
 EventoSponsors.propTypes = {
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoUlterioriInformazioni.jsx b/src/components/ItaliaTheme/View/EventoView/EventoUlterioriInformazioni.jsx
index 62c77724a..40c2692d5 100644
--- a/src/components/ItaliaTheme/View/EventoView/EventoUlterioriInformazioni.jsx
+++ b/src/components/ItaliaTheme/View/EventoView/EventoUlterioriInformazioni.jsx
@@ -45,7 +45,7 @@ const EventoUlterioriInformazioni = ({ content }) => {
       )}
       {content?.event_url && (
         <div className="mt-4">
-          <h5>{intl.formatMessage(messages.event_url)}</h5>
+          <h3 className="h5">{intl.formatMessage(messages.event_url)}</h3>
           <UniversalLink href={content.event_url}>
             {content.event_url}
           </UniversalLink>
@@ -56,7 +56,6 @@ const EventoUlterioriInformazioni = ({ content }) => {
           {richTextHasContent(content?.patrocinato_da) && (
             <div className="mb-5">
               <RichText
-                title_size="h5"
                 title={intl.formatMessage(messages.patrocinato_da)}
                 data={content?.patrocinato_da}
               />
@@ -66,7 +65,9 @@ const EventoUlterioriInformazioni = ({ content }) => {
       )}
       {content?.strutture_politiche?.length > 0 && (
         <div className="mt-4">
-          <h5>{intl.formatMessage(messages.strutture_politiche)}</h5>
+          <h3 className="h5">
+            {intl.formatMessage(messages.strutture_politiche)}
+          </h3>
           <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal">
             {content?.strutture_politiche?.map((item, i) => (
               <GenericCard
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoView.jsx b/src/components/ItaliaTheme/View/EventoView/EventoView.jsx
index 0dedb7c57..79736f457 100644
--- a/src/components/ItaliaTheme/View/EventoView/EventoView.jsx
+++ b/src/components/ItaliaTheme/View/EventoView/EventoView.jsx
@@ -3,12 +3,11 @@
  * @module components/theme/View/EventoView
  */
 
-import React, { useState, createRef, useEffect } from 'react';
+import React, { createRef } from 'react';
 import PropTypes from 'prop-types';
 
 import {
   ContentImage,
-  SideMenu,
   PageHeader,
   RelatedItems,
   EventoPlaceholderAfterContent,
@@ -25,6 +24,7 @@ import {
   SkipToMainContent,
   ContentTypeViewSections,
   EventoSponsors,
+  useSideMenu,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 export const EventoViewSectionsOrder = [
@@ -53,15 +53,7 @@ export const EventoViewSectionsOrder = [
  */
 const EventoView = ({ content, location }) => {
   let documentBody = createRef();
-  const [sideMenuElements, setSideMenuElements] = useState(null);
-
-  useEffect(() => {
-    if (documentBody.current) {
-      if (__CLIENT__) {
-        setSideMenuElements(documentBody.current);
-      }
-    }
-  }, [documentBody]);
+  const { sideMenuElements, SideMenu } = useSideMenu(content, documentBody);
 
   return (
     <>
@@ -78,7 +70,7 @@ const EventoView = ({ content, location }) => {
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
 
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             {__CLIENT__ && (
               <SideMenu data={sideMenuElements} content_uid={content?.UID} />
@@ -87,7 +79,7 @@ const EventoView = ({ content, location }) => {
           <section
             ref={documentBody}
             id="main-content-section"
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
           >
             {/* SEZIONI */}
             <ContentTypeViewSections
diff --git a/src/components/ItaliaTheme/View/IncaricoView/IncaricoPersone.jsx b/src/components/ItaliaTheme/View/IncaricoView/IncaricoPersone.jsx
index 38265511b..dd51fd00e 100644
--- a/src/components/ItaliaTheme/View/IncaricoView/IncaricoPersone.jsx
+++ b/src/components/ItaliaTheme/View/IncaricoView/IncaricoPersone.jsx
@@ -3,6 +3,7 @@ import { defineMessages, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 import { flattenToAppURL } from '@plone/volto/helpers';
 import { Chip, ChipLabel } from 'design-react-kit';
+import { RichTextSection } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const messages = defineMessages({
   persona: {
@@ -15,10 +16,10 @@ const IncaricoPersone = ({ content }) => {
   const intl = useIntl();
 
   return content?.persona?.length > 0 ? (
-    <section id="persone-struttura" className="it-page-section mb-5">
-      <h2 id="header-persone-struttura">
-        {intl.formatMessage(messages.persona)}
-      </h2>
+    <RichTextSection
+      tag_id="persone-struttura"
+      title={intl.formatMessage(messages.persona)}
+    >
       <div className="ruolo-persone-struttura">
         {content?.persona?.map((person, _i) => (
           <Link
@@ -39,7 +40,7 @@ const IncaricoPersone = ({ content }) => {
           </Link>
         ))}
       </div>
-    </section>
+    </RichTextSection>
   ) : null;
 };
 
diff --git a/src/components/ItaliaTheme/View/IncaricoView/IncaricoView.jsx b/src/components/ItaliaTheme/View/IncaricoView/IncaricoView.jsx
index 7f1ce84ee..88999d6db 100644
--- a/src/components/ItaliaTheme/View/IncaricoView/IncaricoView.jsx
+++ b/src/components/ItaliaTheme/View/IncaricoView/IncaricoView.jsx
@@ -82,7 +82,7 @@ const IncaricoView = (props) => {
         showtassonomiaargomenti={false}
       />
       <section
-        className="col-lg-12 it-page-sections-container my-4 py-4"
+        className="col-lg-12 it-page-sections-container border-light my-4 py-4"
         id="main-content-section"
       >
         {content.tipologia_incarico && (
diff --git a/src/components/ItaliaTheme/View/NewsItemView/NewsItemView.jsx b/src/components/ItaliaTheme/View/NewsItemView/NewsItemView.jsx
index 5e7fd42f4..c08e4d609 100644
--- a/src/components/ItaliaTheme/View/NewsItemView/NewsItemView.jsx
+++ b/src/components/ItaliaTheme/View/NewsItemView/NewsItemView.jsx
@@ -3,12 +3,11 @@
  * @module components/theme/View/NewsItemView
  */
 
-import React, { createRef, useEffect, useState } from 'react';
+import React, { createRef } from 'react';
 import PropTypes from 'prop-types';
-import { readingTime } from '../ViewUtils';
+
 import {
   PageHeader,
-  SideMenu,
   ContentImage,
   RelatedItems,
   NewsItemPlaceholderAfterContent,
@@ -23,6 +22,8 @@ import {
   NewsItemDataset,
   NewsItemMetadata,
   ContentTypeViewSections,
+  useSideMenu,
+  useReadingTime,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 export const NewsItemViewSectionsOrder = [
@@ -47,9 +48,9 @@ export const NewsItemViewSectionsOrder = [
  * @returns {string} Markup of the component.
  */
 const NewsItemView = ({ content, location }) => {
-  const [readingtime, setReadingtime] = useState(0);
   let documentBody = createRef();
-  const [sideMenuElements, setSideMenuElements] = useState(null);
+  const { sideMenuElements, SideMenu } = useSideMenu(content, documentBody);
+  const { readingtime } = useReadingTime(content, documentBody);
 
   let related_items = [];
   if (content?.notizie_correlate?.length > 0) {
@@ -59,17 +60,6 @@ const NewsItemView = ({ content, location }) => {
     related_items = [...related_items, ...content.relatedItems];
   }
 
-  useEffect(() => {
-    if (documentBody.current) {
-      if (__CLIENT__) {
-        setReadingtime(
-          readingTime(content.title, content.description, documentBody),
-        );
-        setSideMenuElements(documentBody.current);
-      }
-    }
-  }, [content.description, content.title, documentBody]);
-
   return (
     <>
       <div className="container px-4 my-4 newsitem-view">
@@ -84,12 +74,12 @@ const NewsItemView = ({ content, location }) => {
 
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             <SideMenu data={sideMenuElements} content_uid={content?.UID} />
           </aside>
           <section
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
             id="main-content-section"
             ref={documentBody}
           >
diff --git a/src/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks.jsx b/src/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks.jsx
index b50b91c44..be0e8f37a 100644
--- a/src/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks.jsx
+++ b/src/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks.jsx
@@ -3,13 +3,12 @@
  * @module components/theme/View/PaginaArgomentoViewNoBlocks
  */
 
-import React, { createRef, useState, useEffect } from 'react';
+import React, { createRef } from 'react';
 import PropTypes from 'prop-types';
 import { defineMessages, useIntl } from 'react-intl';
 import {
   GenericCard,
   ContentImage,
-  SideMenu,
   PageHeader,
   OfficeCard,
   RichTextSection,
@@ -20,6 +19,7 @@ import {
   SkipToMainContent,
   RelatedItems,
   RelatedItemInEvidence,
+  useSideMenu,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 // import { getBaseUrl } from '@plone/volto/helpers';
@@ -68,15 +68,7 @@ const messages = defineMessages({
 const PaginaArgomentoViewNoBlocks = ({ content }) => {
   const intl = useIntl();
   let documentBody = createRef();
-  const [sideMenuElements, setSideMenuElements] = useState(null);
-
-  useEffect(() => {
-    if (documentBody.current) {
-      if (__CLIENT__) {
-        setSideMenuElements(documentBody.current);
-      }
-    }
-  }, [documentBody]);
+  const { sideMenuElements, SideMenu } = useSideMenu(content, documentBody);
 
   return (
     <>
@@ -92,12 +84,12 @@ const PaginaArgomentoViewNoBlocks = ({ content }) => {
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
 
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             <SideMenu data={sideMenuElements} content_uid={content?.UID} />
           </aside>
           <section
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
             id="main-content-section"
             ref={documentBody}
           >
diff --git a/src/components/ItaliaTheme/View/PersonaView/PersonaRuolo.jsx b/src/components/ItaliaTheme/View/PersonaView/PersonaRuolo.jsx
index 53a15d509..186f649a0 100644
--- a/src/components/ItaliaTheme/View/PersonaView/PersonaRuolo.jsx
+++ b/src/components/ItaliaTheme/View/PersonaView/PersonaRuolo.jsx
@@ -296,7 +296,6 @@ const PersonaRuolo = ({ content }) => {
           content={content}
           folder_name="foto-e-attivita-politica"
           title={intl.formatMessage(messages.foto_attivita_politica)}
-          title_type="h3"
         />
       )}
 
diff --git a/src/components/ItaliaTheme/View/PersonaView/PersonaView.jsx b/src/components/ItaliaTheme/View/PersonaView/PersonaView.jsx
index 38d731be1..24b25022a 100644
--- a/src/components/ItaliaTheme/View/PersonaView/PersonaView.jsx
+++ b/src/components/ItaliaTheme/View/PersonaView/PersonaView.jsx
@@ -3,11 +3,10 @@
  * @module components/theme/View/PersonaView
  */
 
-import React, { createRef, useEffect, useState } from 'react';
+import React, { createRef } from 'react';
 import PropTypes from 'prop-types';
 
 import {
-  SideMenu,
   PageHeader,
   RelatedItems,
   PersonaRuolo,
@@ -19,6 +18,7 @@ import {
   RelatedItemInEvidence,
   SkipToMainContent,
   ContentTypeViewSections,
+  useSideMenu,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 export const PersonaViewSectionsOrder = [
@@ -36,14 +36,7 @@ export const PersonaViewSectionsOrder = [
  */
 const PersonaView = ({ content }) => {
   let documentBody = createRef();
-  const [sideMenuElements, setSideMenuElements] = useState(null);
-  useEffect(() => {
-    if (documentBody.current) {
-      if (__CLIENT__) {
-        setSideMenuElements(documentBody.current);
-      }
-    }
-  }, [documentBody]);
+  const { sideMenuElements, SideMenu } = useSideMenu(content, documentBody);
 
   return (
     <>
@@ -58,12 +51,12 @@ const PersonaView = ({ content }) => {
           showdates={false}
           showtassonomiaargomenti={true}
         />
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             <SideMenu data={sideMenuElements} content_uid={content?.UID} />
           </aside>
           <section
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
             id="main-content-section"
             ref={documentBody}
           >
diff --git a/src/components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView.jsx b/src/components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView.jsx
index 16943d27d..d8512166a 100644
--- a/src/components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView.jsx
+++ b/src/components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView.jsx
@@ -14,7 +14,7 @@ import {
   PuntoDiContattoPlaceholderAfterRelatedItems,
   RelatedItems,
   IncaricoPersone,
-  RichTextArticle,
+  RichTextSection,
   RelatedItemsChipsPDC,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 import { renderPDCItemValue } from 'design-comuni-plone-theme/helpers';
@@ -88,51 +88,53 @@ const PuntoDiContattoView = (props) => {
   const { content } = props;
   const intl = useIntl();
   return (
-    <div className="container px-4 my-4 punto-di-contatto-view">
-      <SkipToMainContent />
-      <PageHeader
-        content={{ ...content, stato_servizio: null }}
-        showreadingtime={false}
-        showdates={false}
-        showtassonomiaargomenti={false}
-      />
-      <section
-        className="col-lg-12 it-page-sections-container my-4 py-4"
-        id="main-content-section"
-      >
-        {/* TODO: add tipologia when present */}
-        <RichTextArticle
-          tag_id="contatti"
-          title={intl.formatMessage(messages.contatti)}
-        >
-          {content?.value_punto_contatto?.map((pdc, i) => {
-            return (
-              <div className="my-2" key={i}>
-                <h6>
-                  {messages[pdc?.pdc_type] === undefined
-                    ? pdc?.pdc_type
-                    : intl.formatMessage(messages.label, {
-                        value: intl.formatMessage(messages[pdc?.pdc_type]),
-                      })}
-                  <span className="ml-1">{renderPDCItemValue(pdc)}</span>
-                </h6>
-              </div>
-            );
-          })}
-        </RichTextArticle>
-        <IncaricoPersone content={content} />
-        <RelatedItemsChipsPDC
-          content={content}
-          fieldLists={[
-            'strutture_correlate',
-            'servizi_correlati',
-            'eventi_correlati',
-            'luoghi_correlati',
-            'persone_correlate',
-          ]}
+    <div className="punto-di-contatto-view">
+      <div className="container px-4 my-4">
+        <SkipToMainContent />
+        <PageHeader
+          content={{ ...content, stato_servizio: null }}
+          showreadingtime={false}
+          showdates={false}
+          showtassonomiaargomenti={false}
         />
-      </section>
-      <PuntoDiContattoPlaceholderAfterContent content={content} />
+        <section
+          className="col-lg-12 it-page-sections-container border-light my-4 py-4"
+          id="main-content-section"
+        >
+          {/* TODO: add tipologia when present */}
+          <RichTextSection
+            tag_id="contatti"
+            title={intl.formatMessage(messages.contatti)}
+          >
+            {content?.value_punto_contatto?.map((pdc, i) => {
+              return (
+                <div className="my-2" key={i}>
+                  <h5 className="h6">
+                    {messages[pdc?.pdc_type] === undefined
+                      ? pdc?.pdc_type
+                      : intl.formatMessage(messages.label, {
+                          value: intl.formatMessage(messages[pdc?.pdc_type]),
+                        })}
+                    <span className="ml-1">{renderPDCItemValue(pdc)}</span>
+                  </h5>
+                </div>
+              );
+            })}
+          </RichTextSection>
+          <IncaricoPersone content={content} />
+          <RelatedItemsChipsPDC
+            content={content}
+            fieldLists={[
+              'strutture_correlate',
+              'servizi_correlati',
+              'eventi_correlati',
+              'luoghi_correlati',
+              'persone_correlate',
+            ]}
+          />
+        </section>
+        <PuntoDiContattoPlaceholderAfterContent content={content} />
+      </div>
       <RelatedItems list={content?.relatedItems} />
       <PuntoDiContattoPlaceholderAfterRelatedItems content={content} />
     </div>
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge.jsx
index 24b2182c7..4d9b3cee3 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge.jsx
@@ -37,14 +37,18 @@ const ServizioAChiSiRivolge = ({ content }) => {
       {richTextHasContent(content.chi_puo_presentare) && (
         <RichText
           title={intl.formatMessage(messages.chi_puo_presentare)}
-          title_size="h4"
+          title_size="h3"
+          title_class_name="h5"
+          add_class="mb-5"
           data={content.chi_puo_presentare}
         />
       )}
       {richTextHasContent(content.copertura_geografica) && (
         <RichText
           title={intl.formatMessage(messages.copertura_geografica)}
-          title_size="h4"
+          title_size="h3"
+          title_class_name="h5"
+          add_class="mb-5"
           data={content.copertura_geografica}
         />
       )}
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioAccedi.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioAccedi.jsx
index 0750bc33d..9819e46b9 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioAccedi.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioAccedi.jsx
@@ -39,12 +39,14 @@ const ServizioAccedi = ({ content }) => {
           )}
           <RichText data={content.prenota_appuntamento} content={content} />
           {content.canale_fisico?.map?.((canale) => (
-            <OfficeCard
-              key={canale['@id']}
-              office={canale}
-              load_data={false}
-              data-element="service-generic-access"
-            />
+            <div className="mt-3">
+              <OfficeCard
+                key={canale['@id']}
+                office={canale}
+                load_data={false}
+                data-element="service-generic-access"
+              />
+            </div>
           ))}
         </RichTextSection>
       )}
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli.jsx
index 4b43ffa94..57385b114 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli.jsx
@@ -44,7 +44,8 @@ const ServizioCostiVincoli = ({ content }) => {
               ? intl.formatMessage(messages.vincoli)
               : null
           }
-          title_size="h4"
+          title_size="h3"
+          title_class_name="h5"
           add_class="mb-5"
           data={content.vincoli}
         />
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioSitiEsterni.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioSitiEsterni.jsx
index 9132456fc..477cd35c9 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioSitiEsterni.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioSitiEsterni.jsx
@@ -28,7 +28,7 @@ const ServizioSitiEsterni = ({ content }) => {
         tag="div"
       >
         <CardBody tag="div">
-          <RichText add_class="p-4 pt-0" data={content.link_siti_esterni} />
+          <RichText add_class="p-4 py-0" data={content.link_siti_esterni} />
         </CardBody>
       </Card>
     </RichTextSection>
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioView.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioView.jsx
index 22b5637f3..961491f92 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioView.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioView.jsx
@@ -3,12 +3,11 @@
  * @module components/theme/View/ServizioView
  */
 
-import React, { createRef, useEffect, useState } from 'react';
+import React, { createRef } from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 import { injectLazyLibs } from '@plone/volto/helpers/Loadable/Loadable';
 import {
-  SideMenu,
   PageHeader,
   ContentImage,
   ServizioPlaceholderAfterContent,
@@ -38,6 +37,7 @@ import {
   ServizioArgomenti,
   ServizioMetatag,
   ContentTypeViewSections,
+  useSideMenu,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 export const ServizioViewSectionsOrder = (props) => [
@@ -109,14 +109,7 @@ const ServizioView = ({ content, moment }) => {
   Moment.locale(intl.locale);
 
   const documentBody = createRef();
-  const [sideMenuElements, setSideMenuElements] = useState(null);
-  useEffect(() => {
-    if (documentBody.current) {
-      if (__CLIENT__) {
-        setSideMenuElements(documentBody.current);
-      }
-    }
-  }, [documentBody]);
+  const { sideMenuElements, SideMenu } = useSideMenu(content, documentBody);
 
   return (
     <>
@@ -132,13 +125,13 @@ const ServizioView = ({ content, moment }) => {
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
 
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4 ">
             <SideMenu data={sideMenuElements} content_uid={content?.UID} />
           </aside>
           <section
             id="main-content-section"
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
             ref={documentBody}
           >
             {/* SEZIONI */}
diff --git a/src/components/ItaliaTheme/View/UOView/UOContacts.jsx b/src/components/ItaliaTheme/View/UOView/UOContacts.jsx
index 3c0f8419a..a0bd6d795 100644
--- a/src/components/ItaliaTheme/View/UOView/UOContacts.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOContacts.jsx
@@ -34,7 +34,7 @@ const UOContacts = ({ content }) => {
         content?.zip_code?.length > 0 ||
         richTextHasContent(content?.orario_pubblico) ||
         content?.contact_info?.length > 0) && (
-        <section id="contatti" className="it-page-section anchor-offset mt-5">
+        <section id="contatti" className="it-page-section anchor-offset mb-5">
           <h2 id="header-contatti" className="mb-3 h4">
             {intl.formatMessage(messages.contatti)}
           </h2>
@@ -43,13 +43,15 @@ const UOContacts = ({ content }) => {
           <UOContactsLocations content={content} />
 
           {richTextHasContent(content.contact_info) && (
-            <div className="mb-5 mt-3">
+            <div className="mb-5">
               <RichText data={content.contact_info} />
             </div>
           )}
           {richTextHasContent(content.orario_pubblico) && (
-            <div className="mb-5 mt-3">
-              <h5>{intl.formatMessage(messages.orario_pubblico)}</h5>
+            <div className="mb-5">
+              <h3 className="h5">
+                {intl.formatMessage(messages.orario_pubblico)}
+              </h3>
               <RichText data={content.orario_pubblico} />
             </div>
           )}
diff --git a/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsContacts.jsx b/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsContacts.jsx
index 59e23d018..5a45b651d 100644
--- a/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsContacts.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsContacts.jsx
@@ -4,10 +4,13 @@ import { ContactsCard } from 'design-comuni-plone-theme/components/ItaliaTheme/V
 
 const UOContactsContacts = ({ content }) => {
   return (
-    content?.contact_info?.length > 0 &&
-    content.contact_info.map((contact) => (
-      <ContactsCard contact={contact} key={contact['@id']} />
-    ))
+    content?.contact_info?.length > 0 && (
+      <div className="mb-5">
+        {content.contact_info.map((contact) => (
+          <ContactsCard contact={contact} key={contact['@id']} />
+        ))}
+      </div>
+    )
   );
 };
 export default UOContactsContacts;
diff --git a/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsLocations.jsx b/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsLocations.jsx
index 3dd9d8aa1..edc4f5e98 100644
--- a/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsLocations.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsLocations.jsx
@@ -12,7 +12,7 @@ const UOContactsLocations = ({ content }) => {
     content?.zip_code?.length > 0 ||
     content?.quartiere?.length > 0 ||
     content?.circoscrizione?.length > 0 ? (
-    <div className="mb-5 mt-3">
+    <div className="mb-5">
       <Locations
         content={content}
         locations={content.sede ?? []}
diff --git a/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsSediSecondarie.jsx b/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsSediSecondarie.jsx
index e4dc99e22..16afb532a 100644
--- a/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsSediSecondarie.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsSediSecondarie.jsx
@@ -13,11 +13,16 @@ const UOContactsSediSecondarie = ({ content }) => {
   const intl = useIntl();
 
   return content.sedi_secondarie?.length > 0 ? (
-    <div className="mb-5 mt-5">
-      <h5>{intl.formatMessage(messages.altre_sedi)}</h5>
+    <div className="mb-5">
+      <h3 className="h5">{intl.formatMessage(messages.altre_sedi)}</h3>
       <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal">
         {content.sedi_secondarie.map((item, _i) => (
-          <GenericCard key={item['@id']} item={item} showimage={false} />
+          <GenericCard
+            key={item['@id']}
+            item={item}
+            showimage={false}
+            className="my-3"
+          />
         ))}
       </div>
     </div>
diff --git a/src/components/ItaliaTheme/View/UOView/UODocuments.jsx b/src/components/ItaliaTheme/View/UOView/UODocuments.jsx
index 8029d4e2b..fce571c02 100644
--- a/src/components/ItaliaTheme/View/UOView/UODocuments.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UODocuments.jsx
@@ -21,11 +21,8 @@ const UODocuments = ({ content }) => {
     <>
       {(contentFolderHasItems(content, 'allegati') ||
         content.documenti_pubblici?.length > 0) && (
-        <section
-          id="allegati"
-          className="it-page-section anchor-offset mt-5 mb-5"
-        >
-          <h2 className="h4" id="header-allegati">
+        <section id="allegati" className="it-page-section anchor-offset mb-5">
+          <h2 className="mb-3 h4" id="header-allegati">
             {intl.formatMessage(messages.documenti)}
           </h2>
           <Attachments
@@ -33,6 +30,7 @@ const UODocuments = ({ content }) => {
             folder_name={'allegati'}
             as_section={false}
           />
+
           <Row className="card-wrapper card-teaser-wrapper documenti-pubblici">
             {content?.documenti_pubblici?.map((dp, i) => (
               <Attachment {...dp} download_url={dp?.['@id']} key={dp['@id']} />
diff --git a/src/components/ItaliaTheme/View/UOView/UOPeople.jsx b/src/components/ItaliaTheme/View/UOView/UOPeople.jsx
index 3f00dfc6e..7ae54c0b5 100644
--- a/src/components/ItaliaTheme/View/UOView/UOPeople.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOPeople.jsx
@@ -20,23 +20,23 @@ const UOPeople = ({ content }) => {
   return content?.persone_struttura?.length > 0 ? (
     <section
       id="persone-struttura"
-      className="it-page-section anchor-offset mt-5"
+      className="it-page-section anchor-offset mb-5 "
     >
-      <h2 className="h4" id="header-persone-struttura">
+      <h2 className="mb-3 h4" id="header-persone-struttura">
         {intl.formatMessage(messages.persone_struttura)}
       </h2>
-      <p className="mt-4">
-        {intl.formatMessage(messages.persone_p_description)}:
-      </p>
+      <p>{intl.formatMessage(messages.persone_p_description)}:</p>
+
       <Row className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal ruolo-persone-struttura">
         {content?.persone_struttura?.map((p, _i) => {
           return (
-            <Col xs="12" lg="12" xl="6" md="12" key={p['@id']}>
+            <Col xs="12" lg="12" xl="6" md="12" className="mb-3" key={p['@id']}>
               <CardPersona
                 item={p}
                 className={'shadow-sm'}
                 showImage={true}
-                titleTagName={'h5'}
+                titleTagName="h3"
+                titleClassName="h5"
               />
             </Col>
           );
diff --git a/src/components/ItaliaTheme/View/UOView/UOServices.jsx b/src/components/ItaliaTheme/View/UOView/UOServices.jsx
index a115a2484..35e77efa3 100644
--- a/src/components/ItaliaTheme/View/UOView/UOServices.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOServices.jsx
@@ -24,16 +24,15 @@ const UOServices = ({ content }) => {
   return content?.servizi_offerti?.length > 0 ? (
     <section
       id={'servizi_offerti'}
-      className={'it-page-section anchor-offset mt-5'}
+      className={'it-page-section anchor-offset mb-5 '}
     >
-      <h2 id={`header-servizi_offerti`} className="h4">
+      <h2 id={`header-servizi_offerti`} className="mb-3 h4">
         {intl.formatMessage(messages.servizi_offerti)}
       </h2>
-
-      <Row className="card-wrapper card-teaser-wrapper mt-4">
+      <Row className="card-wrapper card-teaser-wrapper">
         {content?.servizi_offerti?.map((servizio, i) => (
           <Col xs="12" lg="6">
-            <Card className="shadow rounded card-big-io-comune p-3">
+            <Card className="shadow rounded card-big-io-comune p-3 my-3">
               <CardBody>
                 <CardCategory date="">{servizio.parent_title}</CardCategory>
                 <CardTitle tag="h5">
diff --git a/src/components/ItaliaTheme/View/UOView/UOStructure.jsx b/src/components/ItaliaTheme/View/UOView/UOStructure.jsx
index 112ffe8a5..32574f213 100644
--- a/src/components/ItaliaTheme/View/UOView/UOStructure.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOStructure.jsx
@@ -44,10 +44,10 @@ const UOStructure = ({ content }) => {
     content?.uo_children?.length > 0 ||
     content?.uo_parent ||
     content?.assessore_riferimento?.length > 0 ? (
-    <section id="struttura" className="it-page-section anchor-offset mt-5">
+    <section id="struttura" className="it-page-section anchor-offset mb-5">
       {content.tipologia_organizzazione?.title && (
-        <div className="mb-5 mt-3">
-          <h2 className="h4">
+        <div className="mb-5">
+          <h2 className="mb-3 h4">
             {intl.formatMessage(messages.tipologia_organizzazione)}
           </h2>
           <p className="font-serif">{content.tipologia_organizzazione.title}</p>
@@ -56,69 +56,78 @@ const UOStructure = ({ content }) => {
       {(content.uo_parent ||
         content.uo_children?.length > 0 ||
         content.legami_con_altre_strutture?.length > 0) && (
-        <h2 id="header-struttura" className="mb-3 h4">
-          {intl.formatMessage(messages.struttura)}
-        </h2>
-      )}
-      {content.uo_parent && (
-        <div className="mb-5 mt-3">
-          <h3 className="h5">
-            {intl.formatMessage(messages.legami_struttura_padre)}
-          </h3>
-          <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
-            <OfficeCard
-              key={content.uo_parent['@id']}
-              office={content.uo_parent}
-              load_data={false}
-              show_contacts={false}
-            />
-          </div>
-        </div>
-      )}
+        <div className="mb-5">
+          <h2 id="header-struttura" className="mb-3 h4">
+            {intl.formatMessage(messages.struttura)}
+          </h2>
 
-      {content.uo_children?.length > 0 && (
-        <div className="mb-5 mt-3">
-          <h3 className="h5">
-            {intl.formatMessage(messages.legami_strutture_figlie)}
-          </h3>
-          <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
-            {content.uo_children.map((uo, i) => {
-              return (
+          {content.uo_parent && (
+            <div className="mb-5">
+              <h3 className="h5">
+                {intl.formatMessage(messages.legami_struttura_padre)}
+              </h3>
+              <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
                 <OfficeCard
-                  key={uo['@id']}
-                  office={uo}
+                  key={content.uo_parent['@id']}
+                  office={content.uo_parent}
                   load_data={false}
                   show_contacts={false}
                 />
-              );
-            })}
-          </div>
-        </div>
-      )}
+              </div>
+            </div>
+          )}
 
-      {content.legami_con_altre_strutture?.length > 0 && (
-        <div className="mb-5 mt-3">
-          <h3 className="h5">
-            {intl.formatMessage(messages.legami_altre_strutture)}
-          </h3>
-          <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
-            {content.legami_con_altre_strutture.map((item, _i) => (
-              <OfficeCard key={item['@id']} office={item} load_data={false} />
-            ))}
-          </div>
+          {content.uo_children?.length > 0 && (
+            <div className="mb-5">
+              <h3 className="h5">
+                {intl.formatMessage(messages.legami_strutture_figlie)}
+              </h3>
+              <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
+                {content.uo_children.map((uo, i) => {
+                  return (
+                    <OfficeCard
+                      key={uo['@id']}
+                      office={uo}
+                      load_data={false}
+                      show_contacts={false}
+                    />
+                  );
+                })}
+              </div>
+            </div>
+          )}
+
+          {content.legami_con_altre_strutture?.length > 0 && (
+            <div className="mb-5">
+              <h3 className="h5">
+                {intl.formatMessage(messages.legami_altre_strutture)}
+              </h3>
+              <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
+                {content.legami_con_altre_strutture.map((item, _i) => (
+                  <OfficeCard
+                    key={item['@id']}
+                    office={item}
+                    load_data={false}
+                  />
+                ))}
+              </div>
+            </div>
+          )}
         </div>
       )}
+
       {content.responsabile?.length > 0 && (
-        <div className="mb-5 mt-3">
-          <h2 className="h4">{intl.formatMessage(messages.responsabile)}</h2>
-          <Row className="card-wrapper card-teaser-wrapper  ruolo-persone-struttura">
+        <div className="mb-5">
+          <h3 className="h5">{intl.formatMessage(messages.responsabile)}</h3>
+          <Row className="card-wrapper card-teaser-wrapper ruolo-persone-struttura">
             {content.responsabile.map((item, i) => (
               <Col xs="12" lg="12" xl="12" md="12" sm="12" key={item['@id']}>
                 <CardPersona
                   item={item}
-                  className={'shadow-sm'}
+                  className="shadow-sm my-3"
                   showImage={true}
-                  titleTagName={'h5'}
+                  titleTagName="h4"
+                  titleClassName="h5"
                 />
               </Col>
             ))}
@@ -127,18 +136,19 @@ const UOStructure = ({ content }) => {
       )}
 
       {content.assessore_riferimento?.length > 0 && (
-        <div className="mb-5 mt-3">
+        <div className="mb-5 ">
           <h3 className="h5">
             {intl.formatMessage(messages.assessore_riferimento)}
           </h3>
-          <Row className="card-wrapper card-teaser-wrapper mt-2">
+          <Row className="card-wrapper card-teaser-wrapper ">
             {content.assessore_riferimento.map((item, _i) => (
               <Col xs="12" lg="12" xl="6" md="12" sm="12" key={item['@id']}>
                 <CardPersona
                   item={item}
-                  className={'shadow-sm'}
+                  className="shadow-sm my-3"
                   showImage={true}
-                  titleTagName={'h5'}
+                  titleTagName="h4"
+                  titleClassName="h5"
                   listingText={item.incarichi}
                 />
               </Col>
diff --git a/src/components/ItaliaTheme/View/UOView/UOView.jsx b/src/components/ItaliaTheme/View/UOView/UOView.jsx
index 872472430..2cf201941 100644
--- a/src/components/ItaliaTheme/View/UOView/UOView.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOView.jsx
@@ -3,14 +3,13 @@
  * @module components/theme/View/UOView
  */
 
-import React, { createRef, useEffect, useState } from 'react';
+import React, { createRef } from 'react';
 
 import PropTypes from 'prop-types';
 import {
   PageHeader,
   UOServices,
   RelatedItems,
-  SideMenu,
   ContentImage,
   UOPlaceholderAfterContent,
   UOPlaceholderAfterRelatedItems,
@@ -23,6 +22,7 @@ import {
   RelatedItemInEvidence,
   SkipToMainContent,
   ContentTypeViewSections,
+  useSideMenu,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 export const UOViewSectionsOrder = [
@@ -56,13 +56,7 @@ export const UOViewSectionsOrder = [
  */
 const UOView = ({ content }) => {
   let documentBody = createRef();
-  const [sideMenuElements, setSideMenuElements] = useState(null);
-
-  useEffect(() => {
-    if (documentBody.current && __CLIENT__) {
-      setSideMenuElements(documentBody.current);
-    }
-  }, [documentBody]);
+  const { sideMenuElements, SideMenu } = useSideMenu(content, documentBody);
 
   return (
     <>
@@ -78,7 +72,7 @@ const UOView = ({ content }) => {
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
 
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             {__CLIENT__ && (
               <SideMenu data={sideMenuElements} content_uid={content?.UID} />
@@ -87,7 +81,7 @@ const UOView = ({ content }) => {
           <section
             ref={documentBody}
             id="main-content-section"
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
           >
             {/* SEZIONI */}
             <ContentTypeViewSections
diff --git a/src/components/ItaliaTheme/View/VenueView/VenueDescription.jsx b/src/components/ItaliaTheme/View/VenueView/VenueDescription.jsx
index 59273f102..2b702ffeb 100644
--- a/src/components/ItaliaTheme/View/VenueView/VenueDescription.jsx
+++ b/src/components/ItaliaTheme/View/VenueView/VenueDescription.jsx
@@ -2,33 +2,18 @@ import React from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import {
   RichTextSection,
-  Gallery,
   richTextHasContent,
+  VenueTipologia,
+  VenueElementiDiInteresse,
+  VenueLuoghiCorrelati,
+  VenueMultimedia,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
-import { contentFolderHasItems } from 'design-comuni-plone-theme/helpers';
-import LocationItem from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/LocationItem';
 
 const messages = defineMessages({
   descrizione: {
     id: 'descrizione',
     defaultMessage: 'Descrizione',
   },
-  elementi_di_interesse: {
-    id: 'elementi_di_interesse',
-    defaultMessage: 'Elementi di interesse',
-  },
-  video: {
-    id: 'Video',
-    defaultMessage: 'Video',
-  },
-  luoghi_correlati: {
-    id: 'luoghi_correlati',
-    defaultMessage: 'Luoghi correlati',
-  },
-  tipologia_luogo: {
-    id: 'tipologia_luogo',
-    defaultMessage: 'Tipo di luogo',
-  },
 });
 
 const VenueDescription = ({ content }) => {
@@ -43,52 +28,11 @@ const VenueDescription = ({ content }) => {
           data={content.descrizione_completa}
         />
       )}
-      {content?.tipologia_luogo?.length > 0 && (
-        <RichTextSection
-          tag_id="tipologia"
-          title={intl.formatMessage(messages.tipologia_luogo)}
-        >
-          {content.tipologia_luogo.map((tipologia) => (
-            <p key={tipologia.token} className="font-serif">
-              {tipologia.title}
-            </p>
-          ))}
-        </RichTextSection>
-      )}
-      {richTextHasContent(content.elementi_di_interesse) && (
-        <RichTextSection
-          tag_id="elementi-di-interesse"
-          title={`${intl.formatMessage(messages.elementi_di_interesse)}:`}
-          data={content.elementi_di_interesse}
-        />
-      )}
-      {content?.luoghi_correlati?.length > 0 && (
-        <RichTextSection
-          tag_id={'luoghi_correlati'}
-          title={intl.formatMessage(messages.luoghi_correlati)}
-        >
-          <div className="card-wrapper card-teaser-wrapper mb-5">
-            {content.luoghi_correlati?.map((item, i) => (
-              <LocationItem
-                key={item['@id'] + i}
-                location={item}
-                show_icon={false}
-                show_title_link={true}
-                load={true}
-                details_link={false}
-              />
-            ))}
-          </div>
-        </RichTextSection>
-      )}
-      {contentFolderHasItems(content, 'multimedia') && (
-        <Gallery
-          content={content}
-          folder_name={'multimedia'}
-          title_video={intl.formatMessage(messages.video)}
-          title_type="h5"
-        />
-      )}
+
+      <VenueTipologia content={content} />
+      <VenueElementiDiInteresse content={content} />
+      <VenueLuoghiCorrelati content={content} />
+      <VenueMultimedia content={content} />
     </>
   );
 };
diff --git a/src/components/ItaliaTheme/View/VenueView/VenueElementiDiInteresse.jsx b/src/components/ItaliaTheme/View/VenueView/VenueElementiDiInteresse.jsx
new file mode 100644
index 000000000..04634466f
--- /dev/null
+++ b/src/components/ItaliaTheme/View/VenueView/VenueElementiDiInteresse.jsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import {
+  RichTextSection,
+  richTextHasContent,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
+const messages = defineMessages({
+  elementi_di_interesse: {
+    id: 'elementi_di_interesse',
+    defaultMessage: 'Elementi di interesse',
+  },
+});
+
+const VenueElementiDiInteresse = ({ content }) => {
+  const intl = useIntl();
+  return richTextHasContent(content.elementi_di_interesse) ? (
+    <RichTextSection
+      tag_id="elementi-di-interesse"
+      title={`${intl.formatMessage(messages.elementi_di_interesse)}`}
+      data={content.elementi_di_interesse}
+    />
+  ) : null;
+};
+
+export default VenueElementiDiInteresse;
diff --git a/src/components/ItaliaTheme/View/VenueView/VenueLuoghiCorrelati.jsx b/src/components/ItaliaTheme/View/VenueView/VenueLuoghiCorrelati.jsx
new file mode 100644
index 000000000..5497a44af
--- /dev/null
+++ b/src/components/ItaliaTheme/View/VenueView/VenueLuoghiCorrelati.jsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { RichTextSection } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
+import LocationItem from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/LocationItem';
+
+const messages = defineMessages({
+  luoghi_correlati: {
+    id: 'luoghi_correlati',
+    defaultMessage: 'Luoghi correlati',
+  },
+});
+
+const VenueLuoghiCorrelati = ({ content }) => {
+  const intl = useIntl();
+  return content?.luoghi_correlati?.length > 0 ? (
+    <RichTextSection
+      tag_id={'luoghi_correlati'}
+      title={intl.formatMessage(messages.luoghi_correlati)}
+    >
+      <div className="card-wrapper card-teaser-wrapper mb-5">
+        {content.luoghi_correlati?.map((item, i) => (
+          <LocationItem
+            key={item['@id'] + i}
+            location={item}
+            show_icon={false}
+            show_title_link={true}
+            load={true}
+            details_link={false}
+          />
+        ))}
+      </div>
+    </RichTextSection>
+  ) : null;
+};
+
+export default VenueLuoghiCorrelati;
diff --git a/src/components/ItaliaTheme/View/VenueView/VenueMultimedia.jsx b/src/components/ItaliaTheme/View/VenueView/VenueMultimedia.jsx
new file mode 100644
index 000000000..65628948f
--- /dev/null
+++ b/src/components/ItaliaTheme/View/VenueView/VenueMultimedia.jsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { Gallery } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+import { contentFolderHasItems } from 'design-comuni-plone-theme/helpers';
+
+const messages = defineMessages({
+  video: {
+    id: 'Video',
+    defaultMessage: 'Video',
+  },
+});
+
+const VenueMultimedia = ({ content }) => {
+  const intl = useIntl();
+  return contentFolderHasItems(content, 'multimedia') ? (
+    <Gallery
+      content={content}
+      folder_name={'multimedia'}
+      title_video={intl.formatMessage(messages.video)}
+      title_type="h5"
+    />
+  ) : null;
+};
+
+export default VenueMultimedia;
diff --git a/src/components/ItaliaTheme/View/VenueView/VenueTipologia.jsx b/src/components/ItaliaTheme/View/VenueView/VenueTipologia.jsx
new file mode 100644
index 000000000..864bdd3f9
--- /dev/null
+++ b/src/components/ItaliaTheme/View/VenueView/VenueTipologia.jsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { RichTextSection } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+const messages = defineMessages({
+  tipologia_luogo: {
+    id: 'tipologia_luogo',
+    defaultMessage: 'Tipo di luogo',
+  },
+});
+
+const VenueTipologia = ({ content }) => {
+  const intl = useIntl();
+  return content?.tipologia_luogo?.length > 0 ? (
+    <RichTextSection
+      tag_id="tipologia"
+      title={intl.formatMessage(messages.tipologia_luogo)}
+    >
+      {content.tipologia_luogo.map((tipologia) => (
+        <p key={tipologia.token} className="font-serif">
+          {tipologia.title}
+        </p>
+      ))}
+    </RichTextSection>
+  ) : null;
+};
+
+export default VenueTipologia;
diff --git a/src/components/ItaliaTheme/View/VenueView/VenueView.jsx b/src/components/ItaliaTheme/View/VenueView/VenueView.jsx
index bce30c2ac..b700cdef1 100644
--- a/src/components/ItaliaTheme/View/VenueView/VenueView.jsx
+++ b/src/components/ItaliaTheme/View/VenueView/VenueView.jsx
@@ -3,11 +3,10 @@
  * @module components/theme/View/VenueView
  */
 
-import React, { createRef, useEffect, useState } from 'react';
+import React, { createRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 
 import {
-  SideMenu,
   PageHeader,
   ContentImage,
   RelatedItems,
@@ -23,6 +22,7 @@ import {
   VenueContacts,
   VenueMoreInfos,
   ContentTypeViewSections,
+  useSideMenu,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 export const VenueViewSectionsOrder = [
@@ -56,15 +56,7 @@ export const VenueViewSectionsOrder = [
  */
 const VenueView = ({ content }) => {
   let documentBody = createRef();
-  const [sideMenuElements, setSideMenuElements] = useState(null);
-
-  useEffect(() => {
-    if (documentBody.current) {
-      if (__CLIENT__) {
-        setSideMenuElements(documentBody.current);
-      }
-    }
-  }, [documentBody]);
+  const { sideMenuElements, SideMenu } = useSideMenu(content, documentBody);
 
   useEffect(() => {
     if (
@@ -89,14 +81,14 @@ const VenueView = ({ content }) => {
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
 
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             {__CLIENT__ && (
               <SideMenu data={sideMenuElements} content_uid={content?.UID} />
             )}
           </aside>
           <section
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
             id="main-content-section"
             ref={documentBody}
           >
diff --git a/src/components/ItaliaTheme/View/ViewUtils.jsx b/src/components/ItaliaTheme/View/ViewUtils.jsx
index c2ea8dfc9..f7085304b 100644
--- a/src/components/ItaliaTheme/View/ViewUtils.jsx
+++ b/src/components/ItaliaTheme/View/ViewUtils.jsx
@@ -1,6 +1,8 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { IntlProvider } from 'react-intl';
 import { renderToString } from 'react-dom/server';
+import { SideMenu } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+import config from '@plone/volto/registry';
 
 export const readingTime = (title, description, htmlBody) => {
   const body = htmlBody.current.textContent;
@@ -13,3 +15,69 @@ export const readingTime = (title, description, htmlBody) => {
 
 export const getHTMLString = (content, locale) =>
   renderToString(<IntlProvider locale={locale}>{content}</IntlProvider>);
+
+//Hook per avere il reading time di una pagina
+export const useReadingTime = (content, documentBody) => {
+  const [readingtime, setReadingtime] = useState(0);
+
+  useEffect(() => {
+    if (documentBody.current) {
+      if (__CLIENT__) {
+        setReadingtime(
+          readingTime(content.title, content.description, documentBody),
+        );
+      }
+    }
+  }, [content.description, content.title, documentBody]);
+
+  return { readingtime, setReadingtime };
+};
+
+//Hook per avere i SideMenu elements di una pagina
+export const useSideMenu = (content, documentBody) => {
+  const [sideMenuElements, setSideMenuElements] = useState(null);
+  const [observer, setObserver] = useState(null);
+  const updateSideMenuOnLoadingBlocks =
+    config.settings?.italiaThemeViewsConfig?.[content['@type']]
+      ?.updateSideMenuOnLoadingBlocks ?? false;
+  const SideMenuComponent =
+    config.settings?.italiaThemeViewsConfig?.[content['@type']]?.sideMenu ??
+    SideMenu;
+
+  useEffect(() => {
+    if (documentBody.current) {
+      if (__CLIENT__) {
+        setSideMenuElements(documentBody.current);
+      }
+    }
+  }, [content.description, content.title, documentBody]);
+
+  //observer is needed for loadable blocks like listing and rss, if you want to use their title's for SideMenu
+
+  useEffect(() => {
+    if (!updateSideMenuOnLoadingBlocks) return;
+
+    if (!observer) {
+      const obs = updateSideMenuOnLoadingBlocks
+        ? new MutationObserver((mutationList) => {
+            setSideMenuElements(documentBody.current);
+          })
+        : null;
+      setObserver(obs);
+    }
+    if (observer) {
+      observer.observe(documentBody.current, {
+        //attributes: true,
+        childList: true,
+        subtree: true,
+      });
+    }
+    return () => {
+      if (observer) {
+        observer.disconnect();
+      }
+    };
+  }, [observer, setObserver, documentBody, updateSideMenuOnLoadingBlocks]);
+
+  return { sideMenuElements, setSideMenuElements, SideMenu: SideMenuComponent };
+};
diff --git a/src/components/ItaliaTheme/View/index.js b/src/components/ItaliaTheme/View/index.js
index d971d97c0..697a90bf4 100644
--- a/src/components/ItaliaTheme/View/index.js
+++ b/src/components/ItaliaTheme/View/index.js
@@ -1,11 +1,16 @@
 /* --- Commons --- */
-export RichTextArticle from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichTextArticle';
 export RichTextSection from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichTextSection';
 export RichText from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichText';
 export {
   RichTextRender,
   richTextHasContent,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichTextRender';
+export {
+  useSideMenu,
+  useReadingTime,
+  readingTime,
+  getHTMLString,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/View/ViewUtils';
 
 export RenderBlocks from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RenderBlocks';
 export RelatedNewsArticles from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RelatedNewsArticles';
@@ -68,6 +73,7 @@ export Sponsors from 'design-comuni-plone-theme/components/ItaliaTheme/View/Comm
 export RelatedItems from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RelatedItems';
 export RelatedItemInEvidence from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RelatedItemInEvidence/RelatedItemInEvidence';
 export DownloadFileFormat from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/DownloadFileFormat';
+export BandoStatus from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/BandoStatus';
 export BandoDates from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/BandoDates';
 
 /* --- View --- */
@@ -189,6 +195,10 @@ export VenueWhere from 'design-comuni-plone-theme/components/ItaliaTheme/View/Ve
 export VenuePublicTimetable from 'design-comuni-plone-theme/components/ItaliaTheme/View/VenueView/VenuePublicTimetable';
 export VenueContacts from 'design-comuni-plone-theme/components/ItaliaTheme/View/VenueView/VenueContacts';
 export VenueMoreInfos from 'design-comuni-plone-theme/components/ItaliaTheme/View/VenueView/VenueMoreInfos';
+export VenueTipologia from 'design-comuni-plone-theme/components/ItaliaTheme/View/VenueView/VenueTipologia';
+export VenueElementiDiInteresse from 'design-comuni-plone-theme/components/ItaliaTheme/View/VenueView/VenueElementiDiInteresse';
+export VenueLuoghiCorrelati from 'design-comuni-plone-theme/components/ItaliaTheme/View/VenueView/VenueLuoghiCorrelati';
+export VenueMultimedia from 'design-comuni-plone-theme/components/ItaliaTheme/View/VenueView/VenueMultimedia';
 
 export PuntoDiContattoView from 'design-comuni-plone-theme/components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView';
 export PuntoDiContattoPlaceholderAfterContent from 'design-comuni-plone-theme/components/ItaliaTheme/View/PuntoDiContattoView/Placeholder/AfterContent';
diff --git a/src/components/ItaliaTheme/manage/Widgets/IconPreviewWidget.jsx b/src/components/ItaliaTheme/manage/Widgets/IconPreviewWidget.jsx
index 7c8f2606c..6b4c249b6 100644
--- a/src/components/ItaliaTheme/manage/Widgets/IconPreviewWidget.jsx
+++ b/src/components/ItaliaTheme/manage/Widgets/IconPreviewWidget.jsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import { FontAwesomeIcon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import { defineMessages, useIntl } from 'react-intl';
@@ -14,6 +13,7 @@ const messages = defineMessages({
 const IconPreviewWidget = ({ icon, onEdit, title, description, children }) => {
   const intl = useIntl();
   const parts = icon?.split(' ') ?? [];
+
   return (
     <Form.Field inline className="help" id="icon-preview-widget-id">
       <Grid>
diff --git a/src/config/italiaConfig.js b/src/config/italiaConfig.js
index 08aa1d7e4..09a05c9a0 100644
--- a/src/config/italiaConfig.js
+++ b/src/config/italiaConfig.js
@@ -191,6 +191,8 @@ export default function applyConfig(voltoConfig) {
       //   sections: [
       //     //sections order for Venue content-type view. See components/ItaliaTheme/View/VenueView/VenueView.jsx for default VenueViewSectionsOrder
       //   ],
+      //   updateSideMenuOnLoadingBlocks:false, //serve se si vuole fare in modo che il sideMenu si aggiorni con i titli dei blocchi presenti nel testo
+      //   sideMenu:null // qui va messo il component da usare per fare il SideMenu, se non è impostato viene usato quello di default
       // },
     },
     siteProperties: {
diff --git a/src/customizations/volto/components/manage/Blocks/Listing/ListingBody.jsx b/src/customizations/volto/components/manage/Blocks/Listing/ListingBody.jsx
index cad27aa3f..f63b9bafc 100644
--- a/src/customizations/volto/components/manage/Blocks/Listing/ListingBody.jsx
+++ b/src/customizations/volto/components/manage/Blocks/Listing/ListingBody.jsx
@@ -93,6 +93,13 @@ const ListingBody = React.memo(
       // Also need to purge title from searchblock schema, it's the name of the listing template used
       const listingBodyProps =
         variation?.['@type'] !== 'search' ? data : { ...variation, title: '' };
+
+      // Need to know if data-element is "service-link"
+      // to add data-element="pager-link" to pagination links
+      const isServiceLink =
+        data.id_lighthouse === 'service-link' ||
+        variation.id_lighthouse === 'service-link';
+
       return (
         <div className="public-ui">
           {loadingQuery && (
@@ -123,6 +130,7 @@ const ListingBody = React.memo(
                     activePage={currentPage}
                     totalPages={totalPages}
                     onPageChange={onPaginationChange}
+                    isServiceLink={isServiceLink}
                   />
                 </div>
               )}
diff --git a/src/theme/ItaliaTheme/Blocks/_alert.scss b/src/theme/ItaliaTheme/Blocks/_alert.scss
index cbb5e7876..f63ea76c1 100644
--- a/src/theme/ItaliaTheme/Blocks/_alert.scss
+++ b/src/theme/ItaliaTheme/Blocks/_alert.scss
@@ -1,4 +1,3 @@
-$alert-block-danger: #a32219;
 $alert-block-warning-orange: #eb973f;
 $alert-block-warning: #f0c250;
 .alert-colors-widget {
@@ -18,7 +17,7 @@ $alert-block-warning: #f0c250;
     .ui.button.danger {
       &,
       &.active {
-        background-color: $alert-block-danger;
+        background-color: $alert-danger;
       }
     }
   }
@@ -30,8 +29,18 @@ $alert-block-warning: #f0c250;
       height: auto;
     }
 
+    .draftjs-buttons a {
+      background-color: $white;
+      color: $body-color;
+
+      &:hover {
+        background-color: $black;
+        color: $white;
+      }
+    }
+
     .bg-alert-danger {
-      background-color: $alert-block-danger;
+      background-color: $alert-danger;
       color: $white;
 
       h1,
@@ -48,6 +57,7 @@ $alert-block-warning: #f0c250;
       }
     }
 
+<<<<<<< HEAD
     .bg-alert-warning-orange {
       background-color: $alert-block-warning-orange;
       color: $black;
@@ -60,12 +70,17 @@ $alert-block-warning: #f0c250;
       h6 {
         color: $black;
       }
+=======
+    .bg-alert-warning {
+      background-color: $alert-warning;
+>>>>>>> main
 
       a {
-        color: $black;
+        color: $body-color;
       }
     }
 
+<<<<<<< HEAD
     .bg-alert-warning {
       background-color: $alert-block-warning;
       color: $black;
@@ -78,9 +93,13 @@ $alert-block-warning: #f0c250;
       h6 {
         color: $black;
       }
+=======
+    .bg-alert-info {
+      background-color: $alert-info;
+>>>>>>> main
 
       a {
-        color: $black;
+        color: $body-color;
       }
     }
 
@@ -99,26 +118,22 @@ $alert-block-warning: #f0c250;
     }
 
     img.left-image {
-      max-width: 80%;
       object-fit: unset;
-    }
+      max-width: 80%;
 
-    .image-col {
-      text-align: center;
-    }
+      &.size {
+        &-m {
+          max-width: 50%;
+        }
 
-    div + h3,
-    p + h3,
-    h3 + div,
-    h3 + p {
-      margin-top: 1.33rem;
+        &-s {
+          max-width: 30%;
+        }
+      }
     }
 
-    div + h2,
-    p + h2,
-    h2 + div,
-    h2 + p {
-      margin-top: 1rem;
+    .image-col {
+      text-align: center;
     }
   }
 }
diff --git a/src/theme/ItaliaTheme/Components/_galleryPreview.scss b/src/theme/ItaliaTheme/Components/_galleryPreview.scss
index ac10d3d87..be40db714 100644
--- a/src/theme/ItaliaTheme/Components/_galleryPreview.scss
+++ b/src/theme/ItaliaTheme/Components/_galleryPreview.scss
@@ -23,30 +23,29 @@
       }
     }
 
+    .modal-body {
+      padding-top: 0;
+    }
+
     .item-preview {
       position: relative;
       margin-bottom: 1.25rem;
-
-      .image {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
+      min-height: 72vh;
+      display: flex;
+      align-items: center;
+      text-align: center;
 
       img {
         width: auto !important;
         max-width: 100%;
-
         height: auto;
-        max-height: calc(100vh - 12rem);
+        max-height: 72vh;
       }
 
       button.btn {
         position: absolute;
         z-index: 1;
-
         top: 50%;
-
         border-radius: 100%;
         transform: translateY(-50%);
         height: 3.05rem;
@@ -70,8 +69,5 @@
         }
       }
     }
-    .modal-body {
-      padding-top: 0;
-    }
   }
 }
diff --git a/src/theme/ItaliaTheme/Subsites/_common.scss b/src/theme/ItaliaTheme/Subsites/_common.scss
index f00d4cc22..a450a92e8 100644
--- a/src/theme/ItaliaTheme/Subsites/_common.scss
+++ b/src/theme/ItaliaTheme/Subsites/_common.scss
@@ -10,4 +10,3 @@
 @import '~bootstrap/scss/mixins';
 
 @import 'mixin';
-@import 'homepage';
diff --git a/src/theme/ItaliaTheme/Subsites/_homepage.scss b/src/theme/ItaliaTheme/Subsites/_homepage.scss
deleted file mode 100644
index 8c41411b1..000000000
--- a/src/theme/ItaliaTheme/Subsites/_homepage.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-body.subsite.subsite-root {
-  &,
-  .public-ui {
-    .documentFirstHeading,
-    #briciole {
-      display: none;
-    }
-  }
-}
diff --git a/src/theme/ItaliaTheme/Views/_common.scss b/src/theme/ItaliaTheme/Views/_common.scss
index f05cfa1ae..031730129 100644
--- a/src/theme/ItaliaTheme/Views/_common.scss
+++ b/src/theme/ItaliaTheme/Views/_common.scss
@@ -292,6 +292,16 @@ div.sticky-wrapper {
   & > article.mt-5:first-of-type {
     margin-top: 0 !important;
   }
+
+  //gestione scroll per h2 con classe .visually-hidden: non devono avere il margine sopra altrimenti lo scroll si posiziona più in basso rispetto all'inizio del testo
+  .public-ui .h2,
+  .public-ui h2,
+  .h2,
+  h2 {
+    &.visually-hidden {
+      margin-top: 0 !important;
+    }
+  }
 }
 
 #view .it-carousel-wrapper .it-header-block .it-header-block-title h2.h4 {
diff --git a/src/theme/ItaliaTheme/Views/_slider.scss b/src/theme/ItaliaTheme/Views/_slider.scss
index d59486eac..56312375a 100644
--- a/src/theme/ItaliaTheme/Views/_slider.scss
+++ b/src/theme/ItaliaTheme/Views/_slider.scss
@@ -25,7 +25,7 @@
   ul.slick-dots {
     bottom: unset;
     padding: 0;
-    margin: 0 0 0;
+    margin: 0;
 
     li {
       button:before {
diff --git a/src/theme/ItaliaTheme/_home.scss b/src/theme/ItaliaTheme/_home.scss
index 93df3a53d..f32b4d072 100644
--- a/src/theme/ItaliaTheme/_home.scss
+++ b/src/theme/ItaliaTheme/_home.scss
@@ -9,3 +9,13 @@ body.public-ui.contenttype-lrf {
 .sidebar-container-enter-done {
   z-index: 150000 !important;
 }
+
+body.subsite.subsite-root {
+  &,
+  .public-ui {
+    .documentFirstHeading,
+    #briciole {
+      display: none;
+    }
+  }
+}
diff --git a/src/theme/_cms-ui.scss b/src/theme/_cms-ui.scss
index ef1b86d18..6de6ff31e 100644
--- a/src/theme/_cms-ui.scss
+++ b/src/theme/_cms-ui.scss
@@ -377,6 +377,11 @@ body.cms-ui {
     .button.callout_note.active {
       background-color: $primary;
     }
+
+    .button.info,
+    .button.info.active {
+      background-color: $info;
+    }
   }
 
   .path-filter-widget {
diff --git a/src/theme/_site-variables.scss b/src/theme/_site-variables.scss
index 46d63fcfb..88dd8f354 100644
--- a/src/theme/_site-variables.scss
+++ b/src/theme/_site-variables.scss
@@ -39,6 +39,11 @@ $caption-text: #455b71 !default;
 
 $primary-a0: hsl($primary-h, 62%, 97%) !default;
 
+// ALERT-BLOCK CUSTOM COLORS
+$alert-danger: #a32219;
+$alert-warning: #eb973f;
+$alert-info: #f0c250;
+
 $argument-icon-color: $tertiary !default;
 $argument-icon-bg: #f5f6f7 !default;
 $external-link-fill-buttons: $tertiary-text !default;