{"id":92581,"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:19","modified_gmt":"2026-08-26T10:50:19","slug":"factsheet-fanzone","status":"publish","type":"page","link":"https:\/\/www.tourdesuisse.ch\/en\/factsheet-fanzone\/","title":{"rendered":"Factsheet Fanzone"},"content":{"rendered":"<div  id class=\"page-section style-default layout-default align-default\" data-css-locator=\"c9c91788-6961-4b02-b171-fffdac6e2db6\">\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=\"5916c58f-6084-44ed-922a-620736d86b82\"><!-- ============================================================\n     TOUR DE SUISSE \u2014 FANZONE  |  Landingpage EN (fluid, volle Breite)\n     Einf\u00fcgen als: WordPress Block \"Individuelles HTML\" (Custom HTML)\n     Sprache: Englisch. 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 ENGLISCHE 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     \"Secure your spot now\" in den Viewport kommt. Der Balken steht bewusst\n     AUSSERHALB von <section class=\"tds-fs\" lang=\"en\"> 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=\"en\">\n\n  <!-- Title block -->\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>Experience it together<\/span><\/div>\n      <p class=\"tds-claim\">Your brand becomes an experience. The emotion lasts.<\/p>\n    <\/div>\n    <p class=\"tds-intro\">Bring your brand to where the excitement happens.<br>The FanZone gives your brand a platform throughout the day \u2013 for personal encounters, interaction and direct contact with enthusiastic fans.<\/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\">Days<\/div>\n      <\/div>\n      <div class=\"tds-kpi\">\n        <div class=\"tds-kpi__n\">10<\/div>\n        <div class=\"tds-kpi__l\">Stages<\/div>\n      <\/div>\n      <div class=\"tds-kpi\">\n        <div class=\"tds-kpi__n\">Up to 10,000<\/div>\n        <div class=\"tds-kpi__l\">Visitors per stage location<\/div>\n      <\/div>\n      <div class=\"tds-kpi\">\n        <div class=\"tds-kpi__n\">Women &amp; Men<\/div>\n        <div class=\"tds-kpi__l\">Open during both races<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Trigger for the sticky CTA -->\n  <div class=\"tds-trigger\" id=\"tds-trigger-fz-en\" aria-hidden=\"true\"><\/div>\n\n  <!-- Image banner -->\n  <div class=\"tds-visual\">\n    <img class=\"tds-visual__img\" src=\"https:\/\/www.tourdesuisse.ch\/wp-content\/uploads\/IMHOF_TDS_Aarburg116von210.jpg\" alt=\"Tour de Suisse FanZone\" loading=\"lazy\" decoding=\"async\">\n    <div class=\"tds-visual__veil\" aria-hidden=\"true\"><\/div>\n  <\/div>\n\n  <!-- Benefits -->\n  <div class=\"tds-wrap tds-band\">\n    <h2 class=\"tds-h2\">Turn your brand into an experience<\/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\">EMOTION<\/div>\n          <div class=\"tds-benefit__d\">Your stand at the heart of the action, where thousands of fans gather before, during and after the race.<\/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\">EXPERIENCE<\/div>\n          <div class=\"tds-benefit__d\">Create personal encounters and bring your products directly to your target audience.<\/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\">Sampling and on-site sales create direct brand touchpoints \u2013 putting your products directly into the hands of your target audience.<\/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\">VISIBILITY<\/div>\n          <div class=\"tds-benefit__d\">Customise your FanZone presence, stand out from the crowd and make your brand a true highlight.<\/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=\"Crowds in the Tour de Suisse FanZone\" loading=\"lazy\" decoding=\"async\">\n\n  <!-- Gallery (photo carousel) -->\n  <div class=\"tds-wrap tds-band\">\n    <div class=\"tds-gallery\">\n      <div class=\"tds-gallery__head\">\n        <h2 class=\"tds-h2\">Impressions<\/h2>\n        <div class=\"tds-gallery__nav\">\n          <button type=\"button\" class=\"tds-gallery__btn\" data-dir=\"-1\" aria-label=\"Previous image\">\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=\"Next image\">\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=\"Tour de Suisse FanZone in 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 in the FanZone in 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=\"Visitors in the FanZone in 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=\"Atmosphere in the FanZone in 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=\"Tour de Suisse FanZone in 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=\"Tour de Suisse FanZone in 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\">Your opportunity to join the Tour de Suisse<\/h2>\n        <div class=\"tds-rows\">\n          <div class=\"tds-row\">\n            <div class=\"tds-row__l\">1 FanZone stand, entire tour <em>(incl. electricity)<\/em><\/div>\n            <div class=\"tds-row__p\">CHF 11,500<\/div>\n          <\/div>\n          <!-- TAGESPREIS -->\n          <div class=\"tds-row\">\n            <div class=\"tds-row__l\">Daily rate Wed\u2013Fri<\/div>\n            <div class=\"tds-row__p\">CHF 2,500<\/div>\n          <\/div>\n          <!-- TAGESPREIS -->\n          <div class=\"tds-row\">\n            <div class=\"tds-row__l\">Daily rate Sat\u2013Sun<\/div>\n            <div class=\"tds-row__p\">CHF 3,000<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tds-box\">\n        <div class=\"tds-box__eyebrow\">Combi package<\/div>\n        <h2 class=\"tds-box__t\">FanZone + digital FanZone<\/h2>\n        <p class=\"tds-box__d\">Reach fans on site and extend your presence digitally \u2013 before, during and after the race.<\/p>\n        <div class=\"tds-box__meta\">+ 40,000 digital contacts<\/div>\n        <div class=\"tds-box__foot\">\n          <div class=\"tds-box__price\">CHF 16,500 <small>for the entire tour<\/small><\/div>\n          <a class=\"tds-box__link\" href=\"https:\/\/tds.livxp.com\/\" target=\"_blank\" rel=\"noopener\">Discover the Digital FanZone \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"tds-wrap tds-cta\" id=\"tds-cta-fz-en\">\n    <a class=\"tds-btn\" href=\"mailto:anne@cycling-unlimited.ch?subject=FanZone%20Tour%20de%20Suisse%202027\">Secure your spot now<\/a>\n    <p class=\"tds-scarcity\">The number of FanZone stands is limited.<\/p>\n  <\/div>\n\n  <!-- Contact -->\n  <div class=\"tds-contact\" id=\"tds-contact-fz-en\">\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\">I\u2019m happy to advise you<\/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\/\">Also of interest: Tour de Suisse FanConvoy \u2192<\/a>\n  <\/div>\n\n<\/section>\n\n<!-- Sticky CTA: deliberately outside .tds-fs -->\n<div class=\"tds-sticky\" id=\"tds-sticky-fz-en\" lang=\"en\">\n  <div class=\"tds-sticky__inner\">\n    <div class=\"tds-sticky__txt\">Tour de Suisse FanZone \u2013 the number of stands is limited.<\/div>\n    <a class=\"tds-sticky__btn\" href=\"mailto:anne@cycling-unlimited.ch?subject=FanZone%20Tour%20de%20Suisse%202027\">Secure your spot now<\/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 Experience it together Your brand becomes an experience. The emotion lasts. Bring your brand to where the excitement happens.The FanZone gives your brand a platform throughout the day \u2013 for personal encounters, interaction and direct contact with enthusiastic fans. 5 Days 10 Stages Up to 10,000 Visitors per stage location Women &amp; [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":92562,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-92581","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.tourdesuisse.ch\/en\/wp-json\/wp\/v2\/pages\/92581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tourdesuisse.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tourdesuisse.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tourdesuisse.ch\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tourdesuisse.ch\/en\/wp-json\/wp\/v2\/comments?post=92581"}],"version-history":[{"count":5,"href":"https:\/\/www.tourdesuisse.ch\/en\/wp-json\/wp\/v2\/pages\/92581\/revisions"}],"predecessor-version":[{"id":92719,"href":"https:\/\/www.tourdesuisse.ch\/en\/wp-json\/wp\/v2\/pages\/92581\/revisions\/92719"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tourdesuisse.ch\/en\/wp-json\/wp\/v2\/media\/92562"}],"wp:attachment":[{"href":"https:\/\/www.tourdesuisse.ch\/en\/wp-json\/wp\/v2\/media?parent=92581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}