CINXE.COM
√ Visage - Rockol
<!DOCTYPE html> <html class="no-js" lang="it" prefix="og: http://ogp.me/ns#"> <head> <style> /** Nasconde gli svg prima del caricamento effettivo del CSS */ svg { display: none; } </style> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>√ Visage - Rockol</title> <!-- DNS Prefetching and preconnect --> <!-- Static assets --> <link rel="preconnect" href="https://static.rockol.it"> <link rel="dns-prefetch" href="https://static.rockol.it" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <!-- Images --> <link rel="preconnect" href="https://images.rockol.it"> <link rel="dns-prefetch" href="https://images.rockol.it"> <!-- Preload CSS --> <link rel="preload" as="style" href="https://static.rockol.it/assets/static/ver.202505291851/css/rockol.min.css"> <!-- JQuery --> <link rel="preload" href="https://static.rockol.it/assets/vendors/jquery/jquery-3.5.1.min.js" as="script"> <link rel="preconnect" data-rockol-promo href="//cdn.iubenda.com" data-cest="iubenda-preload" /> <link rel="dns-prefetch" data-rockol-promo href="//cdn.iubenda.com" data-cest="iubenda-prefetch" /> <link rel="dns-prefetch" data-rockol-promo href="//exmarketplace.com" /> <link rel="preconnect" data-rockol-promo href="https://cdn.exmarketplace.com" /> <link rel="preconnect" data-rockol-promo href="https://securepubads.g.doubleclick.net" /> <link rel="preconnect" data-rockol-promo href="https://imasdk.googleapis.com" /> <link rel="dsn-prefetch" data-rockol-promo href="https://imasdk.googleapis.com/" /> <style> /* lora-regular - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lora'; font-style: normal; font-weight: 400; src: url('https://static.rockol.it/assets/fonts/lora-v35-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lora-700 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lora'; font-style: normal; font-weight: 700; src: url('https://static.rockol.it/assets/fonts/lora-v35-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-100 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('https://static.rockol.it/assets/fonts/roboto-v47-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-regular - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('https://static.rockol.it/assets/fonts/roboto-v47-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-500 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('https://static.rockol.it/assets/fonts/roboto-v47-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-700 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('https://static.rockol.it/assets/fonts/roboto-v47-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-condensed-100 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 100; src: url('https://static.rockol.it/assets/fonts/roboto-condensed-v27-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-condensed-regular - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('https://static.rockol.it/assets/fonts/roboto-condensed-v27-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-condensed-900 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 900; src: url('https://static.rockol.it/assets/fonts/roboto-condensed-v27-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } </style> <link rel="stylesheet" type="text/css" href="https://static.rockol.it/assets/static/ver.202505291851/css/rockol.min.css"> <!-- START: Page specific meta and link tags --> <meta name="description" content="Visage: notizie, discografia, biografia, foto e molto altro. Rockol - il tuo sito per le notizie di musica."> <meta name="robots" content="max-snippet:-1, max-video-preview:-1, max-image-preview:large"> <meta name="type" content="artisti"> <meta name="article:section" content="artist-page"> <link rel="canonical" href="https://www.rockol.it/artista/visage"> <link rel="image_src" href="https://images.rockol.it/xCykv1KPoxhzKylSKFiq35rptSA=/645x482/smart/rockol-img/img/foto/upload/visage-visage-cover-ts1696039271.jpeg"> <!-- END: Page specific meta and link tags --> <!-- START: Twitter metatag --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@rockolpoprock"> <meta name="twitter:title" content="√ Visage"> <meta name="twitter:description" content="Visage: notizie, discografia, biografia, foto e molto altro. Rockol - il tuo sito per le notizie di musica."> <meta name="twitter:image:src" content="https://images.rockol.it/xCykv1KPoxhzKylSKFiq35rptSA=/645x482/smart/rockol-img/img/foto/upload/visage-visage-cover-ts1696039271.jpeg"> <meta name="twitter:domain" content="https://www.rockol.it"> <!-- END: Twitter metatag --> <!-- START: Facebook metatag --> <meta property="fb:app_id" content="324191534279970"/> <meta property="og:admins" content="1163511037"/> <meta property="og:title" content="√ Visage"/> <meta property="og:site_name" content="Rockol"/> <meta property="og:locale" content="it_IT"/> <meta property="og:type" content="article"/> <meta property="og:url" content="https://www.rockol.it/artista/visage"/> <meta property="og:image" content="https://images.rockol.it/xCykv1KPoxhzKylSKFiq35rptSA=/645x482/smart/rockol-img/img/foto/upload/visage-visage-cover-ts1696039271.jpeg"/> <meta property="og:image:secure_url" content="https://images.rockol.it/xCykv1KPoxhzKylSKFiq35rptSA=/645x482/smart/rockol-img/img/foto/upload/visage-visage-cover-ts1696039271.jpeg"/> <meta property="og:image:width" content="645"/> <meta property="og:image:height" content="482"/> <meta property="og:description" content="Visage: notizie, discografia, biografia, foto e molto altro. Rockol - il tuo sito per le notizie di musica."/> <!-- END: Facebook metatag --> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta name="author" content="Rockol.com s.r.l."> <meta name="application-name" content="Rockol.IT"> <script> // Marca il documento come js ready (compatibile con IE10) var html = document.querySelector('html'); html.classList.remove('no-js'); html.classList.add('js'); </script> <!-- MMMMMMMMMMMMWKkoc,.. ..,cokKWMMMMMMMMMMMM MMMMMMMMMN0o;. .;o0NMMMMMMMMM MMMMMMWXd;. .,dXMMMMMMM MMMMMXo. .oXMMMMM MMMNx' 'xNMMM MMXl. .......... .',,,..lXMM MK: .dXXXXXXXXXk,.,lx0XNWWK: :KM Xc .oNMMMMMMMMNkdONMMMMMMNc cX d. .lNMMMMMMMMMWNWMMMMMMMNo. .d ' .cXMMMMMMMMMMMMWWNXXNWNd. ' ':XMMMMMMMMMMNOo:,....,;. ;KMMMMMMMMMNx, ;0MMMMMMMMM0: 'OMMMMMMMMWO, . 'kWMMMMMMM0o, . : .xWMMMMMMMK; : O' .dNMMMMMMMX: 'O Wx. 'oNMMMMMMWK: .xW MWk. cNMMMMMWKo. .xWM MMW0; .'xKKK0ko;. ;0WMM MMMMXd. .dXMMMM MMMMMWKo' 'oKWMMMMM MMMMMMMMXkc. .ckXMMMMMMMM MMMMMMMMMMWXkl;.. ..;lkXWMMMMMMMMMM MMMMMMMMMMMMMMWKxl;.. ..;lxKWMMMMMMMMMMMMMM --> <!-- Sitemap --> <link rel="sitemap" type="application/xml" title="Rockol.it - sitemap" href="/sitemap-index.xml"> <!-- Custom Search --> <link rel="search" href="https://www.rockol.it/os-main.xml" type="application/opensearchdescription+xml" title="Rockol.it - Music Search"/> <!-- Favicons, Pins, etc. --> <link rel="icon" type="image/png" href="https://static.rockol.it/assets/img/favicons/favicon-96x96.ver.202505291851.png" sizes="96x96"/> <link rel="icon" type="image/svg+xml" href="https://static.rockol.it/assets/img/favicons/favicon.ver.202505291851.svg"/> <link rel="icon" href="https://static.rockol.it/assets/img/favicons/favicon.ver.202505291851.ico"/> <link rel="apple-touch-icon" sizes="180x180" href="https://static.rockol.it/assets/img/favicons/apple-touch-icon.ver.202505291851.png"/> <meta name="apple-mobile-web-app-title" content="Rockol.it"/> <link rel="manifest" href="https://static.rockol.it/assets/img/favicons/site.ver.202505291851.webmanifest"/> <!-- RSS feeds --> <link rel="alternate" href="https://www.rockol.it/rss/news" type="application/rss+xml" title="Rockol News"> <link rel="alternate" href="https://www.rockol.it/rss/dischi" type="application/rss+xml" title="Rockol Dischi"> <link rel="alternate" href="https://www.rockol.it/rss/concerti" type="application/rss+xml" title="Rockol Concerti"> <link rel="alternate" href="https://www.rockol.it/rss/gallerie-fotografiche" type="application/rss+xml" title="Rockol Gallerie Fotografiche"> <link rel="alternate" href="https://www.rockol.it/rss/video" type="application/rss+xml" title="Rockol Video"> <style type="text/css" data-cest="iubenda-custom-css"> #iubenda-cs-banner { font-size: 15px !important; background: none !important; line-height: 1.4 !important; position: fixed !important; z-index: 99999998 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; display: flex !important; will-change: opacity; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.4s ease !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox { flex-shrink: 0 !important; display: flex !important; align-items: center !important; margin-left: 24px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input { -moz-appearance: none !important; appearance: none !important; -webkit-appearance: none !important; padding: 0 !important; border: 0 !important; margin: 0 !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input::-ms-check, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input::-ms-check { visibility: hidden; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1 { width: 64px !important; height: 32px !important; border-radius: 32px !important; transition: background-position 0.4s ease, background-color 0.4s ease !important; background-color: #CCC !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zM5.729 5.033a.5.5 0 0 0-.638.058l-.058.07a.5.5 0 0 0 .058.637l3.201 3.201-3.201 3.203a.5.5 0 0 0 .707.707l3.201-3.203 3.203 3.203.07.058a.5.5 0 0 0 .637-.058l.058-.07a.5.5 0 0 0-.058-.637L9.706 8.999l3.203-3.201a.5.5 0 0 0-.707-.707L8.999 8.292 5.798 5.091z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: top 4px left 4px !important; background-size: 24px 24px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked { background-color: #1CC691 !important; background-position: top 4px left 36px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zm4.646 5.646l-6.198 6.2-3.1-3a.5.5 0 1 0-.696.718l3.454 3.342a.5.5 0 0 0 .701-.006l6.547-6.546a.5.5 0 1 0-.708-.708z'/%3E%3C/svg%3E") !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked.sm { background-position: top 3px left 27px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.half, #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked[value=partial], #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked.half, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked[value=partial] { background-color: #FFD24D !important; background-position: top 4px left 20px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zm4 8.5H5a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E") !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.half.sm, #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked[value=partial].sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked.half.sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked[value=partial].sm { background-position: top 3px left 15px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1.sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1.sm { width: 48px !important; height: 24px !important; border-radius: 24px !important; background-size: 18px 18px !important; background-position: top 3px left 3px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input::-ms-check, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input::-ms-check { visibility: hidden !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input:not([disabled]), #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input:not([disabled]) { cursor: pointer !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input[disabled], #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input[disabled] { opacity: 0.35; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox .iub-caption, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox .iub-caption { display: none !important; } #iubenda-cs-banner [class*=" iub"], #iubenda-cs-banner [class^=iub], #iubenda-cs-banner .iubenda-banner-content:not(.iubenda-custom-content) * { font-size: 100% !important; width: auto !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none !important; box-sizing: border-box !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; font-family: -apple-system, sans-serif !important; text-decoration: none !important; color: currentColor !important; background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0 0 !important; background-repeat: repeat !important; border: 0 !important; border-color: #000 !important; border-color: currentColor !important; border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; counter-increment: none !important; counter-reset: none !important; direction: inherit !important; float: none !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal !important; line-height: inherit !important; list-style-type: inherit !important; list-style-position: outside !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; overflow: visible !important; padding: 0 !important; position: static !important; quotes: "" "" !important; right: auto !important; table-layout: auto !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; white-space: normal !important; width: auto !important; word-spacing: normal !important; z-index: auto !important; background-origin: padding-box !important; background-origin: padding-box !important; background-clip: border-box !important; background-size: auto !important; -o-border-image: none !important; border-image: none !important; border-radius: 0 !important; border-radius: 0 !important; box-shadow: none !important; -moz-column-count: auto !important; column-count: auto !important; -moz-column-gap: normal !important; column-gap: normal !important; -moz-column-rule: medium none #000 !important; column-rule: medium none #000 !important; -moz-column-span: none !important; column-span: none !important; -moz-column-width: auto !important; column-width: auto !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; hyphens: manual !important; perspective: none !important; perspective-origin: 50% 50% !important; text-shadow: none !important; transition: all 0s ease 0s !important; transform: none !important; transform-origin: 50% 50% !important; transform-style: flat !important; word-break: normal !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } #iubenda-cs-banner.iubenda-cs-overlay:before { content: "" !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.5) !important; z-index: 1 !important; pointer-events: auto !important; } #iubenda-cs-banner.iubenda-cs-center { align-items: center !important; justify-content: center !important; } #iubenda-cs-banner.iubenda-cs-top { align-items: flex-start !important; } #iubenda-cs-banner.iubenda-cs-bottom { align-items: flex-end !important; } #iubenda-cs-banner.iubenda-cs-left { justify-content: flex-start !important; } #iubenda-cs-banner.iubenda-cs-right { justify-content: flex-end !important; } #iubenda-cs-banner.iubenda-cs-visible { opacity: 1 !important; } #iubenda-cs-banner.iubenda-cs-visible > * { pointer-events: auto !important; } #iubenda-cs-banner.iubenda-cs-slidein .iubenda-cs-container { transition: transform 0.4s ease !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-top .iubenda-cs-container { transform: translateY(-48px) !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-bottom .iubenda-cs-container { transform: translateY(48px) !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-visible .iubenda-cs-container { transform: translateY(0) !important; } #iubenda-cs-banner .iubenda-cs-container { position: relative !important; z-index: 2 !important; } #iubenda-cs-banner .iubenda-cs-container.iubenda-cs-themed { display: flex; flex-direction: column; } #iubenda-cs-banner .iubenda-cs-brand { display: flex !important; padding: 16px !important; flex-shrink: 0 !important; } #iubenda-cs-banner .iubenda-cs-brand > div { display: flex !important; justify-content: flex-start !important; } #iubenda-cs-banner .iubenda-cs-brand img { max-width: 192px !important; max-height: 32px !important; } #iubenda-cs-banner .iubenda-cs-content { position: relative !important; z-index: 1 !important; overflow: hidden !important; transition: transform 0.4s ease !important; background-color: #000000 !important; color: #FFFFFF !important; font-size: 14px !important; display: flex; flex-direction: column; } #iubenda-cs-banner .iubenda-cs-rationale { position: relative !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto; } #iubenda-cs-banner .iubenda-cs-close-btn { z-index: 1 !important; top: 6px !important; right: 0 !important; margin: 10px !important; min-width: 32px !important; height: 32px !important; padding: 6px !important; font-size: 24px !important; line-height: 0 !important; font-weight: lighter !important; cursor: pointer !important; text-align: center !important; border: 1px solid transparent !important; border-radius: 4px !important; opacity: 0.7 !important; align-self: flex-end !important; } #iubenda-cs-banner .iubenda-cs-close-btn:hover { opacity: 1 !important; } #iubenda-cs-banner .iubenda-banner-content { font-weight: 300 !important; padding: 16px !important; flex: 1 1 auto !important; overflow-y: auto !important; } #iubenda-cs-banner .iubenda-banner-content a { cursor: pointer !important; color: currentColor !important; opacity: 0.7 !important; text-decoration: underline !important; } #iubenda-cs-banner .iubenda-banner-content a:hover { opacity: 1 !important; } #iubenda-cs-banner #iubenda-cs-title { margin-bottom: 16px !important; margin-top: 8px !important; font-weight: bold !important; } #iubenda-cs-banner .iubenda-cs-counter { text-align: center !important; position: relative !important; z-index: 1 !important; display: none; pointer-events: none; flex-shrink: 0; padding: 8px !important; font-size: 13px !important; font-weight: bold !important; } #iubenda-cs-banner .iubenda-cs-cwa-button { font-weight: bold !important; font-size: 13px !important; background: rgba(255, 255, 255, 0.1) !important; color: white !important; padding: 8px 14px !important; flex-shrink: 0; border-radius: 4px !important; text-align: center !important; z-index: 1 !important; margin: 16px !important; margin-bottom: 0 !important; cursor: pointer !important; } #iubenda-cs-banner .iubenda-cs-cwa-button:focus, #iubenda-cs-banner .iubenda-cs-cwa-button:hover { box-shadow: 0 0 0 999px inset rgba(0, 0, 0, 0.1) !important; } @media (max-width: 639px) { #iubenda-cs-banner .iubenda-cs-cwa-button { box-shadow: 0 8px 16px 4px rgba(0, 0, 0, 0.2) !important; } } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-cwa-button { align-self: flex-end; } } #iubenda-cs-banner .iubenda-cs-opt-group { z-index: 1 !important; display: flex !important; margin-top: 0 !important; flex-shrink: 0 !important; color: #000000 !important; margin: 16px !important; margin-top: 0 !important; } #iubenda-cs-banner .iubenda-cs-opt-group > div { display: flex !important; } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-opt-group { align-items: center !important; justify-content: space-between !important; } #iubenda-cs-banner .iubenda-cs-opt-group-custom { margin-right: auto !important; align-self: start !important; justify-content: flex-start !important; } #iubenda-cs-banner .iubenda-cs-opt-group-consent { margin-left: auto !important; align-self: end !important; justify-content: flex-end !important; } } @media (max-width: 639px) { #iubenda-cs-banner .iubenda-cs-opt-group { flex-direction: column !important; } #iubenda-cs-banner .iubenda-cs-opt-group-custom:not(.iubenda-cs-opt-group-granular) { order: 2; } #iubenda-cs-banner .iubenda-cs-opt-group-consent { order: 1; } } #iubenda-cs-banner .iubenda-cs-opt-group button { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; padding: 8px 32px !important; border-radius: 64px !important; cursor: pointer !important; font-weight: bold !important; font-size: 100% !important; margin-top: 4px !important; margin-bottom: 4px !important; text-align: center !important; border: 0 !important; background-color: #1a1a1a !important; color: #FFFFFF !important; } #iubenda-cs-banner .iubenda-cs-opt-group button.focus, #iubenda-cs-banner .iubenda-cs-opt-group button.hover { box-shadow: 0 0 0 999px inset rgba(0, 0, 0, 0.1) !important; } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-opt-group button:not(:last-of-type) { margin-right: 8px !important; } } @media (max-width: 639px) { #iubenda-cs-banner .iubenda-cs-opt-group button { padding: 8px 24px !important; width: 100% !important; display: block; text-align: center !important; margin: 6px 3px !important; flex: 1; } } #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary, #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-accept-btn { background-color: #0073CE !important; color: #FFFFFF !important; } #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn { background-color: #0073CE !important; color: #FFFFFF !important; } #iubenda-cs-banner.iubenda-cs-padded:not(.iubenda-cs-branded) .iubenda-banner-content { padding-right: 48px !important; } #iubenda-cs-banner.iubenda-cs-padded .iubenda-cs-close-btn { position: absolute !important; } @media (min-width: 640px) { #iubenda-cs-banner:not(.iubenda-cs-padded).iubenda-cs-branded .iubenda-cs-cwa-button { position: absolute !important; } } @media (min-width: 640px) { #iubenda-cs-banner:not(.iubenda-cs-branded):not(.iubenda-cs-no-heading) .iubenda-cs-cwa-button { position: absolute !important; top: -4px !important; right: -4px !important; padding: 5px 10px !important; } } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-branded:not(.iubenda-cs-default-floating).iubenda-cs-top .iubenda-cs-brand, #iubenda-cs-banner.iubenda-cs-branded:not(.iubenda-cs-default-floating).iubenda-cs-bottom .iubenda-cs-brand { border-radius: 8px !important; } } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-branded .iubenda-cs-cwa-button { margin: 15px !important; } } #iubenda-cs-banner.iubenda-cs-branded .iubenda-cs-close-btn { height: 32px !important; min-width: 32px !important; } #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand-badge-outer, #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-brand-badge-outer { height: 0 !important; } #iubenda-cs-banner.iubenda-cs-default:not(.iubenda-cs-left) .iubenda-cs-brand-badge-outer, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-left) .iubenda-cs-brand-badge-outer { margin-left: auto !important; margin-right: 0 !important; float: right !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-cs-brand-badge-outer, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-bottom .iubenda-cs-brand-badge-outer { order: -1 !important; display: inline-flex !important; } #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand { margin: 0 -8px 0 !important; } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand { margin: -8px -8px 0 !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand div { margin: 0 auto !important; width: calc(992px - 32px) !important; } } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand div { margin: 0 8px !important; } } #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-container { width: 100% !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale { width: 992px !important; margin: 16px auto !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-brand-badge { margin: 0 16px !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-container { width: 992px !important; } } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-cs-container { width: 100% !important; } } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-container { width: 480px !important; } } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group { flex-direction: column !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group > div, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group > div, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group > div { width: 100% !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group button, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group button, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group button { display: block !important; width: 100% !important; text-align: center !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group-custom, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group-custom, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group-custom { order: 2; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group-consent, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group-consent, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group-consent { order: 1; } #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-content { box-shadow: 0 8px 48px rgba(0, 0, 0, 0.15) !important; max-width: 100% !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-content { border-radius: 4px !important; margin: 16px !important; } } #iubenda-cs-banner.iubenda-cs-scrollable .iubenda-banner-content { mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 16px) !important; -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 16px) !important; } #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-content, #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-rationale { height: 100% !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-fix-height.iubenda-cs-default-floating .iubenda-cs-content { height: calc(100% - 32px) !important; } } #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-brand img { max-width: 75% !important; } #iubenda-cs-banner a[href]:focus, #iubenda-cs-banner button:focus, #iubenda-cs-banner input:focus, #iubenda-cs-banner textarea:focus, #iubenda-cs-banner select:focus, #iubenda-cs-banner details:focus, #iubenda-cs-banner [tabindex]:not([tabindex="-1"]):focus { outline-width: 2px !important; outline-style: solid !important; outline-color: #005fcc !important; outline-offset: 2px !important; } #iubenda-cs-banner .iubenda-cs-brand-badge { flex-shrink: 0 !important; margin: 16px !important; padding: 6px 34px 6px 10px !important; background: white !important; display: inline-flex; border-radius: 6px !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0 16px rgba(0, 0, 0, 0.1) !important; align-self: flex-end; background-image: url("data:image/svg+xml,%3Csvg fill='none' height='19' viewBox='0 0 9 19' width='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m4.1555.211426c.81725.000101 1.61499.249693 2.28656.715401.67157.465713 1.18496 1.125343 1.47153 1.890693.28657.76536.33266 1.59996.13211 2.39221-.20055.79226-.63818 1.50441-1.25438 2.04124l.87593 11.02083h-7.023493l.875933-11.02083c-.616206-.53683-1.053841-1.24898-1.254391-2.04124-.2005501-.79225-.154458-1.62685.132114-2.39221.286572-.76535.799967-1.42498 1.471537-1.890693.67157-.465708 1.46931-.7153 2.28655-.715401z' fill='%231cc691' fill-rule='evenodd'/%3E%3C/svg%3E") !important; background-position: center right 12px !important; background-repeat: no-repeat !important; color: #222 !important; font-weight: normal !important; font-size: 14px !important; pointer-events: auto !important; } #iubenda-cs-banner .iubenda-cs-brand-badge:hover { border: 1px solid rgba(0, 0, 0, 0.4) !important; } #iubenda-cs-banner .iubenda-cs-brand-badge > span { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; padding-right: 12px !important; } #iubenda-cs-banner .iubenda-cs-brand-badge > span > span { text-decoration: underline !important; } #iubenda-cs-banner .iubenda-cs-brand-badge-text { font-size: 11px !important; font-weight: bold !important; text-align: right !important; margin: -4px 16px 12px !important; } #iubenda-cs-banner .iubenda-cs-brand-badge-text a { color: inherit; } #iubenda-cs-banner .iubenda-iframe-spinner ~ .iubenda-iframe-badge-container .iubenda-cs-brand-badge { display: none !important; } #iubenda-cs-banner .iubenda-granular-controls-container { --iub-granular-background: rgba(0, 0, 0, .02); --iub-granular-border: rgba(0, 0, 0, 0.08); --iub-granular-toggle-background: rgba(0, 0, 0, 0.2); display: flex; flex-wrap: wrap; flex-shrink: 0; margin-bottom: 16px !important; border-top: 1px solid var(--iub-granular-border) !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox { flex-basis: 100%; display: flex !important; gap: 10px !important; padding-left: 16px !important; padding-right: 16px !important; padding-bottom: 14px !important; background-color: var(--iub-granular-background) !important; margin: 0 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1 { width: 48px !important; height: 24px !important; background-position: top 3px left 3px !important; background-size: 18px 18px !important; background-color: var(--iub-granular-toggle-background) !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1, #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked { background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' fill='%23fff' fill-rule='evenodd' r='10'/%3E%3C/svg%3E") !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked { background-position: top 3px left 27px !important; background-color: #1cc691 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked[value=partial] { background-position: top 3px left 15px !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2) { padding-top: 16px !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:last-child { padding-bottom: 16px !important; border-bottom: 1px solid var(--iub-granular-border) !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox { flex-basis: 50%; flex-direction: column-reverse; padding: 14px 10px !important; border: 1px solid var(--iub-granular-border) !important; border-right: 0 !important; border-top: 0 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox--disabled { display: none !important; } @media (max-width: 991px) { #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox { min-width: 0 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox label { max-width: 100%; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox label span { display: block; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox--mobile-hidden { display: none !important; } } #iubenda-cs-banner.iubenda-cs-black .iubenda-granular-controls-container { --iub-granular-background: rgba(255, 255, 255, .02); --iub-granular-border: rgba(255, 255, 255, 0.08); --iub-granular-toggle-background: rgba(255, 255, 255, 0.2); } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox { flex: 1 !important; flex-direction: column-reverse !important; padding: 14px 10px !important; border: 1px solid var(--iub-granular-border) !important; border-right: 0 !important; border-top: 0 !important; padding-top: 16px !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container { grid-gap: 24px !important; padding: 16px 16px 32px !important; border-top: 0 !important; margin-bottom: 0 !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox--disabled, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox--disabled, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox--disabled, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox--disabled { display: flex !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child { padding-left: 16px !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child { padding-right: 16px !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2) { flex: 0 1 auto !important; flex-direction: row !important; background-color: transparent !important; padding: 0 !important; border: none !important; margin: 0 !important; } } .iubenda-tp-btn *, .iubenda-tp-btn:not([data-tp-nostyle]), .iubenda-uspr-btn *, .iubenda-uspr-btn:not([data-tp-nostyle]) { font-size: 100% !important; width: auto !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none !important; box-sizing: border-box !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; font-family: -apple-system, sans-serif !important; text-decoration: none !important; color: currentColor !important; background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0 0 !important; background-repeat: repeat !important; border: 0 !important; border-color: #000 !important; border-color: currentColor !important; border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; counter-increment: none !important; counter-reset: none !important; cursor: auto !important; direction: inherit !important; float: none !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal !important; line-height: inherit !important; list-style-type: inherit !important; list-style-position: outside !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; quotes: "" "" !important; right: auto !important; table-layout: auto !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; visibility: inherit !important; white-space: normal !important; width: auto !important; word-spacing: normal !important; z-index: auto !important; background-origin: padding-box !important; background-origin: padding-box !important; background-clip: border-box !important; background-size: auto !important; -o-border-image: none !important; border-image: none !important; border-radius: 0 !important; border-radius: 0 !important; box-shadow: none !important; -moz-column-count: auto !important; column-count: auto !important; -moz-column-gap: normal !important; column-gap: normal !important; -moz-column-rule: medium none #000 !important; column-rule: medium none #000 !important; -moz-column-span: none !important; column-span: none !important; -moz-column-width: auto !important; column-width: auto !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; hyphens: manual !important; perspective: none !important; perspective-origin: 50% 50% !important; text-shadow: none !important; transition: all 0s ease 0s !important; transform: none !important; transform-origin: 50% 50% !important; transform-style: flat !important; word-break: normal !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } .iubenda-tp-btn:not([data-tp-nostyle]), .iubenda-uspr-btn:not([data-tp-nostyle]) { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; line-height: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 4px !important; cursor: pointer !important; font-weight: bold !important; font-size: 14px !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) !important; color: rgba(0, 0, 0, 0.65) !important; background-color: white !important; display: inline-block !important; vertical-align: middle !important; } .iubenda-tp-btn.iubenda-tp-btn--warning:before, .iubenda-uspr-btn.iubenda-tp-btn--warning:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg fill='none' height='17' viewBox='0 0 17 17' width='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.79042 2.81577c.7788-1.28272 2.64036-1.28272 3.41918 0l5.9459 9.79333c.8093 1.3328-.1503 3.038-1.7095 3.038h-11.89195c-1.55927 0-2.5188026-1.7052-1.709576-3.038z' fill='%23fb6666'/%3E%3Cpath d='m14.446 15.1471h-11.89195c-1.16945 0-1.889102-1.2789-1.28218-2.2785l5.94595-9.79334c.5841-.96204 1.98026-.96204 2.56436 0l5.94592 9.79334c.607.9996-.1127 2.2785-1.2821 2.2785z' stroke='%23000' stroke-opacity='.1'/%3E%3Cg fill='%23fff'%3E%3Crect height='4.97619' rx='.497619' width='.995238' x='8' y='6'/%3E%3Cpath d='m8 12.5c0-.2761.22386-.5.5-.5.27614 0 .5.2239.5.5 0 .2761-.22386.5-.5.5-.27614 0-.5-.2239-.5-.5z'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-size: 24px 24px; background-repeat: no-repeat; position: absolute; top: -16px; right: -16px; width: 32px; height: 32px; z-index: 2147483647 !important; } .iubenda-tp-btn[data-tp-icon], .iubenda-uspr-btn[data-tp-icon] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231CC691' fill-rule='evenodd' d='M16 7a4 4 0 0 1 2.627 7.016L19.5 25h-7l.873-10.984A4 4 0 0 1 16 7z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: 32px 32px !important; background-position: top 0.5px left 1px !important; } .iubenda-tp-btn[data-tp-circle], .iubenda-uspr-btn[data-tp-circle] { border-radius: 32px !important; } .iubenda-tp-btn[data-tp-label]:after, .iubenda-uspr-btn[data-tp-label]:after { content: attr(data-tp-label) !important; padding: 0 16px !important; white-space: nowrap !important; } .iubenda-tp-btn[data-tp-label][data-tp-icon]:after, .iubenda-uspr-btn[data-tp-label][data-tp-icon]:after { padding-left: calc(16px + 8px + 8px) !important; } .iubenda-tp-btn[data-tp-float], .iubenda-uspr-btn[data-tp-float] { position: fixed !important; } .iubenda-tp-btn[data-tp-float]:not([data-tp-anchored]), .iubenda-uspr-btn[data-tp-float]:not([data-tp-anchored]) { margin: 16px !important; } .iubenda-tp-btn[data-tp-float]:focus, .iubenda-uspr-btn[data-tp-float]:focus { outline: 2px solid -webkit-focus-ring-color !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-anchored] { margin: 0 16px !important; border-radius: 6px !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { margin: 0 !important; top: 75% !important; transform: translateY(-50%) !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] { left: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { right: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right] { margin: 0 !important; top: 50% !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 0 !important; transform-origin: bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left] { left: 0 !important; transform: translateY(-50%) rotate(90deg) !important; transform-origin: left bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right] { right: 0 !important; transform: translateY(-50%) rotate(-90deg) !important; transform-origin: right bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right] { bottom: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left][data-tp-anchored], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right][data-tp-anchored] { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-left], .iubenda-tp-btn[data-tp-float][data-tp-float=top-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right] { top: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-left][data-tp-anchored], .iubenda-tp-btn[data-tp-float][data-tp-float=top-right][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-left][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right][data-tp-anchored] { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-left], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left] { left: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-right], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right] { right: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-hover][data-tp-label]:after, .iubenda-uspr-btn[data-tp-float][data-tp-hover][data-tp-label]:after { max-width: 0 !important; overflow: hidden !important; display: block !important; padding: 0 !important; opacity: 0 !important; transition: max-width 0.6s ease, padding 0.6s ease, opacity 0.6s ease !important; } .iubenda-tp-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after, .iubenda-uspr-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after { max-width: 192px !important; padding-left: calc(16px + 8px + 8px) !important; padding-right: 10px !important; opacity: 1 !important; } .iubenda-tp-btn:focus, .iubenda-uspr-btn:focus { outline-width: 2px !important; outline-style: solid !important; outline-color: #005fcc !important; outline-offset: 2px !important; } .iubenda-uspr-btn { border: 1px solid rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1) !important; border-radius: 0.5rem !important; font-family: sans-serif !important; font-weight: bold !important; overflow: hidden !important; display: inline-flex !important; flex-wrap: wrap !important; background: white !important; color: #280404 !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { border-radius: 0 !important; border-bottom-left-radius: 6px !important; border-bottom-right-radius: 6px !important; top: auto !important; bottom: 32px !important; flex-wrap: nowrap !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] *, .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] * { white-space: nowrap !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] { left: 0 !important; transform: translateX(46px) rotate(-90deg) !important; transform-origin: left bottom !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { right: 0 !important; transform: translateX(-46px) rotate(90deg) !important; transform-origin: right bottom !important; } @media (min-width: 480px) { .iubenda-uspr-btn[data-tp-float=top-right], .iubenda-uspr-btn[data-tp-float=top-right] .iubenda-cs-preferences-link, .iubenda-uspr-btn[data-tp-float=bottom-right], .iubenda-uspr-btn[data-tp-float=bottom-right] .iubenda-cs-preferences-link { flex-direction: row-reverse !important; } } .iubenda-uspr-btn a { padding: 0.75rem !important; cursor: pointer !important; flex: 1 1 auto !important; display: inline-flex !important; align-items: center !important; grid-gap: 0.5rem !important; } .iubenda-uspr-btn a img { width: 2.5rem !important; flex-shrink: 0 !important; } .iubenda-uspr-btn a:hover { background-color: rgba(0, 0, 0, 0.025) !important; } .iubenda-uspr-btn a:first-of-type { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) !important; } /* ----------------- MOBILE SDK ----------------- */ .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-visible { justify-content: center!important; align-items: center!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container { max-height: 100%!important; display: flex!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content { height: auto!important; border-radius: 0!important; margin: 0!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-opt-group { text-align: center!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-rationale { display: flex!important; flex-direction: column!important; height: 100%!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-banner-content { flex: 1; overflow-y: auto!important; margin: 0!important; padding: 16px 16px 48px!important; max-height: inherit!important; mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 15%) !important; -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 15%) !important; } @media (max-width: 799px) { .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-footer #iubFooterIabBtnContainer + #iubFooterBtnContainer { -webkit-transform: translateY(-20px) !important; -ms-transform: translateY(-20px) !important; transform: translateY(-20px) !important; } } @media (min-width: 992px) { .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-banner-content, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-opt-group { margin: 24px!important; } .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale { width: 100% !important; margin: 0 !important; } } .no-banner #iubenda-cs-banner { display: none!important; } /** fix scrolling in iOS 10 **/ .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-visible .iubenda-cs-container, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-rationale { height: 100%!important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-top-container { position: relative!important; } .iubenda-mobile-sdk #iubenda-iframe #iab-container { position: absolute!important; top: 0!important; bottom: 0!important; left: 0!important; right: 0!important; } /** iframe **/ .iubenda-mobile-sdk #iubenda-iframe #iubenda-iframe-popup { height: 100%!important; width: 100%!important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-close-btn { display: none!important; } .iubenda-mobile-sdk #iubenda-iframe { background-color: transparent!important; } /* Fix cookie policy trimming on older Android devices */ .iubenda-mobile-sdk #iubenda-iframe iframe { background-color: transparent!important; position:absolute!important; bottom:0!important; top:0!important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-spinner { top: 50px !important; } /* Fix TCF widget overlapping footer in older Android devices */ .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-footer { z-index: 9999!important; } /* Fix popovers going behind footer buttons and not scrolling */ .iubenda-mobile-sdk #iubenda-iframe.iub-popover-visible .iub-popover { z-index: 10000!important; } .iubenda-mobile-sdk #iubenda-iframe .iub-popover-content { position: relative!important; } .iubenda-mobile-sdk #iubenda-iframe .iub-popover-content > div { -webkit-overflow-scrolling: touch!important; position: absolute!important; top: 0!important; bottom: 0!important; } /* Fix purposes widget not scrolling on older iOS and Android devices */ .iubenda-mobile-sdk #purposes-container { -webkit-overflow-scrolling: touch!important; position: absolute!important; top: 0!important; bottom: 0!important; left: 0!important; right: 0!important; overflow: auto!important; } </style> <style> #iubenda-cs-paragraph { font-size: 12px; } .iubenda-cs-brand > img { padding-left: 8px !important; } #iubenda-cs-banner .iubenda-cs-container button.rockol-iubenda-cs-reject-btn.iubenda-cs-btn-primary { font-weight: 600 !important; background-color: #000 !important; margin: auto !important; } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-container button.rockol-iubenda-cs-reject-btn.iubenda-cs-btn-primary { position: absolute !important; right: 0 !important; padding: 8px 32px !important; top: 11px !important; } } #iubenda-cs-banner .iubenda-cs-brand { margin-bottom: 0 !important; padding-bottom: 0 !important; } #iubenda-cs-banner .iubenda-banner-content.iubenda-custom-content { margin-top: 0 !important; padding-top: 0 !important; } .rockol-amp-consent #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-container { width: 100vw !important; height: 100vh !important; } .rockol-amp-consent #iubenda-cs-banner .iubenda-cs-content { width: 100% !important; height: 100% !important; } /* // Da usale per il times close #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn { position: absolute !important; top: 0 !important; width: 20px !important; right: 0 !important; } */ </style> <script> // Initialize Firebase window.config = { apiKey: "AIzaSyB5cAIA-BfhhPFSBIJjIdztuXsdXIQEflw", authDomain: "myrockol.firebaseapp.com", databaseURL: "https://myrockol.firebaseio.com/", messagingSenderId: "733704253707", projectId: "firebase-myrockol", appId: "1:733704253707:web:23953e5d99c764293b720e" }; </script> <script async src="https://static.rockol.it/assets/static/ver.202505291851/js/vendors.min.js"></script> <script async src="https://static.rockol.it/assets/static/ver.202505291851/js/main.min.js"></script> <script async src="https://static.rockol.it/assets/static/ver.202505291851/js/myRockol.min.js"></script> <script type="text/javascript" src="https://static.rockol.it/assets/vendors/jquery/jquery-3.5.1.min.js"></script> <script type="text/javascript"> const SecondPreferencePanel = function () { return { consentGiven: false, getPanel() { return document.querySelector('#iubenda-second-panel'); }, getInnerPanel() { return document.querySelector('#iubenda-second-panel-inner'); }, show() { this.movePanelAbove(); this.getPanel().classList.remove('hidden'); }, hide() { this.getPanel().classList.add('hidden'); }, acceptAll() { _iub.cs.api.acceptAll(); _iub.cs.api.ui.banner.removeBanner(); this.hide(); this.consentGiven = true; }, reject() { if (!this.consentGiven) { _iub.cs.api.rejectAll(); this.consentGiven = true; } this.hide(); _iub.cs.api.ui.banner.removeBanner(); }, movePanelAbove() { const banner_container = document.querySelector('#iubenda-cs-banner'); const iubenda_banner = document.querySelector('.iubenda-cs-container'); const secondPanel = this.getPanel(); const secondPanelInner = this.getInnerPanel(); if (banner_container) { const bannerZIndex = window.getComputedStyle(banner_container).getPropertyValue('z-index'); if (!isNaN(parseInt(bannerZIndex))) { secondPanel.style.zIndex = parseInt(bannerZIndex) + 1; } } if (iubenda_banner) { const { height } = iubenda_banner.getBoundingClientRect(); secondPanelInner.style['min-height'] = height + 'px'; } }, }; }; const IubendaBannerManipulator = () => { return { insertRejectButton() { if (document.querySelector('.rockol-iubenda-cs-reject-btn')) { return; } const customPanelGroup = document.querySelector('.iubenda-cs-brand'); const button = this.createRejectButton(); customPanelGroup.insertAdjacentElement('afterend', button); }, createRejectButton() { // Creazione dell'elemento button var button = document.createElement('button'); // Impostazione degli attributi button.setAttribute('tabindex', '0'); button.setAttribute('role', 'button'); button.setAttribute('aria-pressed', 'false'); // Aggiunta delle classi CSS button.className = 'rockol-iubenda-cs-reject-btn iubenda-cs-btn-primary'; // Impostazione del testo del bottone button.textContent = 'Continua senza accettare →'; button.addEventListener('click', () => { secondPanel.show(); }); return button; }, removeOriginalRejectButton() { document.querySelector('.iubenda-cs-reject-btn').remove(); }, moveCustomSettingsButton() { const customizeButton = document.querySelector('.iubenda-cs-customize-btn'); const acceptButton = document.querySelector('.iubenda-cs-accept-btn.iubenda-cs-btn-primary'); const targetParent = acceptButton.parentNode; targetParent.insertBefore(customizeButton, acceptButton); }, }; }; const secondPanel = new SecondPreferencePanel(); const iubendaBannerManipulator = IubendaBannerManipulator(); var _iub = _iub || []; _iub.csConfiguration = {"lang":"it","invalidateConsentWithoutLog":true,"consentOnContinuedBrowsing":true,"enableTcf":true,"googleAdditionalConsentMode":true,"perPurposeConsent":true,"siteId":"2003257","cookiePolicyId":"96867379","banner":{"position":"bottom","brandBackgroundColor":"none","brandTextColor":"black","logo":"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNDAuMTYiIGhlaWdodD0iMzQwLjE2Ij4KICA8c3R5bGU+CiAgICAuc3Qwe2ZpbGw6I2ZmZn0KICA8L3N0eWxlPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDQuMDYgMTQyLjI3YzMuNDggMi43IDcuMzUgMy40IDkuMjItLjgyIDEuODYtNC4yMS0uNDktOC4zNi0zLjk3LTExLjA2LTMuNTItMi43NC03LjQtMy40My05LjI2Ljc4LTEuODYgNC4yMi40OSA4LjM3IDQuMDEgMTEuMXpNNzAuMSAyMTkuMTZjLTMuNTItMi43NC03LjQtMy40My05LjI2Ljc4LTEuODYgNC4yMS40OSA4LjM2IDQuMDIgMTEuMDkgMy40OCAyLjcgNy4zNSAzLjQgOS4yMi0uODIgMS44NS00LjIxLS41LTguMzUtMy45OC0xMS4wNXoiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY5LjU5IDBDNzUuNjYuMjctLjI3IDc2LjY0IDAgMTcwLjU3czc2LjY0IDE2OS44NiAxNzAuNTcgMTY5LjU5IDE2OS44Ni03Ni42NCAxNjkuNTktMTcwLjU3UzI2My41Mi0uMjcgMTY5LjU5IDB6TTEwMS40IDkyLjYzbDMwLjA1IDIzLjM0LTQuMDQgOS4xMy0zMC4wNS0yMy4zNCA0LjA0LTkuMTN6bS03LjA0IDM0LjEzYzMuODYtOC43MyAxMS4zMS0xMS44NyAxOS4xMi01LjggNy43NyA2LjAzIDkuMzUgMTYuMTkgNS40OSAyNC45Mi0zLjg2IDguNzMtMTEuMzEgMTEuODctMTkuMDggNS44NC03LjgxLTYuMDctOS4zOS0xNi4yMy01LjUzLTI0Ljk2em0tMjEuNjUgMzAuODNsMTYuNDEgMTIuNzUuMDUtLjEtNi41My0xNS4yOSA0LjQyLTEwIDYuNzMgMTcuNTcgMTcuMTMtLjA2LTQuODkgMTEuMDYtMTQuODgtMS43NC0uMDQuMSAxMS42NSA5LjA1LTQuMDMgOS4xMy0zMC4wNS0yMy4zNCA0LjAzLTkuMTN6bS0yLjgxIDI0LjU0YzEuMjEtMi43NCAyLjY5LTQuODYgNC41Mi02LjI0bDUuNjcgNS4yOWMtMS42NC45Ny0yLjc5IDIuMzMtMy43NSA0LjUxLTEuNzUgMy45Ni0uNjYgOC45IDMuNDEgMTIuMDUgMy43NSAyLjkxIDcuNzYgMS4yNSA5LjUtMi43MS45Mi0yLjA4IDEuNDMtNC40OCAxLjM4LTYuNTZsNi4xNCA0LjVjLS4zMyAyLjgxLTEuMTggNS44My0yLjI2IDguMjctMy44NiA4LjczLTExLjMxIDExLjg3LTE5LjA4IDUuODQtNy44MS02LjA3LTkuMzktMTYuMjItNS41My0yNC45NXptLTYuMjQgODcuMzFsLTIzLjUzLTE4LjI3IDMuNjgtOC4zMiA0LjMzIDMuMzcuMDQtLjFjLTIuMjktMy44OS0zLjE3LTcuNjQtMS40Mi0xMS42LjQ3LTEuMDcgMS4xLTIuMDggMS42NC0yLjg4bDYuNTcgNS43MmMtLjcyLjgxLTEuMTcgMS44Mi0xLjY0IDIuODktMS44OCA0LjI2LS4xOCA4Ljc5IDQuNDIgMTIuMzZsOS45MyA3LjcyLTQuMDIgOS4xMXptLTIuOTgtMjguOTdjLTcuODEtNi4wNy05LjM5LTE2LjIyLTUuNTQtMjQuOTUgMy44Ni04LjczIDExLjMxLTExLjg3IDE5LjEyLTUuOCA3Ljc3IDYuMDMgOS4zNSAxNi4xOSA1LjQ5IDI0LjkyLTMuODUgOC43Mi0xMS4zIDExLjg2LTE5LjA3IDUuODN6bTIxMC42OS05Mi42NmMtNi45Ni01LjE2LTE1LjM1LTYuMjUtMjUuNzItNi4yMi0zNy4zOC4xMS01Ny42IDI0Ljk2LTcyIDU3LjU3TDE1OCAyMzQuNmMtOC41OCAyMC4yMi0zOS44NiA1Mi4wOC04NC41MSAzOS4wM2w4Mi44OS0xODcuNjYgNjcuMzYtLjE5LTEzLjc1IDMxLjEzaC43NGMyMy4yNy0yMy4zOCA1MC4wNS0zMy44MiA3Ni4zMy0zMy45bDEyLjk1LS4wNC0yOC42NCA2NC44NHoiLz4KPC9zdmc+Cg==","acceptButtonDisplay":true,"customizeButtonDisplay":true,"textColor":"#ffffff","backgroundOverlay":true,"backgroundColor":"#000","listPurposes":true,"explicitWithdrawal":true,"rejectButtonDisplay":true,"rejectButtonColor":"#000","closeButtonDisplay":false,"acceptButtonCaption":"Accetta e continua a leggere","rejectButtonCaption":"Continua senza accettare"},"enableRemoteConsent":true,"invalidateConsentBefore":"2025-07-01"}; _iub.csConfiguration.callback = { // Su banner mostrato andare a cambiare il DOM per inserire il nostro pulsante che semplicemente mostra il secondo pannello onBannerShown: function () { iubendaBannerManipulator.insertRejectButton(); iubendaBannerManipulator.removeOriginalRejectButton(); }, onPreferenceFirstExpressed: function () { __tcfapi('getTCData', 2, function (tcData) { if (secondPanel.consentGiven) { return; } secondPanel.consentGiven = true; var allTcfPurposesAccepted = Object .keys(tcData.purpose.consents) .every(function (purposeId) { return tcData.purpose.consents[purposeId] === true; }); var isCpFullyAccepted = _iub.cs.api.isConsentGiven(); if (allTcfPurposesAccepted && isCpFullyAccepted) { secondPanel.hide(); } else { secondPanel.show(); } }); }, }; </script> <script> window.iubendaActivateScripts = function () { try { if (_iub && _iub.cs && _iub.cs.api && _iub.cs.api.activateSnippets) { _iub.cs.api.activateSnippets(); } } catch (err) { console.error(err); } }; </script><script data-rockol-promo>!function(n){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=n,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=388)}({388:function(e,t,n){n(389)()},389:function(e,t,n){var r=n(390);e.exports=function(){r();var e=void 0===window._iub?window._iub={}:window._iub,t=e.cmp||(e.cmp={});(t.VERSION||(t.VERSION={})).stubV2="0.3.2"}},390:function(e,t,n){"use strict";e.exports=function(){for(var e,o,a="__tcfapiLocator",i=[],u=window;u;){try{if(u.frames[a]){e=u;break}}catch(e){}if(u===window.top)break;u=u.parent}e||(function e(){var t,n=u.document,r=!!u.frames[a];return r||(n.body?((t=n.createElement("iframe")).style.cssText="display:none",t.name=a,n.body.appendChild(t)):setTimeout(e,5)),!r}(),u.__tcfapi=function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];if(!n.length)return i;"setGdprApplies"===n[0]?3<n.length&&2===parseInt(n[1],10)&&"boolean"==typeof n[3]&&(o=n[3],"function"==typeof n[2]&&n[2]("set",!0)):"ping"===n[0]?(e={gdprApplies:o,cmpLoaded:!1,cmpStatus:"stub"},"function"==typeof n[2]&&n[2](e)):i.push(n)},u.addEventListener("message",function(r){var o="string"==typeof r.data,e={};try{e=o?JSON.parse(r.data):r.data}catch(r){}var a=e.__tcfapiCall;a&&window.__tcfapi(a.command,a.version,function(e,t){var n={__tcfapiReturn:{returnValue:e,success:t,callId:a.callId}};o&&(n=JSON.stringify(n)),r&&r.source&&r.source.postMessage&&r.source.postMessage(n,"*")},a.parameter)},!1))}}});</script> <script data-rockol-promo charset="UTF-8" async="1" src="//cdn.iubenda.com/cs/iubenda_cs.js"></script><script class="_iub_cs_activate-inline" type="text/plain" data-iub-purposes="4" data-cest="facebook-pixel-code-script"> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '324191534279970'); fbq('track', 'PageView'); </script> <link rel="stylesheet" data-rockol-promo media="print" onload="this.media='all'" href="https://cdn.exmarketplace.com/bidder/video_update/vcfg_minified_start_opt.css" /> <link rel="stylesheet" data-rockol-promo media="print" onload="this.media='all'" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> <style> body { background: linear-gradient(-180deg, #BCC5CE 0%, rgb(27 28 51 / .2) 98%), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%); background-attachment: fixed; } @media screen and (min-width: 1100px) { .skin-reference { margin-top: 110px; } } </style> <script type="text/javascript">window.exmp_artist_name="visage";</script> <script type="text/javascript">window.exmp_category_key="artisti";</script> <script data-rockol-promo async src="https://cdn.exmarketplace.com/bidder/rockol/rockol.dfp.min.js"></script> <script data-rockol-promo async src="https://imasdk.googleapis.com/js/sdkloader/ima3.js"></script> <script data-rockol-promo async src="https://cdn.exmarketplace.com/bidder/video_update/vcfg_minified.js"></script> <script data-rockol-promo async src="https://cdn.exmarketplace.com/bidder/rockol/rockol_video_v2.js"></script> <script data-rockol-promo async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <!-- Google Schema.org --> <script type="application/ld+json" > {"@type":"WebSite","url":"https:\/\/www.rockol.it","name":"Rockol.it","alternateName":"Rockol - la musica online \u00e8 qui","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.rockol.it\/search?s={search_term_string}","query-input":"required name=search_term_string"},"@context":"http:\/\/schema.org"} </script> <script type="application/ld+json" > {"@type":"Organization","url":"https:\/\/www.rockol.it","name":"Rockol.com S.R.L.","legalName":"Rockol.com S.R.L.","email":"rocko@rockol.it","logo":{"@context":"http:\/\/schema.org","@type":"ImageObject","name":"Rockol.it Logo","url":"https:\/\/rockol-img.s3.amazonaws.com\/assets\/img\/2019\/logo-big.png"},"address":{"@type":"PostalAddress","addressCountry":"IT","addressLocality":"Milano","addressRegion":"Lombardia","postalCode":"20122","streetAddress":"Via S. Damiano, 9"},"sameAs":["https:\/\/it.wikipedia.org\/wiki\/Rockol","https:\/\/www.facebook.com\/rockol","https:\/\/www.linkedin.com\/company\/rockol\/","https:\/\/www.instagram.com\/rockol.it\/","https:\/\/twitter.com\/rockolpoprock","https:\/\/www.rockol.it"],"@context":"http:\/\/schema.org"} </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-RQQRWQL1QP"></script> <script data-cest="google-analytics-v4"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RQQRWQL1QP'); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4X2JQVYQY5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag( 'config', 'G-4X2JQVYQY5' ); const advTrackingManagement = () => { let advErogando = false; let eventSent = false; let debug = true; const event_values = { TAG_NON_PRESENTE: 1, DIV_EROGATO: 2, DIV_NON_EROGATO: 3, } const log = (...data) => { if (debug) { console.info(...['EROGAZIONE ADV', ...data]); } } const monitoraAdv = () => { // Logica per determinare se l'adv sta erogando let time = 0; let time_out = 1000 * 5; let interval_ms = 200; let intervalId = setInterval(() => { log("Controllo"); time += interval_ms; // Se ho superato il timeout esco e invio if (time > time_out) { log("Timeout"); sendEvent(event_values.DIV_NON_EROGATO); clearInterval(intervalId) } const div_unita_0 = document.querySelector('div[data-adunitid="0"]'); const div_unita_16 = document.querySelector('div[data-adunitid="16"]'); const divDaCercare = div_unita_0 || div_unita_16 || null; // Se l'ad unit non è in pagina invio il fatto che l'adv non è attivo if (divDaCercare === null) { log("No Ad - Unit"); sendEvent(event_values.TAG_NON_PRESENTE); clearInterval(intervalId); return; } // Se l'ad unit è in pagina ed è fillato con una adv allora mando l'evento di ok const divInterno = divDaCercare.querySelector('div[data-google-query-id]'); if (divInterno) { log("Ad presente"); advErogando = true; sendEvent(event_values.DIV_EROGATO); clearInterval(intervalId) return; } }, interval_ms); } const sendEvent = (event_value) => { if (eventSent) { return; } log('Invio evento con valore ' + event_value); gtag('event', 'emp_adv', { 'send_to': 'G-4X2JQVYQY5', 'event_category': 'Adv', 'event_label': 'EMP Adv', 'value': event_value }); eventSent = true; } document.addEventListener('DOMContentLoaded', function() { monitoraAdv(); }); window.addEventListener('beforeunload', function() { sendEvent(event_values.DIV_NON_EROGATO); }); }; advTrackingManagement(); </script> <script> window.loaderConfig_ = { domain: 'www.rockol.it', path: '/js/vendors/webtrekk/smart-pixel-core-v1.2.6/', file: 'smart-pixel.min.js' }; window.wtSmart = window.wtSmart || []; window.wtSmart.push(function (wtSmart) { window.WebtrekkRockolClient = new WtRockolClient(wtSmart, {"trackId":"525983702053258","trackDomain":"rockolitalia01.wt-eu02.net","page":{"name":"https:\/\/www.rockol.it\/artista\/visage","title":"Visage - Rockol","articleTitle":"Visage"}}); WebtrekkRockolClient.setContentGroup({"1":"Aggregato Rockol - Web","2":"Rockol.it - Web","3":"Artisti","5":"www.rockol.it","4":"Pagina artista"}); WebtrekkRockolClient.setCustomParams({1: (function getRefresh() { if (RegExp('[?&]' + 'refresh_cens$').exec(window.location.search)) return 'refresh_cens'; else if (RegExp('[?&]' + 'refresh_ce$').exec(window.location.search)) return 'refresh_ce'; else return 'no-refresh'; })(),2: document.title,4: "Visage",9: "46604",5: "Visage",10: "",6: "18"}); WebtrekkRockolClient.sendPageImpression(); }); document.addEventListener('DOMContentLoaded', function () { window.wtSmart.push(function (wtSmart) { window.WebtrekkRockolClient.trackAdvEvents(); }); }, false); </script> <script type="text/javascript" async src="https://static.rockol.it/assets/static/ver.202505291851/js/webtrekkRockolSmartPixel.js"></script> <noscript> <div> <img src="https://rockolitalia01.wt-eu02.net/525983702053258/wt.pl?p=322,0" height="1" width="1" alt=""/> </div> </noscript> <!-- /Webtrekk --> </head> <body role="document" class="body rockol-body bg-gray-100 h-full artisti sub_area_artist-page is-desktop"> <div id="iubenda-second-panel" data-cest="iubenda-html-panel" class="hidden inset-0 fixed w-full h-full" style="z-index: 100"> <div class="absolute inset-0 bg-black opacity-50"></div> <div id="iubenda-second-panel-inner" class="absolute z-10 inset-x-0 bottom-0 bg-black text-white flex flex-col items-center justify-end p-8"> <div class="flex flex-col space-y-4 mx-auto max-w-4xl"> <div class="heading text-xl">Per una decisione informata</div> <p><strong>Ulteriori dettagli</strong></p> <div class="text-xs"> <p> Accettando i cookie di profilazione, ti verranno proposti annunci pubblicitari che rispecchiano i tuoi interessi, supportando il nostro impegno nel fornire contenuti gratuiti di qualità. </p> <p> Se invece scegli di attivare solo i cookie necessari, sarai esposto a pubblicità generica che potrebbe interferire con la tua esperienza di navigazione, dato che non sarà possibile gestire né la sua frequenza né il suo contenuto. </p> <p> Puoi modificare in ogni momento le tue scelte dal <a href="#" class="iubenda-cs-preferences-link underline">pannello delle preferenze</a> </p> </div> </div> <div class="flex flex-col items-center justify-center space-y-4"> <button class="rounded-full px-6 py-3 text-sm font-bold" style="background: #0073ce;" onclick="secondPanel.acceptAll()"> Accetta e continua a leggere </button> <button onclick="secondPanel.reject()" class="rounded-full bg-gray-900 bg-black px-6 py-3 text-xs"> Installa solo i cookie strettamente necessari </button> </div> </div> </div><noscript data-cest="facebook-pixel-code-noscript"> <img height="1" width="1" alt="" style="display:none" data-iub-purposes="4" class="_iub_cs_activate" data-suppressedsrc="https://www.facebook.com/tr?id=324191534279970&ev=PageView&noscript=1" /> </noscript> <div class="gptslot hidden" data-adunitid="17"></div> <!--[if lt IE 8]> <p class="browserupgrade"> You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience. </p> <![endif]--> <div data-mobile-header class=" md:hidden sticky top-0 left-0 right-0 bg-white border-0 border-b border-rockol-blue border-solid z-index-sticky-content "> <div class="absolute inset-0 h-14 left-16 right-16 flex items-center justify-center text-white text-xl font-bold tracking-wide"> <a href="/trenta" class="underline lora" title="Rockol compie 30 anni. Leggi lo speciale.">Rockol30</a> </div> <!-- LOGO --> <div class="absolute top-0 left-0 z-20 pt-1 pl-2"> <a href="https://www.rockol.it/" class="text-rockol-blue block bg-white rounded-full block"> <svg xmlns="http://www.w3.org/2000/svg" class="w-[80px] h-[80px] fill-current border-2 border-white rounded-full" viewBox="0 0 340.2 340.2" xml:space="preserve"> <path d="M104.2 142.1c3.5 2.7 7.3 3.4 9.2-.8s-.5-8.4-3.9-11.1-7.4-3.4-9.3.8.4 8.3 4 11.1zM70 218.9c-3.5-2.8-7.4-3.5-9.3.8s.5 8.4 4 11.1 7.3 3.4 9.2-.8-.5-8.4-3.9-11.1z"/> <path d="M170.1 0C76.1 0 0 76.1 0 170.1s76.1 170.1 170.1 170.1S340.2 264 340.2 170.1 264 0 170.1 0zm-68.5 92.4 30 23.4-4.1 9.1-30-23.4 4.1-9.1zm-7.1 34.1c3.9-8.7 11.3-11.8 19.1-5.7 7.8 6.1 9.3 16.2 5.4 24.9-3.9 8.7-11.3 11.8-19.1 5.8s-9.3-16.2-5.4-25zm-21.7 30.8 16.4 12.8v-.1l-6.5-15.3 4.4-10 6.7 17.6h17.1l-4.9 11-14.9-1.8v.1l11.6 9.1-4.1 9.1-30-23.4 4.2-9.1zm-2.9 24.5c1-2.4 2.6-4.6 4.6-6.2l5.7 5.3c-1.7 1-3 2.6-3.8 4.5-1.8 4.3-.4 9.3 3.4 12.1 3.7 2.9 7.8 1.3 9.5-2.7.9-2.1 1.4-4.3 1.4-6.6l6.1 4.5c-.4 2.8-1.1 5.6-2.3 8.3-3.9 8.7-11.3 11.8-19.1 5.8s-9.4-16.2-5.5-25zm-6.5 87.4-23.5-18.3 3.7-8.3 4.3 3.4.1-.1c-2.3-3.9-3.2-7.7-1.4-11.6.5-1 1-2 1.6-2.9l6.6 5.7c-.7.9-1.3 1.8-1.7 2.9-1.9 4.2-.2 8.8 4.4 12.4l9.9 7.8-4 9zm-2.9-29c-7.8-6.1-9.4-16.2-5.5-25s11.3-11.8 19.1-5.8c7.8 6.1 9.3 16.2 5.4 24.9-3.7 8.8-11.3 11.9-19 5.9zm167.4 3.7c-.5 2.7-1.7 4.8-3.7 6.2-2 1.4-4.5 2.2-7.5 2.5v.4c3.3.4 5.8 1.6 7.6 3.6 1.8 2 2.4 4.5 2 7.5-.4 2.5-1.6 4.8-3.5 6.8s-4.4 3.6-7.4 4.7c-3 1.2-6.3 1.7-9.9 1.7-3.7 0-7-.6-9.7-1.9-2.7-1.3-4.7-3-5.9-5.2-1.3-2.2-1.7-4.7-1.2-7.6h12.4c-.2.9 0 1.7.3 2.4s1 1.2 1.8 1.6c.8.4 1.8.6 2.9.6 1.3 0 2.5-.3 3.5-.8s1.9-1.2 2.6-2 1.1-1.7 1.2-2.7c.2-1 0-1.7-.5-2.4-.5-.6-1.2-1.1-2.1-1.4-.9-.3-2.1-.4-3.3-.4h-4.9l1.4-8.6h4.4c1.3 0 2.4-.2 3.5-.7 1.1-.5 2-1.1 2.7-1.9.7-.8 1.1-1.7 1.3-2.8.1-.8.1-1.5-.2-2.1s-.7-1.1-1.4-1.4-1.5-.5-2.6-.5c-1.2 0-2.3.2-3.3.6-1.1.4-2 1-2.7 1.7s-1.1 1.5-1.3 2.5h-11.9c.5-2.8 1.6-5.3 3.5-7.5s4.2-3.9 7-5.1c2.8-1.2 5.9-1.8 9.3-1.8 3.5 0 6.5.6 9 1.9 2.5 1.3 4.3 3 5.4 5.1 1.3 2.1 1.6 4.5 1.2 7zm46 9.7c-.8 5.1-2.4 9.4-4.6 13-2.2 3.6-5 6.4-8.4 8.3-3.4 1.9-7.1 2.9-11.3 2.9-4.2 0-7.7-1-10.4-2.9s-4.6-4.7-5.7-8.3c-1-3.6-1.1-7.9-.3-13 .9-5.1 2.4-9.4 4.7-12.9 2.2-3.5 5-6.2 8.4-8.1 3.3-1.8 7.1-2.8 11.3-2.8 4.2 0 7.6.9 10.3 2.8s4.6 4.5 5.7 8.1c1 3.5 1.2 7.8.3 12.9zm-2.4-105.4c-7-5.2-15.3-6.3-25.7-6.3-37.4 0-57.7 24.8-72.2 57.4l-15.8 35.4c-8.6 20.2-40 52-84.6 38.8L156.5 86H224l-13.9 31h.7c23.3-23.3 50.2-33.7 76.4-33.7h13l-28.7 64.9z"/> <path d="M259.5 241.4c-.9-1-2.1-1.5-3.6-1.5-2.2 0-4.1 1.1-5.9 3.3-1.8 2.2-3 5.7-3.8 10.4-.5 3.2-.7 5.9-.4 8s.9 3.6 1.9 4.6c1 1 2.2 1.5 3.6 1.5 2.2 0 4.1-1.1 5.8-3.4 1.7-2.3 3-5.8 3.8-10.7.5-3.1.7-5.7.4-7.8-.3-2-.9-3.5-1.8-4.4z"/> </svg> </a> </div> <!-- BARRA BLU --> <div class="h-14 flex items-center w-full bg-rockol-blue px-4 top-0"> <nav class="h-full w-full menu-2019 flex-grow roboto font-black uppercase tracking-wider flex items-center justify-between" :class="{'dropdown-active': dropdown}"> <div class="flex w-full justify-end text-white space-x-3"> <icon-login-button data-cy="myRockolLogin" class="font-black font-semibold scale-75 relative z-10" v-slot:default="{loginStateChecking}"> <div class="login-header__button-container cursor-pointer relative block h-8 w-8 text-white !border-white rounded-full overflow-hidden border-2 focus:outline-none focus:border-gray-900"> <div class="login-header__button-bg inset-0 absolute bg-gray-300"></div> <div class="inset-0 absolute flex items-center justify-center"> <svg class=" fill-current h-6 mt-2 inset-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.76 24.43"> <path fill="currentColor" d="M22.81 18.03a6 6 0 00-2.58-1.54c-4.68-1.1-5-1.82-5.29-2.5a2.63 2.63 0 01.25-2.41c2.09-4 2.54-7.32 1.24-9.47A4.56 4.56 0 0012.32 0a4.58 4.58 0 00-4.14 2.15c-1.3 2.17-.86 5.52 1.27 9.43a2.65 2.65 0 01.27 2.4c-.32.71-.74 1.45-5.31 2.51A7.46 7.46 0 001.5 18.2a6.45 6.45 0 00-1.18 6.13h12.13l12.15.12a4.07 4.07 0 00.16-1.8 6.32 6.32 0 00-1.95-4.62z"/> </svg> </div> </div> </icon-login-button> <button aria-label="Apri menù completo" type="button" @click.prevent="dropdown.mobileMainMenu = !dropdown.mobileMainMenu" class="fill-current " :class="{'bg-gray-900 h-full text-white': dropdown.mobileMainMenu}" :style="{color: dropdown.mobileMainMenu ? 'white !important' : 'currentColor'}"> <svg xmlns="http://www.w3.org/2000/svg" class="svg-icon h-5 w-5" viewBox="0 0 24 24"> <path fill="current-color" d="M24 11v3H0v-3h24Zm-6 7v3H0v-3h18Zm6-14v3H0V4h24Z"></path> </svg> </button> </div> </nav> </div> <!-- Menu orizzontale mobile --> <div class="bg-white w-full h-[33px] relative pl-[85px] pr-4 flex justify-end relative"> <div class="min-[355px]:hidden absolute h-full top-0 bottom-0 right-4 bg-gradient-to-l pointer-events-none from-white to-transparent w-4 z-10"></div> <div class="overflow-x-auto min-[355px]:overflow-x-hidden text-xs min-[370px]:text-sm relative lora font-bold z-0 flex items-center justify-between space-x-2 tracking-tighter"> <a href="https://www.rockol.it/articoli" class="section-articoli flex items-center space-x-1"> <div class="w-2 h-2 bg-alternate-color rounded-full mt-0.5"></div> <div>Articoli</div> </a> <a href="https://www.rockol.it/recensioni-musicali" class="section-ascoltati-e-usciti flex items-center space-x-1"> <div class="w-2 h-2 bg-alternate-color rounded-full mt-0.5"></div> <div>Recensioni</div> </a> <a href="https://www.rockol.it/concerti" class="section-live flex items-center space-x-1"> <div class="w-2 h-2 bg-alternate-color rounded-full mt-0.5"></div> <div>Live</div> </a> <musicbiz-portal-link music-biz-teleport-url="https://musicbiz.rockol.it/bridge" href="https://musicbiz.rockol.it" label="MusicBiz"> <a href="https://musicbiz.rockol.it" class="section-musicbiz flex items-center space-x-1"> <div class="w-2 h-2 bg-alternate-color rounded-full mt-0.5"></div> <div>MusicBiz</div> </a> </musicbiz-portal-link> </div> </div> <section v-cloak class="md:hidden"> <!-- Overlay barra blu --> <div v-if="dropdown.mobileMainMenu" class="z-10 top-0 left-0 right-0 fixed scrolling-touch w-full h-14"> <div class="h-14 flex items-center w-full bg-rockol-blue px-4 top-0"> <div class="absolute inset-0 h-14 left-16 right-16 flex items-center justify-center text-white text-xl font-bold tracking-wide"> <a href="/trenta" class="underline lora" title="Rockol compie 30 anni. Leggi lo speciale.">Rockol30</a> </div> <nav class="h-full w-full menu-2019 flex-grow roboto font-black uppercase tracking-wider flex items-center justify-between" :class="{'dropdown-active': dropdown}"> <div class="flex w-full justify-end text-white space-x-3"> <button aria-label="Apri-menù-completo" type="button" @click.prevent="dropdown.mobileMainMenu = !dropdown.mobileMainMenu" class="fill-current " :class="{'h-full text-white': dropdown.mobileMainMenu}" :style="{color: dropdown.mobileMainMenu ? 'white !important' : 'currentColor'}"> <!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon h-6 w-6" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </button> </div> </nav> </div> </div> <div v-if="dropdown.mobileMainMenu"> <div class="fixed top-[90px] bg-white bottom-0 inset-x-0 flex flex-col"> <div class="bg-rockol-blue shrink-0"> <form action="https://www.rockol.it/search" method="GET"> <div class="flex items-center justify-between"> <input name="s" class="text-xl text-white bg-transparent px-4 border-0 w-full p-2 outline-none mb-0" placeholder="Cerca" @keydown.esc="hideSearch"> <button type="submit" class="text-white p-4"> <!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon h-6 w-6" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path> </svg> </button> </div> </form> </div> <div class="overflow-y-auto flex-grow"> <nav> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-articoli"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Articoli</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-1 min-[360px]:grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/articoli" class="">Tutti gli articoli</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/news" class="">News</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/magazine" class="">Magazine</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/articoli/ultime-24-ore" class="">Ultime 24 Ore</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/articoli/piu-letti" class="">I più letti</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/oggi-nel-rock" class="">Accadde Oggi</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/tutto-su/playlists-225470" class="">Playlists</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-ascoltati-e-usciti"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Ascoltati e usciti</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-1 min-[360px]:grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/recensioni-musicali/album" class="">Recensioni album</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/recensioni-musicali/singoli" class="">Recensioni singoli</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/uscite-discografiche" class="">Uscite discografiche</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/singoli" class="">Singoli</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-live"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Live</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-1 min-[360px]:grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/concerti" class="">Concerti</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/concerti/oggi" class="">Oggi in concerto</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/concerti-italia" class="">Concerti in Italia</a> </li> <li class="leading-none"> <a href="/speciali/summer-festival-zone" class="">Summer Festival Zone</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/concerti/ricerca" class="">Cerca concerti</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/articoli/sezione/dal-vivo" class="">Recensioni concerti</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/gallerie-fotografiche" class="">Gallerie fotografiche</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-musicbiz"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <a href="https://musicbiz.rockol.it/" class="">MusicBiz</a> </h3> </div> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-libri"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <a href="https://www.rockol.it/recensioni-musicali/libri" class="">Libri</a> </h3> </div> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-video"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Video</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-1 min-[360px]:grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/videoclip/" class="">Video</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/video-channel/VideoInterviste/" class="">Videointerviste</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/video-channel/Live-Rockol/" class="">Live @ Rockol</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-altro"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Altre sezioni</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-1 min-[360px]:grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/artisti" class="">Artisti</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/inserti" class="">Rockol Mixtapes</a> </li> <li class="leading-none"> <a href="https://musicbiz.rockol.it/classifiche-musicali" class="">Classifiche</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/chi-l-ha-detto" class="">Chi l'ha detto?</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-lyrics"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <a href="https://testicanzoni.rockol.it/" class="">Testi</a> </h3> </div> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-altro"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Seguici</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-1 min-[360px]:grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.instagram.com/rockol.it/" class="">Instagram</a> </li> <li class="leading-none"> <a href="https://www.facebook.com/rockol/" class="">Facebook</a> </li> <li class="leading-none"> <a href="https://www.youtube.com/user/rockolvideo" class="">Youtube</a> </li> <li class="leading-none"> <a href="https://www.linkedin.com/company/rockol" class="">LinkedIn</a> </li> <li class="leading-none"> <a href="https://x.com/rockolpoprock/" class="">X.com</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-altro"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Info & contatti</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-1 min-[360px]:grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/info/chi-siamo" class="">Chi siamo</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/contatti" class="">Contatti</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/copyright" class="">Copyright</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/pubblicita" class="">Pubblicità</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/privacy" class="">Privacy</a> </li> <li class="leading-none"> <a href="https://www.iubenda.com/privacy-policy/96867379/cookie-policy" class="">Cookie policy</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/legal/codice-etico" class="">Codice etico</a> </li> <li class="leading-none"> <a href="#" class="">Preferenze di consenso</a> </li> <li class="leading-none"> <a href="#" class="">Preferenze tracciamento pubblicitario</a> </li> </ul> </div> </div> </nav> </div> </div> </div> </section> </div> <header id="header" class="sticky top-0 relative z-index-sticky-content"> <div class="hidden md:block bg-rockol-blue w-full border-b border-b-rockol-blue border-solid"> <div class="container mx-auto relative"> <div class="ml-2 -mt-3 absolute inset-0"> <div class="mt-[4px] ml-[5px] w-[90px] h-[90px] fill-current bg-white absolute rounded-full"></div> <a class="absolute flex items-center justify-center top-0 left-0 text-rockol-blue bg-white rounded-full" href="https://www.rockol.it/"> <svg xmlns="http://www.w3.org/2000/svg" class="w-[90px] h-[90px] fill-current" viewBox="0 0 340.2 340.2" xml:space="preserve"> <path d="M104.2 142.1c3.5 2.7 7.3 3.4 9.2-.8s-.5-8.4-3.9-11.1-7.4-3.4-9.3.8.4 8.3 4 11.1zM70 218.9c-3.5-2.8-7.4-3.5-9.3.8s.5 8.4 4 11.1 7.3 3.4 9.2-.8-.5-8.4-3.9-11.1z"/> <path d="M170.1 0C76.1 0 0 76.1 0 170.1s76.1 170.1 170.1 170.1S340.2 264 340.2 170.1 264 0 170.1 0zm-68.5 92.4 30 23.4-4.1 9.1-30-23.4 4.1-9.1zm-7.1 34.1c3.9-8.7 11.3-11.8 19.1-5.7 7.8 6.1 9.3 16.2 5.4 24.9-3.9 8.7-11.3 11.8-19.1 5.8s-9.3-16.2-5.4-25zm-21.7 30.8 16.4 12.8v-.1l-6.5-15.3 4.4-10 6.7 17.6h17.1l-4.9 11-14.9-1.8v.1l11.6 9.1-4.1 9.1-30-23.4 4.2-9.1zm-2.9 24.5c1-2.4 2.6-4.6 4.6-6.2l5.7 5.3c-1.7 1-3 2.6-3.8 4.5-1.8 4.3-.4 9.3 3.4 12.1 3.7 2.9 7.8 1.3 9.5-2.7.9-2.1 1.4-4.3 1.4-6.6l6.1 4.5c-.4 2.8-1.1 5.6-2.3 8.3-3.9 8.7-11.3 11.8-19.1 5.8s-9.4-16.2-5.5-25zm-6.5 87.4-23.5-18.3 3.7-8.3 4.3 3.4.1-.1c-2.3-3.9-3.2-7.7-1.4-11.6.5-1 1-2 1.6-2.9l6.6 5.7c-.7.9-1.3 1.8-1.7 2.9-1.9 4.2-.2 8.8 4.4 12.4l9.9 7.8-4 9zm-2.9-29c-7.8-6.1-9.4-16.2-5.5-25s11.3-11.8 19.1-5.8c7.8 6.1 9.3 16.2 5.4 24.9-3.7 8.8-11.3 11.9-19 5.9zm167.4 3.7c-.5 2.7-1.7 4.8-3.7 6.2-2 1.4-4.5 2.2-7.5 2.5v.4c3.3.4 5.8 1.6 7.6 3.6 1.8 2 2.4 4.5 2 7.5-.4 2.5-1.6 4.8-3.5 6.8s-4.4 3.6-7.4 4.7c-3 1.2-6.3 1.7-9.9 1.7-3.7 0-7-.6-9.7-1.9-2.7-1.3-4.7-3-5.9-5.2-1.3-2.2-1.7-4.7-1.2-7.6h12.4c-.2.9 0 1.7.3 2.4s1 1.2 1.8 1.6c.8.4 1.8.6 2.9.6 1.3 0 2.5-.3 3.5-.8s1.9-1.2 2.6-2 1.1-1.7 1.2-2.7c.2-1 0-1.7-.5-2.4-.5-.6-1.2-1.1-2.1-1.4-.9-.3-2.1-.4-3.3-.4h-4.9l1.4-8.6h4.4c1.3 0 2.4-.2 3.5-.7 1.1-.5 2-1.1 2.7-1.9.7-.8 1.1-1.7 1.3-2.8.1-.8.1-1.5-.2-2.1s-.7-1.1-1.4-1.4-1.5-.5-2.6-.5c-1.2 0-2.3.2-3.3.6-1.1.4-2 1-2.7 1.7s-1.1 1.5-1.3 2.5h-11.9c.5-2.8 1.6-5.3 3.5-7.5s4.2-3.9 7-5.1c2.8-1.2 5.9-1.8 9.3-1.8 3.5 0 6.5.6 9 1.9 2.5 1.3 4.3 3 5.4 5.1 1.3 2.1 1.6 4.5 1.2 7zm46 9.7c-.8 5.1-2.4 9.4-4.6 13-2.2 3.6-5 6.4-8.4 8.3-3.4 1.9-7.1 2.9-11.3 2.9-4.2 0-7.7-1-10.4-2.9s-4.6-4.7-5.7-8.3c-1-3.6-1.1-7.9-.3-13 .9-5.1 2.4-9.4 4.7-12.9 2.2-3.5 5-6.2 8.4-8.1 3.3-1.8 7.1-2.8 11.3-2.8 4.2 0 7.6.9 10.3 2.8s4.6 4.5 5.7 8.1c1 3.5 1.2 7.8.3 12.9zm-2.4-105.4c-7-5.2-15.3-6.3-25.7-6.3-37.4 0-57.7 24.8-72.2 57.4l-15.8 35.4c-8.6 20.2-40 52-84.6 38.8L156.5 86H224l-13.9 31h.7c23.3-23.3 50.2-33.7 76.4-33.7h13l-28.7 64.9z"/> <path d="M259.5 241.4c-.9-1-2.1-1.5-3.6-1.5-2.2 0-4.1 1.1-5.9 3.3-1.8 2.2-3 5.7-3.8 10.4-.5 3.2-.7 5.9-.4 8s.9 3.6 1.9 4.6c1 1 2.2 1.5 3.6 1.5 2.2 0 4.1-1.1 5.8-3.4 1.7-2.3 3-5.8 3.8-10.7.5-3.1.7-5.7.4-7.8-.3-2-.9-3.5-1.8-4.4z"/> </svg> </a> </div> </div> <div class="h-[36px]"> <div class="container pl-32 mx-auto _bg-red-500 h-full flex items-center"> <nav class="flex -mx-4 items-center w-full text-white divide-x text-xs tracking-wide font-semibold roboto leading-none "> <a href="/trenta" class="tracking-wide px-4" style="transform: scale(1.2); color: rgb(255, 180, 36);" title="Rockol compie 30 anni. Leggi lo speciale.">Rockol30</a> <a class="px-4" href="/classifiche-musicali">Classifiche</a> <a class="px-4" href="/podcast">Podcast</a> <a class="px-4" href="/videoclip/">Video</a> <a class="px-4" href="/singoli">Singoli</a> <a class="px-4" href="/tutto-su/playlists-225470">Playlist</a> <a class="px-4" href="/speciali/summer-festival-zone">SFZ 2025</a> </nav> </div> </div> <div class="h-[48px] bg-white lora font-bold"> <div class="container pl-32 mx-auto h-full flex items-center"> <div class="flex items-center h-full justify-between w-full space-x-4 md:space-x-8 "> <nav class="flex grow items-center justify-between max-w-xl" :class="{'dropdown-active': dropdown}"> <a href="https://www.rockol.it/articoli" class="section-articoli h-full flex items-center justify-center h-full space-x-1 hover:text-gray-600 space-x-2 text-base lg:text-xl" @mouseenter="showDropdown('news')" @mouseleave="hideDropdown()"> <div class="bg-alternate-color w-3 h-3 rounded-full"></div> <span>Articoli</span> <!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon ml-3 mt-1 h-4 dropdown-chevron" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg> </a> <a href="https://www.rockol.it/recensioni-musicali" class="section-ascoltati-e-usciti h-full flex items-center justify-center h-full space-x-1 hover:text-gray-600 space-x-2 text-base lg:text-xl" @mouseenter="showDropdown('reviews')" @mouseleave="hideDropdown()"> <div class="bg-alternate-color w-3 h-3 rounded-full"></div> <span>Recensioni</span> <!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon ml-3 mt-1 h-4 dropdown-chevron" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg> </a> <a href="https://www.rockol.it/concerti" class="section-live h-full flex items-center justify-center h-full space-x-1 hover:text-gray-600 space-x-2 text-base lg:text-xl" data-temp-mouseenter="showDropdown('shows')" data-temp-mouseleave="hideDropdown()" > <div class="bg-alternate-color w-3 h-3 rounded-full"></div> <span>Concerti</span> </a> <musicbiz-portal-link music-biz-teleport-url="https://musicbiz.rockol.it/bridge" href="https://musicbiz.rockol.it" label="MusicBiz"> <div class="section-musicbiz"> <a href="https://musicbiz.rockol.it" class="h-full flex items-center justify-center h-full space-x-1 hover:text-gray-600 space-x-2 text-base lg:text-xl"> <div class="bg-alternate-color w-3 h-3 rounded-full"></div> <span>MusicBiz</span> </a> </div> </musicbiz-portal-link> </nav> <div class="shrink-0 h-full flex items-center space-x-5"> <div class="h-full"> <button aria-label="Apri-ricerca" type="button" class="fill-current h-full flex items-center justify-center !-mr-3 px-3 relative" :class="{'bg-rockol-blue-dark text-white': dropdown.search}" @click.prevent="toggleFixedDropdown('search')" > <div v-cloak class="bg-rockol-blue-dark absolute h-2 inset-x-0" style="bottom: -2px;" v-if="dropdown.search"></div> <!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon h-6 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path> </svg> </button> </div> <icon-login-button data-cy="myRockolLogin" class="heading font-black font-semibold" v-slot:default="{loginStateChecking}"> <div class="login-header__button-container cursor-pointer relative block h-8 w-8 text-white rounded-full overflow-hidden border-2 focus:outline-none focus:border-gray-900"> <div class="login-header__button-bg inset-0 absolute bg-gray-300"></div> <div class="inset-0 absolute flex items-center justify-center"> <svg class=" fill-current h-6 mt-2 inset-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.76 24.43"> <path fill="currentColor" d="M22.81 18.03a6 6 0 00-2.58-1.54c-4.68-1.1-5-1.82-5.29-2.5a2.63 2.63 0 01.25-2.41c2.09-4 2.54-7.32 1.24-9.47A4.56 4.56 0 0012.32 0a4.58 4.58 0 00-4.14 2.15c-1.3 2.17-.86 5.52 1.27 9.43a2.65 2.65 0 01.27 2.4c-.32.71-.74 1.45-5.31 2.51A7.46 7.46 0 001.5 18.2a6.45 6.45 0 00-1.18 6.13h12.13l12.15.12a4.07 4.07 0 00.16-1.8 6.32 6.32 0 00-1.95-4.62z"/> </svg> </div> </div> </icon-login-button> <div class="h-full"> <button type="button" aria-label="Apri-menù-completo" @mouseenter="showDropdown('desktopMainMenu')" @mouseleave="hideDropdown()" class="fill-current h-full flex items-center justify-center !-ml-3 px-3 relative" :class="{'bg-rockol-blue-dark h-full text-white hover:text-white': dropdown.desktopMainMenu}"> <svg xmlns="http://www.w3.org/2000/svg" class="svg-icon h-5 w-5" viewBox="0 0 24 24"> <path fill="current-color" d="M24 11v3H0v-3h24Zm-6 7v3H0v-3h18Zm6-14v3H0V4h24Z"></path> </svg> </button> </div> </div> </div> </div> </div> </div> </div> <section v-cloak class="hidden sm:block"> <div v-if="dropdown.desktopMainMenu" @mouseenter="showDropdown('desktopMainMenu')" @mouseleave="hideDropdown()" class="absolute bg-rockol-blue-dark text-white w-screen border-b-2 border-black border-solid"> <div class="relative mx-auto container max-width-container bg-rockol-blue-dark pt-8 pb-8"> <h2 class="sr-only">Rockol - sezioni principali</h2> <nav class="flex items-start justify-between -mx-4 px-4"> <div class="mx-4"> <h3 class="heading lora m-0 mb-4 font-black font-roboto-regular">Articoli</h3> <nav> <ul class="underline list-none p-0 text-xs"> <li><a href="https://www.rockol.it/articoli" >Tutti gli articoli</a></li> <li><a href="https://www.rockol.it/news" >News</a></li> <li><a href="https://www.rockol.it/magazine" >Magazine</a></li> <li><a href="https://www.rockol.it/articoli/ultime-24-ore" >Ultime 24 Ore</a></li> <li><a href="https://www.rockol.it/articoli/piu-letti" >I più letti</a></li> <li><a href="https://www.rockol.it/oggi-nel-rock" >Accadde Oggi</a></li> <li><a href="https://www.rockol.it/tutto-su/playlists-225470" >Playlists</a></li> <li><a href="https://www.rockol.it/inserti" >Rockol Mixtapes</a></li> </ul> </nav> </div> <div class="mx-4"> <h3 class="heading lora m-0 mb-4 font-black font-roboto-regular">Ascoltati e usciti</h3> <nav> <ul class="underline list-none p-0 text-xs"> <li><a href="https://www.rockol.it/recensioni-musicali/album" >Recensioni album</a></li> <li><a href="https://www.rockol.it/recensioni-musicali/singoli" >Recensioni singoli</a></li> <li><a href="https://www.rockol.it/uscite-discografiche" >Uscite discografiche</a></li> <li><a href="https://www.rockol.it/singoli" >Singoli</a></li> </ul> </nav> </div> <div class="mx-4"> <h3 class="heading lora m-0 mb-4 font-black font-roboto-regular">Live</h3> <nav> <ul class="underline list-none p-0 text-xs"> <li><a href="https://www.rockol.it/concerti" >Concerti</a></li> <li><a href="https://www.rockol.it/concerti/oggi" >Oggi in concerto</a></li> <li><a href="https://www.rockol.it/concerti-italia" >Concerti in Italia</a></li> <li><a href="/speciali/summer-festival-zone" >Summer Festival Zone</a></li> <li><a href="https://www.rockol.it/concerti/ricerca" >Cerca concerti</a></li> <li><a href="https://www.rockol.it/articoli/sezione/dal-vivo" >Recensioni concerti</a></li> <li><a href="https://www.rockol.it/gallerie-fotografiche" >Gallerie fotografiche</a></li> <li><a href="https://www.rockol.it/biglietti" >Acquista Biglietti</a></li> </ul> </nav> </div> <div class="mx-4"> <h3 class="heading lora m-0 mb-4 font-black font-roboto-regular">Video</h3> <nav> <ul class="underline list-none p-0 text-xs"> <li><a href="https://www.rockol.it/videoclip/" >Video</a></li> <li><a href="https://www.rockol.it/video-channel/VideoInterviste/" >Videointerviste</a></li> <li><a href="https://www.rockol.it/video-channel/Live-Rockol/" >Live @ Rockol</a></li> </ul> </nav> </div> <div class="mx-4"> <nav> <ul class="-mt-2 underline lora list-none heading leading-normal text-lg space-y-0.5 font-roboto-regular heading space-y-2 font-black"> <li><a href="https://www.rockol.it/info/chi-siamo" >Chi siamo</a></li> <li><a href="https://musicbiz.rockol.it" target="_blank" rel="noopener noreferrer" >MusicBiz</a></li> <li><a href="https://www.rockol.it/artisti" >Artisti</a></li> <li><a href="https://www.rockol.it/recensioni-musicali/libri" >Libri</a></li> <li><a href="https://testicanzoni.rockol.it/" >Testi</a></li> <li><a href="https://www.instagram.com/rockol.it/" target="_blank" rel="noopener noreferrer" >Instagram</a></li> <li><a href="https://www.facebook.com/rockol/" target="_blank" rel="noopener noreferrer" >Facebook</a></li> <li><a href="https://www.youtube.com/user/rockolvideo" target="_blank" rel="noopener noreferrer" ><a href="https://www.youtube.com/user/rockolvideo" target="_blank" rel="noopener noreferrer">Youtube</a></a></li> <li><a href="https://www.linkedin.com/company/rockol" target="_blank" rel="noopener noreferrer" >LinkedIn</a></li> </ul> </nav> </div> </nav> </div> </div> <div v-if="dropdown.news" @mouseenter="showDropdown('news')" @mouseleave="hideDropdown()" class="absolute bg-rockol-blue-dark text-white w-screen border-b-2 border-black border-solid"> <div class="mx-auto container max-width-container bg-rockol-blue-dark max-width-container pt-4 pb-8"> <h3 class="text-3xl lora mb-4 font-black font-roboto-regular text-center">Articoli</h3> <keep-alive> <dropdown key="news" :elements='{"last-24-hours":{"label":"Ultime 24 Ore","route":"https:\/\/www.rockol.it\/articoli\/ultime-24-ore","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/JyCvnoBMKdnGgjnRt4oqYs6mwSk=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/rem-cover.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-660353\/accadde-nel-rock-31-luglio","title":"Accadde oggi 31 luglio: R.E.M., Fatboy Slim, Guido Elmi","abstract":"1958: Nasce a Duluth, Minnesota, USA, William Thomas \u0022Bill\u0022 Berry, batterista e polistrumentista dei R.E.M.: lascerà\u0026nbsp;il gruppo nel nel 1997..."},{"imageUrl":"https:\/\/images.rockol.it\/BaSKV-hVy8rYkRMEG-89AQ66IOI=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/main-wide-billy-joel-cases-close-myrna-suarez-photo-final-833a0566-b.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753434\/billy-joel-intervista-critica-white-album-beatles","title":"Billy Joel: \u0022Non sono un grande fan del White Album dei Beatles\u0022","abstract":"Il musicista newyorkese ha criticato il doppio album del 1968 della band di Liverpool"},{"imageUrl":"https:\/\/images.rockol.it\/S8gWpfBHXbguDAnFV9tQnlA9xyA=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/lovecity.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753433\/rebecca-baby-lulu-van-trapp-si-esibisce-seno-nudo-contro-aggressione","title":"Rebecca Baby dei Lulu Van Trapp si esibisce a seno nudo ","abstract":"Questo il modo da lei scelto per rispondere a un palpeggiamento ricevuto nel pit"},{"imageUrl":"https:\/\/images.rockol.it\/iLh_igU-Q8NR0RNw9HJ-Y0WuNhE=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/live-in-rio-93-nirvana-cover-ts1639272828.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753432\/50-album-preferiti-kurt-cobain-nirvana","title":"I 50 album preferiti di Kurt Cobain","abstract":"Un elenco che aiuta a comprendere la personalità dell\u0027ex frontman dei Nirvana"}]},"news":{"label":"News","route":"https:\/\/www.rockol.it\/news","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/JyCvnoBMKdnGgjnRt4oqYs6mwSk=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/rem-cover.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-660353\/accadde-nel-rock-31-luglio","title":"Accadde oggi 31 luglio: R.E.M., Fatboy Slim, Guido Elmi","abstract":"1958: Nasce a Duluth, Minnesota, USA, William Thomas \u0022Bill\u0022 Berry, batterista e polistrumentista dei R.E.M.: lascerà\u0026nbsp;il gruppo nel nel 1997..."},{"imageUrl":"https:\/\/images.rockol.it\/S8gWpfBHXbguDAnFV9tQnlA9xyA=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/lovecity.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753433\/rebecca-baby-lulu-van-trapp-si-esibisce-seno-nudo-contro-aggressione","title":"Rebecca Baby dei Lulu Van Trapp si esibisce a seno nudo ","abstract":"Questo il modo da lei scelto per rispondere a un palpeggiamento ricevuto nel pit"},{"imageUrl":"https:\/\/images.rockol.it\/LkPt9neahxr7kv60LBYqUYMm_n0=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/mz85915.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753430\/wardruna-calendario-concerti-orari-info-biglietti-corte-di-lunas","title":"Wardruna in Italia: due concerti ad agosto e uno a dicembre","abstract":"La folk band norvegese torna ad esibirsi nel nostro Paese"},{"imageUrl":"https:\/\/images.rockol.it\/oIfDrcpoCar2pIXoSsNr6TsoPPQ=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/17072025-nickcave-lsf-sebastiano-41.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753428\/nick-cave-cambiato-idea-su-intelligenza-artificiale-video-tupelo","title":"Nick Cave ha cambiato idea sull\u0027intelligenza artificiale","abstract":"Il musicista australiano si è convinto guardando la clip di \u0022Tupelo\u0022 realizzata da Andrew Dominik"}]},"magazine":{"label":"Magazine","route":"https:\/\/www.rockol.it\/magazine","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/BaSKV-hVy8rYkRMEG-89AQ66IOI=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/main-wide-billy-joel-cases-close-myrna-suarez-photo-final-833a0566-b.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753434\/billy-joel-intervista-critica-white-album-beatles","title":"Billy Joel: \u0022Non sono un grande fan del White Album dei Beatles\u0022","abstract":"Il musicista newyorkese ha criticato il doppio album del 1968 della band di Liverpool"},{"imageUrl":"https:\/\/images.rockol.it\/iLh_igU-Q8NR0RNw9HJ-Y0WuNhE=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/live-in-rio-93-nirvana-cover-ts1639272828.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753432\/50-album-preferiti-kurt-cobain-nirvana","title":"I 50 album preferiti di Kurt Cobain","abstract":"Un elenco che aiuta a comprendere la personalità dell\u0027ex frontman dei Nirvana"},{"imageUrl":"https:\/\/images.rockol.it\/OvTsXdGRNbWaZzzCQetC99u8y9s=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/jethro-tull21.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753431\/ian-anderson-jethro-tull-intervista-parla-mick-jagger-rolling-stones","title":"Ian Anderson: \u0022Mick Jagger si limita a cantare a squarciagola\u0022","abstract":"Il frontman dei Jethro Tull in una intervista ha parlato di Jagger e dell\u0027età che avanza"},{"imageUrl":"https:\/\/images.rockol.it\/hSfhy4l7UZPUdK4iamPGGbnDvR4=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/oasis-photo-live-25-simon-emmett-b.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753426\/tony-mccarroll-intervista-primo-batterista-oasis-lite-noel-gallagher","title":"Ecco perché Tony McCarroll venne licenziato dagli Oasis","abstract":"Il primo batterista della band di Manchester suonò nell\u0027album d\u0027esordio \u0022Definitely Maybe\u0022"}]},"most-read":{"label":"I più letti","route":"https:\/\/www.rockol.it\/articoli\/piu-letti","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/hwUwSkMbAOPMtqHjavZgxeH4d2s=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/nrm2-s-k-ghali1.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753387\/maneskin-canzone-scioglimento-con-ghali-e-shiva-testo-significato","title":"Ghali: “Mi sto sciogliendo come i Måneskin”","abstract":"Nel brano \u0022Maneskin\u0022 di Sadturs \u0026 KIID con Ghali e Shiva la band è metafora di smarrimento. "},{"imageUrl":"https:\/\/images.rockol.it\/eR49YsyuZyd1bsd_x-P-NN2P3QE=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/26072025-morrisey-lsf-sebastiano-56.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753390\/morrissey-in-italia-2025-tour-scaletta-polemica-con-la-polizia-2017","title":"Come sta andando il tour di Morrissey in Italia?","abstract":"Nel 2017 aveva giurato che non avrebbe mai più messo piede nel nostro Paese. E invece…la scaletta. "},{"imageUrl":"https:\/\/images.rockol.it\/0JN_37Q7fbB83b7j2_oXF4tzHwQ=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/stones-you-can-t-1.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753321\/quanto-costa-avere-una-canzone-dei-rolling-stones-in-un-film","title":"Quanto costa avere una canzone dei Rolling Stones in un film?","abstract":"Beh, una bella cifra... "},{"imageUrl":"https:\/\/images.rockol.it\/ez3bJN3x5ae-VQ2v24TvkAIT-m4=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/renga-nek-ennevifoto.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753307\/concerti-2025-i-piu-attesi-di-agosto","title":"Concerti 2025, i più attesi di agosto","abstract":"La lista dei tour più attesi in Italia ad agosto (e le anticipazioni sul prossimo mese)."}]},"industria":{"label":"MusicBiz","route":"https:\/\/musicbiz.rockol.it","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/koIXkV8Krqx9YpRcpwlrpKzxgkQ=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/22simba2-1.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-753429\/island-records-22simba-entra-le-roster","title":"Island Records, 22simba entra nel roster","abstract":"Il rapper pubblicherà il primo agosto il nuovo singolo ‘Fammi un sorriso’"},{"imageUrl":"https:\/\/images.rockol.it\/10Hx5r3CbcPgJwKXiMIBibg51Ts=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/screenshot-2024-02-21-alle-18-51-35.png","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-753427\/codice-di-condotta-ai-act-l-insoddisfazione-dei-rightsholders","title":"Codice di Condotta AI Act, l’insoddisfazione dei rightsholders","abstract":"Per i titolari dei diritti quello raggiunto ‘non è un compromesso equilibrato’"},{"imageUrl":"https:\/\/images.rockol.it\/w3eO_caRoDKCbiWOQ_eF1QnreP0=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/images-7.jpeg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-753415\/secondary-ticketing-federal-trade-commission-dichiara-guerra-bot","title":"Ticketing, la Federal Trade Commission dichiara guerra ai BOT","abstract":"E le società di secondary ticketing rispondono all\u0027attacco, sottolineando le storture del mercato"},{"imageUrl":"https:\/\/images.rockol.it\/-oM-rGTIjRCn4PDzGRezJV8-ikQ=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/livenationlogo.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-753418\/messico-live-nation-aumenta-la-partecipazione-in-ocesa","title":"Messico, Live Nation aumenta la partecipazione in Ocesa","abstract":"Alla multinazionale americana il 75% del capitale del principale promoter del paese"}]}}' ></dropdown> </keep-alive> </div> </div> <div v-if="dropdown.reviews" @mouseenter="showDropdown('reviews')" @mouseleave="hideDropdown()" class="absolute bg-rockol-blue-dark text-white w-screen border-b-2 border-black border-solid"> <div class="mx-auto container max-width-container bg-rockol-blue-dark max-width-container pt-4 pb-8"> <h3 class="text-3xl lora mb-4 font-black font-roboto-regular text-center">Recensioni</h3> <keep-alive> <dropdown key="reviews" :elements='{"recensioni":{"label":"Album","route":"https:\/\/www.rockol.it\/recensioni-musicali\/album","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/qwhZdLc8HrnwIf3cAzMjw4EpzdI=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/mayhem-lady-gaga-cover-ts1741337026.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11514\/lady-gaga-mayhem","rating":"7.0","title":" I numeri 1: Gaga non compiace: disturba e divide. ","abstract":"Durante l’estate, le recensioni degli album andati al primo posto in classifica nel 2025 fino ad ora"},{"imageUrl":"https:\/\/images.rockol.it\/XvtOMxv0-jwxmtAN1QsIzfsi0Jg=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/the-revenge-of-alice-cooper-cd-digipak-cooper-alice-cover-ts1748137881.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11536\/alice-cooper-the-revenge-of-alice-cooper-cd-digipak","rating":"8.0","title":"La \u0022vendetta\u0022 del profeta dello shock-rock è una lezione","abstract":"Alice Cooper riparte da dove tutto ebbe inizio "},{"imageUrl":"https:\/\/images.rockol.it\/k7Pq39H-JPie7QhXpObdSOKjE74=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/5021732728784-frnt-3000x.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11513\/achille-lauro-comuni-mortali","rating":"7.5","title":" I numeri 1: Achille Lauro era per pochi: oggi è per tutti","abstract":"Durante l’estate, le recensioni degli album andati al primo posto in classifica nel 2025 fino ad ora."},{"imageUrl":"https:\/\/images.rockol.it\/UoYJ24yUop4eBcYySleBEfhUYpY=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/loner-barry-can-t-swim-cover-ts1752889581.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11537\/barry-can-t-swim-loner","rating":"7.5","title":"Barry Can\u0027t Swim, “Loner”, tra elettronica e pop, con stile","abstract":"Il secondo album di Josh Mannie, richiama Fred Again.. e Bonobo, con una sua identità"}]},"libri":{"label":"Libri","route":"https:\/\/www.rockol.it\/recensioni-musicali\/libri","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/Urnyv3woOM8p1zWn7pKgx-hN6n4=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/chieffo.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1630\/walter-gatti-la-ballata-di-chieffo","rating":"8.0","title":"Il Guccini dei cattolici?","abstract":"Storia di un cantautore ingiustamente poco conosciuto"},{"imageUrl":"https:\/\/images.rockol.it\/Tqf0rFGhD_b1pUtpTFdpthEgA78=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/hansa.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1629\/andrea-cerasi-achtung","rating":"7.0","title":"In Berlin, by the wall…","abstract":"15 anni di Hansa Studios"},{"imageUrl":"https:\/\/images.rockol.it\/VnFi4ebu0sNHQ9r25prroiOeii4=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/ringo.2025-01-05-14-50-50.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1598\/antonio-bacciocchi-ringo-starr-batterista","rating":"7.0","title":"John, Paul, George e...","abstract":"Ringo, il metronomo"},{"imageUrl":"https:\/\/images.rockol.it\/U8-izMKaH3-_Hq3h5YPDtfmOk_k=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/dylan.2025-03-18-17-12-03.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1627\/elijah-wald-il-giorno-che-bob-dylan-prese-la-chitarra-elettrica","rating":"8.0","title":"E venne il giorno della Stratocaster","abstract":"Newport, 25 luglio 1965"}]},"singoli":{"label":"Singoli","route":"https:\/\/www.rockol.it\/recensioni-musicali\/singoli","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/hwUwSkMbAOPMtqHjavZgxeH4d2s=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/nrm2-s-k-ghali1.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753387\/maneskin-canzone-scioglimento-con-ghali-e-shiva-testo-significato","rating":null,"title":"Ghali: “Mi sto sciogliendo come i Måneskin”","abstract":"Nel brano \u0022Maneskin\u0022 di Sadturs \u0026 KIID con Ghali e Shiva la band è metafora di smarrimento. "},{"imageUrl":"https:\/\/images.rockol.it\/sf4OCz8wk08onI9xaEwpWLiU9O4=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/tame-impala-eos-press-photo-v2-ph-julian-klincewicz.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753373\/tame-impala-ritorno-dopo-5-anni-recensione-end-of-summer-rave","rating":null,"title":"I Tame Impala sono tornati con un brano acid-house da 7 minuti ","abstract":"“End of Summer” è il primo singolo dopo l’album “The Slow Rush” del 2020. La recensione. "},{"imageUrl":"https:\/\/images.rockol.it\/LE4tqGK2rnaqKNirLB0YpJUhleA=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/tzc-foto-di-ilarialombimagliocchietti2.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753227\/gli-zen-circus-raccontano-vita-dei-gatti-e-nostra-miao-recensione","rating":null,"title":"Gli Zen Circus raccontano la vita dei gatti e la nostra","abstract":"Nel nuovo singolo “Miao” ci sono quelli fortunati e di razza, ma anche i randagi."},{"imageUrl":"https:\/\/images.rockol.it\/NTTHj919IIRWqmiwjh63KBLS7a8=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/7ea15304-c0c1-e54a-50b1-e74fc0e12d6c.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753221\/chet-faker-e-tornato-far-side-of-the-moon-2025-recensione-ascolta","rating":null,"title":"Tra nostalgia ed emotività, Chet Faker è tornato","abstract":"“Far Side of the Moon” è un brano sull’amore di una generazione spaesata."}]},"uscite":{"label":"Uscite discografiche","route":"https:\/\/www.rockol.it\/uscite-discografiche","has-panel":false,"component":"DropdownArticle","items":[]},"singoli-sezione":{"label":"Singoli in uscita","route":"https:\/\/www.rockol.it\/singoli","has-panel":false,"component":"DropdownArticle","items":[]}}' ></dropdown> </keep-alive> </div> </div> <div v-if="dropdown.shows" @mouseenter="showDropdown('shows')" @mouseleave="hideDropdown()" class="absolute bg-rockol-blue-dark text-white w-screen border-b-2 border-black border-solid"> <div class="mx-auto container max-width-container bg-rockol-blue-dark max-width-container pt-4 pb-8"> <h3 class="text-3xl mb-4 font-black font-roboto-regular uppercase text-center">Concerti</h3> <keep-alive> <dropdown key="shows" :elements='{"tutti-i-concerti":{"label":"Tutti i concerti","route":"#","component":"DropdownShowList","has-panel":true,"items":[{"left-menu":[{"label":"Concerti di ","suffix":"Oggi","route":"https:\/\/www.rockol.it\/concerti-oggi"},{"label":"Concerti della ","suffix":"Settimana","route":"https:\/\/www.rockol.it\/concerti-settimana"},{"label":"Concerti del ","suffix":"Weekend","route":"https:\/\/www.rockol.it\/concerti-weekend"}],"places":[{"place":"Lignano Sabbiadoro","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-lignano-sabbiadoro-udine-p-gl8r8nzwrk7"},{"place":"Zafferana Etnea","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-zafferana-etnea-catania-p-79zdg4w3d0b"},{"place":"San Benedetto del Tronto","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-san-benedetto-del-tronto-ascoli-piceno-p-y78ew09arjo"},{"place":"Cattolica","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-cattolica-rimini-p-nxad4ynwd0o"},{"place":"Limone Piemonte","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-limone-piemonte-cuneo-p-nxpdz3bgevy"},{"place":"Cecina","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-cecina-livorno-p-lq7ekaxdz03"},{"place":"Udine","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-udine-p-l5zeqboe3np"},{"place":"Brescia","nrOfShows":3,"route":"https:\/\/www.rockol.it\/concerti-brescia-p-79zdgmbkd0b"},{"place":"Milano","nrOfShows":3,"route":"https:\/\/www.rockol.it\/concerti-milano-p-0jqrbm5nez7"},{"place":"Segrate","nrOfShows":4,"route":"https:\/\/www.rockol.it\/concerti-segrate-milano-p-oj5d6okmdwv"},{"place":"Torino","nrOfShows":4,"route":"https:\/\/www.rockol.it\/concerti-torino-p-knoroga7d3w"},{"place":"Pedara","nrOfShows":6,"route":"https:\/\/www.rockol.it\/concerti-pedara-catania-p-40pelpwvrxw"},{"place":"Misano Monte","nrOfShows":6,"route":"https:\/\/www.rockol.it\/concerti-misano-monte-rimini-p-nxad4wwme0o"},{"place":"Malesco","nrOfShows":7,"route":"https:\/\/www.rockol.it\/concerti-malesco-verbano-cusio-ossola-p-x67e70n4dqa"}]}]},"cerca-concerti":{"label":"Cerca Concerti","route":"#","has-panel":true,"component":"DropdownShowSearch","items":[1]},"recensioni-concerti":{"label":"Recensioni concerti","route":"#","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/EUOG2295vpkqR5uqgVQ4ctyVJ0U=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/img-3918-25-ph-f-centaro.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753393\/giorgia-nuova-canzone-golpe-con-calcutta-recensione-scaletta-2025","title":"Giorgia: “In arrivo un singolo scritto da Calcutta”","abstract":"Un tour estivo sold out, un nuovo singolo - “Golpe” - in uscita a settembre. Un album di inediti previsto per l’autunno, un appuntamento nei palazzetti, l’unica artista donna..."},{"imageUrl":"https:\/\/images.rockol.it\/_7D9OQgcKxTMXZOiLFpnvSyKq0k=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/foto-concerto-bombino-torino-18-ottobre-2018-4.2018-10-19-18-12-30.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753384\/bombino-recensione-scaletta-concerto-trento-tour-italia-2025","title":"Oltre i confini della musica e del mondo con Bombino","abstract":"Jimi Hendrix incontra Mark Knopfler nel Sahara. Stringono un patto: fondere due talenti in uno, a patto che a farla da padrona sia la musica locale, il blues del deserto. La..."},{"imageUrl":"https:\/\/images.rockol.it\/eEX85pSH2fW4eOWhFNxHoqQZR0E=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/dsc07592.JPG","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753379\/geolier-ippodromo-di-agnano-recensione-scaletta-tour-stadi-2026","title":"Geolier all’Ippodromo di Agnano: \u0022È Napoli che ha scelto me\u0022","abstract":"L’Ippodromo di Agnano è immenso e nel tardo pomeriggio sembra un’enorme vasca che bolle. L’aria è densa, la tensione è quella dei grandi eventi. Il palco, le luci, il drone..."},{"imageUrl":"https:\/\/images.rockol.it\/tMuhsHJACgxYyKmtQFpBeVUUtME=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/f9a5869-dxo-deepprime-copia.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-753344\/who-milano-scaletta-recensione-ozzy-osbourne","title":"L’addio italiano degli Who (ricordando Ozzy)","abstract":"“Death is not the end”, cantava Bob Dylan, e vale anche per il rock. Una sera di luglio ti ritrovi alle porte di Milano a vedere una band leggendaria di 80enni, a poche ore..."}]}}' ></dropdown> </keep-alive> </div> </div> <!-- Overlay per la chiusura al click fuori dalla dropdown --> <button type="button" v-if="dropdown.search" class="fixed top-0 left-0 right-0 bottom-0 w-full h-full opacity-0 cursor-default" @click="hideFixedDropdown()"></button> <div v-if="dropdown.search" class="absolute text-white w-screen bg-rockol-blue-dark "> <div class="mx-auto container max-width-container bg-rockol-blue-dark max-width-container py-8 pt-6"> <form action="/search" method="GET"> <div class="flex items-center justify-center -mx-4"> <input id="searchInput" ref="searchInput" name="s" placeholder="Cerca" class=" text-4xl text-white bg-rockol-blue-dark border-0 border-b border-white/10 border-solid w-full m-0 p-0 mx-4 pt-2 focus:outline-none placeholder-white opacity-95" @keydown.esc="hideSearch"> <button type="submit" class="sr-only">Cerca</button> <a href="#" @click.prevent="hideFixedDropdown()"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon svg-icon text-white h-12 mx-4 px-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></a> </div> </form> </div> </div> </section> </header> <!-- Necessario per caricare correttamente la skin della concessionaria --> <div class="advert1 container skin-reference"></div> <div class="vue-instance"> <web-push-notification vapid-key="BFp8Ocz-iZn8UXuNVrZiBtVe11DGPZFwEfAp_YPpHqbUb1bHbAx3ezk6vU-Hnlpo4bKMSFxZ7Y5DWwqj-XWXQAY" v-cloak> <!-- <div class="absolute inset-x-0 z-index-over-content flex justify-center" style="top: 80px;"> <div class="max-w-lg p-8 shadow-lg border-2 border-red-600 font-semibold bg-black text-white text-center p-4 text-xl">Vuoi rimanere aggiornato sui contenuti di Rockol?</div> </div> --> </web-push-notification> </div> <main id="content-container" class="relative max-width-container mx-auto z-index-content"> <div class="bg-white flex"> <div id="adv_masthead" class="max-width-container mx-auto w-full text-center"> <div class="advert1 rckl-promo rckl-promo-desktop-leaderboard" data-no-infinite-scroll=""><div style="position: sticky; top: 96px;" class="gptslot" data-adunitid="0"></div></div> </div> </div> <div class="p-4 pt-3 pb-8 bg-white"> <div id="page-body-wrapper"> <div class="infinite-view-wrapper"> <div class="sr-only"> <div> <ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList" data-cest="breadcrumb"> <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="/"> <span itemprop="name">Rockol</span> <meta itemprop="position" content="1"/> </a> </li> <li class="breadcrumb__separator"></li> <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="/artista"> <span itemprop="name">Artisti</span> </a> <meta itemprop="position" content="2"/> </li> <li class="breadcrumb__separator"></li> <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="https://www.rockol.it/artista/visage"> <span itemprop="name">Visage</span> </a> <meta itemprop="position" content="3"/> </li> <li class="breadcrumb__separator"></li> <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="https://www.rockol.it/artista/visage"> <span itemprop="name">Scheda</span> </a> <meta itemprop="position" content="4"/> </li> </ol> </div> </div> <article class="article-content mb-4" data-reading-list-position="0"> <div class="-mx-4 -mt-4 bg-rockol-blue text-white p-4 py-8 mb-4"> <h1> <a href="https://www.rockol.it/artista/visage" class="artist-page-artist-name flex items-center hover:no-underline relative" title="Torna all'homepage dell'artista"> Visage </a> </h1> </div> <div class="content-with-sidebar"> <!-- Main content area --> <div class="content"> <img class="img-responsive" width="700" height="394" src="https://images.rockol.it/hBuAcOJwkox6oqnAlyvLQ_C_U5c=/700x394/smart/rockol-img/img/foto/upload/visage-visage-cover-ts1696039271.jpeg" alt="" > <div class="vue-instance" data-cest="artist-navbar"> <div class="flex flex-wrap justify-center sm:justify-start -mx-3 mt-4"> <a href="https://www.rockol.it/artista/visage/biografia" class="text-sm uppercase underline tracking-wide text-black pb-1 px-3 transition duration-200 font-semibold hover:text-gray-600">Biografia</a> <artist-follow class="flex items-center justify-center pb-1 px-3" artist-id="46604" artist-slug="visage" artist-name="Visage" v-cloak> <template v-slot:default="{ saving, loading, isFollowed, userGrantedFollowPermission }"> </template> </artist-follow> </div> </div> <div class="mb-4"></div> <div class="article-body md:flex"> <div class="scroll-body more-content p-0 w-full"> <div class="rockol-artist-biography mb-4"> <h2 class="heading text-4xl mb-4">Biografia</h2> <p> I Visage, pionieri del movimento New Romantic in cui milita anche Midge Ure degli Ultravox, si formano nel 1978 ed emergono grazie al London club Blitz, un locale dove si suona prevalentemente punk. Il gruppo firma per la Radar Records per realizzare “Tar” nel settembre 1979, seguito un anno più tardi dal disco di debutto omonimo. Il disco contiene il singolo di grandissimo successo “Fade to grey"; anche il successivo "Mind of a toy" diventa un brano di altrettanto riconoscimento, ma dopo la realizzazione di THE ANVIL nel 1982 i Visage si separano: BEAT BOYS è infatti l’ultimo album ed esce nel 1984. 29 anni dopo il gruppo si ritrova ed è pronto per un nuovo disco. Nel 2015 Steve Strange muore improvvisamente all'età di 55 anni, per un arresto cardiaco mentre si trovava in Egitto. </p> <p> <a href="https://www.rockol.it/artista/visage/biografia" class="underline font-semibold">Leggi la biografia completa di Visage</a> </p> </div> <div class="mb-4"> <h2 class="heading text-4xl mb-4">Discografia di Visage</h2> <p>Tutti gli album di Visage, dall'esordio del 1980 fino all'ultimo album.</p> <table data-cest="discography" itemprop="albums" class="table -mx-1 text-xs"> <tr itemprop="album" itemscope itemtype="http://schema.org/MusicAlbum" class="mod-md-title mod-normal-case mod-normal-weight"> <td itemprop="name" class="p-2"> VISAGE </td> <td itemprop="datePublished" class="p-2">1980</td> <td itemprop="publisher" class="p-2">Universal International</td> </tr> <tr itemprop="album" itemscope itemtype="http://schema.org/MusicAlbum" class="mod-md-title mod-normal-case mod-normal-weight"> <td itemprop="name" class="p-2"> THE ANVIL </td> <td itemprop="datePublished" class="p-2">1982</td> <td itemprop="publisher" class="p-2">One Way Records</td> </tr> <tr itemprop="album" itemscope itemtype="http://schema.org/MusicAlbum" class="mod-md-title mod-normal-case mod-normal-weight"> <td itemprop="name" class="p-2"> BEAT BOYS </td> <td itemprop="datePublished" class="p-2">1984</td> <td itemprop="publisher" class="p-2">Cherry Pop</td> </tr> </table> </div> <h2 class="heading text-4xl mb-4">Tutte le ultime notizie su Visage</h2> <div data-cest="articles" class="space-y-8 mb-4"> <!-- block.container.3 --> <div class="space-y-8"> <!-- single.full --> <article class="text-white section-news"> <div class="relative bg-center bg-no-repeat bg-cover h-[320px] sm:h-[470px]"> <img width="735" height="551" src="https://images.rockol.it/8pV3gbCi25xxdLrTgQE5bF23A6k=/735x551/smart/rockol-img/img/foto/upload/71koloxspms.jpg" alt="copertina libro" class="w-full h-full img-responsive object-cover " loading="lazy" srcset="https://images.rockol.it/WCp8xRRnAYZqQ_WU-rHCzsNC2j4=/398x298/smart/rockol-img/img/foto/upload/71koloxspms.jpg 398w, https://images.rockol.it/X1eYXFhX-6ynqb5aXRubHI1byLw=/607x455/smart/rockol-img/img/foto/upload/71koloxspms.jpg 607w, https://images.rockol.it/8pV3gbCi25xxdLrTgQE5bF23A6k=/735x551/smart/rockol-img/img/foto/upload/71koloxspms.jpg 735w" sizes="(max-width: 1023px) 735px, (max-width: 639px) 607px, (max-width: 430px) 398px, 735px" > <div class="absolute bottom-0 inset-x-0 p-4 pt-12 w-full flex flex-col justify-end leading-tight dark-overlay-strong text-shadow-strong"> <div class="pb-1"> <!-- single.full.inner --> <div class="space-y-2"> <div class="lora font-bold text-alternate-color leading-none ">Midge Ure</div> <h3 class="text-xl lora sm:text-3xl heading"> <a href="https://www.rockol.it/news-725187/midge-ure-ultravox-libro-fotografico-in-a-picture-frame-copertina">Midge Ure, esce il libro fotografico 'In a picture frame'</a> </h3> <p class="leading-tight text-sm sm:leading-tight sm:text-base"> Il musicista scozzese ripercorre nel volume la storia degli Ultravox, ma non solo </p> <div class="flex items-center space-x-4"> <div class="flex items-center space-x-2"> <div class="text-white opacity-75 leading-none text-xs"> 27/09/2021 12:50 </div> <div class="text-white opacity-75 leading-none text-xs">di <strong><a href="https://www.rockol.it/autore/redazione" class="underline">Redazione</a></strong></div> </div> </div> </div> </div> </div> </div> </article> <!-- block.container.2 --> <div class="flex flex-wrap gap-4"> <div class="w-full xs:w-1/2 xs:flex-1"> <!-- single.column --> <article class="flex flex-col section-news"> <a href="https://www.rockol.it/news-697068/steve-strange-otto-canzoni-per-non-dimenticare-i-visage" class="block w-full"> <div class="border border-gray-200 mb-2"> <img width="400" height="300" src="https://images.rockol.it/OAknkFMnD2isqzALOx8OW0eJUU4=/400x300/smart/rockol-img/img/foto/upload/119493506.jpg" alt="Steve Strange" loading="lazy" srcset="https://images.rockol.it/BmTKFeWySdAEvyvxdLkh7e6m61w=/295x221/smart/rockol-img/img/foto/upload/119493506.jpg 295w, https://images.rockol.it/zIJm4_IgjdtKUrFxI_78vEnS-mM=/396x297/smart/rockol-img/img/foto/upload/119493506.jpg 396w" sizes="(max-width: 1279px) 396px, (max-width: 639px) 295px, 400px" > </div> </a> <div class="space-y-1.5"> <div class=" opacity-75 leading-none"> <div class="flex items-center justify-between space-x-2"> <div class="flex items-center flex-wrap space-x-2"> <div class="leading-none lora text-alternate-color font-bold"> Steve Strange </div> <div class="text-xs pt-0.5">12/02/2020</div> </div> </div> </div> <h3 class="text-base sm:text-xl heading lora"> <a href="https://www.rockol.it/news-697068/steve-strange-otto-canzoni-per-non-dimenticare-i-visage"> Steve Strange: otto canzoni per non dimenticare i Visage </a> </h3> <div class="text-sm leading-tight sm:leading-snug hidden-xs mb-0"> <div> Ricorre il 12 febbraio l’anniversario della scomparsa, avvenuta nel 2015, per un attacco cardiaco, di Steve Strange (all’anagrafe Stephen... </div> </div> <div class="flex items-center space-x-2"> </div> </div> </article> </div> <div class="w-full xs:w-1/2 xs:flex-1"> <!-- single.column --> <article class="flex flex-col section-news"> <div class="space-y-1.5"> <div class=" opacity-75 leading-none"> <div class="flex items-center justify-between space-x-2"> <div class="flex items-center flex-wrap space-x-2"> <div class="leading-none lora text-alternate-color font-bold"> Visage </div> <div class="text-xs pt-0.5">13/03/2015</div> </div> </div> </div> <h3 class="text-base sm:text-xl heading lora"> <a href="https://www.rockol.it/news-642591/steve-strange-visage-le-foto-del-funerale"> Funerali di Steve strange: il gotha del pop inglese anni '80 a dargli l'estremo saluto - FOTO </a> </h3> <div class="text-sm leading-tight sm:leading-snug hidden-xs mb-0"> <div> Il 12 marzo si sono svolti, presso la All Saints Church di Porthcawl (Galles del sud), i funerali di Steve Strange, cantante dell'iconica pop band... </div> </div> <div class="flex items-center space-x-2"> </div> </div> </article> </div> </div> </div> <!-- block.container.1 --> <!-- single --> <article class="flex -mx-2 section-news"> <!-- single.content --> <div class="w-full px-2 space-y-1.5"> <div class="lora font-bold text-alternate-color leading-none">Visage</div> <h3 class="text-2xl heading lora leading-none"> <a href="https://www.rockol.it/news-641952/steve-strange-visage-morto-ricordo-di-billy-idol-simon-le-bon-e-altri" >La morte di Steve Strange: gli aggiornamenti e i primi ricordi dei colleghi - VIDEO</a> </h3> <p class="leading-tight"> Stanno iniziando ad emergere i primi particolari sulla scomparsa di Steve Strange, il frontman dei Visage morto oggi a Sharm El Sheik, in Egitto... </p> <div class="flex items-center space-x-2 pt-0.5"> <div class=" leading-none text-xs opacity-75 flex-grow"> 13/02/2015 00:35 </div> </div> </div> </article> <!-- block.container.1 --> <!-- single --> <article class="flex -mx-2 section-news"> <!-- single.content --> <div class="w-full px-2 space-y-1.5"> <div class="lora font-bold text-alternate-color leading-none">Visage</div> <h3 class="text-2xl heading lora leading-none"> <a href="https://www.rockol.it/news-641946/steve-strange-morto-cantante-dei-visage" >E' morto Steve Strange, cantante dei Visage</a> </h3> <p class="leading-tight"> Steve Strange, cantante dei Visage, alfieri del synth-pop inglese anni Ottanta, è morto per cause non specificate all'età di 55 anni: a riferire... </p> <div class="flex items-center space-x-2 pt-0.5"> <div class=" leading-none text-xs opacity-75 flex-grow"> 12/02/2015 22:05 </div> </div> </div> </article> <!-- block.container.1 --> <!-- single --> <article class="flex -mx-2 section-news"> <!-- single.content --> <div class="w-full px-2 space-y-1.5"> <div class="lora font-bold text-alternate-color leading-none">Steve Strange</div> <h3 class="text-2xl heading lora leading-none"> <a href="https://www.rockol.it/news-586106/steve-strange-manager" >Steve Strange (Visage) manager di nuovo supergruppo (Leppard, Dio, Appice)</a> </h3> <p class="leading-tight"> Dici "Steve Strange" e non può non tornare in mente, perlomeno per chi è di una certa generazione, ma anche al più giovane appassionato di musica... </p> <div class="flex items-center space-x-2 pt-0.5"> <div class=" leading-none text-xs opacity-75 flex-grow"> 19/03/2014 18:27 </div> </div> </div> </article> <!-- block.container.1 --> <!-- single --> <article class="flex -mx-2 section-news"> <!-- single.content --> <div class="w-full px-2 space-y-1.5"> <div class="lora font-bold text-alternate-color leading-none">Visage</div> <h3 class="text-2xl heading lora leading-none"> <a href="https://www.rockol.it/news-500166/fade-to-grey-dopo-29-anni-tornano-i-visage-di-steve-strange" >'Fade to grey': dopo 29 anni tornano i Visage di Steve Strange</a> </h3> <p class="leading-tight"> A distanza di ben 29 anni dall'ultimo album pubblicato, tornano i Visage di Steve Strange. Il gruppo synth-pop è ad oggi essenzialmente ricordato... </p> <div class="flex items-center space-x-2 pt-0.5"> <div class=" leading-none text-xs opacity-75 flex-grow"> 19/05/2013 08:00 </div> </div> </div> </article> <!-- block.container.3 --> <div class="space-y-8"> <!-- single.full --> <article class=" section-news"> <!-- single.full.inner --> <div class="space-y-2"> <div class="lora font-bold text-alternate-color leading-none ">Boy George</div> <h3 class="text-xl lora sm:text-3xl heading"> <a href="https://www.rockol.it/news-105675/iniziano-le-riprese-del-film-su-boy-george">Iniziano le riprese del film su Boy George</a> </h3> <p class="leading-tight text-sm sm:leading-tight sm:text-base"> A Manchester stanno per iniziare le riprese di un film su Boy George. Il lungometraggio è stato intitolato "Worried about the boy" e narrerà le... </p> <div class="flex items-center space-x-4"> <div class="flex items-center space-x-2"> <div class="text-white opacity-75 leading-none text-xs"> 11/02/2010 14:00 </div> </div> </div> </div> </article> </div> </div> <h2 class="heading text-4xl mb-4">Tutto su Visage</h2> <p> Il sito ufficiale, le informazioni e tutti i link utili per sapere tutto su Visage </p> <table class="text-xs mb-4"> <tr> <td class="whitespace-nowrap align-top"> Area di provenienza: </td> <td> <strong> Londra [GB] </strong> </td> </tr> <tr> <td class="whitespace-nowrap align-top"> Periodo di attività: </td> <td> <strong> Dal: 07 1978 (Londra) <br>Al: 03 10 1984 </strong> </td> </tr> <tr> <td class="whitespace-nowrap align-top"> Componenti: </td> <td> <strong> <a href="https://www.rockol.it/artista/" class='mod-underline'>Billy Currie</a>, <a href="https://www.rockol.it/artista/midge-ure" class='mod-underline'>Midge Ure</a>, <a href="https://www.rockol.it/artista/steve-strange" class='mod-underline'>Steve Strange</a> </strong> </td> </tr> <tr> <td class="py-2" colspan="2"> <strong class="font-bold text-lg">Social e altri siti di riferimento</strong> </td> </tr> <tr> <td class="whitespace-nowrap align-top"> Facebook: </td> <td class="align-top"> <strong> <a href="https://www.facebook.com/therealvisage" class="break-all" target="_blank" rel="noopener noreferrer nofollow" title="https://www.facebook.com/therealvisage">https://www.facebook.com/therealvisage</a> </strong> </td> </tr> <tr> <td class="whitespace-nowrap align-top"> X: </td> <td class="align-top"> <strong> <a href="https://twitter.com/therealvisage" class="break-all" target="_blank" rel="noopener noreferrer nofollow" title="https://twitter.com/therealvisage">https://twitter.com/therealvisage</a> </strong> </td> </tr> <tr> <td class="whitespace-nowrap align-top"> Wikipedia (EN): </td> <td class="align-top"> <strong> <a href="http://en.wikipedia.org/wiki/Visage_%28band%29" class="break-all" target="_blank" rel="noopener noreferrer nofollow" title="http://en.wikipedia.org/wiki/Visage_%28band%29">http://en.wikipedia.org/wiki/Visage_%28band%29</a> </strong> </td> </tr> <tr> <td class="whitespace-nowrap align-top"> Wikipedia (IT): </td> <td class="align-top"> <strong> <a href="http://it.wikipedia.org/wiki/Visage" class="break-all" target="_blank" rel="noopener noreferrer nofollow" title="http://it.wikipedia.org/wiki/Visage">http://it.wikipedia.org/wiki/Visage</a> </strong> </td> </tr> <tr> <td class="whitespace-nowrap align-top"> Deezer: </td> <td class="align-top"> <strong> <a href="http://www.deezer.com/artist/4134" class="break-all" target="_blank" rel="noopener noreferrer nofollow truncate" title="http://www.deezer.com/artist/4134">http://www.deezer.com/artist/4134</a> </strong> </td> </tr> <tr> <td class="whitespace-nowrap align-top"> Spotify: </td> <td class="align-top"> <strong> <a href="https://play.spotify.com/artist/0EPf9vAXPdFV5Ezp1sMX8B" class="break-all" target="_blank" rel="noopener noreferrer nofollow truncate" title="https://play.spotify.com/artist/0EPf9vAXPdFV5Ezp1sMX8B">https://play.spotify.com/artist/0EPf9vAXPdFV5Ezp1sMX8B</a> </strong> </td> </tr> </table> <div class="row"> <div class="col-sm-12"> <div class="additional-artist-data"> <h2 class="heading text-4xl mb-4">Artisti simili</h2> <div class="flex flex-wrap justify-between"> <div class="w-full sm:w-1/2 -mx-2"> <a href="https://www.rockol.it/artista/depeche-mode" class="flex items-center mb-4 block leading-none" > <div class="px-2 flex-shrink-0"> <img class="w-16 h-16 rounded-full border-2 border-black" width="100" height="100" src="https://images.rockol.it/hlTaFb8BWSM7ILupVNQUfaeXeAI=/100x100/smart/rockol-img/img/foto/upload/img-20161011-wa0000.jpg" alt="" > </div> <div class="px-2 text-2xl md:text-xl font-bold" >Depeche Mode</div> </a> </div> <div class="w-full sm:w-1/2 -mx-2"> <a href="https://www.rockol.it/artista/simple-minds" class="flex items-center mb-4 block leading-none" > <div class="px-2 flex-shrink-0"> <img class="w-16 h-16 rounded-full border-2 border-black" width="100" height="100" src="https://images.rockol.it/B-o5caeRGkebmn1JxjhgAX8Of7g=/100x100/smart/rockol-img/img/foto/upload/foto-simple-minds-show-lucca-24-luglio-2025-prandoni-00015.jpg" alt="" > </div> <div class="px-2 text-2xl md:text-xl font-bold" >Simple Minds</div> </a> </div> </div> </div> </div> </div> </div> </div> <div style="max-width:640px;" class="mb-4 rckl-promo rckl-promo-high-rectangle rckl-promo-sticky overflow-x-hidden" data-no-infinite-scroll=""><div class="gptslot" data-adunitid="6"></div></div> <div data-nosnippet id='container-video' style='max-width: 642px;' class="my-8 mx-auto"> <div id='cont-jwp-gh'></div> <div id='cont-jwp'> <video class='video-js vjs-default-skin vjs-16-9' id='videoDivPlayer' playsinline data_source_url='' data_source_type='application/x-mpegURL' poster='https://www.rockol.it/assets/img/2023/video-ros-rockol-poster.png' data_modal_poster_img='https://www.rockol.it/assets/img/2023/video-ros-rockol-poster.png' data_modal_poster_url='' preload='auto' style controls> </video> </div> </div> </div> <div class="sidebar"> <aside data-sidebar class="space-y-8 h-full"> <div><div class="advert1 rckl-promo rckl-promo-high-rectangle rckl-promo-sticky mb-4" data-no-infinite-scroll=""><div class="gptslot" data-adunitid="7"></div></div></div> <div> <div class="sidebar_widget__container" > <h2 class="sidebar_widget__title">Le più lette</h2> <ul class="leading-none divide-y divide-white/20 "> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/gW7Vy99DRZaq83awwNOgIirCTVU=/40x40/smart/rockol-img/img/foto/upload/nrm2-s-k-ghali1.jpg" alt="Sadturs &amp; KIID con Ghal" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-753387/maneskin-canzone-scioglimento-con-ghali-e-shiva-testo-significato" class="text-sm lora font-semibold">Ghali: “Mi sto sciogliendo come i Måneskin”</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/aJ-vWk69XK6iDQ-j-iuIGpECKW0=/40x40/smart/rockol-img/img/foto/upload/26072025-morrisey-lsf-sebastiano-56.jpg" alt="Morrissey a Lucca" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-753390/morrissey-in-italia-2025-tour-scaletta-polemica-con-la-polizia-2017" class="text-sm lora font-semibold">Come sta andando il tour di Morrissey in Italia?</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/24FOEDYaPygUE3FlgCmNNyeEcfo=/40x40/smart/rockol-img/img/foto/upload/stones-you-can-t-1.jpg" alt="You can&apos;t always Stones" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-753321/quanto-costa-avere-una-canzone-dei-rolling-stones-in-un-film" class="text-sm lora font-semibold">Quanto costa avere una canzone dei Rolling Stones in un film?</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/YCV-vE1PZU0GliEgjouUkK6UBiY=/40x40/smart/rockol-img/img/foto/upload/renga-nek-ennevifoto.jpg" alt="Concerto" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-753307/concerti-2025-i-piu-attesi-di-agosto" class="text-sm lora font-semibold">Concerti 2025, i più attesi di agosto</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/ePisZjMxqpOozp68lnXCjL2lyiU=/40x40/smart/rockol-img/img/foto/upload/j3545-lz-pg-ps-rgb-preview.jpg" alt="Led Zeppelin" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-753374/led-zeppelin-physical-graffiti-nuovo-ep-live-uscita-storia" class="text-sm lora font-semibold">Led Zeppelin: un "nuovo" ep live </a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/cyJvn1B1ZgCTeVEBJ3S6DfbfwQk=/40x40/smart/rockol-img/img/foto/upload/ozzy145.jpg" alt="Ozzy Osbourne" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-753357/ozzy-osbourne-cause-morte-ultime-ore-di-vita-eliambulanza" class="text-sm lora font-semibold">Le ultime ore di vita di Ozzy Osbourne</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/IOB6Q_91Q78W87tqUicMSHdBnOo=/40x40/smart/rockol-img/img/foto/upload/idles-sherwood-festival-2024-23.jpg" alt="Idles" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-753350/idles-concerti-a-bristol-sono-alternativa-polemica-concerti-in-italia" class="text-sm lora font-semibold">Il festival degli Idles è l'alternativa al gigantismo dei live</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/aLPJF_zngvuNOd19OJLcL8h1bWA=/40x40/smart/rockol-img/img/foto/upload/gilmour-3.jpg" alt="David Gilmour" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-753414/david-gilmour-un-doppio-live-dal-tour-luck-and-strange" class="text-sm lora font-semibold">David Gilmour, un doppio live dal tour "Luck and strange"</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/GNIphKP1N3xmBOFwuh_ocSS4k1Q=/40x40/smart/rockol-img/img/foto/upload/61gihoy1jal.jpg" alt="Cash" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-753351/johnny-cash-e-bob-dylan-the-ballad-of-ira-hayes-storia-indiani" class="text-sm lora font-semibold">Johnny Cash e quell’album ribelle dalla parte degli indiani</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/785MU2ZxmJWJq9gZUdkoeGm6bh4=/40x40/smart/rockol-img/img/foto/upload/dsc06054.jpg" alt="Roger Waters" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-753347/roger-waters-this-is-not-a-drill-live-disco-e-dvd" class="text-sm lora font-semibold">"This is not a drill": Roger Waters arriva a casa vostra</a> </h3> </li> </ul> <a href="https://www.rockol.it/news/piu-lette" class="sidebar_widget__link" >Tutte le più lette</a> </div> </div> <div class="sticky-below-header"><div class="advert1 rckl-promo rckl-promo-rectangle" data-no-infinite-scroll=""><div class="gptslot" data-adunitid="8"></div></div></div> </aside> </div> </div> </article> <span class="anchor sr-only" id="elenco"></span> <h2 class="heading text-4xl mb-4"> Elenco alfabetico </h2> <nav class="mb-4"> <ul class="flex flex-wrap text-xs"> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=0_9" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full text-xxs bg-gray-800 hover:bg-black transition transition-fast text-gray-100">(0-9)</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=a" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">a</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=b" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">b</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=c" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">c</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=d" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">d</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=e" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">e</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=f" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">f</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=g" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">g</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=h" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">h</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=i" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">i</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=j" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">j</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=k" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">k</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=l" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">l</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=m" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">m</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=n" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">n</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=o" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">o</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=p" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">p</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=q" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">q</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=r" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">r</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=s" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">s</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=t" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">t</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=u" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">u</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=v" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">v</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=w" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">w</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=x" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">x</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=y" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">y</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=z" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">z</a> </li> </ul> </nav> </div> <script type="application/ld+json" > {"@context":"http:\/\/schema.org","@type":"MusicGroup","name":"Visage","member":[{"@type":"MusicGroup","name":"Billy Currie"},{"@type":"MusicGroup","name":"Midge Ure"},{"@type":"MusicGroup","name":"Steve Strange"}],"foundingDate":"1978-07-01","sameAs":["http:\/\/en.wikipedia.org\/wiki\/Visage_%28band%29","http:\/\/it.wikipedia.org\/wiki\/Visage"]} </script> <div class="text-center"> <div class="spacer-lg"></div> <div class="text-xs "> <p class="text-center italic"> <a href="https://www.rockol.it/info/copyright">© 2025 Riproduzione riservata. Rockol.com S.r.l.</a> <span class="hidden sm:inline"> </span> <br class="block sm:hidden"> <a class="underline" role="button" data-toggle="#js-image-policy-panel"> Policy uso immagini </a> </p> <div class="toggle-content bg-gray-200 p-4 mb-4" id="js-image-policy-panel"> <p><strong class="text-xl">Rockol</strong></p> <ul class="list-unstyled mb-4"> <li>Utilizza solo immagini e fotografie rese disponibili a fini promozionali (“for press use”) da case discografiche, agenti di artisti e uffici stampa. </li> <li>Usa le immagini per finalità di critica ed esercizio del diritto di cronaca, in modalità degradata conforme alle prescrizioni della legge sul diritto d'autore, utilizzate ad esclusivo corredo dei propri contenuti informativi. </li> <li>Accetta solo fotografie non esclusive, destinate a utilizzo su testate e, in generale, quelle libere da diritti. </li> <li> Pubblica immagini fotografiche dal vivo concesse in utilizzo da fotografi dei quali viene riportato il copyright. </li> <li>È disponibile a corrispondere all'avente diritto un equo compenso in caso di pubblicazione di fotografie il cui autore sia, all'atto della pubblicazione, ignoto. </li> </ul> <p><strong class="text-xl">Segnalazioni</strong></p> <p> Vogliate segnalarci immediatamente la eventuali presenza di immagini non rientranti nelle fattispecie di cui sopra, per una nostra rapida valutazione e, ove confermato l’improprio utilizzo, per una immediata rimozione. </p> <button class="bg-gray-500 p-4 py-2 uppercase rounded text-white" type="button" data-toggle="#js-image-policy-panel">Chiudi </button> </div> <div class="italic"> </div> </div> <div class="u-md-separator"></div> </div> </div> <!-- Close #page-body-wrapper </div> --> <div id="userspikeRegistrationForm" class="modal fade" ng-if="!registration.complete"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <span class="modal-title mod-xl-title">Registrati a MyRockol</span> </div> <div class="modal-body vue-instance"> <registration-form></registration-form> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div><!-- /.modal --> <template id="myrockol-popover-menu"> <div class="fixed modal-content inset-0 overlay-dark--light flex items-center justify-center " v-if="store.state.loginPanel.open"> <div class=" border-1 border-gray-800 border-solid absolute bg-white m-8 p-8 mt-0 shadow-strong-1 max-w-sm flex items-center justify-center overflow-hidden"> <div id="logged-in-bar" v-if="store.getters.userLoggedInAndValid"> <button type="button" aria-label="Close-panel" @click.prevent="closePanel()" class="absolute top-0 right-0 p-4"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon w-4 h-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> <div class="heading text-3xl mb-4"> {{ store.state.user.profile.displayName }} </div> <div class="user-menu-choices"> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="profile" href="https://www.rockol.it/my/profile" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai al tuo profilo"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/profile" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai al tuo profilo">Il tuo profilo</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="notifications" href="https://www.rockol.it/my/stream" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai al tuo profilo"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bell" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64zm215.39-149.71c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/stream" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai allo stream">Stream</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="notifications" href="https://www.rockol.it/my/follow" class="userSpikeTooltip qtipTrigger" target="_self" title="Vedi quello che stai seguendo"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bookmark" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M0 512V48C0 21.49 21.49 0 48 0h288c26.51 0 48 21.49 48 48v464L192 400 0 512z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/follow" class="userSpikeTooltip qtipTrigger" target="_self" title="Vedi quello che stai seguendo">Cosa stai seguendo</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="notifications" href="https://www.rockol.it/my/faq.php" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai alle domande frequenti"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="info-circle" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/faq.php" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai alle domande frequenti">Faq</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a href="#" class="userSpikeTooltip qtipTrigger logout"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sign-out-alt" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M497 273L329 441c-15 15-41 4.5-41-17v-96H152c-13.3 0-24-10.7-24-24v-96c0-13.3 10.7-24 24-24h136V88c0-21.4 25.9-32 41-17l168 168c9.3 9.4 9.3 24.6 0 34zM192 436v-40c0-6.6-5.4-12-12-12H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h84c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12H96c-53 0-96 43-96 96v192c0 53 43 96 96 96h84c6.6 0 12-5.4 12-12z"></path></svg></a> </div> <div class="px-4 "> <a href="#" class="userSpikeTooltip qtipTrigger logout" @click="logOut()">Log out</a> </div> </div> </div> </div> <div id="logged-out-bar" v-if="!store.getters.userLoggedIn" class="flex flex-col items-center justify-center text-center relative"> <button type="button" aria-label="Close-panel" @click.prevent="closePanel()" class="absolute top-0 right-0 p-4"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon w-4 h-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> <div> <div v-show="loginInProgress" class="flex flex-col items-center justify-center mb-4"> <strong class="heading block text-3xl mb-4">Login in corso</strong> <div class="loader loader--dark"></div> </div> <div class="user-menu-social" v-show="!loginInProgress"> <!-- |---------------------------- | Custom login Form |---------------------------- --> <div class="block custom-login-panel" v-if="!showRegistrationForm"> <!-- LOGIN con user e password --> <div class="mb-4" v-if="!showResetPasswordForm"> <span class="heading block text-3xl mb-4">Hai già un profilo Rockol? Accedi!</span> <custom-login :disabled="loginInProgress" class="mb-4"></custom-login> <div class="text-center text-xxs"> <a href="#" @click.prevent="showResetPasswordForm = true" class="underline">Hai dimenticato la password?</a> </div> </div> <!-- RESET PASSWORD --> <div class="mb-4" v-if="showResetPasswordForm"> <span class="heading block text-3xl mb-4">Hai dimenticato la password?</span> <p class="text-sm mb-4"> Inserisci l'indirizzo e-mail fornito in fase di registrazione e richiedi il reset della password. </p> <reset-password-form class="mb-4"></reset-password-form> <div class="text-center text-xxs"> <a href="#" @click.prevent="showResetPasswordForm = false" class="underline">Procedi al login</a> </div> </div> <div class="mod-md-title text-center"> <button data-cy="registerNewUserFromMainLoginPanel" type="button" class="text-lg font-bold " @click="showRegistrationForm = true"> Non sei registrato? <span class="text-red-600 underline hover:text-red-700">Registrati ora a MyRockol!</span> </button> </div> </div> <!-- Form di registrazione --> <div class="mb-4" v-if="showRegistrationForm"> <span class="heading block text-3xl mb-4">Registrati!</span> <quick-registration-form :cancel-callback="hideRegistrationForm"></quick-registration-form> </div> <!-- Separator --> <div class="border-b border-gray-500 border-solid my-4"></div> <strong class="heading block text-xl mb-4">Accedi con</strong> <!-- |---------------------------- | Social Login |---------------------------- --> <div class="flex -mx-2 mb-4 items-center justify-center"> <!-- Facebook --> <social-login :link-css-class="'social-login fb'" :icon-css-class="'fa-facebook'" provider="facebook.com" :login-enabled="!loginInProgress && isSocialLoginEnabled" @login-not-enabled="loginNotEnableMessage()" ><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook" class="svg-icon w-8 h-8 mx-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path fill="currentColor" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path> </svg></social-login> <!-- Twitter --> <social-login :link-css-class="'social-login tw'" :icon-css-class="'fa-twitter'" provider="twitter.com" :login-enabled="!loginInProgress && isSocialLoginEnabled" @login-not-enabled="loginNotEnableMessage()" ><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" class="svg-icon w-8 h-8 mx-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></social-login> </div> <div class="text-xxs"> <input type="checkbox" value="1" v-model="socialLoginEnabled" name="user-auth-privacy" id="user-auth-privacy-social"> <label for="user-auth-privacy-social"> autorizzazione al <a href="https://www.rockol.it/info/privacy" target="_blank" rel="noopener noreferrer" class="underline" >trattamento dei dati</a> </label> <span v-if="socialLoginError" class="text-danger"><br>{{socialLoginError}}</span> </div> </div> <p class="user-menu-social alert bg-info text-center text-gray-600 text-sm mt-4"> <small>In caso di problemi scrivi a <span class="font-semibold">myrockol@rockol.it</span></small> </p> </div> </div> </div> </div> </template> </div> </main> <footer id="site-footer" class="w-full relative bg-gray-800 z-index-content"> <h2 class="sr-only">Rockol - Menù footer</h2> <nav class="rockol-container w-full mx-auto text-white bg-rockol-blue-dark border-0 border-t border-rockol-blue border-solid py-8"> <div class="mx-auto max-width-container mb-4"> <div class="list-none p-0 space-y-4 sm:space-y-0 mx-auto max-w-2xl sm:max-w-full sm:flex flex-wrap justify-center text-base w-full pb-8"> <div class="px-2 text-center text-sm text-gray-300 flex-1 space-y-4" style="min-width:200px;"> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Notizie </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/articoli" >Tutti gli articoli</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/news" >News</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/magazine" >Magazine</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/articoli/ultime-24-ore" >Ultime 24 Ore</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/articoli/piu-letti" >I più letti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/oggi-nel-rock" >Accadde Oggi</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/tutto-su/playlists-225470" >Playlists</a></li> </ul> </nav> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Ascoltati e usciti </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/recensioni-musicali/album" >Recensioni album</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/recensioni-musicali/singoli" >Recensioni singoli</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/uscite-discografiche" >Uscite discografiche</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/singoli" >Singoli</a></li> </ul> </nav> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Seguici </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.instagram.com/rockol.it/" target="_blank" rel="noopener noreferrer" >Instagram</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.facebook.com/rockol/" target="_blank" rel="noopener noreferrer" >Facebook</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.youtube.com/user/rockolvideo" target="_blank" rel="noopener noreferrer" ><a href="https://www.youtube.com/user/rockolvideo" target="_blank" rel="noopener noreferrer">Youtube</a></a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.linkedin.com/company/rockol" target="_blank" rel="noopener noreferrer" >LinkedIn</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://x.com/rockolpoprock/" target="_blank" rel="noopener noreferrer" >X.com</a></li> </ul> </nav> </div> </div> <div class="px-2 text-center text-sm text-gray-300 flex-1 space-y-4" style="min-width:200px;"> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Live </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/concerti" >Concerti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/concerti/oggi" >Oggi in concerto</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/concerti-italia" >Concerti in Italia</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="/speciali/summer-festival-zone" >Summer Festival Zone</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/concerti/ricerca" >Cerca concerti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/articoli/sezione/dal-vivo" >Recensioni concerti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/gallerie-fotografiche" >Gallerie fotografiche</a></li> </ul> </nav> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Video </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/videoclip/" >Video</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/video-channel/VideoInterviste/" >Videointerviste</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/video-channel/Live-Rockol/" >Live @ Rockol</a></li> </ul> </nav> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Altre sezioni </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/inserti" >Rockol Mixtapes</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/artisti" >Artisti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://musicbiz.rockol.it/classifiche-musicali" >Classifiche</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/chi-l-ha-detto" >Chi l'ha detto?</a></li> </ul> </nav> </div> </div> <div class="px-2 text-center text-sm text-gray-300 flex-1 space-y-4" style="min-width:200px;"> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> <a href="https://musicbiz.rockol.it/" target="_blank" rel="noopener noreferrer" >MusicBiz</a> </h3> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> <a href="https://www.rockol.it/recensioni-musicali/libri" >Libri</a> </h3> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> <a href="https://testicanzoni.rockol.it/" >Testi</a> </h3> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Info & contatti </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/chi-siamo" >Chi siamo</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/contatti" >Contatti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/copyright" >Copyright</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/pubblicita" >Pubblicità</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/privacy" >Privacy</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.iubenda.com/privacy-policy/96867379/cookie-policy" >Cookie policy</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/legal/codice-etico" >Codice etico</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="#" class="iubenda-cs-preferences-link" >Preferenze di consenso</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="#" class="iubenda-advertising-preferences-link" >Preferenze tracciamento pubblicitario</a></li> </ul> </nav> </div> </div> </div> <div class="mx-auto rockol-container max-width-container px-2"> <div class="flex flex-col items-center text-center text-xs"> <img src="/assets/img/2019/logo-transparent-medium.png" alt="Logo Rockol" loading="lazy" class="bg-black border-2 border-white border-solid rounded-full mb-4 bg-primary" style="width: 100px; height: 100px;"> <div> <strong>Rock Online Italia</strong> è una testata registrata presso il Tribunale di Milano: <span>Aut. n° 33 del 22 gennaio 1996</span> <br> © 2025, tutti i diritti riservati - Rockol.com s.r.l. - P.IVA: 12954150152 </div> </div> </div> </div> </nav> </footer> <div class="vue-instance" v-cloak> <login-panel></login-panel> <user-validation-panel></user-validation-panel> <follow-consent-modal></follow-consent-modal> <popup-registration-form tracking-id="event-my-rockol-reg-widget.desktop.artisti.pop-up-registration-form" :display-after-sessions="2" :display-after-impressions="10" :display-after-seconds-spent-on-site="900" :delay-multiplicator-factor="1.25" :on-leave="true"></popup-registration-form> </div> <script> $(document).ready(function () { window.jqueryOnloadScripts = window.jqueryOnloadScripts || []; window.jqueryOnloadScripts.map(function (cb) { cb(); }) }); </script> <script> </script> <script> // missing forEach on NodeList for IE11 if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } </script> <script> bootstrapApp = function () { if (typeof setupDropDowns !== 'undefined') { console.log('Dropdowns initialization'); window.setupDropDowns(); } /* |-------------------------------------------------------------------------- | Vue instances initialization |-------------------------------------------------------------------------- */ window.activateSingleVueInstance = function (el, componentAdditionalConf, classesToAdd) { var vm = new Vue(factoryVueConfiguration(el, componentAdditionalConf)); el.classList.add(classesToAdd); } window.activateVueInstances = function () { document.querySelectorAll('.vue-instance:not(.vue-instance--active)').forEach(function (el) { activateSingleVueInstance(el, {}, 'vue-instance--active'); }); document.querySelectorAll('.vue-instance-carousel:not(.vue-instance--active)').forEach(function (el) { var additionalConf = { components: { 'Carousel': VueCarousel.Carousel, 'Slide': VueCarousel.Slide }, methods: { nextSlide() { this.$refs.carousel.goToPage(this.$refs.carousel.getNextPage()); }, prevSlide() { this.$refs.carousel.goToPage(this.$refs.carousel.getPreviousPage()); } } }; activateSingleVueInstance(el, additionalConf, 'vue-instance--active'); }); }; window.activateVueInstances(); if (window.jsToBootstrap && window.jsToBootstrap.length > 0) { window.jsToBootstrap.forEach(function (cb) { cb(); }); } }; </script> <script type="text/javascript"> bootstrapInterval = setInterval(() => { if (!window.MyRockolSetupFinished) { return; } clearInterval(bootstrapInterval); console.info('Bootstrap Rockol Application'); bootstrapApp(); }, 50) </script> <script data-cest="lazy-load-reading-list" type="application/json"> [{"id":46604,"type":"artist-page","permalink":"https:\/\/www.rockol.it\/artista\/visage","title":"Visage","initial_article":true},{"id":642591,"permalink":"https:\/\/www.rockol.it\/news-642591\/steve-strange-visage-le-foto-del-funerale","title":"Funerali di Steve strange: il gotha del pop inglese anni '80 a dargli l'estremo saluto - FOTO","picture_url":"https:\/\/images.rockol.it\/yjJrPu7kyK1yU-ajDHbjGt7XcBs=\/250x150\/smart\/rockol-img\/assets\/img\/2019\/placeholder-rockol.20190621v01.png","url_to_fetch":"https:\/\/www.rockol.it\/news-642591\/steve-strange-visage-le-foto-del-funerale?j=1"},{"id":641952,"permalink":"https:\/\/www.rockol.it\/news-641952\/steve-strange-visage-morto-ricordo-di-billy-idol-simon-le-bon-e-altri","title":"La morte di Steve Strange: gli aggiornamenti e i primi ricordi dei colleghi - VIDEO","picture_url":"https:\/\/images.rockol.it\/yjJrPu7kyK1yU-ajDHbjGt7XcBs=\/250x150\/smart\/rockol-img\/assets\/img\/2019\/placeholder-rockol.20190621v01.png","url_to_fetch":"https:\/\/www.rockol.it\/news-641952\/steve-strange-visage-morto-ricordo-di-billy-idol-simon-le-bon-e-altri?j=1"},{"id":641946,"permalink":"https:\/\/www.rockol.it\/news-641946\/steve-strange-morto-cantante-dei-visage","title":"E' morto Steve Strange, cantante dei Visage","picture_url":"https:\/\/images.rockol.it\/yjJrPu7kyK1yU-ajDHbjGt7XcBs=\/250x150\/smart\/rockol-img\/assets\/img\/2019\/placeholder-rockol.20190621v01.png","url_to_fetch":"https:\/\/www.rockol.it\/news-641946\/steve-strange-morto-cantante-dei-visage?j=1"},{"id":500166,"permalink":"https:\/\/www.rockol.it\/news-500166\/fade-to-grey-dopo-29-anni-tornano-i-visage-di-steve-strange","title":"'Fade to grey': dopo 29 anni tornano i Visage di Steve Strange","picture_url":"https:\/\/images.rockol.it\/yjJrPu7kyK1yU-ajDHbjGt7XcBs=\/250x150\/smart\/rockol-img\/assets\/img\/2019\/placeholder-rockol.20190621v01.png","url_to_fetch":"https:\/\/www.rockol.it\/news-500166\/fade-to-grey-dopo-29-anni-tornano-i-visage-di-steve-strange?j=1"}] </script> <script> /** * jquery.clever-infinite-scroll.js * Working with jQuery 2.1.4 */ /* global define, require, history, window, document, location */ (function (root, factory) { "use strict"; if (typeof define === "function" && define.amd) { define(["jquery"], factory); } else if (typeof exports === "object") { factory(require("jquery")); } else { factory(root.jQuery); } })(this, function ($) { "use strict"; /** * Elements it reffers. Each page must has those selectors. * The structure must be same as article1.html * #contentsWrapper, .content, #next */ $.fn.cleverInfiniteScroll = function (options) { /** * Settings */ var requestNumber = 1; var debug = false; var windowHeight = null; var documentHeight = null; var defaults = { contentsWrapperSelector: "#contentsWrapper", contentSelector: ".content", nextSelector: "#next", loadImage: "", offset: windowHeight, readingListLinkCollection: $('.reading-list'), readingList: [], nextContentData: null, onLoadCallbacks: [] }; var settings = $.extend(defaults, options); var currentReadingListIndex = 0; var readingList = (settings.readingList == null) ? [] : settings.readingList; var nextContentToLoadIndex = 0; var loadingInProgress = false; var threshold = (settings.offset > 0) ? settings.offset : 100; var $articleCollection = $(settings.contentSelector); var $readingListLinkCollection = settings.readingListLinkCollection; var nextContentData = settings.nextContentData || undefined; var onloadCallbacks = settings.onLoadCallbacks; var footerHeight = 0; var $footer = $('#site-footer'); if ($footer.length > 0) { footerHeight = $footer.outerHeight(); $(window).on('resize', function() { footerHeight = $footer.outerHeight(); }); } var calculateHeights = function () { windowHeight = (typeof window.outerHeight !== "undefined") ? Math.max(window.outerHeight, $(window).height()) : $(window).height(); documentHeight = $(document).height(); }; function _log() { if (debug) { console.log.apply(console, arguments); } } var setNextContentIndexToLoad = function (data) { var thisContentIndex = nextContentToLoadIndex; if (data) { _log("Fetched data", data); if (data.meta) { var title = data.meta.title; if (data.meta.stripped_title) { title = data.meta.stripped_title; } readingList[thisContentIndex].title = title; readingList[thisContentIndex].permalink = data.meta.url_canonical; _log("Reading list substitution", readingList[thisContentIndex]); } if (data.nextContentToLoad) { var readingListObject = data.nextContentToLoad; readingList.push(readingListObject); _log("Push della reading list", data.nextContentToLoad, readingList); } if (data.readingList) { data.readingList.forEach(function (el) { readingList.push(el); }); _log("Push della reading list", data.nextContentToLoad, readingList); } } if (readingList) { nextContentToLoadIndex++; nextContentData = undefined; if (readingList[nextContentToLoadIndex]) { nextContentData = readingList[nextContentToLoadIndex]; _log("Next content data", nextContentData); } _log("Next Content Reading List", readingList); return; } nextContentToLoadIndex = 0; }; /** * Private methods */ var executeCallbacks = function () { onloadCallbacks.forEach(function (cb) { cb(); }); }; var generateHiddenSpans = function (_title, _path) { return "<span class='hidden-title' style='display:none'>" + _title + "</span><span class='hidden-url' style='display:none'>" + _path + "</span>"; }; var sendInfiniteScrollEvent = function (res) { if (typeof ga !== "undefined" && res && res.meta && res.meta.url_canonical) { ga('send', 'event', 'InfiniteScroll', 'pathTo', res.meta.url_canonical, {nonInteraction: true}); } }; var refreshLazyLoadedContent = function () { if (window.activateLazyLoadedContent) { window.activateLazyLoadedContent(); } }; var setTitleAndHistory = function (_title, _path) { var newPath = _path.replace( /^[a-zA-Z]{3,5}\:\/{2}[a-zA-Z0-9_.:-]+/, '' ); // http or https history.pushState(null, _title, newPath); $("title").html(_title); }; var makePageView = function (storyIndex) { // value is an element of a content user is seeing // Get title and path of the article page from hidden span elements if (typeof currentReadingListIndex === "undefined") { currentReadingListIndex = 0; } else { currentReadingListIndex = storyIndex; if (currentReadingListIndex < 0) { currentReadingListIndex = 0; } if (currentReadingListIndex >= readingList.length) { currentReadingListIndex = (readingList.length - 1); } } var story = readingList[currentReadingListIndex]; var title = story.title; var path = story.permalink; var previousReadingListIndex = getCurrentReadingListPosition(); if (previousReadingListIndex + "" !== currentReadingListIndex + "") { // If it has changed setCurrentReadingListPosition(currentReadingListIndex); trackEngagement(currentReadingListIndex); trackNewAdvertisingPositions(); setTitleAndHistory(title, path); $(document).trigger({ type: "infinite-scroll", readingIndex: currentReadingListIndex, }); } }; var trackEngagement = function (readingListPosition) { var articleData = readingList[readingListPosition]; var articleNotTracked = (typeof articleData.tracked === "undefined" || !articleData.tracked); var googleAnalyticsActive = (typeof ga !== "undefined"); if (articleNotTracked && googleAnalyticsActive) { ga('send', 'event', 'LazyLoadedEngagement', 'path', articleData.permalink, {nonInteraction: true}); articleData.tracked = true; } }; var trackNewAdvertisingPositions = function () { if (typeof WebtrekkRockolClient !== "undefined") { WebtrekkRockolClient.trackAdvEvents(); } if (typeof window.gaRockolClient !== "undefined") { window.gaRockolClient.trackAdvEvents(); } }; var recordNewPageView = function (callbackName) { var fn = window[callbackName]; if (typeof fn === 'function') { fn(); } }; var getReadingListIndex = function ($selector) { var index = parseInt($selector.attr("data-reading-list-position"), 10) || 0; return index; }; var getImpressionCallbackName = function ($selector) { var callbackName = $selector.attr("data-impression-function-name") || ''; return callbackName; }; var getCurrentReadingListPosition = function () { return $(settings.contentsWrapperSelector).attr("data-reading-list-position") || 0; }; var setCurrentReadingListPosition = function (position) { return $(settings.contentsWrapperSelector).attr("data-reading-list-position", position); }; var refreshTimeout = function (data) { if (typeof setRefreshUrl !== "undefined") { var ttl = 5 * 60; if (data.meta && data.meta.refresh_seconds) { ttl = data.meta.refresh_seconds; } setRefreshUrl(ttl); } }; var appendImpressionScriptToContainer = function (data) { var $scriptToAppend; var callbackName; if (data && data.impression) { $scriptToAppend = data.impression.script ? $(data.impression.script) : null; callbackName = (data.impression.callbackName) || null; } if ($scriptToAppend) { $scriptToAppend.appendTo($('body')); } if (callbackName) { recordNewPageView(data.impression.callbackName); } }; var appendNewsToContainer = function (data) { if (data) { var $newsArticleToAppend = $(data.html_template); var readingListPosition = currentReadingListIndex + 1; console.log("READING LIST: ", readingListPosition); $newsArticleToAppend.attr("data-reading-list-position", (readingListPosition)); var nextReadingPosition = readingListPosition + 1; if (nextReadingPosition < readingList.length) { var nextStory = readingList[nextReadingPosition]; var $nextArticleLink = $newsArticleToAppend.find(".next-news-thumb"); var $nextArticleThumb = $nextArticleLink.find("img"); var $nextArticleLinkTitle = $newsArticleToAppend.find(".next-news-link"); $nextArticleLink.attr("href", nextStory.permalink); $nextArticleThumb.attr("src", nextStory.picture_url); $nextArticleLinkTitle.attr("href", nextStory.permalink); $nextArticleLinkTitle.html(nextStory.title); } var $contentsWrapper = $(settings.contentsWrapperSelector); // get contents wrapper // If angular app present, compile the new content otherwise just append if (typeof angular !== "undefined" && typeof angular.element(document).injector() !== "undefined") { angular.element(document).injector().invoke(function ($compile) { var scope = $contentsWrapper.scope(); // get scope // generate dynamic content $contentsWrapper.append($newsArticleToAppend); // compile!!! $compile($contentsWrapper.contents())(scope); }); } else { $contentsWrapper.append($newsArticleToAppend); } $articleCollection = $(settings.contentSelector); calculateHeights(); } }; function refreshAddThisShareButtons() { if (typeof addthis !== "undefined") { addthis.toolbox('.floating-share'); } } /** * scroll */ var lastScroll = 0, currentScroll; $(window).scroll(function () { // Detect where you are window.clearTimeout($.data("this", "scrollTimer")); var thresholdToUse = threshold; if (typeof ResponsiveBootstrapToolkit !== "undefined" && ResponsiveBootstrapToolkit.is('xs')) { thresholdToUse += $('[data-sidebar]').outerHeight() || 0; } $.data(this, "scrollTimer", window.setTimeout(function () { // Get current scroll position currentScroll = $(window).scrollTop(); // Detect whether it's scrolling up or down by comparing current scroll location and last scroll location if (currentScroll > lastScroll) { // If it's scrolling down calculateHeights(); $articleCollection.each(function (key, article) { if ($(article).offset().top + $(article).height() - windowHeight / 2 > currentScroll) { var readingIndex = getReadingListIndex($(article)); makePageView(readingIndex); return false; } }); } else if (currentScroll < lastScroll) { // If it's scrolling up $articleCollection.each(function (key, article) { if ($(article).offset().top + $(article).height() - windowHeight / 2 > currentScroll) { var readingIndex = getReadingListIndex($(article)); makePageView(readingIndex); return false; } }); } else { // When currentScroll == lastScroll, it does not do anything because it has not been scrolled. } // Renew last scroll position lastScroll = currentScroll; }, 200)); /* console.log( $(window).scrollTop() + windowHeight + footerHeight + thresholdToUse, documentHeight, "Scrolltop: " + $(window).scrollTop(), "Footer Height: " + footerHeight, "Window Height: " + windowHeight, "Threshold: " + threshold, "Threshold To Use: " + thresholdToUse ); */ _log({ scrollTop: $(window).scrollTop(), windowHeight: windowHeight, footerHeight: footerHeight, thresholdToUse: thresholdToUse, scrollToBeActivated: ($(window).scrollTop() + windowHeight + footerHeight + thresholdToUse >= documentHeight), documentHeight: documentHeight }); if ($(window).scrollTop() + windowHeight + footerHeight + thresholdToUse >= documentHeight) { // If scrolling close to the bottom if (loadingInProgress || nextContentData === undefined) { return; } _log("Next content data", nextContentData); if (nextContentData !== undefined) { // If the page has link, call ajax if (settings.loadImage !== "") { $(settings.contentsWrapperSelector).append("" + "<div class='infinite-scroll-loading flex items-center justify-center text-black fill-current stroke-current py-4'>" + "<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->\n" + "<svg width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" xmlns=\"http://www.w3.org/2000/svg\">\n" + " <g fill=\"none\" fill-rule=\"evenodd\">\n" + " <g transform=\"translate(1 1)\" stroke-width=\"2\">\n" + " <circle stroke-opacity=\".5\" cx=\"18\" cy=\"18\" r=\"18\"/>\n" + " <path d=\"M36 18c0-9.94-8.06-18-18-18\">\n" + " <animateTransform\n" + " attributeName=\"transform\"\n" + " type=\"rotate\"\n" + " from=\"0 18 18\"\n" + " to=\"360 18 18\"\n" + " dur=\"1s\"\n" + " repeatCount=\"indefinite\"/>\n" + " </path>\n" + " </g>\n" + " </g>\n" + "</svg>" + "</div>"); } loadingInProgress = true; var ajaxUrl = null; var data = nextContentData; if (nextContentData.url_to_fetch) { ajaxUrl = nextContentData.url_to_fetch; data = {}; } $.ajax({ url: ajaxUrl, dataType: "json", data: data, beforeSend: function (request) { request.setRequestHeader("X-Rockol-request-number", ++requestNumber); }, success: function (res) { if ($.isEmptyObject(res) === false) { setNextContentIndexToLoad(res); appendNewsToContainer(res); appendImpressionScriptToContainer(res); refreshAddThisShareButtons(); sendInfiniteScrollEvent(res); executeCallbacks(); refreshLazyLoadedContent(); //refreshTimeout(res); if (typeof window.enableStickySidebar !== 'undefined') { window.enableStickySidebar('aside[data-sidebar]'); } } loadingInProgress = false; $(settings.contentsWrapperSelector).find('.infinite-scroll-loading').remove(); }, error: function (res) { loadingInProgress = false; } }); } } }); //scroll var init = function () { _log("Init reading list", readingList); var readingListPresent = readingList && (readingList.length > 0); var firstArticleIsInitialArticle = readingListPresent && readingList[0]['initial_article'] == true; _log("First Artricle Is Initial Article", firstArticleIsInitialArticle); _log("Reading list before first article evaluation", readingList.slice(0)); if (firstArticleIsInitialArticle === false) { readingList.unshift({ title: document.title, permalink: document.location.href, tracked: true }); } else { readingList[0].tracked = true; } _log("Reading list after first article evaluation", readingList.slice(0)); if (nextContentData) { readingList.push(nextContentData); } calculateHeights(); setNextContentIndexToLoad(); _log("Initial Reading List", readingList.slice(0)); }; init(); return (this); }; //$.fn.cleverInfiniteScroll }); $('.rockol-news-detail').cleverInfiniteScroll({ readingList: [{"id":46604,"type":"artist-page","permalink":"https:\/\/www.rockol.it\/artista\/visage","title":"Visage","initial_article":true},{"id":642591,"permalink":"https:\/\/www.rockol.it\/news-642591\/steve-strange-visage-le-foto-del-funerale","title":"Funerali di Steve strange: il gotha del pop inglese anni '80 a dargli l'estremo saluto - FOTO","picture_url":"https:\/\/images.rockol.it\/yjJrPu7kyK1yU-ajDHbjGt7XcBs=\/250x150\/smart\/rockol-img\/assets\/img\/2019\/placeholder-rockol.20190621v01.png","url_to_fetch":"https:\/\/www.rockol.it\/news-642591\/steve-strange-visage-le-foto-del-funerale?j=1"},{"id":641952,"permalink":"https:\/\/www.rockol.it\/news-641952\/steve-strange-visage-morto-ricordo-di-billy-idol-simon-le-bon-e-altri","title":"La morte di Steve Strange: gli aggiornamenti e i primi ricordi dei colleghi - VIDEO","picture_url":"https:\/\/images.rockol.it\/yjJrPu7kyK1yU-ajDHbjGt7XcBs=\/250x150\/smart\/rockol-img\/assets\/img\/2019\/placeholder-rockol.20190621v01.png","url_to_fetch":"https:\/\/www.rockol.it\/news-641952\/steve-strange-visage-morto-ricordo-di-billy-idol-simon-le-bon-e-altri?j=1"},{"id":641946,"permalink":"https:\/\/www.rockol.it\/news-641946\/steve-strange-morto-cantante-dei-visage","title":"E' morto Steve Strange, cantante dei Visage","picture_url":"https:\/\/images.rockol.it\/yjJrPu7kyK1yU-ajDHbjGt7XcBs=\/250x150\/smart\/rockol-img\/assets\/img\/2019\/placeholder-rockol.20190621v01.png","url_to_fetch":"https:\/\/www.rockol.it\/news-641946\/steve-strange-morto-cantante-dei-visage?j=1"},{"id":500166,"permalink":"https:\/\/www.rockol.it\/news-500166\/fade-to-grey-dopo-29-anni-tornano-i-visage-di-steve-strange","title":"'Fade to grey': dopo 29 anni tornano i Visage di Steve Strange","picture_url":"https:\/\/images.rockol.it\/yjJrPu7kyK1yU-ajDHbjGt7XcBs=\/250x150\/smart\/rockol-img\/assets\/img\/2019\/placeholder-rockol.20190621v01.png","url_to_fetch":"https:\/\/www.rockol.it\/news-500166\/fade-to-grey-dopo-29-anni-tornano-i-visage-di-steve-strange?j=1"}], nextContentData: null, contentsWrapperSelector: '.infinite-view-wrapper', contentSelector: '.article-content', nextSelector: '#next', loadImage: 'ajax-loader.gif', offset: $('#main-footer').outerHeight() - 100 }); </script> <script type="text/javascript"> /* PAGE SPECIFIC SCRIPTS */ // Start Page Specific Script $(document).ready(function () { $('.js-active-section .artist-page').addClass('active'); }); // End Page Script // Start Page Specific Script $(".js-toggle-related-btn").click(function(e) { e.preventDefault(); $('.js-toggle-block').toggle(); var thisLabel = $(this).text(); var nextLabel = $(this).attr("data-toggle-msg"); $(this).text(nextLabel); $(this).attr("data-toggle-msg", thisLabel); }); // End Page Script // Start Page Specific Script $('.js-show-complete-artist-data').on('click', function(e) { e.preventDefault(); var button = $(this); var showMessage = button.attr("data-show-message"); var hideMessage = button.attr("data-hide-message"); var buttonLabel = button.find(".show-more-label"); var shown = !!parseInt(button.attr("data-shown"), 10); var panel = $('.artist-additional-data-complete'); if (shown) { panel.hide(); buttonLabel.text(showMessage); button.attr("data-shown", 0); } else { panel.show(); buttonLabel.text(hideMessage); button.attr("data-shown", 1); } }); // End Page Script </script> <!-- FB JS SDK: START --> <div id="fb-root"></div> <script class="_iub_cs_activate-inline" type="text/plain" data-iub-purpose="3"> window.fbAsyncInit = function() { FB.init({ appId : '324191534279970', status : true, xfbml : true }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <!-- FB JS SDK: END--> </body> </html>