{"id":92709,"date":"2026-08-13T14:04:52","date_gmt":"2026-08-13T12:04:52","guid":{"rendered":"https:\/\/www.tourdesuisse.ch\/?page_id=92709"},"modified":"2026-08-26T12:50:51","modified_gmt":"2026-08-26T10:50:51","slug":"factsheet-fanzone","status":"publish","type":"page","link":"https:\/\/www.tourdesuisse.ch\/it\/factsheet-fanzone\/","title":{"rendered":"Factsheet Fanzone"},"content":{"rendered":"<div  id class=\"page-section style-default layout-default align-default\" data-css-locator=\"db3a3198-6b44-420f-b14c-e5e045a9c662\">\n\t<div class=\"section-grid grid-layout container\"><div  style=\"--grid-layout-index: 1; --col-xs: 12; --col-sm: 12; --col-md: 12; --col-lg: 12; --col-xl: 12\" class=\"section-item layout-nopm layout-margin-default\" data-css-locator=\"5ca24cf6-2067-4cfe-8ea8-9c477695b171\"><!-- ============================================================\n     TOUR DE SUISSE \u2014 FANZONE  |  Landingpage IT (fluid, volle Breite)\n     Einf\u00fcgen als: WordPress Block \"Individuelles HTML\" (Custom HTML)\n     Sprache: Italienisch. Anrede durchgehend Voi-Form.\n\n     Aufbau: Titelblock -> KPI -> Bild -> Vorteile -> Bildstreifen ->\n             Impressionen-Galerie -> Investment -> CTA -> Kontakt\n             (+ Sticky-CTA am Seitenende)\n\n     BILDER (bereits verlinkt, Struktur \/wp-content\/uploads\/):\n       IMHOF_TDS_Aarburg116von210.jpg             Bildbanner\n       LEA_TDS_BadRagaz32von196.jpg               Bildstreifen\n       anne-stahel-tour-de-suisse.png  481x513    Kontaktband\n\n       Impressionen-Galerie:\n       IMHOF_TDS_Aarburg118von210.jpg\n       IMHOF_TDS_Aarburg146von210.jpg\n       IMHOF_TDS_Locarno1-231von153.jpg\n       IMHOF_TDS_Villars21von95.jpg\n       IMHOF_TDS_Aarburg7von210.jpg\n       IMHOF_TDS_Aarburg11von210.jpg\n\n     IMPRESSIONEN-GALERIE:\n     Horizontal scrollbarer Karussell-Streifen mit Pfeil-Buttons, damit\n     weitere Bilder aufgenommen werden k\u00f6nnen, ohne das Layout zu sprengen.\n     Weitere <div class=\"tds-gallery__item\">-Bl\u00f6cke (siehe Kommentar im\n     Markup) erg\u00e4nzen, sobald neues Bildmaterial vorliegt.\n     Die Bilder der Galerie tragen bewusst keine width\/height-Attribute,\n     da die Originalmasse nicht bekannt sind. Das Seitenverh\u00e4ltnis wird\n     \u00fcber CSS (aspect-ratio:4\/3) reserviert, es entsteht kein Layout-Shift.\n\n     SCRIPT AM SEITENENDE:\n     Bewusst ohne kaufm\u00e4nnisches Und, ohne spitze Klammern als\n     Vergleichsoperatoren, ohne Zeilenkommentare und ohne Umlaute\n     geschrieben. Genau diese Zeichen werden von WordPress-Filtern\n     escaped oder von Minify-Plugins zerschossen, was das ganze Script\n     mit \"Invalid or unexpected token\" beendet. Das Script findet seine\n     Elemente \u00fcber Klassen, ist also f\u00fcr alle Sprachen und f\u00fcr FanZone\n     wie FanConvoy identisch.\n\n     VOR DEM VER\u00d6FFENTLICHEN:\n     1) Etappenzahl \"10\" gegen die finale Route 2027 pr\u00fcfen\n     2) Crosslink im Footer auf die ITALIENISCHE FanConvoy-Seite umbiegen\n        (aktuell noch die deutsche URL)\n     3) Bildzuteilung pr\u00fcfen: welches Foto als Bildbanner, welches als\n        Bildstreifen, welche in die Galerie \u2013 aktuell provisorisch verteilt\n     4) Alt-Texte gegen die tats\u00e4chlichen Bildinhalte pr\u00fcfen\n     5) Bildausschnitte pr\u00fcfen (object-position, siehe .tds-visual__img\n        und .tds-shot \u2013 bei Bedarf anpassen)\n     6) Italienische Texte durch Muttersprachler gegenlesen lassen\n        (Tessiner Sprachgebrauch)\n\n     BREITE:\n     Standard = volle Fensterbreite. Soll der Block stattdessen in der\n     Theme-Spalte bleiben: class=\"tds-fs\" -> class=\"tds-fs tds-fs--boxed\"\n\n     STICKY-CTA:\n     Erscheint, sobald die KPI-Leiste nach oben aus dem Bild gescrollt ist,\n     und blendet sich exakt dort wieder aus, wo der grosse Button\n     \"Assicuratevi il vostro posto\" in den Viewport kommt. Der Balken steht\n     bewusst AUSSERHALB von <section class=\"tds-fs\" lang=\"it\"> und wird per JS\n     an <body> geh\u00e4ngt, sonst funktioniert position:fixed nicht\n     (CSS-Containment).\n     Ausl\u00f6ser verschieben = das <div class=\"tds-trigger\"> verschieben.\n     ============================================================ -->\n\n<style>\n\/* Verhindert den horizontalen Scrollbalken beim Full-Bleed.\n   Kann entfernt werden, wenn das Theme das selbst regelt. *\/\nhtml{overflow-x:clip;}\n\n.tds-fs{\n  \/* Schriften erben vom Theme. F\u00fcr Slab-Zahlen z.B.\n     --tds-font-data:\"Roboto Slab\",Georgia,serif; setzen. *\/\n  --tds-font:inherit;\n  --tds-font-data:inherit;\n  --tds-red:#A61C2B;\n  --tds-maroon:#771B17;\n  --tds-line:rgba(255,255,255,.18);\n  --tds-line-strong:rgba(255,255,255,.28);\n  --tds-max:1280px;\n  --tds-gutter:clamp(20px,4.5vw,64px);\n  --tds-band:clamp(38px,5.2vw,80px);\n\n  container-type:inline-size;\n  container-name:tdsfs;\n  width:100vw;\n  max-width:100vw;\n  margin-inline:calc(50% - 50vw);\n  background:var(--tds-maroon);\n  font-family:var(--tds-font);\n  color:#fff;\n  -webkit-font-smoothing:antialiased;\n}\n.tds-fs.tds-fs--boxed{width:auto;max-width:none;margin-inline:0;}\n\n.tds-fs *,.tds-fs *::before,.tds-fs *::after{box-sizing:border-box;}\n.tds-fs h1,.tds-fs h2{margin:0;padding:0;font-family:inherit;color:inherit;text-wrap:balance;}\n.tds-fs p{margin:0;}\n.tds-fs img{max-width:100%;height:auto;border:0;border-radius:0;box-shadow:none;}\n.tds-fs a{color:#fff;}\n.tds-fs a:hover{color:#F5D2D7;}\n.tds-fs a:focus-visible{outline:2px solid #fff;outline-offset:3px;}\n\n.tds-fs .tds-wrap{\n  width:100%;max-width:var(--tds-max);margin-inline:auto;\n  padding-inline:var(--tds-gutter);\n}\n.tds-fs .tds-band{padding-block:var(--tds-band);}\n.tds-fs .tds-trigger{height:1px;}\n\n\/* ---- Titelblock (Seitenanfang) --------------------------------- *\/\n.tds-fs .tds-head{\n  padding-block:clamp(40px,5vw,84px) 0;\n  display:grid;gap:clamp(20px,3vw,56px);align-items:end;\n}\n.tds-fs .tds-title{\n  font-style:italic;font-weight:900;\n  font-size:clamp(34px,5.8vw,76px);line-height:1.02;\n  letter-spacing:-.02em;text-transform:uppercase;\n}\n.tds-fs .tds-banner{\n  display:inline-block;background:#000;transform:skewX(-10deg);\n  padding:clamp(6px,.65vw,11px) clamp(15px,1.6vw,28px);\n  margin:clamp(14px,1.6vw,24px) 0 0 6px;\n}\n.tds-fs .tds-banner span{\n  display:block;transform:skewX(0deg);\n  font-style:italic;font-weight:900;\n  font-size:clamp(15px,1.9vw,26px);letter-spacing:.03em;text-transform:uppercase;\n}\n.tds-fs .tds-claim{\n  margin-top:clamp(16px,1.9vw,30px);\n  font-style:italic;font-weight:700;\n  font-size:clamp(19px,2.5vw,34px);line-height:1.18;\n}\n.tds-fs .tds-intro{\n  font-size:clamp(15.5px,1.3vw,19px);line-height:1.65;\n  color:rgba(255,255,255,.9);max-width:60ch;\n}\n\n\/* ---- KPI-Leiste ------------------------------------------------ *\/\n.tds-fs .tds-kpis{\n  margin-top:clamp(30px,3.8vw,60px);\n  display:grid;grid-template-columns:1fr 1fr;\n  border-top:1px solid var(--tds-line-strong);\n  border-bottom:1px solid var(--tds-line-strong);\n}\n.tds-fs .tds-kpi{padding:clamp(14px,1.5vw,24px) clamp(10px,1.2vw,22px);text-align:center;}\n.tds-fs .tds-kpi:nth-child(even){border-left:1px solid var(--tds-line);}\n.tds-fs .tds-kpi:nth-child(n+3){border-top:1px solid var(--tds-line);}\n.tds-fs .tds-kpi__n{\n  font-family:var(--tds-font-data);font-weight:700;\n  font-size:clamp(24px,3.2vw,44px);line-height:1.05;\n  letter-spacing:-.02em;font-variant-numeric:tabular-nums;\n}\n.tds-fs .tds-kpi__l{\n  margin-top:clamp(4px,.5vw,10px);font-family:var(--tds-font-data);\n  font-size:clamp(9.5px,.9vw,12.5px);line-height:1.35;\n  letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.72);\n}\n\n\/* ---- Bildbanner (nicht mehr oberstes Element) ------------------- *\/\n\/* object-position steuert den Bildausschnitt. Der zweite Wert ist die\n   vertikale Achse: 0% = oberer Bildrand, 100% = unterer Bildrand.\n   78% zeigt bewusst den unteren Bildbereich (Publikum, Zelte, FanZone)\n   statt der H\u00e4userfassaden. Bei Bildwechsel hier nachjustieren. *\/\n.tds-fs .tds-visual{\n  position:relative;background:var(--tds-red);\n  margin-top:clamp(34px,4.2vw,68px);\n}\n.tds-fs .tds-visual__img{\n  display:block;width:100%;\n  height:clamp(280px,42vw,520px);\n  object-fit:cover;object-position:50% 78%;\n  clip-path:polygon(0 0,100% 0,100% calc(100% - clamp(18px,3.2vw,60px)),0 100%);\n}\n.tds-fs .tds-visual__veil{\n  position:absolute;inset:auto 0 0 0;height:45%;pointer-events:none;\n  background:linear-gradient(to top,rgba(0,0,0,.32),transparent);\n  clip-path:polygon(0 0,100% 0,100% calc(100% - clamp(18px,3.2vw,60px)),0 100%);\n}\n\/* ---- Abschnittstitel ------------------------------------------- *\/\n.tds-fs .tds-h2{\n  font-style:italic;font-weight:900;\n  font-size:clamp(21px,2.7vw,38px);line-height:1.1;\n  letter-spacing:-.01em;text-transform:uppercase;\n}\n\n\/* ---- Vorteile --------------------------------------------------- *\/\n.tds-fs .tds-benefits{\n  margin-top:clamp(20px,2.4vw,40px);\n  display:grid;gap:clamp(18px,2.2vw,36px);\n}\n.tds-fs .tds-benefit{\n  display:grid;grid-template-columns:auto 1fr;\n  gap:clamp(13px,1.4vw,22px);align-items:start;\n}\n.tds-fs .tds-benefit__icon{\n  width:clamp(44px,4.2vw,60px);height:clamp(44px,4.2vw,60px);flex-shrink:0;\n  background:#fff;border-radius:9999px;\n  display:flex;align-items:center;justify-content:center;color:var(--tds-maroon);\n}\n.tds-fs .tds-benefit__icon svg{width:clamp(21px,1.9vw,27px);height:clamp(21px,1.9vw,27px);display:block;}\n.tds-fs .tds-benefit__t{font-weight:700;font-size:clamp(16px,1.35vw,20px);line-height:1.3;}\n.tds-fs .tds-benefit__d{\n  margin-top:clamp(3px,.4vw,8px);\n  font-size:clamp(14.5px,1.15vw,17.5px);line-height:1.5;color:rgba(255,255,255,.85);\n}\n\n\/* ---- Bildstreifen ----------------------------------------------- *\/\n\/* object-position steuert den Bildausschnitt. Der zweite Wert ist die\n   vertikale Achse: 0% = oberer Bildrand, 100% = unterer Bildrand.\n   55% zeigt die Bildmitte, damit mehr vom Stand und weniger vom Publikum\n   im unteren Bildbereich sichtbar ist. Kleinerer Wert = weiter oben.\n   Der Streifen ist zudem etwas h\u00f6her, damit mehr Bildfl\u00e4che bleibt. *\/\n.tds-fs .tds-shot{\n  display:block;width:100%;\n  height:clamp(220px,28vw,440px);object-fit:cover;object-position:50% 55%;\n}\n\n\/* ---- Impressionen (Foto-Karussell) ------------------------------- *\/\n.tds-fs .tds-gallery__head{\n  display:flex;align-items:center;justify-content:space-between;gap:16px;\n  margin-bottom:clamp(14px,1.6vw,24px);\n}\n.tds-fs .tds-gallery__nav{display:flex;gap:10px;}\n.tds-fs .tds-gallery__btn{\n  width:clamp(36px,3.2vw,46px);height:clamp(36px,3.2vw,46px);flex-shrink:0;\n  border-radius:9999px;border:1px solid var(--tds-line-strong);\n  background:transparent;color:#fff;cursor:pointer;padding:0;\n  display:flex;align-items:center;justify-content:center;\n  -webkit-appearance:none;appearance:none;\n  transition:background-color 150ms ease-out,border-color 150ms ease-out;\n}\n.tds-fs .tds-gallery__btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);}\n.tds-fs .tds-gallery__btn:focus-visible{outline:2px solid #fff;outline-offset:2px;}\n.tds-fs .tds-gallery__btn svg{width:18px;height:18px;display:block;pointer-events:none;}\n.tds-fs .tds-gallery__track{\n  display:flex;gap:clamp(10px,1.2vw,18px);\n  overflow-x:auto;scroll-snap-type:x mandatory;\n  -webkit-overflow-scrolling:touch;\n  padding-bottom:2px;scrollbar-width:none;\n}\n.tds-fs .tds-gallery__track::-webkit-scrollbar{display:none;}\n.tds-fs .tds-gallery__item{flex:0 0 auto;width:clamp(220px,34vw,360px);scroll-snap-align:start;}\n.tds-fs .tds-gallery__item img{\n  display:block;width:100%;aspect-ratio:4\/3;object-fit:cover;\n  border-radius:clamp(8px,.8vw,14px);\n}\n\n\/* ---- Investment -------------------------------------------------- *\/\n.tds-fs .tds-invest{display:grid;gap:clamp(28px,3.2vw,52px);align-items:start;}\n.tds-fs .tds-rows{margin-top:clamp(14px,1.5vw,24px);}\n.tds-fs .tds-row{\n  display:flex;justify-content:space-between;align-items:baseline;\n  gap:clamp(16px,2vw,40px);\n  padding-block:clamp(12px,1.3vw,20px);\n  border-bottom:1px solid var(--tds-line);\n}\n.tds-fs .tds-row__l{font-size:clamp(15px,1.25vw,18.5px);line-height:1.4;}\n.tds-fs .tds-row__l em{font-style:normal;color:rgba(255,255,255,.7);}\n.tds-fs .tds-row__p{\n  font-family:var(--tds-font-data);font-weight:700;\n  font-size:clamp(17px,1.6vw,24px);white-space:nowrap;font-variant-numeric:tabular-nums;\n}\n\n\/* ---- Kombipaket-Box ---------------------------------------------- *\/\n.tds-fs .tds-box{\n  background:var(--tds-red);\n  padding:clamp(20px,2.3vw,40px);\n  clip-path:polygon(0 0,calc(100% - clamp(18px,1.8vw,32px)) 0,100% clamp(18px,1.8vw,32px),100% 100%,0 100%);\n}\n.tds-fs .tds-box__eyebrow{\n  font-family:var(--tds-font-data);font-weight:700;\n  font-size:clamp(10px,.95vw,13px);letter-spacing:.16em;\n  text-transform:uppercase;color:rgba(255,255,255,.82);\n}\n.tds-fs .tds-box__t{\n  margin-top:clamp(8px,.9vw,15px);font-style:italic;font-weight:900;\n  font-size:clamp(19px,2.1vw,30px);text-transform:uppercase;line-height:1.1;\n}\n.tds-fs .tds-box__d{\n  margin-top:clamp(10px,1.1vw,18px);\n  font-size:clamp(14.5px,1.15vw,17.5px);line-height:1.55;color:rgba(255,255,255,.92);\n}\n.tds-fs .tds-box__meta{\n  margin-top:clamp(10px,1.1vw,18px);font-family:var(--tds-font-data);\n  font-weight:700;font-size:clamp(14px,1.15vw,17.5px);\n}\n.tds-fs .tds-box__foot{\n  margin-top:clamp(14px,1.5vw,24px);\n  display:flex;justify-content:space-between;align-items:baseline;\n  gap:clamp(12px,1.6vw,28px);flex-wrap:wrap;\n}\n.tds-fs .tds-box__price{font-family:var(--tds-font-data);font-weight:700;font-size:clamp(24px,2.5vw,36px);}\n.tds-fs .tds-box__price small{font-family:var(--tds-font);font-weight:400;font-size:clamp(13px,1.1vw,16px);color:rgba(255,255,255,.8);}\n.tds-fs .tds-box__link{font-size:clamp(14px,1.15vw,17.5px);font-weight:700;}\n\n\/* ---- CTA ---------------------------------------------------------- *\/\n.tds-fs .tds-cta{text-align:center;padding-block:0 var(--tds-band);}\n.tds-fs .tds-btn{\n  display:inline-block;background:#fff;color:var(--tds-maroon);text-decoration:none;\n  font-style:italic;font-weight:900;\n  font-size:clamp(17px,1.8vw,26px);letter-spacing:.02em;text-transform:uppercase;\n  padding:clamp(14px,1.4vw,22px) clamp(28px,3.2vw,54px);\n  border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.28);\n  transition:transform 150ms ease-out,background-color 150ms ease-out;\n}\n.tds-fs .tds-btn:hover{background:#F1EFE8;color:var(--tds-maroon);transform:translateY(-1px);}\n.tds-fs .tds-btn:active{transform:translateY(0);}\n.tds-fs .tds-scarcity{\n  margin-top:clamp(12px,1.2vw,19px);\n  font-size:clamp(13.5px,1.1vw,16.5px);color:rgba(255,255,255,.82);\n}\n\n\/* ---- Kontaktkarte ---------------------------------------------------- *\/\n.tds-fs .tds-contact{background:var(--tds-red);padding-block:clamp(28px,3.4vw,56px) var(--tds-band);}\n.tds-fs .tds-contact__card{\n  display:grid;\n  grid-template-columns:clamp(88px,22vw,132px) 1fr;\n  gap:clamp(16px,2vw,30px);align-items:center;\n  background:rgba(0,0,0,.16);\n  border:1px solid rgba(255,255,255,.3);\n  border-radius:clamp(14px,1.4vw,20px);\n  padding:clamp(18px,2.1vw,32px);\n  box-shadow:0 10px 30px rgba(0,0,0,.22);\n}\n.tds-fs .tds-contact__img{\n  display:block;width:100%;aspect-ratio:4\/5;object-fit:cover;\n  border-radius:clamp(8px,.9vw,14px);\n}\n.tds-fs .tds-contact__h{\n  font-style:italic;font-weight:900;\n  font-size:clamp(17px,2.1vw,28px);text-transform:uppercase;line-height:1.1;\n}\n.tds-fs .tds-contact__meta{\n  margin-top:clamp(8px,1.1vw,16px);\n  display:flex;flex-direction:column;gap:clamp(3px,.5vw,8px);\n  font-size:clamp(13.5px,1.15vw,17.5px);\n}\n.tds-fs .tds-contact__meta strong{font-weight:700;overflow-wrap:anywhere;}\n.tds-fs .tds-contact__url{margin-top:clamp(10px,1.1vw,18px);font-weight:700;font-size:clamp(13px,1.05vw,16.5px);color:rgba(255,255,255,.8);}\n\n\/* ---- Crosslink ------------------------------------------------------ *\/\n.tds-fs .tds-crosslink{\n  padding-block:clamp(14px,1.5vw,24px);\n  text-align:center;font-size:clamp(13px,1vw,15.5px);background:var(--tds-red);\n}\n.tds-fs .tds-crosslink a{color:rgba(255,255,255,.88);}\n\n\/* ============ Layout-Umschaltung nach Containerbreite ============== *\/\n@container tdsfs (min-width:560px){\n  .tds-fs .tds-kpis{grid-template-columns:repeat(4,1fr);}\n  \/* Wichtig: die 2x2-Regeln oben nutzen :nth-child (Spezifitaet 0,3,0).\n     @container erhoeht die Spezifitaet nicht \u2014 deshalb hier ebenfalls mit\n     drei Klassen selektieren, sonst bleiben padding-left:0 und border-top\n     aus dem Mobile-Layout aktiv. *\/\n  .tds-fs .tds-kpis .tds-kpi{\n    padding-left:clamp(10px,1.2vw,22px);padding-right:clamp(10px,1.2vw,22px);\n    border-left:1px solid var(--tds-line);border-top:0;\n  }\n  .tds-fs .tds-kpis .tds-kpi:first-child{border-left:0;}\n}\n@container tdsfs (min-width:760px){\n  .tds-fs .tds-benefits{grid-template-columns:1fr 1fr;}\n  .tds-fs .tds-contact__card{grid-template-columns:clamp(140px,16vw,180px) 1fr;}\n  .tds-fs .tds-contact__meta{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:clamp(10px,2vw,36px);}\n}\n@container tdsfs (min-width:900px){\n  .tds-fs .tds-head{grid-template-columns:1fr 1.05fr;}\n  .tds-fs .tds-invest{grid-template-columns:1.05fr 1fr;align-items:stretch;}\n}\n@media (prefers-reduced-motion:reduce){\n  .tds-fs *{transition:none !important;}\n}\n\n\/* ============ Sticky-CTA (steht ausserhalb von .tds-fs) ============ *\/\n.tds-sticky{\n  position:fixed;left:0;right:0;bottom:0;z-index:9990;\n  background:#A61C2B;border-top:1px solid rgba(255,255,255,.22);\n  box-shadow:0 -6px 24px rgba(0,0,0,.3);\n  color:#fff;font-family:inherit;\n  padding-bottom:env(safe-area-inset-bottom,0px);\n  transform:translateY(115%);visibility:hidden;\n  transition:transform 260ms ease-out,visibility 0s linear 260ms;\n}\n.tds-sticky.is-visible{\n  transform:translateY(0);visibility:visible;\n  transition:transform 260ms ease-out;\n}\n.tds-sticky,.tds-sticky *{box-sizing:border-box;}\n.tds-sticky .tds-sticky__inner{\n  max-width:1280px;margin-inline:auto;\n  padding:12px clamp(16px,4vw,64px);\n  display:flex;align-items:center;justify-content:space-between;gap:20px;\n}\n.tds-sticky .tds-sticky__txt{display:none;font-weight:700;font-size:16px;line-height:1.3;}\n.tds-sticky .tds-sticky__btn{\n  display:block;flex:1 1 auto;text-align:center;\n  background:#fff;color:#771B17;text-decoration:none;\n  font-style:italic;font-weight:900;text-transform:uppercase;\n  font-size:16px;letter-spacing:.02em;\n  padding:13px 22px;border-radius:8px;\n  transition:background-color 150ms ease-out;\n}\n.tds-sticky .tds-sticky__btn:hover{background:#F1EFE8;color:#771B17;}\n.tds-sticky .tds-sticky__btn:focus-visible{outline:2px solid #fff;outline-offset:3px;}\n@media (min-width:760px){\n  .tds-sticky .tds-sticky__txt{display:block;}\n  .tds-sticky .tds-sticky__btn{flex:0 0 auto;font-size:17px;padding:13px 36px;}\n}\n@media (prefers-reduced-motion:reduce){\n  .tds-sticky{transition:none;}\n}\n<\/style>\n\n<section class=\"tds-fs\" lang=\"it\">\n\n  <!-- Blocco titolo -->\n  <div class=\"tds-wrap tds-head\">\n    <div>\n      <h1 class=\"tds-title\">Tour de Suisse<br>FanZone<\/h1>\n      <div class=\"tds-banner\"><span>Viverla insieme<\/span><\/div>\n      <p class=\"tds-claim\">Il vostro marchio diventa un\u2019esperienza. L\u2019emozione resta.<\/p>\n    <\/div>\n    <p class=\"tds-intro\">Portate il vostro marchio dove nascono le emozioni.<br>La FanZone offre al vostro marchio spazio per tutta la giornata: per incontri personali, interazione e contatto diretto con fan entusiasti.<\/p>\n  <\/div>\n\n  <!-- KPI -->\n  <div class=\"tds-wrap\">\n    <div class=\"tds-kpis\">\n      <div class=\"tds-kpi\">\n        <div class=\"tds-kpi__n\">5<\/div>\n        <div class=\"tds-kpi__l\">Giorni<\/div>\n      <\/div>\n      <div class=\"tds-kpi\">\n        <div class=\"tds-kpi__n\">10<\/div>\n        <div class=\"tds-kpi__l\">Tappe<\/div>\n      <\/div>\n      <div class=\"tds-kpi\">\n        <div class=\"tds-kpi__n\">Fino a 10\u2019000<\/div>\n        <div class=\"tds-kpi__l\">Visitatori per citt\u00e0 di tappa<\/div>\n      <\/div>\n      <div class=\"tds-kpi\">\n        <div class=\"tds-kpi__n\">Women &amp; Men<\/div>\n        <div class=\"tds-kpi__l\">Aperta durante entrambe le corse<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Attivatore del CTA sticky -->\n  <div class=\"tds-trigger\" id=\"tds-trigger-fz-it\" aria-hidden=\"true\"><\/div>\n\n  <!-- Banner fotografico -->\n  <div class=\"tds-visual\">\n    <img class=\"tds-visual__img\" src=\"https:\/\/www.tourdesuisse.ch\/wp-content\/uploads\/IMHOF_TDS_Aarburg116von210.jpg\" alt=\"La FanZone del Tour de Suisse\" loading=\"lazy\" decoding=\"async\">\n    <div class=\"tds-visual__veil\" aria-hidden=\"true\"><\/div>\n  <\/div>\n\n  <!-- Vantaggi -->\n  <div class=\"tds-wrap tds-band\">\n    <h2 class=\"tds-h2\">Trasformate il vostro marchio in un\u2019esperienza<\/h2>\n    <div class=\"tds-benefits\">\n\n      <div class=\"tds-benefit\">\n        <div class=\"tds-benefit__icon\" aria-hidden=\"true\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"tds-benefit__t\">EMOZIONE<\/div>\n          <div class=\"tds-benefit__d\">Il vostro stand nel cuore dell\u2019azione, dove migliaia di fan si incontrano prima, durante e dopo la corsa.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tds-benefit\">\n        <div class=\"tds-benefit__icon\" aria-hidden=\"true\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19.414 14.414C21 12.828 22 11.5 22 9.5a5.5 5.5 0 0 0-9.591-3.676.6.6 0 0 1-.818.001A5.5 5.5 0 0 0 2 9.5c0 2.3 1.5 4 3 5.5l5.535 5.362a2 2 0 0 0 2.879.052 2.12 2.12 0 0 0-.004-3 2.124 2.124 0 1 0 3-3 2.124 2.124 0 0 0 3.004 0 2 2 0 0 0 0-2.828l-1.881-1.882a2.41 2.41 0 0 0-3.409 0l-1.71 1.71a2 2 0 0 1-2.828 0 2 2 0 0 1 0-2.828l2.823-2.762\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"tds-benefit__t\">ESPERIENZA<\/div>\n          <div class=\"tds-benefit__d\">Create incontri personali e portate i vostri prodotti direttamente al vostro pubblico di riferimento.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tds-benefit\">\n        <div class=\"tds-benefit__icon\" aria-hidden=\"true\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 10a4 4 0 0 1-8 0\"\/><path d=\"M3.103 6.034h17.794\"\/><path d=\"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"tds-benefit__t\">ATTIVAZIONE<\/div>\n          <div class=\"tds-benefit__d\">Sampling e vendita diretta sul posto creano punti di contatto immediati, senza dispersione.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tds-benefit\">\n        <div class=\"tds-benefit__icon\" aria-hidden=\"true\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5\"\/><path d=\"M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244\"\/><path d=\"M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"tds-benefit__t\">VISIBILIT\u00c0<\/div>\n          <div class=\"tds-benefit__d\">Personalizzate la vostra presenza nella FanZone e trasformate il vostro marchio in un vero punto d\u2019attrazione.<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <img class=\"tds-shot\" src=\"https:\/\/www.tourdesuisse.ch\/wp-content\/uploads\/LEA_TDS_BadRagaz32von196.jpg\" alt=\"Il pubblico nella FanZone del Tour de Suisse\" loading=\"lazy\" decoding=\"async\">\n\n  <!-- Galleria (carosello fotografico) -->\n  <div class=\"tds-wrap tds-band\">\n    <div class=\"tds-gallery\">\n      <div class=\"tds-gallery__head\">\n        <h2 class=\"tds-h2\">Immagini<\/h2>\n        <div class=\"tds-gallery__nav\">\n          <button type=\"button\" class=\"tds-gallery__btn\" data-dir=\"-1\" aria-label=\"Immagine precedente\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 18-6-6 6-6\"\/><\/svg>\n          <\/button>\n          <button type=\"button\" class=\"tds-gallery__btn\" data-dir=\"1\" aria-label=\"Immagine successiva\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n      <div class=\"tds-gallery__track\">\n        <div class=\"tds-gallery__item\"><img src=\"https:\/\/www.tourdesuisse.ch\/wp-content\/uploads\/IMHOF_TDS_Aarburg7von210.jpg\" alt=\"La FanZone del Tour de Suisse ad Aarburg\" loading=\"lazy\" decoding=\"async\"><\/div>\n        <div class=\"tds-gallery__item\"><img src=\"https:\/\/www.tourdesuisse.ch\/wp-content\/uploads\/IMHOF_TDS_Aarburg11von210.jpg\" alt=\"Stand nella FanZone ad Aarburg\" loading=\"lazy\" decoding=\"async\"><\/div>\n        <div class=\"tds-gallery__item\"><img src=\"https:\/\/www.tourdesuisse.ch\/wp-content\/uploads\/IMHOF_TDS_Aarburg118von210.jpg\" alt=\"Visitatori nella FanZone ad Aarburg\" loading=\"lazy\" decoding=\"async\"><\/div>\n        <div class=\"tds-gallery__item\"><img src=\"https:\/\/www.tourdesuisse.ch\/wp-content\/uploads\/IMHOF_TDS_Aarburg146von210.jpg\" alt=\"Atmosfera nella FanZone ad Aarburg\" loading=\"lazy\" decoding=\"async\"><\/div>\n        <div class=\"tds-gallery__item\"><img src=\"https:\/\/www.tourdesuisse.ch\/wp-content\/uploads\/IMHOF_TDS_Locarno1-231von153.jpg\" alt=\"La FanZone del Tour de Suisse a Locarno\" loading=\"lazy\" decoding=\"async\"><\/div>\n        <div class=\"tds-gallery__item\"><img src=\"https:\/\/www.tourdesuisse.ch\/wp-content\/uploads\/IMHOF_TDS_Villars21von95.jpg\" alt=\"La FanZone del Tour de Suisse a Villars-sur-Ollon\" loading=\"lazy\" decoding=\"async\"><\/div>\n        <!-- Weitere Bilder einfach als zus\u00e4tzliche Bl\u00f6cke erg\u00e4nzen:\n        <div class=\"tds-gallery__item\"><img src=\"https:\/\/www.tourdesuisse.ch\/wp-content\/uploads\/DATEINAME.jpg\" alt=\"DESCRIZIONE\" loading=\"lazy\" decoding=\"async\"><\/div>\n        -->\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Investment -->\n  <div class=\"tds-wrap tds-band\">\n    <div class=\"tds-invest\">\n      <div>\n        <h2 class=\"tds-h2\">La vostra presenza al Tour de Suisse<\/h2>\n        <div class=\"tds-rows\">\n          <div class=\"tds-row\">\n            <div class=\"tds-row__l\">1 posto stand nella FanZone, per tutto il Tour <em>(elettricit\u00e0 inclusa)<\/em><\/div>\n            <div class=\"tds-row__p\">CHF 11\u2019500<\/div>\n          <\/div>\n          <!-- TAGESPREIS -->\n          <div class=\"tds-row\">\n            <div class=\"tds-row__l\">Tariffa giornaliera mer.\u2013ven.<\/div>\n            <div class=\"tds-row__p\">CHF 2\u2019500<\/div>\n          <\/div>\n          <!-- TAGESPREIS -->\n          <div class=\"tds-row\">\n            <div class=\"tds-row__l\">Tariffa giornaliera sab.\u2013dom.<\/div>\n            <div class=\"tds-row__p\">CHF 3\u2019000<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tds-box\">\n        <div class=\"tds-box__eyebrow\">Pacchetto combinato<\/div>\n        <h2 class=\"tds-box__t\">FanZone + FanZone digitale<\/h2>\n        <p class=\"tds-box__d\">Raggiungete i fan sul posto ed estendete la vostra presenza anche in digitale: prima, durante e dopo la corsa.<\/p>\n        <div class=\"tds-box__meta\">+ 40\u2019000 contatti digitali<\/div>\n        <div class=\"tds-box__foot\">\n          <div class=\"tds-box__price\">CHF 16\u2019500 <small>per tutto il Tour<\/small><\/div>\n          <a class=\"tds-box__link\" href=\"https:\/\/tds.livxp.com\/\" target=\"_blank\" rel=\"noopener\">Scoprire la FanZone digitale \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"tds-wrap tds-cta\" id=\"tds-cta-fz-it\">\n    <a class=\"tds-btn\" href=\"mailto:anne@cycling-unlimited.ch?subject=FanZone%20Tour%20de%20Suisse%202027\">Assicuratevi il vostro posto<\/a>\n    <p class=\"tds-scarcity\">Il numero di stand nella FanZone \u00e8 limitato.<\/p>\n  <\/div>\n\n  <!-- Contatto -->\n  <div class=\"tds-contact\" id=\"tds-contact-fz-it\">\n    <div class=\"tds-wrap\">\n      <div class=\"tds-contact__card\">\n        <img class=\"tds-contact__img\" src=\"https:\/\/www.tourdesuisse.ch\/wp-content\/uploads\/anne-stahel-tour-de-suisse.png\" width=\"481\" height=\"513\" alt=\"Anne Stahel, Sales, Tour de Suisse\" loading=\"lazy\" decoding=\"async\">\n        <div>\n          <h2 class=\"tds-contact__h\">Sono a vostra disposizione<\/h2>\n          <div class=\"tds-contact__meta\">\n            <div>Anne Stahel, Sales<\/div>\n            <div><strong><a href=\"mailto:anne@cycling-unlimited.ch\">anne@cycling-unlimited.ch<\/a><\/strong><\/div>\n            <div><strong><a href=\"tel:+41792874870\">+41 79 287 48 70<\/a><\/strong><\/div>\n          <\/div>\n          <div class=\"tds-contact__url\">www.tourdesuisse.ch<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"tds-crosslink\">\n    <a href=\"https:\/\/www.tourdesuisse.ch\/factsheet-fanconvoy\/\">Da scoprire anche: Tour de Suisse FanConvoy \u2192<\/a>\n  <\/div>\n\n<\/section>\n\n<!-- CTA sticky: volutamente al di fuori di .tds-fs -->\n<div class=\"tds-sticky\" id=\"tds-sticky-fz-it\" lang=\"it\">\n  <div class=\"tds-sticky__inner\">\n    <div class=\"tds-sticky__txt\">Tour de Suisse FanZone \u2013 il numero di stand \u00e8 limitato.<\/div>\n    <a class=\"tds-sticky__btn\" href=\"mailto:anne@cycling-unlimited.ch?subject=FanZone%20Tour%20de%20Suisse%202027\">Assicuratevi il vostro posto<\/a>\n  <\/div>\n<\/div>\n\n<script>\n\/* Tour de Suisse: Sticky-CTA + Impressionen-Galerie.\n   Identisch fuer FanZone und FanConvoy, alle Sprachen: die Elemente\n   werden ueber Klassen gefunden, nicht ueber IDs.\n\n   Bewusst ohne kaufmaennisches Und, ohne spitze Klammern als\n   Vergleichsoperatoren, ohne Zeilenkommentare und ohne Umlaute. Genau\n   diese Zeichen werden von WordPress-Filtern escaped oder von\n   Minify-Plugins zerschossen, was das ganze Script mit\n   \"Invalid or unexpected token\" beendet.\n   Math.sign(a - b) === 1 bedeutet: a ist groesser als b. *\/\n\n(function () {\n  var bar = document.querySelector(\".tds-sticky\");\n  var start = document.querySelector(\".tds-trigger\");\n  var stop = document.querySelector(\".tds-cta\");\n  if (!bar) { return; }\n  if (!start) { return; }\n  if (!stop) { return; }\n\n  \/* Balken direkt an body haengen, sonst kann position:fixed an einem\n     transformierten Theme-Wrapper haengen bleiben. *\/\n  if (bar.parentNode !== document.body) { document.body.appendChild(bar); }\n\n  var ticking = false;\n\n  function update() {\n    var vh = window.innerHeight || document.documentElement.clientHeight;\n    var startTop = start.getBoundingClientRect().top;\n    var stopTop = stop.getBoundingClientRect().top;\n    var passedTrigger = Math.sign(startTop) === -1;\n    var ctaStillBelow = Math.sign(stopTop - (vh - 40)) === 1;\n    var visible = false;\n    if (passedTrigger) {\n      if (ctaStillBelow) { visible = true; }\n    }\n    bar.classList.toggle(\"is-visible\", visible);\n  }\n\n  function onScroll() {\n    if (ticking) { return; }\n    ticking = true;\n    window.requestAnimationFrame(function () {\n      update();\n      ticking = false;\n    });\n  }\n\n  window.addEventListener(\"scroll\", onScroll, { passive: true });\n  window.addEventListener(\"resize\", onScroll);\n  update();\n})();\n\n(function () {\n  var reduceMotion = false;\n  if (window.matchMedia) {\n    reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n  }\n  var supportsSmooth = \"scrollBehavior\" in document.documentElement.style;\n  var animate = supportsSmooth;\n  if (reduceMotion) { animate = false; }\n\n  function list(root, selector) {\n    return Array.prototype.slice.call(root.querySelectorAll(selector));\n  }\n\n  \/* Zielposition ueber die echte Position des naechsten bzw.\n     vorherigen Bilds, nicht ueber Bildbreite plus fixem Abstand. *\/\n  function targetFor(track, dir) {\n    var items = list(track, \".tds-gallery__item\");\n    if (!items.length) { return null; }\n    var current = track.scrollLeft;\n    var target = null;\n\n    if (Math.sign(dir) === 1) {\n      items.forEach(function (item) {\n        if (target !== null) { return; }\n        if (Math.sign(item.offsetLeft - current - 2) === 1) {\n          target = item.offsetLeft;\n        }\n      });\n      if (target === null) { target = track.scrollWidth - track.clientWidth; }\n    } else {\n      items.slice().reverse().forEach(function (item) {\n        if (target !== null) { return; }\n        if (Math.sign(current - item.offsetLeft - 2) === 1) {\n          target = item.offsetLeft;\n        }\n      });\n      if (target === null) { target = 0; }\n    }\n    return target;\n  }\n\n  \/* Safari-Fix: WebKit ignoriert weiches Scrollen in Containern mit\n     scroll-snap-type mandatory. Snapping waehrend des Scrolls kurz aus,\n     danach wieder an. *\/\n  function scrollTrack(track, dir) {\n    var target = targetFor(track, dir);\n    if (target === null) { return; }\n\n    var prevSnap = track.style.scrollSnapType;\n    track.style.scrollSnapType = \"none\";\n\n    if (animate) {\n      track.scrollTo({ left: target, behavior: \"smooth\" });\n    } else {\n      track.scrollLeft = target;\n    }\n\n    var delay = 60;\n    if (animate) { delay = 450; }\n    clearTimeout(track.tdsSnapTimer);\n    track.tdsSnapTimer = setTimeout(function () {\n      track.style.scrollSnapType = prevSnap;\n    }, delay);\n  }\n\n  list(document, \".tds-gallery__btn\").forEach(function (btn) {\n    btn.addEventListener(\"click\", function (event) {\n      event.preventDefault();\n      var gallery = btn.closest(\".tds-gallery\");\n      if (!gallery) { return; }\n      var track = gallery.querySelector(\".tds-gallery__track\");\n      if (!track) { return; }\n      var dir = parseInt(btn.getAttribute(\"data-dir\"), 10) || 1;\n      scrollTrack(track, dir);\n    });\n  });\n})();\n<\/script><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Tour de SuisseFanZone Viverla insieme Il vostro marchio diventa un\u2019esperienza. L\u2019emozione resta. Portate il vostro marchio dove nascono le emozioni.La FanZone offre al vostro marchio spazio per tutta la giornata: per incontri personali, interazione e contatto diretto con fan entusiasti. 5 Giorni 10 Tappe Fino a 10\u2019000 Visitatori per citt\u00e0 di tappa Women &amp; Men [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-92709","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.tourdesuisse.ch\/it\/wp-json\/wp\/v2\/pages\/92709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tourdesuisse.ch\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tourdesuisse.ch\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tourdesuisse.ch\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tourdesuisse.ch\/it\/wp-json\/wp\/v2\/comments?post=92709"}],"version-history":[{"count":3,"href":"https:\/\/www.tourdesuisse.ch\/it\/wp-json\/wp\/v2\/pages\/92709\/revisions"}],"predecessor-version":[{"id":92721,"href":"https:\/\/www.tourdesuisse.ch\/it\/wp-json\/wp\/v2\/pages\/92709\/revisions\/92721"}],"wp:attachment":[{"href":"https:\/\/www.tourdesuisse.ch\/it\/wp-json\/wp\/v2\/media?parent=92709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}