{"id":92582,"date":"2026-08-13T14:04:52","date_gmt":"2026-08-13T12:04:52","guid":{"rendered":"https:\/\/www.tourdesuisse.ch\/factsheet-fanzone\/"},"modified":"2026-08-26T12:50:32","modified_gmt":"2026-08-26T10:50:32","slug":"factsheet-fanzone","status":"publish","type":"page","link":"https:\/\/www.tourdesuisse.ch\/fr\/factsheet-fanzone\/","title":{"rendered":"Factsheet Fanzone"},"content":{"rendered":"<div  id class=\"page-section style-default layout-default align-default\" data-css-locator=\"6bbf2e90-d8e1-4b79-a838-9a48964677cb\">\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=\"d29d96cc-75ed-4aa4-97d1-4ca3d513d0f2\"><!-- ============================================================\n     TOUR DE SUISSE \u2014 FANZONE  |  Landingpage FR (fluid, volle Breite)\n     Einf\u00fcgen als: WordPress Block \"Individuelles HTML\" (Custom HTML)\n     Sprache: Franz\u00f6sisch. Texte gem\u00e4ss \u00dcbersetzungsdokument.\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 FRANZ\u00d6SISCHE 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\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     \"R\u00e9servez votre emplacement\" in den Viewport kommt. Der Balken steht bewusst\n     AUSSERHALB von <section class=\"tds-fs\" lang=\"fr\"> und wird per JS an <body>\n     geh\u00e4ngt, sonst funktioniert position:fixed nicht (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=\"fr\">\n\n  <!-- Bloc de titre -->\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>Vivre l\u2019exp\u00e9rience ensemble<\/span><\/div>\n      <p class=\"tds-claim\">Votre marque devient une exp\u00e9rience. L\u2019\u00e9motion perdure.<\/p>\n    <\/div>\n    <p class=\"tds-intro\">Amenez votre marque l\u00e0 o\u00f9 naissent les \u00e9motions.<br>La FanZone offre \u00e0 votre marque un espace tout au long de la journ\u00e9e \u2013 pour des rencontres personnelles, de l\u2019interaction et un contact direct avec des fans enthousiastes.<\/p>\n  <\/div>\n\n  <!-- KPIs -->\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\">Jours<\/div>\n      <\/div>\n      <div class=\"tds-kpi\">\n        <div class=\"tds-kpi__n\">10<\/div>\n        <div class=\"tds-kpi__l\">\u00c9tapes<\/div>\n      <\/div>\n      <div class=\"tds-kpi\">\n        <div class=\"tds-kpi__n\">Jusqu\u2019\u00e0 10\u2019000<\/div>\n        <div class=\"tds-kpi__l\">Visiteurs par ville-\u00e9tape<\/div>\n      <\/div>\n      <div class=\"tds-kpi\">\n        <div class=\"tds-kpi__n\">Women &amp; Men<\/div>\n        <div class=\"tds-kpi__l\">Ouverte pendant les deux courses<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- D\u00e9clencheur du CTA sticky -->\n  <div class=\"tds-trigger\" id=\"tds-trigger-fz-fr\" aria-hidden=\"true\"><\/div>\n\n  <!-- Bandeau photo -->\n  <div class=\"tds-visual\">\n    <img class=\"tds-visual__img\" src=\"https:\/\/www.tourdesuisse.ch\/wp-content\/uploads\/IMHOF_TDS_Aarburg116von210.jpg\" alt=\"FanZone du Tour de Suisse\" loading=\"lazy\" decoding=\"async\">\n    <div class=\"tds-visual__veil\" aria-hidden=\"true\"><\/div>\n  <\/div>\n\n  <!-- Avantages -->\n  <div class=\"tds-wrap tds-band\">\n    <h2 class=\"tds-h2\">Faites de votre marque une exp\u00e9rience<\/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\">\u00c9MOTION<\/div>\n          <div class=\"tds-benefit__d\">Votre stand au c\u0153ur de l\u2019action, l\u00e0 o\u00f9 des milliers de fans se retrouvent avant, pendant et apr\u00e8s la course.<\/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\">EXP\u00c9RIENCE<\/div>\n          <div class=\"tds-benefit__d\">Cr\u00e9ez des rencontres personnelles et pr\u00e9sentez vos produits directement \u00e0 votre public cible.<\/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\">ACTIVATION<\/div>\n          <div class=\"tds-benefit__d\">Le sampling et la vente sur place cr\u00e9ent des points de contact directs avec votre public \u2013 pour atteindre votre cible sans d\u00e9perdition m\u00e9dia.<\/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\u00c9<\/div>\n          <div class=\"tds-benefit__d\">Personnalisez votre pr\u00e9sence dans la FanZone, d\u00e9marquez-vous et faites de votre marque un v\u00e9ritable point d\u2019attraction.<\/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=\"Le public dans la FanZone du Tour de Suisse\" loading=\"lazy\" decoding=\"async\">\n\n  <!-- Galerie (carrousel photo) -->\n  <div class=\"tds-wrap tds-band\">\n    <div class=\"tds-gallery\">\n      <div class=\"tds-gallery__head\">\n        <h2 class=\"tds-h2\">En images<\/h2>\n        <div class=\"tds-gallery__nav\">\n          <button type=\"button\" class=\"tds-gallery__btn\" data-dir=\"-1\" aria-label=\"Image pr\u00e9c\u00e9dente\">\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=\"Image suivante\">\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=\"FanZone du Tour de Suisse \u00e0 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=\"Stands de la FanZone \u00e0 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=\"Visiteurs dans la FanZone \u00e0 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=\"Ambiance dans la FanZone \u00e0 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=\"FanZone du Tour de Suisse \u00e0 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=\"FanZone du Tour de Suisse \u00e0 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=\"DESCRIPTION\" 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\">Votre pr\u00e9sence \u00e0 la Tour de Suisse<\/h2>\n        <div class=\"tds-rows\">\n          <div class=\"tds-row\">\n            <div class=\"tds-row__l\">1 emplacement de stand dans la FanZone, toute la dur\u00e9e du Tour <em>(\u00e9lectricit\u00e9 incluse)<\/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\">Tarif journalier 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\">Tarif journalier sam.\u2013dim.<\/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\">Forfait combin\u00e9<\/div>\n        <h2 class=\"tds-box__t\">FanZone + FanZone digitale<\/h2>\n        <p class=\"tds-box__d\">Touchez les fans sur place et prolongez votre pr\u00e9sence dans l\u2019univers digital \u2013 avant, pendant et apr\u00e8s la course.<\/p>\n        <div class=\"tds-box__meta\">+ 40\u2019000 contacts digitaux<\/div>\n        <div class=\"tds-box__foot\">\n          <div class=\"tds-box__price\">CHF 16\u2019500 <small>pour toute la dur\u00e9e du Tour<\/small><\/div>\n          <a class=\"tds-box__link\" href=\"https:\/\/tds.livxp.com\/\" target=\"_blank\" rel=\"noopener\">D\u00e9couvrir 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-fr\">\n    <a class=\"tds-btn\" href=\"mailto:anne@cycling-unlimited.ch?subject=FanZone%20Tour%20de%20Suisse%202027\">R\u00e9servez votre emplacement<\/a>\n    <p class=\"tds-scarcity\">Le nombre de stands dans la FanZone est limit\u00e9.<\/p>\n  <\/div>\n\n  <!-- Contact -->\n  <div class=\"tds-contact\" id=\"tds-contact-fz-fr\">\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\">Je vous conseille volontiers<\/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\/\">\u00c0 d\u00e9couvrir \u00e9galement : Tour de Suisse FanConvoy \u2192<\/a>\n  <\/div>\n\n<\/section>\n\n<!-- CTA sticky : volontairement en dehors de .tds-fs -->\n<div class=\"tds-sticky\" id=\"tds-sticky-fz-fr\" lang=\"fr\">\n  <div class=\"tds-sticky__inner\">\n    <div class=\"tds-sticky__txt\">Tour de Suisse FanZone \u2013 le nombre de stands est limit\u00e9.<\/div>\n    <a class=\"tds-sticky__btn\" href=\"mailto:anne@cycling-unlimited.ch?subject=FanZone%20Tour%20de%20Suisse%202027\">R\u00e9servez votre emplacement<\/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 Vivre l\u2019exp\u00e9rience ensemble Votre marque devient une exp\u00e9rience. L\u2019\u00e9motion perdure. Amenez votre marque l\u00e0 o\u00f9 naissent les \u00e9motions.La FanZone offre \u00e0 votre marque un espace tout au long de la journ\u00e9e \u2013 pour des rencontres personnelles, de l\u2019interaction et un contact direct avec des fans enthousiastes. 5 Jours 10 \u00c9tapes Jusqu\u2019\u00e0 10\u2019000 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":92563,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-92582","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.tourdesuisse.ch\/fr\/wp-json\/wp\/v2\/pages\/92582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tourdesuisse.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tourdesuisse.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tourdesuisse.ch\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tourdesuisse.ch\/fr\/wp-json\/wp\/v2\/comments?post=92582"}],"version-history":[{"count":6,"href":"https:\/\/www.tourdesuisse.ch\/fr\/wp-json\/wp\/v2\/pages\/92582\/revisions"}],"predecessor-version":[{"id":92720,"href":"https:\/\/www.tourdesuisse.ch\/fr\/wp-json\/wp\/v2\/pages\/92582\/revisions\/92720"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tourdesuisse.ch\/fr\/wp-json\/wp\/v2\/media\/92563"}],"wp:attachment":[{"href":"https:\/\/www.tourdesuisse.ch\/fr\/wp-json\/wp\/v2\/media?parent=92582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}