<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="it" xmlns="http://www.w3.org/1999/xhtml"
 xmlns:v="urn:schemas-microsoft-com:vml"
 xmlns:o="urn:schemas-microsoft-com:office:office">
    <head>
        <!--[if gte mso 9]><xml>
    <o:OfficeDocumentSettings>
        <o:AllowPNG/>
        <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
    </xml><![endif]-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>surprize FR</title>
    <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. --><!--[if mso]>
        <style>
            h1, h2, h3, p, li, a, span, strong, em, .rte-line, .footer-copyright {
                font-family: Frutiger, 'Segoe UI', system-ui, sans-serif !important;
            }
            .article-title,
            .promotion-title,
            .dynamic-content-title,
            .footer-title,
            .article-button,
            strong,
            b {
                font-family: Frutiger, 'Segoe UI', system-ui, sans-serif !important;
                font-weight: bold;
            }
            body {font-size: 10.5pt; color: #002149; font-family: Frutiger, 'Segoe UI', system-ui, sans-serif !important;}
            .article-title h1,
            .article-title h2,
            .promotion-title h1{ font-size: 13.5pt; }
            .article-subtitle h3 { font-size: 10.5pt; }
            .article-button{ font-size: 12pt;}
            .dynamic-content-title h1 { font-size: 16.5pt; }
            .footer-copyright { font-size: 7.5pt; }
            .footer-title h1 { font-size: 13.5pt; }
            .article-button a,
            .article-button-optimized a {
                text-decoration: none;
                color: #FFFFFF;
                display: block;
            }

            .mso-btn-padding {
                padding: 14px;
            }
        </style>
        <![endif]--><!--[if gte mso 9]>
        <xml>
            <o:OfficeDocumentSettings>
                <o:AllowPNG/>
                <o:PixelsPerInch>96</o:PixelsPerInch>
            </o:OfficeDocumentSettings>
        </xml>
        <style>
            div.list { margin: 0 0 0 -20px;}
        </style>
        <![endif]-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="noindex,nofollow">
    <meta name="google" content="notranslate">
    <style>
            @font-face {
                font-family: 'FrutigerLTW05-45Light';
                src: url('fonts/FrutigerLTW05-45Light.eot?#iefix') format('embedded-opentype'),
                url('fonts/FrutigerLTW05-45Light.woff') format('woff'),
                url('fonts/FrutigerLTW05-45Light.ttf') format('truetype'),
                url('fonts/FrutigerLTW05-45Light.svg#FrutigerLTW05-45Light') format('svg');
                font-weight: normal;
                font-style: normal;
            }

            body {
                background: #F5F6F6;
                color: #002149; 
                font-size: 14px; 
                line-height: 20px; 
                margin: 0; 
                min-width: 100%; 
                padding: 0 0 80px 0;
            }

            .bg {
                background: #F5F6F6;
                color: #002149; 
            }
            
            .content {
                background: #FFF;
                color: #002149; 
                width: 600px;
            }

            p.web-version a,
            p.header-link a {
                color: #002149;
            }

            p.header-link a {
                text-decoration: none !important;
            }

            .article-text a {
                color: #002149;
            }

            .promotion-text a {
                color: #FFFFFF;
            }

            .footer-text a {
                text-decoration: underline;
                color: #002149;
                display: inline-block;
            }

            @media screen {

                body, table.body, h1, h2, h3, h4, h5, h6, p, td, .rte-line, .footer-copyright {
                    font-family: 'FrutigerLTW05-45Light', Frutiger, 'Segoe UI', system-ui, sans-serif !important;
                }
                .article-title,
                .promotion-title,
                .dynamic-content-title,
                .footer-title,
                .article-button,
                strong,
                b {
                    font-family: 'FrutigerLTW05-45Light', Frutiger, 'Segoe UI', system-ui, sans-serif !important;
                    font-weight: bold;
                }

            }

            @media only screen and (max-width: 600px){
                img {
                    width: 100%;
                    max-width: 100%;
                }
                .full-width {
                    width: auto !important;
                    max-width: 100% !important;
                    margin: 0 !important;
                }
                .full-width-two-columns,
                .full-width-inner {
                    width: 100% !important;
                }
                .web-version-table,
                .copyright-table {
                    width: 100% !important;
                }
                .footer, .header {
                    min-width: 100% !important;
                }
                .article-button-table,
                .article-button {
                    width: 100%;
                    max-width: 100% !important;
                }
                .two-column-table td {
                    display: block;
                }
                .two-column-table td:nth-child(2) {
                    height: 10px;
                }
                .two-column-table > tbody > tr > td:first-of-type,
                .two-column-table > tbody > tr > td:last-of-type {
                    width: 100% !important;
                    max-width: 100% !important;
                }
                .promotion > tr > td img {
                    width: 100% !important;
                    max-width: 100% !important;
                    height: auto !important;
                }
                .surprize td {
                    display: block;
                    width: 100% !important;
                    -webkit-box-sizing: border-box !important;
                    -moz-box-sizing: border-box !important;
                    box-sizing: border-box !important;
                }
                .footer td {
                    display: block;
                    width: 100% !important;
                }
                .social-icons td {
                    width: auto !important;
                    display:table-cell !important;
                }
            }
        </style>
    <style type="text/css">
        @media (prefers-color-scheme: dark) {
        body {
            background-color: #000;
            color: #FFF;
        }


        .bg {
                background: #000;
                color: #FFF; 
            }
            
            .content {
                background: #222;
                color: #FFF; 
            }

        a.link {
            color: #FFF;
        } 
        
        
        .footer-text a {
                text-decoration: underline;
                color: #FFF;
                display: inline-block;
            }
            .footer-text  {
                
                color: #FFF;
            
            }

            p.web-version a,
            p.header-link a {
                color: #FFF;
            }

            
            .article-text a {
                color: #FFF;
            }

        @media (prefers-color-scheme: light) {
            body {
            background-color: #FEFEFD;
            color: #3D3E40;
            }
        } 
            @media (prefers-color-scheme: dark) {
            .darkLogo {
            display: none !important;
            }

            .lightLogoWrapper,
            .lightLogo {
            display: block !important;
            }
        }   
    </style>
    </head>
    <body class="bg">
        <div class="preheader">
        </div>

    <!-- CONTAINER TABLE -->

        <div>
            <table width="100%" border="0" cellpadding="10" cellspacing="0" style="-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; min-width: 100%; overflow: hidden;" role="presentation">
                <tbody>
                    <tr>
                        <td align="center" class="bg">
                            <div>
                            <!-- OUTER TABLE -->
                                <table border="0" cellpadding="0" cellspacing="0" class="max-width" style="-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; max-width: 600px; overflow: hidden;">
                                <!-- START HEADER -->
                                    <tbody>
                                        <tr>
                                            <td width="600">
                                            <div><!-- Web view DE -->
                                            <div>
                                                <table border="0" cellpadding="8" cellspacing="0" class="full-width web-version-table" style="-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden; width: 100%;">
                                                    <tbody>
                                                        <tr>
                                                            <td align="center">
                                                                <p class="web-version" style="font-size: 10px; line-height: 14px; margin: 0; padding: 0; text-decoration: none;">&nbsp;</p>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="">
                                                <table border="0" cellpadding="0" cellspacing=" 0" class="full-width header" style="-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden; width: 100%;">
                                                    <tbody>
                                                        <tr>
                                                            <td width="50%" align="left" valign="bottom">
                                                                <p style="margin: 0; padding: 0;">
                                                                    <a href="https://one-digitalservice.ch/login/login?Location=https%3A%2F%2Fone%2Ddigitalservice%2Ech%2Fsurprize%2Fit%2Fhome" class="logo-link" target="_blank" title="surprize" style="color: #002149; text-decoration: underline;">
                                                                        <img class="darkLogo"  src="https://www.viseca.ch/viseca/media/email/logo_surprize-pos_84x74.png" alt="Surprize Logo" width="64" class="header-logo" style="display: block; height: auto; max-width: 64px;">
                                                                        <div class="lightLogoWrapper" style="mso-hide: all; display: none">     
                                                                            <img class="lightLogo"  src="https://www.viseca.ch/viseca/media/email/logo_surprize-neg_84x74.png" alt="Surprize Logo" width="64" class="header-logo" style="display: block; height: auto; max-width: 64px;">
                                                                        </div>
                                                                    </a>
                                                                </p>
                                                            </td>
                                                            <td width="50%" align="right" valign="bottom">
                                                                <table border="0" cellpadding="0" cellspacing="0" style="-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden;">
                                                                    <tbody>
                                                                        <tr>
                                                                            <td style="border-radius: 2px;" valign="middle" align="left">
                                                                            <!-- HEADER RIGHT DROPZONE -->
                                                                                <div class=""></div>
                                                                            <!-- END - HEADER RIGHT DROPZONE -->
                                                                            </td>
                                                                        </tr>
                                                                    </tbody>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <!-- END - Web view -->
                                            <!-- Header  -->
                                            <!-- END - Header  --></div>
                                            </td>
                                        </tr>
                                    <!-- END HEADER -->