Kick-off d'entreprise 2027 en Belgique et au Luxembourg | Tero<\/title>\r\n<meta name=\"description\" content=\"Organisez votre kick-off 2027 avec Tero : lieu, activit\u00e9 de team building et Teroir Traiteur r\u00e9unis, un seul interlocuteur. 17 lieux en Belgique et au Luxembourg.\">\r\n\r\n<style id=\"preview-only\">\r\n body { margin: 0; background: #fff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<style>\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Regular.cd1f94e.woff2\") format(\"woff2\"); font-weight: 300 400; font-display: swap; }\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Medium.d87446b.woff2\") format(\"woff2\"); font-weight: 500; font-display: swap; }\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Semibold.f6e646d.woff2\") format(\"woff2\"); font-weight: 600; font-display: swap; }\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/Almarose-Bold.woff2\") format(\"woff2\"); font-weight: 700; font-display: swap; }\r\n\r\n .tko {\r\n \/* Palette pastel (esprit Weezevent) *\/\r\n --b: #0032fa; \/* accent : bleu \u00e9lectrique *\/\r\n --b-2: #3d5cff;\r\n --deep: #0b1240; \/* bleu nuit : fond du cadre vid\u00e9o *\/\r\n --cream: #ffffff;\r\n --p-ice: #f0f5fa;\r\n --p-blue: #e6ebff;\r\n --p-mint: #eafbf9;\r\n --p-yellow: #fffaeb;\r\n --p-lav: #e4dfed;\r\n --ink: #0f0f14;\r\n --mute: rgba(15, 15, 20, .66);\r\n --line: rgba(15, 15, 20, .12);\r\n --white: #fff;\r\n --g: clamp(1rem, 3.1vw, 2.5rem);\r\n --w: min(100% - (var(--g) * 2), 1440px);\r\n --r: clamp(1.5rem, 3vw, 2.5rem);\r\n --e: cubic-bezier(.2, .72, .18, 1);\r\n position: relative;\r\n width: 100%;\r\n color: var(--ink);\r\n background: var(--cream);\r\n font-family: \"Almarose\", Montserrat, system-ui, sans-serif;\r\n font-size: 16px;\r\n line-height: 1.5;\r\n overflow-x: clip; \/* clip et non hidden : garde le position:sticky fonctionnel *\/\r\n }\r\n .tko *, .tko *::before, .tko *::after { box-sizing: border-box; }\r\n .tko img { display: block; width: 100%; height: 100%; object-fit: cover; }\r\n .tko :where(a) { color: inherit; }\r\n .tko ::selection { color: var(--white); background: var(--b); }\r\n .tko :focus-visible { outline: 3px solid var(--b); outline-offset: 4px; border-radius: 6px; }\r\n .tko :where(h1, h2, h3, p) { margin: 0; }\r\n .tko strong { font-weight: 600; }\r\n\r\n .tko-wrap { width: var(--w); margin-inline: auto; }\r\n\r\n .tko-label {\r\n display: inline-flex; align-items: center; gap: .7rem;\r\n font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; line-height: 1.2;\r\n }\r\n .tko-label::before { content: \"\"; width: .5rem; aspect-ratio: 1; border-radius: 50%; background: currentColor; }\r\n\r\n \/* ---------- Boutons ---------- *\/\r\n .tko-btn {\r\n --tx: 0px; --ty: 0px;\r\n position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .9rem;\r\n min-height: 3.3rem; padding: .85rem 1.7rem;\r\n border: 1px solid currentColor; border-radius: 999px;\r\n font: inherit; font-size: .98rem; font-weight: 600; line-height: 1; text-decoration: none; cursor: pointer;\r\n background: transparent; overflow: hidden; isolation: isolate;\r\n transform: translate(var(--tx), var(--ty));\r\n transition: transform .4s var(--e), color .3s ease, border-color .3s ease;\r\n }\r\n .tko-btn::before {\r\n content: \"\"; position: absolute; z-index: -1; inset: 0; border-radius: inherit;\r\n transform: translateY(101%); transition: transform .45s var(--e);\r\n }\r\n .tko-btn:hover::before, .tko-btn:focus-visible::before { transform: none; }\r\n .tko-btn__arrow { display: inline-block; transition: transform .4s var(--e); }\r\n .tko-btn:hover .tko-btn__arrow { transform: translateX(4px); }\r\n\r\n .tko-btn--solid { color: var(--b); background: var(--cream); border-color: var(--cream); }\r\n .tko-btn--solid::before { background: var(--b); }\r\n .tko-btn--solid:hover, .tko-btn--solid:focus-visible { color: var(--cream); border-color: var(--b); }\r\n\r\n .tko-btn--ghost { color: var(--white); border-color: rgba(255, 255, 255, .7); }\r\n .tko-btn--ghost::before { background: var(--cream); }\r\n .tko-btn--ghost:hover, .tko-btn--ghost:focus-visible { color: var(--b); border-color: var(--cream); }\r\n\r\n .tko-btn--bx { color: var(--white); background: var(--b); border-color: var(--b); }\r\n .tko-btn--bx::before { background: var(--b-2); }\r\n .tko-btn--bx:hover, .tko-btn--bx:focus-visible { border-color: var(--b-2); }\r\n\r\n .tko-btn--line { color: var(--b); border-color: var(--b); }\r\n .tko-btn--line::before { background: var(--b); }\r\n .tko-btn--line:hover, .tko-btn--line:focus-visible { color: var(--white); }\r\n\r\n \/* ---------- 1. Hero en s\u00e9quence (cadre \u2192 plein \u00e9cran \u2192 4 couches \u2192 cadre) ---------- *\/\r\n .tko-seq { position: relative; height: 640vh; background: var(--cream); }\r\n .tko-seq__stick { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }\r\n .tko-hero {\r\n --f: 0; --se: 0;\r\n position: absolute; left: 50%; top: var(--ft, 16px);\r\n width: var(--fw, calc(100% - 2 * var(--g))); height: var(--fh, 72svh);\r\n transform: translateX(-50%); border-radius: var(--fr, 2.5rem);\r\n color: var(--white); background: var(--p-mint); overflow: hidden; isolation: isolate;\r\n }\r\n .tko-hero__media { position: absolute; z-index: -2; inset: 0; overflow: hidden; }\r\n \/* Le grand \u00ab 27 \u00bb (repris de l'ancienne carte de fin) *\/\r\n .tko-hero__num {\r\n position: absolute; right: -.05em; top: 50%; transform: translateY(-50%);\r\n font-size: min(calc(var(--fh, 600px) * .62), 27vw); font-weight: 600; line-height: .8; letter-spacing: -.08em;\r\n color: transparent; -webkit-text-stroke: 1.5px rgba(16, 150, 140, .45);\r\n background: linear-gradient(90deg, rgba(16, 150, 140, .16) 0 var(--fill27, 0%), transparent var(--fill27, 0%));\r\n -webkit-background-clip: text; background-clip: text;\r\n opacity: var(--n27, 1); pointer-events: none; user-select: none;\r\n }\r\n .tko-layer { position: absolute; inset: 0; opacity: 0; }\r\n .tko-layer img { transform: scale(calc(1.08 - var(--lo, 0) * .08)); }\r\n \/* Photo verticale (table Teroir) : pas de zoom pour garder la nettet\u00e9, cadrage sur la table *\/\r\n .tko-layer--still img { transform: none; }\r\n \/* cadrage de chaque photo : r\u00e9gl\u00e9 avec --op sur la couche (x y) *\/\r\n #tero-kickoff .tko-layer img { object-position: var(--op, 50% 50%) !important; }\r\n .tko-hero::before {\r\n content: \"\"; position: absolute; z-index: -1; inset: 0; opacity: var(--ov, 0);\r\n background:\r\n linear-gradient(90deg, rgba(15, 15, 20, calc(.72 + var(--oo, 0) * .14)) 0%, rgba(15, 15, 20, .32) 55%, rgba(15, 15, 20, calc(.08 + var(--oo, 0) * .34)) 100%),\r\n linear-gradient(0deg, rgba(15, 15, 20, calc(.55 + var(--qo, 0) * .3)) 0%, transparent 55%);\r\n }\r\n .tko-hero__intro {\r\n position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between;\r\n padding: clamp(1.5rem, 4vw, 4rem);\r\n opacity: var(--io, 1); transform: translateY(calc((1 - var(--io, 1)) * -3rem));\r\n }\r\n \/* Accroche et phrase en encre sur le fond pastel *\/\r\n .tko-hero__intro { justify-content: flex-end; color: var(--ink); }\r\n .tko-hero__intro .tko-hero__lead { color: var(--mute); }\r\n .tko-hero__intro .tko-hero__bottom { grid-template-columns: minmax(0, 36rem); }\r\n .tko-hero__intro .tko-hero__actions { justify-content: flex-start; }\r\n .tko-btn--hero { color: var(--white); background: #0032fa; border-color: #0032fa; }\r\n .tko-btn--hero::before { background: var(--b-2); }\r\n #tero-kickoff a.tko-btn--hero, #tero-kickoff a.tko-btn--hero:visited, #tero-kickoff a.tko-btn--hero:hover { color: var(--white); }\r\n .tko-icon-btn {\r\n display: grid; place-items: center; width: 2.9rem; aspect-ratio: 1;\r\n color: var(--white); background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .45); border-radius: 50%;\r\n font: inherit; font-size: .8rem; cursor: pointer; backdrop-filter: blur(10px);\r\n transition: background .3s ease, color .3s ease;\r\n }\r\n .tko-icon-btn:hover, .tko-icon-btn:focus-visible { color: var(--b); background: var(--cream); }\r\n .tko-icon-btn svg { width: 1.05rem; height: 1.05rem; fill: currentColor; }\r\n .tko-hero h1 {\r\n max-width: 12ch;\r\n font-size: calc(clamp(3.2rem, 7.6vw, 7.8rem));\r\n font-weight: 300; line-height: .9; letter-spacing: -.055em;\r\n }\r\n .tko-hero h1 strong { font-weight: 600; }\r\n .tko-line { display: block; overflow: hidden; padding-bottom: .06em; }\r\n .tko-line > span { display: inline-block; transform: translateY(110%); transition: transform 1.1s var(--e); }\r\n .tko-hero.is-in .tko-line > span { transform: none; }\r\n .tko-hero.is-in .tko-line:nth-child(2) > span { transition-delay: .12s; }\r\n .tko-hero__bottom {\r\n display: grid; grid-template-columns: minmax(0, 34rem) auto; gap: 1.5rem 4rem; align-items: end;\r\n margin-top: clamp(1.4rem, 3vw, 2.4rem);\r\n }\r\n .tko-hero__lead { font-size: clamp(1.05rem, 1.5vw, 1.32rem); line-height: 1.45; color: rgba(255, 255, 255, .9); }\r\n .tko-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; }\r\n .tko-fade { opacity: 0; transform: translateY(1.2rem); transition: opacity .9s var(--e) .45s, transform .9s var(--e) .45s; }\r\n .tko-hero.is-in .tko-fade { opacity: 1; transform: none; }\r\n\r\n \/* Acte 1 bis : texte affich\u00e9 une fois le cadre ouvert *\/\r\n .tko-hero__story {\r\n position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center;\r\n padding: 0 clamp(1.5rem, 4vw, 4rem);\r\n opacity: var(--so, 0); transform: translateY(calc((1 - var(--so, 0)) * 2rem)); pointer-events: none;\r\n }\r\n .tko-hero__story.is-live { pointer-events: auto; }\r\n .tko-hero__story .w { color: var(--ink); opacity: 0; transition: opacity .35s ease; }\r\n .tko-hero__story .w.on { opacity: 1; }\r\n @media (prefers-reduced-motion: reduce) { .tko-hero__story .w { opacity: 1; } }\r\n .tko-hero__story p { max-width: 44ch; font-size: clamp(1.15rem, .9rem + .9vw, 1.6rem); font-weight: 300; line-height: 1.45; letter-spacing: -.01em; color: var(--ink); }\r\n @media (max-width: 760px) { .tko-hero__story p { font-size: 1.1rem; max-width: none; } }\r\n @media (max-width: 760px) { .tko-hero__num { top: 2.5rem; transform: none; font-size: 34vw; } }\r\n @media (prefers-reduced-motion: reduce) { .tko-hero__story { position: relative; opacity: 1; transform: none; padding: 2rem clamp(1.5rem, 4vw, 4rem); } }\r\n\r\n \/* Les quatre temps *\/\r\n .tko-quad {\r\n position: absolute; left: 0; right: 0; bottom: 0;\r\n padding: 0 max(clamp(1.5rem, 4vw, 4rem), calc((100% - 1440px) \/ 2 + 2.5rem)) clamp(1.75rem, 4.5vh, 3.5rem);\r\n opacity: var(--qo, 0); transform: translateY(calc((1 - var(--qo, 0)) * 2rem));\r\n }\r\n .tko-quad__title { margin-bottom: clamp(1.75rem, 5vh, 3.25rem); font-size: clamp(2rem, 4.2vw, 4.2rem); font-weight: 300; line-height: .95; letter-spacing: -.05em; }\r\n .tko-quad__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1rem, 2.4vw, 2.5rem); }\r\n .tko-quad__item { opacity: .45; transition: opacity .45s ease; }\r\n .tko-quad__item.is-active { opacity: 1; }\r\n .tko-quad__bar { display: block; height: 2px; margin-bottom: 1rem; background: rgba(255, 255, 255, .25); border-radius: 2px; overflow: hidden; }\r\n .tko-quad__bar i { display: block; height: 100%; background: var(--cream); transform: scaleX(var(--ip, 0)); transform-origin: left; }\r\n .tko-quad__time { font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }\r\n .tko-quad__item h2 { margin-top: .45rem; font-size: clamp(1.6rem, 2.4vw, 2.4rem); font-weight: 500; line-height: 1; letter-spacing: -.04em; }\r\n .tko-quad__item p { margin-top: .6rem; font-size: .92rem; line-height: 1.4; color: rgba(255, 255, 255, .82); }\r\n .tko-quad__item a {\r\n display: inline-flex; align-items: center; gap: .5rem; margin-top: .9rem; padding: .5rem 1rem;\r\n border: 1px solid rgba(255, 255, 255, .5); border-radius: 999px; font-size: .82rem; font-weight: 600; text-decoration: none;\r\n transition: background .3s ease, color .3s ease, border-color .3s ease;\r\n }\r\n .tko-quad__item a:hover, .tko-quad__item a:focus-visible { color: var(--b); background: var(--cream); border-color: var(--cream); }\r\n\r\n \/* Acte 3 : le devis dans le cadre *\/\r\n .tko-hero__quote {\r\n position: absolute; inset: 0; display: grid; grid-template-columns: .8fr 1.2fr; grid-template-rows: minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center;\r\n padding: clamp(1rem, 2.4vh, 2rem) clamp(1.5rem, 4vw, 4rem);\r\n opacity: var(--oo, 0); transform: translateY(calc((1 - var(--oo, 0)) * 2rem));\r\n }\r\n .tko-anchor { position: absolute; top: 0; }\r\n .tko-hero__quote .tko-form { max-height: 100%; overflow-y: auto; overscroll-behavior: contain; min-height: 0; padding: clamp(1rem, 2.6vh, 1.75rem) clamp(1.25rem, 2.4vw, 2rem); box-shadow: 0 1.5rem 4rem -1.5rem rgba(0, 0, 0, .5); }\r\n \/* \u00c9tape 4 plus compacte pour tenir dans le cadre *\/\r\n .tko-hero__quote .tko-form__progress { margin-bottom: 1rem; }\r\n .tko-hero__quote .tko-form__step { margin-bottom: .5rem; }\r\n .tko-hero__quote .tko-form__hint { margin: .35rem 0 1rem; }\r\n .tko-hero__quote .tko-fields { gap: .55rem .8rem; margin-top: .9rem; }\r\n .tko-hero__quote .tko-field { gap: .25rem; }\r\n .tko-hero__quote .tko-field input { padding: .65rem 1rem; }\r\n .tko-hero__quote .tko-field textarea { min-height: 3.2rem; height: 3.2rem; padding: .65rem 1rem; }\r\n .tko-hero__quote .tko-consent { margin-top: .7rem; }\r\n .tko-hero__quote .tko-form__error { margin-top: .4rem; min-height: 0; }\r\n .tko-hero__quote .tko-form__error:empty { display: none; }\r\n .tko-hero__quote .tko-form__nav { margin-top: .9rem; }\r\n .tko-hero__quote .tko-btn { min-height: 2.9rem; padding: .7rem 1.4rem; }\r\n\r\n .tko-hero__intro, .tko-quad, .tko-hero__quote { pointer-events: none; }\r\n .tko-hero__intro.is-live, .tko-quad.is-live, .tko-hero__quote.is-live { pointer-events: auto; }\r\n\r\n \/* Bande sous le cadre *\/\r\n .tko-seq__band {\r\n position: absolute; left: 50%; top: var(--bt, calc(16px + 72svh)); height: 72px; width: var(--w);\r\n display: flex; align-items: center; gap: clamp(1rem, 3vw, 2.5rem);\r\n transform: translateX(-50%); opacity: var(--bo, 1);\r\n }\r\n .tko-seq__band .tko-marquee { flex: 1; min-width: 0; margin: 0; border: 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }\r\n .tko-countdown { display: inline-flex; align-items: baseline; gap: .5rem; flex: 0 0 auto; padding: .6rem 1.1rem; border: 1px solid var(--line); border-radius: 999px; font-size: .85rem; color: var(--mute); white-space: nowrap; }\r\n .tko-countdown b { color: var(--b); font-size: 1.15rem; font-weight: 600; font-variant-numeric: tabular-nums; }\r\n\r\n @media (max-width: 760px) {\r\n .tko-hero__bottom { grid-template-columns: 1fr; }\r\n .tko-hero__actions { justify-content: flex-start; display: grid; }\r\n .tko-hero__actions .tko-btn { width: 100%; }\r\n .tko-quad__grid { grid-template-columns: 1fr; }\r\n .tko-quad__item { grid-area: 1 \/ 1; opacity: 0; }\r\n .tko-quad__item.is-active { opacity: 1; }\r\n .tko-quad__title { font-size: 1.9rem; }\r\n .tko-countdown, .tko-marquee__label { display: none; }\r\n .tko-seq__band { height: 60px; }\r\n .tko-logo { font-size: 12px; }\r\n .tko-hero__quote { grid-template-columns: 1fr; align-items: start; align-content: start; overflow-y: auto; padding-top: 1.25rem; gap: 1rem; }\r\n .tko-hero__quote .tko-brief__intro p, .tko-hero__quote .tko-brief__reassure { display: none; }\r\n .tko-hero__quote .tko-brief__intro h2 { font-size: 2rem; }\r\n .tko-hero__quote .tko-brief__intro .tko-label { margin-bottom: .6rem; }\r\n .tko-hero__quote .tko-form { max-height: none; overflow: visible; }\r\n }\r\n @media (prefers-reduced-motion: reduce) {\r\n .tko-seq { height: auto; }\r\n .tko-seq__stick { position: static; height: auto; overflow: visible; padding: 16px 0 0; }\r\n .tko .tko-hero { position: relative; left: auto; top: auto; transform: none; width: var(--w); height: auto; margin: 0 auto; border-radius: var(--r); }\r\n .tko-hero__intro { position: relative; min-height: 70svh; opacity: 1; transform: none; pointer-events: auto; }\r\n .tko-quad { position: relative; opacity: 1; transform: none; padding: 0 clamp(1.5rem, 4vw, 4rem) 3rem; pointer-events: auto; }\r\n .tko-quad__grid { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }\r\n .tko-quad__item, .tko-quad__item.is-active { grid-area: auto; opacity: 1; }\r\n .tko-quad__bar i { transform: scaleX(1); }\r\n .tko-layer { display: none; }\r\n .tko-hero__quote { position: relative; opacity: 1; transform: none; pointer-events: auto; padding-bottom: 3rem; }\r\n .tko-seq__band { position: relative; left: auto; top: auto; transform: none; margin: 1rem auto 0; padding-block: 1rem; opacity: 1; }\r\n }\r\n\r\n \/* ---------- 2. Bandeau d\u00e9filant ---------- *\/\r\n .tko-marquee { margin-top: clamp(1rem, 2vw, 1.5rem); overflow: hidden; border-block: 1px solid var(--line); }\r\n .tko-marquee__track { display: flex; width: max-content; animation: tko-marquee 38s linear infinite; }\r\n .tko-marquee:hover .tko-marquee__track { animation-play-state: paused; }\r\n .tko-marquee__group { display: flex; align-items: center; flex-shrink: 0; }\r\n .tko-marquee__item { display: inline-flex; align-items: center; padding: .3rem clamp(1.4rem, 2.6vw, 2.4rem) .3rem 0; }\r\n .tko-logo { position: relative; display: block; overflow: hidden; font-size: 16px; }\r\n .tko .tko-logo img { position: absolute; max-width: none; object-fit: fill; mix-blend-mode: multiply; filter: grayscale(1); opacity: .62; transition: opacity .3s ease; }\r\n .tko-marquee:hover .tko-logo img { opacity: .9; }\r\n .tko-marquee__label { flex: 0 0 auto; font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--mute); white-space: nowrap; }\r\n @keyframes tko-marquee { to { transform: translateX(-50%); } }\r\n\r\n \/* ---------- 3. Accroche remplie au scroll ---------- *\/\r\n .tko-hook { padding-block: clamp(3rem, 6vw, 5rem); }\r\n .tko-hook .tko-label { color: var(--b); margin-bottom: 1.25rem; }\r\n .tko-hook__text {\r\n max-width: 22ch;\r\n font-size: clamp(2.3rem, 5.6vw, 5.4rem); font-weight: 500; line-height: 1.04; letter-spacing: -.045em;\r\n }\r\n .tko-hook__text .w { color: rgba(15, 15, 20, .14); transition: color .25s linear; }\r\n .tko-hook__text .w.on { color: var(--ink); }\r\n .tko-hook__text .w.accent.on { color: var(--b); }\r\n\r\n \/* En-t\u00eates de section *\/\r\n .tko-section-head { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: end; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }\r\n .tko-section-head h2 { max-width: 20ch; font-size: clamp(2.9rem, 6.4vw, 6.4rem); font-weight: 500; line-height: .97; letter-spacing: -.05em; }\r\n .tko-section-head p { max-width: 33rem; justify-self: end; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); }\r\n .tko-section-head .tko-label { color: var(--b); margin-bottom: 1.25rem; }\r\n\r\n \/* ---------- 6. Lieux (rail) ---------- *\/\r\n .tko-venues { padding-block: clamp(1.5rem, 3vw, 2.5rem) 0; }\r\n .tko-rail {\r\n display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;\r\n width: var(--w); margin-inline: auto; padding-bottom: .5rem;\r\n cursor: grab;\r\n }\r\n \/* M\u00eame largeur que les autres sections : sur ordinateur, les 4 lieux tiennent sur une ligne *\/\r\n .tko-rail .tko-venue { flex: 0 0 calc((100% - 3rem) \/ 4); height: clamp(24rem, 32vw, 30rem); }\r\n .tko-rail.is-static { cursor: auto; }\r\n @media (max-width: 980px) { .tko-rail .tko-venue { flex-basis: calc((100% - 1rem) \/ 2.25); } }\r\n @media (max-width: 640px) { .tko-rail .tko-venue { flex-basis: 82%; height: 26rem; } }\r\n .tko-rail::-webkit-scrollbar { display: none; }\r\n .tko-rail.is-dragging { cursor: grabbing; scroll-snap-type: none; }\r\n .tko-rail.is-dragging a { pointer-events: none; }\r\n .tko-venue {\r\n position: relative; flex: 0 0 clamp(17rem, 27vw, 25rem); height: clamp(26rem, 38vw, 34rem);\r\n display: flex; flex-direction: column; justify-content: flex-end;\r\n padding: 1.5rem; border-radius: 1.75rem; overflow: hidden; isolation: isolate;\r\n color: var(--white); background: var(--deep); text-decoration: none; scroll-snap-align: start;\r\n }\r\n .tko-venue img { position: absolute; z-index: -2; inset: 0; transition: transform 1.1s var(--e), filter .6s ease; user-select: none; -webkit-user-drag: none; }\r\n .tko-venue::after { content: \"\"; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .78)); }\r\n .tko-venue:hover img, .tko-venue:focus-visible img { transform: scale(1.06); }\r\n .tko .tko-venue--type { color: var(--ink); background: var(--p-lav); }\r\n .tko-venue--type .tko-venue__go { border-color: rgba(15, 15, 20, .3); }\r\n .tko-venue--type:hover .tko-venue__go { color: var(--white); background: var(--b); border-color: var(--b); }\r\n .tko-venue--type .tko-venue__badge { color: var(--white); background: var(--b); }\r\n .tko-venue--type .tko-venue__pills li { border-color: rgba(15, 15, 20, .22); }\r\n .tko-venue--type::before {\r\n content: attr(data-mono); position: absolute; z-index: -1; top: 1rem; left: 1.25rem;\r\n font-size: clamp(7rem, 12vw, 11rem); font-weight: 300; line-height: 1; letter-spacing: -.08em; color: rgba(0, 50, 250, .09);\r\n }\r\n .tko-venue--type::after { display: none; }\r\n .tko-venue small { margin-bottom: .55rem; font-size: .7rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; opacity: .75; }\r\n .tko-venue h3 { font-size: clamp(1.7rem, 2.6vw, 2.5rem); font-weight: 500; line-height: 1; letter-spacing: -.04em; }\r\n .tko-venue p { margin-top: .6rem; font-size: .9rem; opacity: .82; }\r\n .tko-venue__go {\r\n position: absolute; top: 1.25rem; right: 1.25rem; display: grid; place-items: center; width: 2.9rem; aspect-ratio: 1;\r\n border: 1px solid rgba(255, 255, 255, .6); border-radius: 50%; transition: transform .4s var(--e), background .3s ease, color .3s ease;\r\n }\r\n .tko-venue:hover .tko-venue__go { color: var(--b); background: var(--cream); transform: rotate(45deg); }\r\n .tko-venue__badge {\r\n position: absolute; top: 1.25rem; left: 1.25rem; padding: .4rem .8rem; border-radius: 999px;\r\n color: var(--b); background: var(--cream); font-size: .72rem; font-weight: 600;\r\n }\r\n .tko-rail-nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; width: var(--w); margin: 1.25rem auto 0; }\r\n .tko-rail-nav__btns { display: flex; gap: .5rem; }\r\n .tko-rail-nav .tko-icon-btn { color: var(--b); background: transparent; border-color: var(--b); backdrop-filter: none; }\r\n .tko-rail-nav .tko-icon-btn:hover, .tko-rail-nav .tko-icon-btn:focus-visible { color: var(--white); background: var(--b); }\r\n\r\n \/* Bento lieux mis en avant *\/\r\n .tko-bento { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-bento .tko-venue { flex: none; width: 100%; }\r\n .tko-venue--hero { height: auto; min-height: clamp(34rem, 52vw, 46rem); padding: clamp(1.5rem, 3vw, 2.5rem); }\r\n .tko-venue--hero h3 { font-size: clamp(2.6rem, 5vw, 4.8rem); }\r\n .tko-venue--hero p { max-width: 30rem; font-size: clamp(.98rem, 1.3vw, 1.12rem); }\r\n .tko-venue--hero.tko-venue--type::before { top: 4.5rem; font-size: clamp(5rem, 11vw, 10rem); letter-spacing: -.06em; }\r\n .tko-venue__pills { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }\r\n .tko-venue__pills li { padding: .4rem .85rem; border: 1px solid rgba(255, 255, 255, .4); border-radius: 999px; font-size: .78rem; }\r\n .tko-bento__side { display: grid; grid-template-rows: 1fr 1fr; gap: 1rem; }\r\n .tko-bento__side .tko-venue { height: auto; min-height: 17rem; }\r\n .tko-bento__title { display: grid; gap: .8rem; padding: .5rem 0 .25rem; font-size: clamp(1.3rem, 2vw, 1.75rem); font-weight: 500; line-height: 1.15; letter-spacing: -.03em; }\r\n .tko-bento__title .tko-label { color: var(--b); }\r\n .tko .tko-venue--forest { background: var(--p-mint); }\r\n .tko .tko-venue--river { background: var(--p-blue); }\r\n .tko-venue--hero .tko-venue__badge { font-size: .8rem; padding: .5rem 1rem; }\r\n @media (max-width: 980px) {\r\n .tko-bento { grid-template-columns: 1fr; }\r\n .tko-venue--hero { min-height: 32rem; }\r\n }\r\n\r\n \/* ---------- 6 bis. Activit\u00e9s ---------- *\/\r\n .tko-acts { padding-top: clamp(2.5rem, 5vw, 4rem); }\r\n .tko-acts__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }\r\n .tko-acts__grid .tko-venue { flex: none; width: 100%; height: clamp(22rem, 30vw, 28rem); }\r\n @media (max-width: 980px) { .tko-acts__grid { grid-template-columns: repeat(2, 1fr); } }\r\n .tko-acts__grid .tko-venue::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .86)); }\r\n @media (max-width: 640px) {\r\n .tko-acts__grid .tko-venue { height: 15rem; padding: 1rem; }\r\n .tko-acts__grid .tko-venue h3 { font-size: 1.15rem; }\r\n .tko-acts__grid .tko-venue small { font-size: .62rem; letter-spacing: .08em; }\r\n .tko-acts__grid .tko-venue__go { display: none; }\r\n }\r\n\r\n \/* ---------- 7. Teroir ---------- *\/\r\n .tko-teroir { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(1.5rem, 4vw, 4rem); align-items: center; margin-block: clamp(2rem, 4vw, 3rem); padding: clamp(1.5rem, 4vw, 4rem); background: var(--p-mint); border-radius: var(--r); }\r\n .tko-teroir__media { position: relative; height: clamp(30rem, 52vw, 46rem); }\r\n .tko-teroir__main { position: absolute; inset: 0 18% 0 0; border-radius: 1.9rem; overflow: hidden; clip-path: inset(12% 12% 12% 12% round 1.9rem); transition: clip-path 1.4s var(--e); }\r\n .tko-teroir__main img { transform: scale(1.15); transition: transform 1.8s var(--e); }\r\n .tko-teroir__side { position: absolute; right: 0; bottom: 8%; width: 40%; height: 46%; border: .5rem solid var(--p-mint); border-radius: 1.6rem; overflow: hidden; transform: translateY(var(--py, 0px)); }\r\n .tko-teroir.is-visible .tko-teroir__main { clip-path: inset(0 0 0 0 round 1.9rem); }\r\n .tko-teroir.is-visible .tko-teroir__main img { transform: scale(1); }\r\n .tko-teroir .tko-label { color: var(--b); margin-bottom: 1.4rem; }\r\n .tko-teroir h2 { font-size: clamp(2.7rem, 5.2vw, 5.2rem); font-weight: 500; line-height: .98; letter-spacing: -.05em; }\r\n .tko-teroir__lead { margin-top: 2rem; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); max-width: 34rem; }\r\n .tko-teroir__lead--2 { margin-top: 1rem; }\r\n .tko-teroir > div > .tko-btn { margin-top: 2rem; }\r\n .tko-teroir__steps { display: grid; gap: .6rem; margin: 2rem 0; padding: 0; list-style: none; }\r\n .tko-teroir__steps li { display: grid; grid-template-columns: 2.75rem 1fr; gap: .75rem; align-items: start; padding: 1.1rem 1.25rem; background: var(--white); border-radius: 1.25rem; }\r\n .tko-teroir__n { font-size: .82rem; font-weight: 600; letter-spacing: .08em; color: var(--mute); padding-top: .2rem; font-variant-numeric: tabular-nums; }\r\n .tko-teroir__steps b { display: block; font-size: 1.08rem; font-weight: 600; letter-spacing: -.01em; }\r\n .tko-teroir__steps li span:not(.tko-teroir__n) { display: block; margin-top: .25rem; color: var(--mute); font-size: .95rem; line-height: 1.4; }\r\n\r\n \/* ---------- 8. Preuves ---------- *\/\r\n .tko-proof { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-proof__item { padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 2vw, 2rem); border-radius: 1.5rem; background: var(--p-blue); }\r\n .tko-proof__item:nth-child(2) { background: var(--p-yellow); }\r\n .tko-proof__item:nth-child(3) { background: var(--p-lav); }\r\n .tko-proof__item:nth-child(4) { background: var(--p-mint); }\r\n .tko-proof__item strong { display: block; color: var(--b); font-size: clamp(3rem, 5.4vw, 5.4rem); font-weight: 500; line-height: .9; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }\r\n .tko-proof__item span { display: block; margin-top: .8rem; max-width: 14rem; color: var(--mute); font-size: .9rem; line-height: 1.3; }\r\n\r\n .tko-proof__item--bcorp { display: flex; align-items: center; gap: 1.25rem; }\r\n #tero-kickoff .tko-proof__bcorp { flex: 0 0 auto; width: auto !important; height: clamp(4.5rem, 6vw, 6rem) !important; max-width: none !important; object-fit: contain !important; }\r\n .tko-proof__item--bcorp span { margin-top: 0; }\r\n \/* ---------- 9. Brief (formulaire en \u00e9tapes) ---------- *\/\r\n .tko-brief__intro h2 { font-size: clamp(2.2rem, 4.4vw, 4.4rem); font-weight: 500; line-height: .97; letter-spacing: -.05em; }\r\n .tko-brief__intro p { margin-top: 1.5rem; color: rgba(255, 255, 255, .78); max-width: 26rem; }\r\n .tko-brief__intro .tko-label { margin-bottom: 1.4rem; }\r\n .tko-brief__reassure { display: grid; gap: .7rem; margin: 2rem 0 0; padding: 0; list-style: none; font-size: .92rem; color: rgba(255, 255, 255, .85); }\r\n .tko-brief__reassure li { display: flex; gap: .7rem; }\r\n .tko-brief__reassure li::before { content: \"\u2713\"; color: var(--p-blue); font-weight: 600; }\r\n\r\n .tko-form { position: relative; min-height: 30rem; padding: clamp(1.25rem, 3vw, 2.25rem); color: var(--ink); background: var(--white); border-radius: 1.6rem; }\r\n .tko-form__progress { display: flex; gap: .4rem; margin-bottom: 1.75rem; }\r\n .tko-form__progress span { flex: 1; height: 4px; border-radius: 4px; background: var(--line); transition: background .4s ease; }\r\n .tko-form__progress span.on { background: var(--b); }\r\n .tko-form fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }\r\n .tko-form fieldset[hidden] { display: none; }\r\n .tko-form legend { padding: 0; font-size: clamp(1.5rem, 2.4vw, 2.1rem); font-weight: 500; line-height: 1.1; letter-spacing: -.035em; }\r\n .tko-form__hint { margin: .5rem 0 1.5rem; color: var(--mute); font-size: .92rem; }\r\n .tko-form__step { display: block; margin-bottom: .9rem; color: var(--b); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\r\n .tko-chips { display: flex; flex-wrap: wrap; gap: .55rem; }\r\n .tko-chip { position: relative; }\r\n .tko-chip input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }\r\n .tko-chip span {\r\n display: inline-flex; align-items: center; min-height: 2.9rem; padding: .7rem 1.25rem;\r\n border: 1px solid var(--line); border-radius: 999px; background: var(--p-ice);\r\n font-size: .95rem; font-weight: 500; transition: color .25s ease, background .25s ease, border-color .25s ease, transform .3s var(--e);\r\n }\r\n .tko-chip:hover span { border-color: var(--b); }\r\n .tko-chip input:checked + span { color: var(--white); background: var(--b); border-color: var(--b); }\r\n .tko-chip input:focus-visible + span { outline: 3px solid var(--b); outline-offset: 3px; }\r\n .tko-form__group + .tko-form__group { margin-top: 1.6rem; }\r\n .tko-form__group > p { margin-bottom: .7rem; font-weight: 600; font-size: .95rem; }\r\n .tko-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: 1.25rem; }\r\n .tko-field { display: grid; gap: .35rem; }\r\n .tko-field--full { grid-column: 1 \/ -1; }\r\n .tko-field label { font-size: .82rem; font-weight: 600; }\r\n .tko-field input, .tko-field textarea {\r\n width: 100%; padding: .9rem 1.15rem; border: 1px solid var(--line); border-radius: 999px; background: var(--p-ice);\r\n font: inherit; font-size: .98rem; color: var(--ink);\r\n }\r\n .tko-field textarea { min-height: 6.5rem; border-radius: 1.25rem; resize: vertical; }\r\n .tko-field input:focus, .tko-field textarea:focus { outline: 2px solid var(--b); outline-offset: 1px; border-color: var(--b); }\r\n \/* le th\u00e8me change l'arrondi des champs au clic : on garde la forme pilule *\/\r\n #tero-kickoff .tko-field input, #tero-kickoff .tko-field input:focus { border-radius: 999px; }\r\n #tero-kickoff .tko-field textarea, #tero-kickoff .tko-field textarea:focus { border-radius: 1.25rem; }\r\n .tko-consent { display: flex; gap: .7rem; align-items: flex-start; margin-top: 1rem; color: var(--mute); font-size: .82rem; }\r\n .tko-consent input { margin-top: .2rem; accent-color: var(--b); }\r\n .tko-form__nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 2rem; }\r\n .tko-form__back { padding: .5rem 0; border: 0; background: none; color: var(--mute); font: inherit; font-weight: 600; cursor: pointer; }\r\n .tko-form__back[hidden] { visibility: hidden; display: inline; }\r\n .tko-form__error { margin-top: 1rem; color: var(--b); font-size: .88rem; font-weight: 600; min-height: 1.3em; }\r\n .tko-form__done { display: none; text-align: left; }\r\n .tko-form.is-done form { display: none; }\r\n .tko-form.is-done .tko-form__done { display: block; }\r\n .tko-form__done h3 { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 500; letter-spacing: -.04em; line-height: 1.05; }\r\n .tko-form__done p { margin-top: 1rem; color: var(--mute); }\r\n\r\n \/* ---------- 10. FAQ ---------- *\/\r\n .tko-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 5vw, 5rem); padding-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-faq h2 { font-size: clamp(2.6rem, 5vw, 4.8rem); font-weight: 500; line-height: .98; letter-spacing: -.05em; }\r\n .tko-faq .tko-label { color: var(--b); margin-bottom: 1.4rem; }\r\n .tko-faq__list { border-top: 1px solid var(--line); }\r\n .tko-faq details { border-bottom: 1px solid var(--line); }\r\n .tko-faq summary {\r\n display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 1.5rem 0;\r\n font-size: clamp(1.1rem, 1.7vw, 1.4rem); font-weight: 500; letter-spacing: -.02em; cursor: pointer; list-style: none;\r\n }\r\n .tko-faq summary::-webkit-details-marker { display: none; }\r\n .tko-faq summary::after {\r\n content: \"+\"; flex: 0 0 auto; display: grid; place-items: center; width: 2.4rem; aspect-ratio: 1;\r\n color: var(--b); border: 1px solid var(--b); border-radius: 50%; font-size: 1.2rem; transition: transform .4s var(--e), background .3s ease, color .3s ease;\r\n }\r\n .tko-faq details[open] summary::after { transform: rotate(45deg); color: var(--white); background: var(--b); }\r\n .tko-faq details p { padding: 0 3.5rem 1.6rem 0; color: var(--mute); }\r\n\r\n \/* ---------- 11. Fin ---------- *\/\r\n .tko-closing { padding-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-closing__card {\r\n position: relative; isolation: isolate; overflow: hidden;\r\n min-height: min(34rem, 72svh); display: flex; flex-direction: column; justify-content: flex-end;\r\n padding: clamp(1.75rem, 5vw, 5rem); border-radius: var(--r); color: var(--ink); background: var(--p-blue);\r\n }\r\n .tko-closing__card .tko-label { color: var(--b); }\r\n .tko-closing__num {\r\n position: absolute; z-index: -1; right: -.06em; top: 50%; transform: translateY(-50%);\r\n font-size: clamp(18rem, 42vw, 40rem); font-weight: 600; line-height: .8; letter-spacing: -.1em;\r\n color: transparent; -webkit-text-stroke: 1.5px rgba(0, 50, 250, .28);\r\n background: linear-gradient(90deg, rgba(0, 50, 250, .12) 0 var(--fill, 0%), transparent var(--fill, 0%));\r\n -webkit-background-clip: text; background-clip: text;\r\n }\r\n .tko-closing h2 { max-width: 13ch; font-size: clamp(2.8rem, 6.2vw, 6.4rem); font-weight: 500; line-height: .96; letter-spacing: -.05em; }\r\n .tko-closing p { max-width: 32rem; margin-top: 1.6rem; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); }\r\n .tko-closing__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2.2rem; }\r\n\r\n \/* ---------- Apparitions ---------- *\/\r\n .tko-reveal { opacity: 0; transform: translateY(2.2rem); transition: opacity .9s var(--e), transform .9s var(--e); }\r\n .tko-reveal.is-visible { opacity: 1; transform: none; }\r\n .tko-reveal[data-delay=\"1\"] { transition-delay: .1s; }\r\n .tko-reveal[data-delay=\"2\"] { transition-delay: .2s; }\r\n\r\n\r\n\r\n \/* Titres : m\u00eame couleur partout, le contraste se fait par la graisse (300 \u2192 600) *\/\r\n .tko-section-head h2, .tko-teroir h2, .tko-faq h2, .tko-closing h2, .tko-brief__intro h2, .tko-quad__title { font-weight: 300; }\r\n .tko-section-head h2 strong, .tko-teroir h2 strong, .tko-faq h2 strong, .tko-closing h2 strong, .tko-brief__intro h2 strong, .tko-quad__title strong { font-weight: 600; }\r\n\r\n \/* ---------- Protection contre les couleurs de liens du th\u00e8me (Elementor) ----------\r\n Le th\u00e8me applique sa couleur \u00e0 tous les liens avec une priorit\u00e9 plus forte que nos classes.\r\n L'identifiant #tero-kickoff passe devant, \u00e9tat normal comme survol. *\/\r\n #tero-kickoff a, #tero-kickoff a:hover, #tero-kickoff a:focus, #tero-kickoff a:visited { text-decoration: none; }\r\n #tero-kickoff a.tko-btn--solid, #tero-kickoff a.tko-btn--solid:visited { color: var(--b); }\r\n #tero-kickoff a.tko-btn--solid:hover, #tero-kickoff a.tko-btn--solid:focus-visible { color: var(--cream); }\r\n #tero-kickoff a.tko-btn--ghost, #tero-kickoff a.tko-btn--ghost:visited { color: var(--white); }\r\n #tero-kickoff a.tko-btn--ghost:hover, #tero-kickoff a.tko-btn--ghost:focus-visible { color: var(--b); }\r\n #tero-kickoff a.tko-btn--bx, #tero-kickoff a.tko-btn--bx:visited,\r\n #tero-kickoff a.tko-btn--bx:hover, #tero-kickoff a.tko-btn--bx:focus-visible { color: var(--white); }\r\n #tero-kickoff a.tko-btn--line, #tero-kickoff a.tko-btn--line:visited { color: var(--b); }\r\n #tero-kickoff a.tko-btn--line:hover, #tero-kickoff a.tko-btn--line:focus-visible { color: var(--white); }\r\n #tero-kickoff .tko-quad__item a, #tero-kickoff .tko-quad__item a:visited { color: var(--white); }\r\n #tero-kickoff .tko-quad__item a:hover, #tero-kickoff .tko-quad__item a:focus-visible { color: var(--b); }\r\n #tero-kickoff a.tko-venue, #tero-kickoff a.tko-venue:visited, #tero-kickoff a.tko-venue:hover { color: var(--white); }\r\n #tero-kickoff a.tko-venue--type, #tero-kickoff a.tko-venue--type:visited, #tero-kickoff a.tko-venue--type:hover { color: var(--ink); }\r\n\r\n\r\n \/* ---------- Protection contre les r\u00e8gles m\u00e9dias du th\u00e8me ----------\r\n WordPress\/Elementor imposent souvent img\/iframe { max-width:100%; height:auto }.\r\n Sans ce verrou, la vid\u00e9o et les photos du hero ne remplissent plus le cadre (bande noire). *\/\r\n #tero-kickoff .tko-layer img,\r\n #tero-kickoff .tko-venue img,\r\n #tero-kickoff .tko-int__ph img,\r\n #tero-kickoff .tko-pilier__ph img,\r\n #tero-kickoff .tko-teroir__media img {\r\n width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important;\r\n object-fit: cover !important; margin: 0 !important;\r\n }\r\n #tero-kickoff .tko-logo img { max-width: none !important; }\r\n\r\n\r\n \/* ---------- Lien dans le texte du hero ---------- *\/\r\n #tero-kickoff .tko-hero__link, #tero-kickoff .tko-hero__link:visited { color: #fff; text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }\r\n #tero-kickoff .tko-hero__link:hover { text-decoration-thickness: 2px; }\r\n\r\n \/* ---------- Rassurants au-dessus de l'accroche ---------- *\/\r\n .tko-proof { margin-top: clamp(2rem, 4vw, 3rem); margin-bottom: 0; }\r\n\r\n \/* ---------- Ancres : laisser la place de la barre d'acc\u00e8s rapide ---------- *\/\r\n .tko [id^=\"tko-\"] { scroll-margin-top: 92px; }\r\n\r\n \/* ---------- Barre d'acc\u00e8s rapide (remplace le menu du site) ---------- *\/\r\n .tko-quicknav {\r\n position: sticky; z-index: 120; top: 0; margin-top: clamp(1.25rem, 2.5vw, 2rem);\r\n background: transparent; border-bottom: 1px solid transparent;\r\n transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;\r\n }\r\n .tko-quicknav.is-on { background: rgba(255, 255, 255, .97); border-bottom-color: var(--line); box-shadow: 0 .4rem 1.2rem -1rem rgba(0, 0, 0, .25); }\r\n .tko-quicknav-mark { height: 1px; margin-bottom: -1px; }\r\n .tko-quicknav__in { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; width: var(--w); margin: 0 auto; padding: 1.15rem 0 1rem; }\r\n #tero-kickoff .tko-quicknav a {\r\n display: flex; align-items: center; justify-content: center; min-height: 2.9rem; padding: .55rem 1rem;\r\n border: 1px solid var(--ink); border-radius: 999px; color: var(--ink); background: transparent;\r\n font-size: clamp(.75rem, .62rem + .55vw, .96rem); font-weight: 500; text-align: center; line-height: 1.15;\r\n transition: background .25s ease, color .25s ease, border-color .25s ease;\r\n }\r\n \/* M\u00eames pastels que les rassurants : bleu, jaune, lavande, menthe *\/\r\n #tero-kickoff .tko-quicknav a.is-cta { font-weight: 600; background: var(--p-mint); border-color: #8fd9cf; }\r\n #tero-kickoff .tko-quicknav a.is-cta:hover, #tero-kickoff .tko-quicknav a.is-cta:focus-visible { background: #c8f1eb; border-color: #8fd9cf; }\r\n #tero-kickoff .tko-quicknav a:hover, #tero-kickoff .tko-quicknav a:focus-visible { color: var(--ink); background: var(--p-blue); border-color: var(--p-blue); }\r\n .tko-quicknav .s { display: none; }\r\n \/* Menu du site l\u00e9g\u00e8rement transparent (verre d\u00e9poli) sur cette page, avant qu'il disparaisse *\/\r\n .elementor-location-header .elementor-sticky--active {\r\n background-color: rgba(255, 255, 255, .62) !important;\r\n -webkit-backdrop-filter: saturate(160%) blur(16px); backdrop-filter: saturate(160%) blur(16px);\r\n transition: background-color .3s ease, transform .4s ease !important;\r\n }\r\n \/* Menu du site cach\u00e9 tant que la barre est affich\u00e9e *\/\r\n body.tko-menu-hidden .elementor-location-header .elementor-sticky--active,\r\n body.tko-menu-hidden .elementor-location-header .elementor-sticky { transform: translateY(-120%) !important; transition: transform .4s ease !important; }\r\n @media (max-width: 760px) {\r\n .tko-quicknav__in { gap: .35rem; padding: .8rem 0 .7rem; }\r\n #tero-kickoff .tko-quicknav a { min-height: 2.5rem; padding: .4rem .3rem; font-size: .78rem; }\r\n .tko-quicknav .l { display: none; }\r\n .tko-quicknav .s { display: inline; }\r\n }\r\n\r\n \/* ---------- Intentions ---------- *\/\r\n .tko-intents { padding-top: clamp(1rem, 2vw, 1.5rem); }\r\n .tko-intents__panel { padding: clamp(1.5rem, 4vw, 3.5rem); background: var(--p-blue); border-radius: var(--r); }\r\n .tko-intents__head { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }\r\n .tko-intents__head h2 { max-width: 20ch; font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\r\n .tko-intents__head h2 strong { font-weight: 600; }\r\n .tko-intents__head p { max-width: 36rem; margin-top: 1rem; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\r\n .tko-intents__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)) minmax(14rem, 3.4fr); gap: 1rem; }\r\n .tko-intents__grid > .tko-int { grid-column: span 4; }\r\n .tko-int {\r\n position: relative; display: flex; flex-direction: column; min-height: 12.5rem; padding: 1.4rem 1.4rem 1.25rem;\r\n background: var(--white); border-radius: 1.4rem; cursor: pointer; outline-offset: 3px;\r\n transition: transform .4s var(--e), box-shadow .4s var(--e);\r\n }\r\n .tko-int:not(.tko-int--side):hover { transform: translateY(-3px); box-shadow: 0 1rem 2.4rem -1.4rem rgba(11, 18, 64, .35); }\r\n .tko-intents__grid > .tko-int--grande { grid-column: span 6; }\r\n .tko-intents__grid > .tko-int--side { grid-column: 13; grid-row: 1 \/ 3; cursor: auto; background: var(--p-lav); }\r\n .tko-int__face { display: grid; grid-template-columns: 2.2rem 1fr; column-gap: .4rem; align-content: start; height: 100%; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande):not(.tko-int--side) { padding: 1.2rem 1.1rem 1.1rem; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face { grid-template-columns: 1fr; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face > * { grid-column: 1; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__num { padding: 0 0 .35rem; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face p { font-size: .9rem; }\r\n .tko-int__num { grid-row: 1; padding-top: .35rem; color: var(--b); font-size: .82rem; font-weight: 600; font-variant-numeric: tabular-nums; }\r\n .tko-int h3 { font-size: clamp(1.3rem, 1rem + .8vw, 1.7rem); font-weight: 500; line-height: 1.1; letter-spacing: -.02em; }\r\n .tko-int__face p { grid-column: 2; margin-top: .7rem; max-width: 34rem; color: var(--mute); font-size: .95rem; line-height: 1.5; }\r\n .tko-int__go { grid-column: 2; align-self: end; margin-top: 1.1rem; color: var(--b); font-size: .9rem; font-weight: 600; }\r\n .tko-int__sol { display: none; }\r\n .tko-int.is-open .tko-int__face { display: none; }\r\n .tko-int.is-open .tko-int__sol { display: grid; gap: .55rem; align-content: start; }\r\n .tko-int__head { display: flex; justify-content: space-between; align-items: center; padding-bottom: .55rem; border-bottom: 1px solid var(--line); }\r\n .tko-int__head > span { color: var(--b); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\r\n .tko-int__back { padding: 0; border: 0; background: none; color: var(--mute); font: inherit; font-size: .82rem; font-weight: 500; cursor: pointer; }\r\n #tero-kickoff .tko-sol { display: grid; gap: .15rem; padding: .7rem .9rem; border: 1px solid var(--line); border-radius: .9rem; color: var(--ink); transition: border-color .25s ease, background .25s ease; }\r\n #tero-kickoff .tko-sol:hover, #tero-kickoff .tko-sol:focus-visible { border-color: var(--b); background: var(--p-ice); }\r\n .tko-sol__badge { color: var(--b); font-size: .66rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\r\n .tko-sol b { font-size: .98rem; font-weight: 600; }\r\n .tko-sol__d { color: var(--mute); font-size: .84rem; line-height: 1.4; }\r\n .tko-int--grande.is-open .tko-int__sol { grid-template-columns: 1fr 1fr; }\r\n .tko-int--grande.is-open .tko-int__head { grid-column: 1 \/ -1; }\r\n .tko-int__ph { height: clamp(9rem, 14vw, 12rem); margin-bottom: 1.1rem; border-radius: 1rem; overflow: hidden; }\r\n .tko-int--side p { margin-top: .6rem; color: var(--mute); font-size: .95rem; line-height: 1.5; }\r\n .tko-int__muet { margin-top: auto; padding-top: 1rem; color: var(--mute); font-size: .86rem; font-weight: 600; }\r\n .tko-intents__repli { margin-top: 1.4rem; text-align: center; color: var(--mute); font-size: .95rem; }\r\n #tero-kickoff .tko-intents__repli a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }\r\n @media (max-width: 980px) {\r\n .tko-intents__grid { grid-template-columns: 1fr 1fr; }\r\n .tko-intents__grid > .tko-int, .tko-intents__grid > .tko-int--grande { grid-column: auto; }\r\n .tko-intents__grid > .tko-int--side { grid-column: 1 \/ -1; grid-row: auto; }\r\n .tko-int__ph { height: 11rem; }\r\n }\r\n @media (max-width: 640px) {\r\n .tko-intents__grid { grid-template-columns: 1fr; }\r\n .tko-int--grande.is-open .tko-int__sol { grid-template-columns: 1fr; }\r\n .tko-int { min-height: 0; }\r\n }\r\n\r\n \/* ---------- Carrousel des lieux : fl\u00e8ches \u00e0 gauche et \u00e0 droite ---------- *\/\r\n .tko-railbox { position: relative; }\r\n .tko-railbox .tko-rail { width: 100%; }\r\n .tko-railbtn {\r\n position: absolute; z-index: 3; top: 50%; display: grid; place-items: center; width: 3rem; aspect-ratio: 1;\r\n color: var(--ink); background: var(--white); border: 0; border-radius: 50%; font: inherit; font-size: 1.1rem; cursor: pointer;\r\n box-shadow: 0 .6rem 1.6rem -.6rem rgba(0, 0, 0, .45); transform: translateY(-50%); transition: opacity .25s ease, background .25s ease, color .25s ease;\r\n }\r\n .tko-railbtn:hover, .tko-railbtn:focus-visible { color: var(--white); background: var(--b); }\r\n .tko-railbtn--prev { left: -1.1rem; }\r\n .tko-railbtn--next { right: -1.1rem; }\r\n .tko-railbtn:disabled { opacity: 0; pointer-events: none; }\r\n .tko-railbox.is-static .tko-railbtn { display: none; }\r\n .tko-rail .tko-venue__badge { font-size: .72rem; }\r\n @media (max-width: 760px) { .tko-railbtn--prev { left: .4rem; } .tko-railbtn--next { right: .4rem; } .tko-railbtn { width: 2.6rem; } }\r\n\r\n\r\n \/* ---------- Carrousel des lieux : 3 cartes \u00e0 l'\u00e9cran, 50 % de hauteur, d\u00e9filement en arc ---------- *\/\r\n .tko-cr { position: relative; --cw: calc((min(100vw - (var(--g) * 2), 1440px) - 2 * clamp(1rem, 2vw, 1.75rem)) \/ 3 * .9); }\r\n .tko-cr__track {\r\n display: flex; align-items: flex-start; gap: clamp(1rem, 2vw, 1.75rem);\r\n overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; cursor: grab;\r\n padding: clamp(1rem, 2vw, 1.5rem) calc(50% - var(--cw) \/ 2) clamp(4.5rem, 7vw, 6rem);\r\n }\r\n .tko-cr__track::-webkit-scrollbar { display: none; }\r\n .tko-cr__track.is-dragging { cursor: grabbing; }\r\n .tko-cr__track.is-dragging a { pointer-events: none; }\r\n .tko-card {\r\n display: flex; flex-direction: column; gap: .9rem; padding: .9rem .9rem 1.3rem;\r\n border-radius: 1.2rem; background: var(--p-blue); text-decoration: none;\r\n box-shadow: 0 1.2rem 2.4rem -1.8rem rgba(0, 0, 0, .35);\r\n }\r\n .tko-cr .tko-card {\r\n flex: 0 0 var(--cw); height: 50vh; height: 50svh; min-height: 22rem; max-height: 34rem;\r\n transform-origin: 50% 130%; will-change: transform;\r\n transform: translateY(var(--ay, 0px)) rotate(var(--ar, 0deg)) scale(var(--as, 1));\r\n opacity: var(--ao, 1); transition: opacity .35s ease, box-shadow .4s ease;\r\n }\r\n .tko-cr .tko-card .tko-card__ph { flex: 1 1 auto; aspect-ratio: auto; min-height: 0; }\r\n .tko-card--yellow { background: var(--p-yellow); }\r\n .tko-card--lav { background: var(--p-lav); }\r\n .tko-card--mint { background: var(--p-mint); }\r\n .tko-card--white { background: var(--white); }\r\n .tko-card--dark { background: var(--ink); }\r\n #tero-kickoff a.tko-card, #tero-kickoff a.tko-card:visited, #tero-kickoff a.tko-card:hover { color: var(--ink); }\r\n #tero-kickoff a.tko-card--dark, #tero-kickoff a.tko-card--dark:visited, #tero-kickoff a.tko-card--dark:hover { color: var(--white); }\r\n .tko-card__ph { position: relative; display: block; aspect-ratio: 1 \/ 1.02; border-radius: .7rem; overflow: hidden; }\r\n #tero-kickoff .tko-card__ph img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; margin: 0 !important; user-select: none; -webkit-user-drag: none; transition: transform 1s var(--e); }\r\n .tko-card:hover .tko-card__ph img { transform: scale(1.04); }\r\n .tko-card__badge { position: absolute; top: .8rem; left: .8rem; padding: .4rem .85rem; border-radius: 999px; color: var(--ink); background: var(--white); font-size: .75rem; font-weight: 600; }\r\n .tko-card__txt { display: grid; gap: .3rem; text-align: center; padding: 0 .4rem; }\r\n .tko-card__txt small { font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .62; }\r\n .tko-card__txt b { font-size: clamp(1.1rem, .95rem + .45vw, 1.4rem); font-weight: 500; line-height: 1.2; letter-spacing: -.01em; }\r\n .tko-cr__btn {\r\n position: absolute; z-index: 3; top: 45%; display: grid; place-items: center; width: 3rem; aspect-ratio: 1;\r\n color: var(--ink); background: var(--white); border: 0; border-radius: 50%; font: inherit; font-size: 1.1rem; cursor: pointer;\r\n box-shadow: 0 .6rem 1.6rem -.6rem rgba(0, 0, 0, .45); transform: translateY(-50%); transition: opacity .25s ease, background .25s ease, color .25s ease;\r\n }\r\n .tko-cr__btn:hover, .tko-cr__btn:focus-visible { color: var(--white); background: var(--b); }\r\n .tko-cr__btn--prev { left: max(var(--g), calc((100vw - 1440px) \/ 2)); }\r\n .tko-cr__btn--next { right: max(var(--g), calc((100vw - 1440px) \/ 2)); }\r\n .tko-cr__btn:disabled { opacity: 0; pointer-events: none; }\r\n\r\n \/* Mobile : paquet de cartes, on passe de l'une \u00e0 l'autre en swipant *\/\r\n .tko-cr__count { display: none; }\r\n @media (max-width: 760px) {\r\n .tko-cr { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .6rem 1rem; }\r\n .tko-cr__track {\r\n order: -1; flex: 0 0 var(--w); display: grid; overflow: visible; width: var(--w); margin: 0 auto;\r\n padding: .5rem 0 2.6rem; cursor: auto; scroll-snap-type: none; touch-action: pan-y; user-select: none;\r\n }\r\n .tko-cr .tko-card {\r\n grid-area: 1 \/ 1; width: 100%; height: auto; min-height: 0; max-height: none; margin: 0; transform-origin: 50% 100%; will-change: transform, opacity;\r\n transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .35s ease, box-shadow .4s ease;\r\n }\r\n .tko-cr.is-swiping .tko-card.is-front { transition: none; }\r\n .tko-cr .tko-card .tko-card__ph { flex: none; aspect-ratio: 4 \/ 3; }\r\n .tko-cr__btn { display: grid; position: static; transform: none; width: 2.8rem; box-shadow: none; border: 1px solid var(--line); }\r\n .tko-cr__btn:disabled { opacity: 1; pointer-events: auto; }\r\n .tko-cr__count { display: block; min-width: 4.5rem; text-align: center; color: var(--mute); font-size: .9rem; font-weight: 600; font-variant-numeric: tabular-nums; }\r\n }\r\n\r\n \/* ---------- Activit\u00e9s : mosa\u00efque photo + texte (fa\u00e7on avis terblock.be) ---------- *\/\r\n .tko-acts { padding-top: clamp(1rem, 2vw, 1.5rem); }\r\n .tko-acts__panel { padding: clamp(1.5rem, 4vw, 3.5rem); border-radius: var(--r); color: var(--ink); background: var(--p-yellow); }\r\n .tko-acts__head { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }\r\n .tko-acts__head h2 { max-width: 20ch; color: var(--ink); font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\r\n .tko-acts__head h2 strong { font-weight: 600; }\r\n .tko-acts__head p { max-width: 36rem; margin-top: 1rem; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\r\n .tko-bento-acts { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; }\r\n .tko-bt { position: relative; display: flex; border-radius: 1.4rem; overflow: hidden; min-height: clamp(17rem, 26vw, 22rem); }\r\n .tko-bento-acts > .tko-bt:nth-child(4n+1), .tko-bento-acts > .tko-bt:nth-child(4n) { grid-column: span 7; }\r\n .tko-bento-acts > .tko-bt:nth-child(4n+2), .tko-bento-acts > .tko-bt:nth-child(4n+3) { grid-column: span 5; }\r\n #tero-kickoff .tko-bt--photo img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; margin: 0 !important; transition: transform 1.1s var(--e); }\r\n .tko-bt--photo:hover img { transform: scale(1.04); }\r\n .tko-bt__tag { position: absolute; left: 1rem; bottom: 1rem; padding: .5rem 1rem; border-radius: 999px; color: var(--ink); background: var(--white); font-size: .88rem; font-weight: 500; }\r\n .tko-bt--text { flex-direction: column; justify-content: center; gap: .7rem; padding: clamp(1.4rem, 3vw, 2.4rem); }\r\n #tero-kickoff a.tko-bt, #tero-kickoff a.tko-bt:visited, #tero-kickoff a.tko-bt:hover { color: var(--ink); }\r\n .tko-bt--yellow { background: var(--p-yellow); }\r\n .tko-bt--white { background: var(--white); }\r\n .tko-bt--mint { background: var(--p-mint); }\r\n .tko-bt--lav { background: var(--p-lav); }\r\n .tko-bt--blue { background: var(--p-blue); }\r\n .tko-bt--text small { font-size: .7rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--mute); }\r\n .tko-bt--text h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 600; line-height: 1.05; letter-spacing: -.03em; }\r\n .tko-bt--text p { font-size: clamp(1.02rem, .95rem + .3vw, 1.2rem); font-weight: 300; line-height: 1.45; }\r\n .tko-bt__go { margin-top: .4rem; font-size: .92rem; font-weight: 600; }\r\n .tko-bt--text:hover .tko-bt__go { text-decoration: underline; text-underline-offset: .2em; }\r\n #tero-kickoff .tko-acts__all { margin-top: clamp(1.5rem, 3vw, 2.25rem); }\r\n @media (max-width: 860px) {\r\n .tko-bento-acts > .tko-bt:nth-child(n) { grid-column: 1 \/ -1; }\r\n .tko-bento-acts > .tko-bt--photo { min-height: 14rem; }\r\n .tko-bento-acts > .tko-bt--text { min-height: 0; }\r\n \/* sur mobile : toujours la photo puis son texte *\/\r\n .tko-bento-acts > .tko-bt { order: var(--o, 0); }\r\n }\r\n\r\n \/* ---------- Formules traiteur : cartes comme les lieux, en plus petit ---------- *\/\r\n .tko-card--mini { padding: .65rem .65rem 1rem; gap: .7rem; border-radius: 1rem; transition: transform .4s var(--e), box-shadow .4s var(--e); }\r\n .tko-card--mini:hover { transform: translateY(-4px); box-shadow: 0 1.4rem 2.6rem -1.6rem rgba(0, 0, 0, .4); }\r\n .tko-card--mini .tko-card__ph { aspect-ratio: 4 \/ 3.4; border-radius: .6rem; }\r\n .tko-card--mini .tko-card__txt b { font-size: 1.08rem; }\r\n .tko-card--mini .tko-card__txt small { font-size: .62rem; }\r\n\r\n \/* ---------- Teroir : formules ---------- *\/\r\n .tko-formules { grid-column: 1 \/ -1; padding-top: clamp(1.25rem, 3vw, 2rem); border-top: 1px solid var(--line); }\r\n .tko-formules__title { margin-bottom: 1.6rem; font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 300; line-height: 1.1; letter-spacing: -.025em; }\r\n .tko-formules__title strong { font-weight: 600; }\r\n .tko-formules__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }\r\n #tero-kickoff .tko-formule { position: relative; display: grid; align-content: start; gap: .45rem; padding: 1.15rem 1.25rem 2.6rem; background: var(--white); border-radius: 1.25rem; color: var(--ink); transition: transform .35s var(--e), box-shadow .35s var(--e); }\r\n #tero-kickoff .tko-formule:hover { transform: translateY(-3px); box-shadow: 0 1rem 2rem -1.2rem rgba(0, 0, 0, .3); }\r\n .tko-formule b { font-size: 1.12rem; font-weight: 600; letter-spacing: -.01em; }\r\n .tko-formule span { color: var(--mute); font-size: .92rem; line-height: 1.45; }\r\n .tko-formule i { position: absolute; left: 1.25rem; bottom: 1rem; color: var(--b); font-style: normal; font-weight: 600; }\r\n #tero-kickoff .tko-formules__all { display: inline-flex; gap: .5rem; margin-top: 1.1rem; color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: .25em; }\r\n @media (max-width: 980px) { .tko-formules__grid { grid-template-columns: 1fr 1fr; } }\r\n @media (max-width: 520px) { .tko-formules__grid { gap: .6rem; } .tko-card--mini .tko-card__txt small { display: none; } .tko-card--mini .tko-card__txt b { font-size: .98rem; } }\r\n\r\n \/* ---------- Pourquoi Tero ---------- *\/\r\n .tko-why { padding-block: clamp(2.5rem, 5vw, 4rem) clamp(2rem, 4vw, 3rem); }\r\n .tko-why__head p { justify-self: start; max-width: 40rem; margin-top: 0; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\r\n .tko-why { margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }\r\n .tko-why__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }\r\n .tko-pilier { position: relative; display: block; height: clamp(22rem, 28vw, 26rem); border-radius: 1.4rem; overflow: hidden; isolation: isolate; }\r\n #tero-kickoff a.tko-pilier, #tero-kickoff a.tko-pilier:visited, #tero-kickoff a.tko-pilier:hover { color: var(--white); }\r\n .tko-pilier__ph { position: absolute; z-index: -2; inset: 0; }\r\n .tko-pilier__ph img { transition: transform 1.1s var(--e); }\r\n .tko-pilier:hover .tko-pilier__ph img { transform: scale(1.05); }\r\n .tko-pilier::after { content: \"\"; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .82)); transition: background .4s ease; }\r\n .tko-pilier:hover::after { background: linear-gradient(180deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .86)); }\r\n .tko-pilier__sur { position: absolute; inset: auto 0 0 0; padding: 1.4rem; }\r\n .tko-pilier h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 500; line-height: 1.05; letter-spacing: -.03em; }\r\n .tko-pilier__rev { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s var(--e); }\r\n .tko-pilier__rev > div { overflow: hidden; }\r\n .tko-pilier:hover .tko-pilier__rev, .tko-pilier:focus-visible .tko-pilier__rev, .tko-pilier--fixe .tko-pilier__rev { grid-template-rows: 1fr; }\r\n .tko-pilier p { margin-top: .7rem; font-size: .92rem; line-height: 1.5; opacity: .9; }\r\n .tko-pilier__go { display: inline-block; margin-top: .8rem; font-size: .88rem; font-weight: 600; }\r\n .tko-pilier--fixe { color: var(--ink); background: var(--p-blue); }\r\n .tko-pilier--fixe::after { display: none; }\r\n .tko-pilier--fixe .tko-pilier__sur { inset: auto 0 0 0; }\r\n .tko-pilier--fixe p { opacity: 1; color: var(--mute); }\r\n .tko-pilier__go--muet { color: var(--mute); }\r\n @media (hover: none) { .tko-pilier__rev { grid-template-rows: 1fr; } }\r\n @media (max-width: 980px) { .tko-why__grid { grid-template-columns: 1fr 1fr; } }\r\n @media (max-width: 520px) { .tko-why__grid { grid-template-columns: 1fr; } .tko-pilier { height: 19rem; } }\r\n\r\n \/* ---------- Blog ---------- *\/\r\n .tko-blog { padding-bottom: clamp(3rem, 6vw, 5rem); }\r\n .tko-blog__head { display: flex; justify-content: space-between; align-items: end; gap: 1.5rem; flex-wrap: wrap; margin-bottom: clamp(1.25rem, 3vw, 2rem); }\r\n .tko-blog__head h2 { font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\r\n .tko-blog__head h2 strong { font-weight: 600; }\r\n .tko-blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }\r\n #tero-kickoff .tko-article { display: flex; flex-direction: column; justify-content: space-between; gap: 1.5rem; min-height: 11rem; padding: 1.4rem; background: var(--p-ice); border-radius: 1.4rem; color: var(--ink); transition: background .3s ease, transform .35s var(--e); }\r\n #tero-kickoff .tko-article:hover { background: var(--p-blue); transform: translateY(-3px); }\r\n .tko-article h3 { font-size: clamp(1.05rem, .95rem + .35vw, 1.25rem); font-weight: 500; line-height: 1.3; letter-spacing: -.01em; }\r\n .tko-article > span { color: var(--b); font-size: .9rem; font-weight: 600; }\r\n @media (max-width: 860px) { .tko-blog__grid { grid-template-columns: 1fr; } .tko-article { min-height: 0; } }\r\n\r\n \/* ---------- Responsive ---------- *\/\r\n @media (max-width: 980px) {\r\n .tko-section-head, .tko-teroir, .tko-brief__card, .tko-faq { grid-template-columns: 1fr; }\r\n .tko-section-head p { justify-self: start; }\r\n .tko-proof { grid-template-columns: 1fr 1fr; }\r\n }\r\n @media (max-width: 640px) {\r\n .tko { --r: 1.5rem; }\r\n .tko-closing__actions .tko-btn { width: 100%; }\r\n .tko-fields { grid-template-columns: 1fr; }\r\n .tko-closing__actions { display: grid; }\r\n .tko-faq details p { padding-right: 0; }\r\n .tko-teroir__media { height: 28rem; }\r\n }\r\n @media (prefers-reduced-motion: reduce) {\r\n .tko *, .tko *::before, .tko *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }\r\n .tko-reveal, .tko-fade, .tko-line > span { opacity: 1; transform: none; }\r\n .tko-hook__text .w { color: var(--ink); }\r\n .tko-marquee__track { animation: none; }\r\n }\r\n\r\n\r\n \/* ---------- Compte \u00e0 rebours \u00e0 c\u00f4t\u00e9 du CTA principal ---------- *\/\r\n .tko-hero__actions { align-items: center; }\r\n .tko-countdown--hero { padding: .85rem 1.3rem; border: 0; background: var(--white); color: var(--ink); font-size: .95rem; font-weight: 500; box-shadow: 0 .6rem 1.4rem -1rem rgba(16, 150, 140, .6); }\r\n .tko-countdown--hero b { font-size: 1.3rem; color: var(--b); }\r\n @media (max-width: 760px) {\r\n .tko .tko-hero__actions { display: flex; flex-wrap: nowrap; gap: .5rem; }\r\n .tko .tko-hero__actions .tko-btn { width: auto; flex: 1 1 auto; }\r\n .tko .tko-hero__actions .tko-btn { white-space: nowrap; padding-inline: 1.15rem; gap: .6rem; }\r\n .tko .tko-countdown--hero { display: inline-flex; flex: 0 0 auto; gap: .35rem; padding: .8rem .95rem; font-size: .8rem; }\r\n .tko-countdown--hero b { font-size: 1.1rem; }\r\n }\r\n\r\n \/* ---------- Rythme vertical : m\u00eame respiration entre toutes les sections ---------- *\/\r\n .tko { --sp: clamp(3.5rem, 7vw, 6rem); }\r\n .tko-intents, .tko-venues, .tko-acts, .tko-why, .tko-faq, .tko-blog { padding-top: 0; margin-top: var(--sp); }\r\n .tko-teroir { margin-block: var(--sp) 0; }\r\n .tko-why { padding-block: 0; margin-bottom: 0; }\r\n .tko-faq { padding-bottom: 0; }\r\n .tko-blog { padding-bottom: var(--sp); }\r\n .tko-hook { padding-block: var(--sp) 0; }\r\n .tko-cr__track { padding-bottom: clamp(2rem, 3vw, 2.5rem); }\r\n .tko-intents__repli { margin-top: clamp(2rem, 3.5vw, 2.75rem); }\r\n .tko-intents__head p, .tko-acts__head p { margin-top: 1.1rem; }\r\n .tko-formules { margin-top: clamp(1rem, 2vw, 1.5rem); padding-top: clamp(2rem, 4vw, 3rem); }\r\n .tko-formules__title { margin-bottom: 1.75rem; }\r\n .tko-section-head { gap: 1.1rem; }\r\n\r\n\r\n \/* ---------- Devis dans le cadre : fond turquoise pastel, plus de voile sombre ---------- *\/\r\n .tko-hero__quote { color: var(--ink); }\r\n .tko-hero__quote .tko-brief__intro p { color: var(--mute); }\r\n .tko-hero__quote .tko-brief__reassure { color: var(--ink); }\r\n .tko-hero__quote .tko-brief__reassure li::before { color: var(--b); }\r\n .tko-hero__quote .tko-form { box-shadow: 0 1.5rem 3.5rem -1.8rem rgba(16, 150, 140, .45); }\r\n\r\n\r\n \/* ---------- Hero ouvert : fond turquoise pastel en permanence ----------\r\n Les quatre temps s'affichent dans un cadre photo aux bords arrondis, exactement \u00e0 la taille\r\n et \u00e0 la place du cadre de d\u00e9part (--qx\/--qy\/--qw\/--qh calcul\u00e9s en JS), textes sur la photo. *\/\r\n .tko-quad {\r\n left: var(--rx, 0px); top: var(--ry, 0px); right: auto; bottom: auto;\r\n width: var(--rw, 100%); height: var(--rh, 100%);\r\n display: flex; flex-direction: column; justify-content: space-between;\r\n padding: clamp(1.5rem, 4vw, 3.5rem); color: var(--white);\r\n border-radius: var(--rr, 2.5rem); overflow: hidden; isolation: isolate;\r\n box-shadow: 0 1.6rem 3.5rem -2.2rem rgba(16, 150, 140, .55);\r\n }\r\n .tko-quad__ph { position: absolute; z-index: -2; inset: 0; background: rgba(16, 150, 140, .1); }\r\n .tko-quad::before {\r\n content: \"\"; position: absolute; z-index: -1; inset: 0; pointer-events: none;\r\n background:\r\n linear-gradient(180deg, rgba(15, 15, 20, .5) 0%, rgba(15, 15, 20, 0) 30%),\r\n linear-gradient(0deg, rgba(15, 15, 20, .78) 0%, rgba(15, 15, 20, .35) 42%, rgba(15, 15, 20, 0) 65%);\r\n }\r\n .tko-quad__title { margin-bottom: 0; color: var(--white); }\r\n .tko-quad__item h2 { color: var(--white); }\r\n @media (max-width: 760px) {\r\n .tko-quad { padding: 1.25rem; }\r\n .tko-quad::before { background: linear-gradient(180deg, rgba(15, 15, 20, .5) 0%, rgba(15, 15, 20, 0) 28%), linear-gradient(0deg, rgba(15, 15, 20, .82) 0%, rgba(15, 15, 20, .3) 45%, rgba(15, 15, 20, 0) 62%); }\r\n }\r\n @media (prefers-reduced-motion: reduce) { .tko-quad { position: relative; width: auto; height: 80vh; margin: 0 clamp(1rem, 3vw, 2.5rem) 2rem; } .tko-quad__ph .tko-layer:first-child { display: block; opacity: 1 !important; } }\r\n\r\n\r\n \/* ---------- Anti-tremblement du hero : taille fixe + masque ---------- *\/\r\n @media (prefers-reduced-motion: no-preference) {\r\n .tko .tko-hero { left: 0; top: 0; width: 100%; height: 100%; transform: none; border-radius: 0; will-change: clip-path; }\r\n .tko-hero__media { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); overflow: visible; }\r\n .tko-hero__num { font-size: min(calc(var(--rh, 600px) * .62), 27vw); transform: translateY(-50%) scale(calc(1 + var(--f, 0) * .1)); transform-origin: 100% 50%; will-change: transform; }\r\n .tko-hero__intro { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); will-change: opacity, transform; }\r\n .tko-hero__quote { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); will-change: opacity, transform; }\r\n .tko-quad, .tko-hero__story { will-change: opacity, transform; }\r\n .tko-layer img { will-change: transform; backface-visibility: hidden; }\r\n }\r\n \/* Sur mobile, le devis reste en plein \u00e9cran *\/\r\n @media (prefers-reduced-motion: no-preference) and (max-width: 759px) {\r\n .tko-hero__quote { left: 0; top: 0; width: 100%; height: 100%; grid-template-rows: auto auto; }\r\n }\r\n @media (prefers-reduced-motion: no-preference) and (max-width: 760px) {\r\n .tko-hero__num { top: 2.5rem; font-size: 34vw; transform: scale(calc(1 + var(--f, 0) * .1)); transform-origin: 100% 0; }\r\n }\r\n\r\n\r\n \/* ---------- Identit\u00e9 Teroir : radis grav\u00e9 + italique \u00e0 empattements ---------- *\/\r\n .tko-teroir { position: relative; }\r\n .tko-serif { font-family: \"Times New Roman\", Times, serif; font-style: italic; font-weight: 400; letter-spacing: -.01em; font-size: 1.17em; line-height: 0; }\r\n \/* Radis en filigrane : grand, transparent, derri\u00e8re le texte, coup\u00e9 par le bord du bloc *\/\r\n .tko-teroir { overflow: hidden; isolation: isolate; }\r\n .tko-teroir > * { position: relative; z-index: 1; }\r\n #tero-kickoff .tko-teroir > .tko-teroir__radis {\r\n position: absolute; z-index: 0; right: -5rem; top: -4rem;\r\n width: clamp(18rem, 36vw, 34rem) !important; height: auto !important; max-width: none !important;\r\n opacity: .1; transform: rotate(-14deg); pointer-events: none;\r\n }\r\n @media (max-width: 980px) { #tero-kickoff .tko-teroir > .tko-teroir__radis { right: -22%; top: 26%; width: 90vw !important; opacity: .09; } }\r\n\r\n \/* ---------- \u00ab 2027 \u00bb : la zone de remplissage couvre aussi le dernier chiffre ---------- *\/\r\n .tko-hero__num { padding-right: .22em; right: -.27em; }\r\n\r\n\r\n \/* ---------- Bandeau de valeurs Teroir qui d\u00e9file (repris de terblock.be\/traiteur) ---------- *\/\r\n .tko-teroir > div { min-width: 0; }\r\n .tko-tick {\r\n max-width: 100%;\r\n overflow: hidden; margin-top: clamp(1.25rem, 2.5vw, 1.75rem);\r\n -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\r\n mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\r\n }\r\n .tko-tick__track { display: flex; width: max-content; animation: tko-tick 38s linear infinite; }\r\n .tko-tick:hover .tko-tick__track { animation-play-state: paused; }\r\n .tko .tko-tick ul { display: flex; margin: 0; padding: 0; list-style: none; }\r\n .tko .tko-tick li {\r\n display: flex; align-items: center; margin: 0; padding: 0;\r\n font-size: clamp(.8rem, .7rem + .3vw, .95rem); font-weight: 300; letter-spacing: .24em; text-transform: uppercase;\r\n color: #5f6070; white-space: nowrap;\r\n }\r\n .tko .tko-tick li::after { content: \"\"; width: 5px; height: 5px; margin: 0 clamp(1.25rem, 2.4vw, 2.25rem); border-radius: 50%; background: #b9bac4; }\r\n @keyframes tko-tick { to { transform: translateX(-50%); } }\r\n @media (prefers-reduced-motion: reduce) { .tko-tick__track { animation: none; } }\r\n\r\n\r\n \/* ---------- Formulaire : date pr\u00e9cise ---------- *\/\r\n .tko-field--date { margin-top: .9rem; max-width: 16rem; }\r\n .tko-field--date label span { font-weight: 400; color: var(--mute); }\r\n .tko-field--date input { font-family: inherit; color: var(--ink); }\r\n\r\n\r\n .tko-form .is-missing > p { color: #c2410c; }\r\n .tko-form .is-missing .tko-chip span, .tko-form .tko-chips.is-missing .tko-chip span { box-shadow: 0 0 0 1.5px #f4a37c inset; }\r\n .tko-form__error:not(:empty) { margin-top: .9rem; color: #c2410c; font-weight: 500; }\r\n\r\n\r\n \/* ---------- Formulaire du hero : plus compact, bouton \u00ab Continuer \u00bb toujours visible ---------- *\/\r\n .tko-hero__quote .tko-chips { gap: .45rem; }\r\n .tko-hero__quote .tko-chip span { min-height: 2.45rem; padding: .5rem 1rem; font-size: .9rem; }\r\n .tko-hero__quote .tko-form__group + .tko-form__group { margin-top: 1.1rem; }\r\n .tko-hero__quote .tko-form__group > p { margin-bottom: .5rem; }\r\n .tko-hero__quote .tko-field--date { margin-top: .6rem; }\r\n .tko-hero__quote .tko-field--date input { padding: .5rem 1rem; }\r\n .tko-hero__quote .tko-form__nav {\r\n position: sticky; bottom: calc(-1 * clamp(1rem, 2.6vh, 1.75rem)); z-index: 2;\r\n margin-inline: calc(-1 * clamp(1.25rem, 2.4vw, 2rem)); padding: .75rem clamp(1.25rem, 2.4vw, 2rem) clamp(1rem, 2.6vh, 1.75rem);\r\n margin-bottom: calc(-1 * clamp(1rem, 2.6vh, 1.75rem)); background: var(--white); border-radius: 0 0 1.6rem 1.6rem;\r\n }\r\n\r\n\r\n \/* Formulaire JetFormBuilder qui transporte la demande vers Efficy : pr\u00e9sent sur la page mais invisible *\/\r\n #tko-jfb { position: absolute !important; left: -9999px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }\r\n\r\n\r\n .tko-hero__quote .tko-consent--2 { margin-top: .45rem; }\r\n #tero-kickoff .tko-consent a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }\r\n\r\n\r\n \/* Mobile : pr\u00e9nom et nom c\u00f4te \u00e0 c\u00f4te pour raccourcir l'\u00e9tape 5 *\/\r\n @media (max-width: 760px) {\r\n .tko-hero__quote .tko-fields { grid-template-columns: 1fr 1fr; }\r\n .tko-hero__quote .tko-fields .tko-field:nth-child(n+3) { grid-column: 1 \/ -1; }\r\n }\r\n\r\n\r\n \/* Deux dates (du \/ au) c\u00f4te \u00e0 c\u00f4te *\/\r\n .tko-dates { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; max-width: 24rem; margin-top: .6rem; }\r\n .tko-dates .tko-field--date { margin-top: 0; max-width: none; }\r\n .tko-hero__quote .tko-dates .tko-field--date { margin-top: 0; }\r\n\r\n \/* Le th\u00e8me colore les boutons au survol \/ clic (rose) : on neutralise sur nos boutons *\/\r\n #tero-kickoff .tko-form__back, #tero-kickoff .tko-form__back:hover, #tero-kickoff .tko-form__back:focus, #tero-kickoff .tko-form__back:active,\r\n #tero-kickoff .tko-int__back, #tero-kickoff .tko-int__back:hover, #tero-kickoff .tko-int__back:focus, #tero-kickoff .tko-int__back:active {\r\n background: none !important; border: 0 !important; box-shadow: none !important; color: var(--mute) !important; border-radius: 0 !important; padding-inline: 0 !important;\r\n }\r\n #tero-kickoff .tko-form__back:hover, #tero-kickoff .tko-int__back:hover { color: var(--ink) !important; }\r\n #tero-kickoff .tko-form__back:focus-visible, #tero-kickoff .tko-int__back:focus-visible { outline: 2px solid var(--b); outline-offset: 3px; }\r\n #tero-kickoff .tko-cr__btn:focus, #tero-kickoff .tko-railbtn:focus { background: var(--white); color: var(--ink); border: 0; }\r\n #tero-kickoff .tko-cr__btn:hover, #tero-kickoff .tko-railbtn:hover, #tero-kickoff .tko-cr__btn:focus-visible, #tero-kickoff .tko-railbtn:focus-visible { background: var(--b); color: var(--white); }\r\n #tero-kickoff button.tko-btn--bx, #tero-kickoff button.tko-btn--bx:hover, #tero-kickoff button.tko-btn--bx:focus, #tero-kickoff button.tko-btn--bx:active { background-color: var(--b); color: var(--white); border-color: var(--b); }\r\n #tero-kickoff button.tko-btn--bx:hover { border-color: var(--b-2); }\r\n\r\n\r\n .tko-form__soft { font-weight: 400; color: var(--mute); }\r\n .tko-hero__quote [data-step=\"3\"] .tko-form__group + .tko-form__group { margin-top: .9rem; }\r\n\r\n\r\n \/* ---------- Intentions : au verso, photo + nuage de tags ---------- *\/\r\n .tko-int__face { display: flex; flex-direction: column; }\r\n .tko-int__face p { margin-top: .7rem !important; }\r\n .tko-int__face .tko-int__go { margin-top: auto; padding-top: 1.1rem; }\r\n .tko-int__verso { display: grid; gap: .9rem; margin-top: .3rem; }\r\n .tko-int__verso .tko-int__ph { height: clamp(8rem, 11vw, 10rem); margin: 0; }\r\n .tko-int__vtxt { display: flex; flex-direction: column; gap: .8rem; }\r\n .tko .tko-int__tags { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 0; list-style: none; }\r\n .tko .tko-tag { margin: 0; padding: .32rem .75rem; border-radius: 999px; font-size: .8rem; font-weight: 500; line-height: 1.2; color: var(--ink); }\r\n .tko-tag--blue { background: var(--p-blue); }\r\n .tko-tag--mint { background: var(--p-mint); }\r\n .tko-tag--yellow { background: var(--p-yellow); }\r\n #tero-kickoff .tko-int__cta { color: var(--b); font-size: .88rem; font-weight: 600; }\r\n .tko-int.is-open .tko-int__sol { display: block; }\r\n .tko-int__sol .tko-int__head > span { letter-spacing: .08em; }\r\n \/* grandes cartes : photo \u00e0 gauche, nuage de tags \u00e0 droite *\/\r\n @media (min-width: 641px) {\r\n .tko-int--grande .tko-int__verso { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: stretch; }\r\n .tko-int--grande .tko-int__verso .tko-int__ph { height: 100%; min-height: 9.5rem; }\r\n .tko-int--grande .tko-int__vtxt { justify-content: center; }\r\n .tko-int--grande .tko-tag { font-size: .86rem; padding: .42rem .95rem; }\r\n }\r\n\r\n\r\n \/* ---------- Devis en bas de page ---------- *\/\r\n .tko-devis { margin-top: var(--sp); }\r\n .tko-devis__panel { background: var(--p-mint); border-radius: var(--r); }\r\n .tko .tko-hero__quote.tko-quote--bas {\r\n position: relative; inset: auto; left: auto; top: auto; width: auto; height: auto; min-height: 0;\r\n opacity: 1; transform: none; pointer-events: auto; overflow: visible; align-items: center;\r\n padding: clamp(1.5rem, 4vw, 3.5rem);\r\n }\r\n .tko .tko-quote--bas .tko-form { max-height: none; overflow: visible; }\r\n .tko-devis__dock { min-width: 0; }\r\n .tko-devis__dock:empty { min-height: 30rem; border-radius: 1.6rem; background: rgba(255, 255, 255, .55); }\r\n @media (max-width: 760px) {\r\n .tko .tko-hero__quote.tko-quote--bas { grid-template-columns: 1fr; padding: 1.5rem 1rem; }\r\n }\r\n\r\n\r\n \/* ---------- Titre de section + \u00ab Organiser mon kick-off \u00bb et compte \u00e0 rebours \u00e0 droite ---------- *\/\r\n .tko-titlerow { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; width: 100%; }\r\n .tko-titlerow > h2 { flex: 1 1 22rem; }\r\n .tko-secta { display: flex; align-items: center; gap: .6rem; flex: 0 0 auto; }\r\n .tko .tko-countdown--sec { display: inline-flex; padding: .7rem 1.05rem; border: 0; background: var(--white); color: var(--ink); font-size: .85rem; }\r\n .tko-countdown--sec b { font-size: 1.05rem; }\r\n .tko-intents__panel .tko-countdown--sec, .tko-acts__panel .tko-countdown--sec, .tko-teroir .tko-countdown--sec { background: var(--white); }\r\n .tko-venues .tko-countdown--sec, .tko-why .tko-countdown--sec, .tko-faq .tko-countdown--sec { background: var(--p-mint); }\r\n #tero-kickoff .tko-secta__btn { display: inline-flex; align-items: center; gap: .55rem; padding: .78rem 1.35rem; border-radius: 999px; background: var(--b); color: var(--white); font-size: .92rem; font-weight: 600; white-space: nowrap; transition: background .25s ease; }\r\n #tero-kickoff .tko-secta__btn:hover, #tero-kickoff .tko-secta__btn:focus-visible { background: var(--b-2); color: var(--white); }\r\n .tko-faq .tko-titlerow { flex-direction: column; align-items: flex-start; }\r\n .tko-teroir .tko-titlerow { align-items: flex-end; }\r\n @media (max-width: 640px) {\r\n .tko-titlerow { align-items: flex-start; }\r\n .tko-titlerow > h2 { flex-basis: 100%; }\r\n #tero-kickoff .tko-secta__btn { padding: .7rem 1.1rem; font-size: .88rem; }\r\n .tko .tko-countdown--sec { padding: .62rem .9rem; font-size: .8rem; }\r\n .tko-countdown--sec .tko-cd__s { display: none; }\r\n .tko-secta { flex-wrap: wrap; }\r\n }\r\n\r\n \/* ---------- Verso des intentions : la photo est le choix principal, les tags des compl\u00e9ments ---------- *\/\r\n #tero-kickoff .tko-int__ph--go { position: relative; display: block; color: var(--white); }\r\n .tko-int__ph--go img { transition: transform .6s var(--e); }\r\n .tko-int__ph--go:hover img { transform: scale(1.05); }\r\n .tko-int__ph--go::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15, 15, 20, .72) 0%, rgba(15, 15, 20, .1) 55%, transparent 75%); pointer-events: none; }\r\n .tko-int__cap { position: absolute; z-index: 1; left: .9rem; right: .9rem; bottom: .8rem; display: grid; grid-template-columns: 1fr auto; align-items: end; column-gap: .5rem; }\r\n .tko-int__cap small { grid-column: 1; font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }\r\n .tko-int__cap b { grid-column: 1; font-size: 1.05rem; font-weight: 600; line-height: 1.2; }\r\n .tko-int__cap i { grid-column: 2; grid-row: 1 \/ 3; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--ink); font-style: normal; font-size: .95rem; }\r\n .tko .tko-int__plus { margin: 0 0 -.3rem; color: var(--mute); font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }\r\n .tko .tko-int__tags .tko-tag::before { content: \"+ \"; color: var(--b); font-weight: 600; }\r\n \/* m\u00eame hauteur de photo pour toutes les cartes d'une rang\u00e9e *\/\r\n .tko-int__verso .tko-int__ph, .tko-int--grande .tko-int__verso .tko-int__ph { height: 11rem; min-height: 0; }\r\n @media (min-width: 641px) { .tko-int--grande .tko-int__verso .tko-int__ph { height: 12.5rem; } }\r\n \/* arriv\u00e9e sur une activit\u00e9 : l\u00e9ger halo *\/\r\n .tko-bt.is-flash { box-shadow: 0 0 0 4px var(--b); transition: box-shadow .3s ease; }\r\n\r\n\r\n .tko-teroir__ctas { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 2rem; }\r\n .tko-teroir > div > .tko-teroir__ctas .tko-btn { margin-top: 0; }\r\n .tko-teroir__ctas { align-items: stretch; }\r\n #tero-kickoff .tko-teroir__ctas .tko-secta__btn { padding-inline: 1.6rem; font-size: .95rem; }\r\n\r\n \/* ---------- Version Luxembourg : deux lieux, c\u00f4te \u00e0 c\u00f4te, sans carrousel ---------- *\/\n @media (min-width: 761px) {\n .tko-cr--duo .tko-cr__btn { display: none !important; }\n .tko-cr--duo .tko-cr__track { justify-content: center; overflow: visible; cursor: default; padding: clamp(1rem, 2vw, 1.5rem) 0 clamp(2rem, 3vw, 2.5rem); }\n .tko-cr--duo .tko-card { transform: none !important; opacity: 1 !important; }\n }\n\n \/* ---------- \u00c9chelle typographique align\u00e9e sur tero.be\/fr\/evenement-de-fin-dannee\/teroir-traiteur\/ ----------\r\n Bureau \u2192 mobile, m\u00eames tailles que la page de r\u00e9f\u00e9rence. Plac\u00e9e en dernier pour primer sur les r\u00e9glages pr\u00e9c\u00e9dents. *\/\r\n \/* Titre principal (H1 \u00ab Votre \u00e9v\u00e9nement, le go\u00fbt en plus. \u00bb : 57,6 px \u2192 46,8 px) *\/\r\n .tko-hero h1 { font-size: calc(clamp(2.925rem, 1.9rem + 2.4vw, 3.6rem)); line-height: 1.04; letter-spacing: -.03em; }\r\n .tko-proof__item strong { font-size: clamp(2.925rem, 1.9rem + 2.4vw, 3.6rem); line-height: 1; letter-spacing: -.03em; }\r\n \/* Grand H2 (\u00ab Trois m\u00e9tiers, une seule \u00e9quipe. \u00bb : 68,8 px \u2192 38,4 px) *\/\r\n .tko-hook__text, .tko-section-head h2, .tko-closing h2 { font-size: clamp(2.4rem, 1.5rem + 3.6vw, 4.3rem); line-height: 1; letter-spacing: -.04em; }\r\n \/* H2 de section (\u00ab Et si votre fin d'ann\u00e9e\u2026 \u00bb : 46,4 px \u2192 27,2 px) *\/\r\n .tko-teroir h2, .tko-faq h2, .tko-quad__title { font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); line-height: 1.05; letter-spacing: -.025em; }\r\n \/* H2 du formulaire (\u00ab Prenez 3 minutes\u2026 \u00bb : 48 px \u2192 33 px) *\/\r\n .tko-brief__intro h2, .tko-hero__quote .tko-brief__intro h2 { font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); line-height: 1.08; letter-spacing: -.025em; }\r\n \/* H3 mis en avant (\u00ab F\u00eate d'entreprise \u00bb : 43,2 px \u2192 22,4 px) *\/\r\n .tko-venue.tko-venue--hero h3 { font-size: clamp(1.4rem, .55rem + 3.3vw, 2.7rem); font-weight: 600; letter-spacing: -.025em; }\r\n \/* H3 courant (\u00ab Le lieu \u00bb : 30,2 px \u2192 24 px) *\/\r\n .tko-quad__item h2, .tko-venue h3, .tko-form legend, .tko-form__done h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); line-height: 1.06; letter-spacing: -.03em; }\r\n .tko-bento__title { font-size: clamp(1.3rem, 1rem + 1vw, 1.75rem); font-weight: 400; line-height: 1.15; letter-spacing: -.01em; }\r\n .tko-faq summary { font-size: clamp(1.05rem, .95rem + .35vw, 1.2rem); font-weight: 500; letter-spacing: -.015em; }\r\n \/* Textes courants (16 \u2192 17,9 px) *\/\r\n .tko-hero__lead { font-size: clamp(.95rem, .85rem + .4vw, 1.12rem); line-height: 1.5; }\r\n .tko-section-head p, .tko-teroir__lead, .tko-closing p, .tko-brief__intro p { font-size: 1.02rem; line-height: 1.6; }\r\n .tko-faq details p, .tko-venue p, .tko-teroir__steps li span:not(.tko-teroir__n) { font-size: 1rem; line-height: 1.6; }\r\n .tko-quad__item p { font-size: clamp(.86rem, .8rem + .25vw, .98rem); line-height: 1.5; }\r\n .tko-proof__item span, .tko-form__hint, .tko-consent { font-size: .86rem; }\r\n .tko-teroir__steps b { font-size: 1rem; }\r\n \/* Boutons (15,4 px graisse 500 \u2192 12 px) *\/\r\n .tko-btn { font-size: clamp(.75rem, .62rem + .55vw, .96rem); font-weight: 500; }\r\n .tko-quad__item a { font-size: clamp(.75rem, .7rem + .25vw, .92rem); font-weight: 500; }\r\n \/* Petites capitales (\u00ab NOS LIEUX \u00bb : 11,5 px, espacement 0,2 em) *\/\r\n .tko-venue small, .tko-quad__time, .tko-marquee__label, .tko-form__step { font-size: .72rem; font-weight: 600; letter-spacing: .2em; }\r\n\r\n \/* ---------- Taille maximale des textes = taille de \u00ab Dites-nous l'essentiel \u00bb (48 px \u2192 33 px) ---------- *\/\r\n .tko-hero h1 { font-size: calc(clamp(1.7rem, 1.15rem + 1.8vw, 2.46rem)); }\r\n .tko-hook__text, .tko-section-head h2, .tko-closing h2, .tko-intents__head h2,\r\n .tko-teroir h2, .tko-faq h2, .tko-quad__title, .tko-blog__head h2, .tko-hero__outro p,\r\n .tko-closing__card h2 { font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); }\r\n .tko-venue.tko-venue--hero h3 { font-size: clamp(1.4rem, .55rem + 3.3vw, 2.7rem); }\r\n<\/style>\r\n\r\n<div class=\"tko\" id=\"tero-kickoff\">\r\n\r\n \r\n <section class=\"tko-seq\" id=\"tko-seq\" aria-labelledby=\"tko-h1\">\r\n <div class=\"tko-seq__stick\" id=\"tko-seq-stick\">\r\n\r\n <div class=\"tko-hero\" id=\"tko-hero\">\r\n <div class=\"tko-hero__media\" aria-hidden=\"true\">\r\n \r\n <span class=\"tko-hero__num\" aria-hidden=\"true\">2027<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-hero__intro\" id=\"tko-intro\">\r\n <div>\r\n <h1 id=\"tko-h1\"><span class=\"tko-line\"><span>Lanceer 2027<\/span><\/span><span class=\"tko-line\"><span><strong>samen.<\/strong><\/span><\/span><\/h1>\r\n <div class=\"tko-hero__bottom\">\r\n <p class=\"tko-hero__lead tko-fade\">2027 begint op de dag dat u dat beslist. Kies de datum van uw kick-off: wij zorgen voor de locatie, de activiteit en de catering, in Belgi\u00eb en in Luxemburg.<\/p>\r\n <div class=\"tko-hero__actions tko-fade\">\r\n <a class=\"tko-btn tko-btn--hero\" href=\"#tko-brief\" data-cta=\"kickoff-hero-brief\">Datum vastleggen <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <span class=\"tko-countdown tko-countdown--hero\" id=\"tko-countdown\"><b>nog 57 dagen<\/b> tot 2027<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-hero__story\" id=\"tko-story\">\r\n <p>Het jaar aftrappen of een team samenbrengen na de feestdagen hoeft geen stress te zijn. Bij Tero begeleiden we u van het eerste idee tot de grote dag: \u00e9\u00e9n vast aanspreekpunt helpt u de locatie, de activiteit en de catering te kiezen en regelt de volledige organisatie.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-quad\" id=\"tko-quad\">\r\n <p class=\"tko-quad__title\">Uw kick-off,<br> <strong>in vier momenten.<\/strong><\/p>\r\n \r\n <div class=\"tko-quad__ph\" aria-hidden=\"true\">\r\n <div class=\"tko-layer\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-accueillir-house17.webp\" alt=\"\"><\/div>\r\n <div class=\"tko-layer\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-aligner-pleniere.webp\" alt=\"\"><\/div>\r\n <div class=\"tko-layer\" style=\"--op:50% 50%\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-activer-team-building.webp\" alt=\"\"><\/div>\r\n <div class=\"tko-layer tko-layer--still\" style=\"--op:50% 40%\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-rassembler-drink.webp\" alt=\"\"><\/div>\r\n <\/div>\r\n <div class=\"tko-quad__grid\">\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">01<\/span>\r\n <h2>Verwelkomen<\/h2>\r\n <p>Een warme koffie, een plek die anders voelt dan het kantoor en het gevoel dat u verwacht wordt.<\/p>\r\n <a href=\"https:\/\/tero.be\/nl\/locaties\/\" data-cta=\"kickoff-temps-accueillir\" target=\"_blank\" rel=\"noopener\">Bekijk onze locaties <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/article>\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">02<\/span>\r\n <h2>Afstemmen<\/h2>\r\n <p>De plenaire sessie waarin het management de koers voor 2027 deelt. Helder, kort en makkelijk te onthouden.<\/p>\r\n <\/article>\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">03<\/span>\r\n <h2>Activeren<\/h2>\r\n <p>Een teambuilding zodat de boodschap van de slides naar de reflexen gaat.<\/p>\r\n <a href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/\" data-cta=\"kickoff-temps-activer\" target=\"_blank\" rel=\"noopener\">Bekijk de activiteiten <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/article>\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">04<\/span>\r\n <h2>Samenbrengen<\/h2>\r\n <p>Van werklunch tot diner: seizoenskeuken van Teroir Catering, geserveerd waar u ook bent.<\/p>\r\n <a href=\"https:\/\/tero.be\/nl\/catering\/catering-services\/\" data-cta=\"kickoff-temps-rassembler\" target=\"_blank\" rel=\"noopener\">Ontdek Teroir Catering <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-hero__quote\" id=\"tko-outro\">\r\n <span class=\"tko-anchor\" id=\"tko-brief\" aria-hidden=\"true\"><\/span>\r\n <div class=\"tko-brief__intro\">\r\n <h2 id=\"tko-brief-title\">Vertel ons <strong>het essenti\u00eble.<\/strong><\/h2>\r\n <p>Vier korte vragen, en wij komen bij u terug met een voorstel op maat van uw team.<\/p>\r\n <ul class=\"tko-brief__reassure\">\r\n <li>E\u00e9n aanspreekpunt voor het hele project<\/li>\r\n <li>Een voorstel op maat van uw groep<\/li>\r\n <li>Vrijblijvend<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"tko-form\" id=\"tko-form\">\r\n \r\n <div class=\"tko-form__progress\" aria-hidden=\"true\"><span class=\"on\"><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n <form novalidate>\r\n <input type=\"hidden\" name=\"campagne\" value=\"kickoff-2027\">\r\n\r\n <fieldset data-step=\"1\">\r\n <legend><span class=\"tko-form__step\">Stap 1 van 4<\/span>Wat zoekt u voor uw kick-off?<\/legend>\r\n <p class=\"tko-form__hint\">E\u00e9n antwoord, de rest verfijnen we samen.<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Een locatie\" required><span>Een locatie<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Catering\"><span>Catering<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Een teambuilding\"><span>Een teambuilding<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Alles (locatie, activiteit en catering)\"><span>Alles: locatie, activiteit en catering<\/span><\/label>\r\n <\/div>\r\n <\/fieldset>\r\n\r\n <fieldset data-step=\"2\" hidden>\r\n <legend><span class=\"tko-form__step\">Stap 2 van 4<\/span>Wanneer, en met welk budget?<\/legend>\r\n <div class=\"tko-form__group\" style=\"margin-top:1.25rem\">\r\n <p>Data van het evenement<\/p>\r\n <div class=\"tko-dates\">\r\n <div class=\"tko-field tko-field--date\"><label for=\"tko-date\">Van<\/label><input id=\"tko-date\" type=\"date\" name=\"date\" required><\/div>\r\n <div class=\"tko-field tko-field--date\"><label for=\"tko-date-fin\">Tot<\/label><input id=\"tko-date-fin\" type=\"date\" name=\"date_fin\" required><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-form__group\">\r\n <p>Budget per persoon<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"\u20ac 100 tot 150\" required><span>\u20ac 100 tot 150<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"\u20ac 150 tot 200\"><span>\u20ac 150 tot 200<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"Meer dan \u20ac 200\"><span>Meer dan \u20ac 200<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"Samen te bepalen\"><span>Samen te bepalen<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <\/fieldset>\r\n\r\n <fieldset data-step=\"3\" hidden>\r\n <legend><span class=\"tko-form__step\">Stap 3 van 4<\/span>Hoeveel, welk formaat en waar?<\/legend>\r\n <div class=\"tko-form__group\" style=\"margin-top:1.1rem\">\r\n <p>Aantal personen <span class=\"tko-form__soft\">(een schatting volstaat)<\/span><\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"Minder dan 30\" required><span>Minder dan 30<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"30 tot 80\"><span>30 tot 80<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"80 tot 150\"><span>80 tot 150<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"150 tot 300\"><span>150 tot 300<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"Meer dan 300\"><span>Meer dan 300<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-form__group\">\r\n <p>Formaat<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Halve dag\" required><span>Halve dag<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Hele dag\"><span>Hele dag<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Met overnachting\"><span>Met overnachting<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-form__group\">\r\n <p>Regio<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Brussel en Brabant\" required><span>Brussel & Brabant<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Vlaanderen\"><span>Vlaanderen<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Walloni\u00eb en Ardennen\"><span>Walloni\u00eb & Ardennen<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Kust\"><span>Kust<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Luxemburg\"><span>Luxemburg<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Maakt niet uit\"><span>Maakt niet uit<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <\/fieldset>\r\n\r\n <fieldset data-step=\"4\" hidden>\r\n <legend><span class=\"tko-form__step\">Stap 4 van 4<\/span>Waar mogen we het voorstel naartoe sturen?<\/legend>\r\n <div class=\"tko-fields\">\r\n <div class=\"tko-field\"><label for=\"tko-prenom\">Voornaam<\/label><input id=\"tko-prenom\" name=\"prenom\" autocomplete=\"given-name\" required><\/div>\r\n <div class=\"tko-field\"><label for=\"tko-nom\">Achternaam<\/label><input id=\"tko-nom\" name=\"nom\" autocomplete=\"family-name\" required><\/div>\r\n <div class=\"tko-field\"><label for=\"tko-email\">Zakelijk e-mailadres<\/label><input id=\"tko-email\" type=\"email\" name=\"email\" autocomplete=\"email\" required><\/div>\r\n <div class=\"tko-field\"><label for=\"tko-societe\">Bedrijf<\/label><input id=\"tko-societe\" name=\"societe\" autocomplete=\"organization\" required><\/div>\r\n <div class=\"tko-field tko-field--full\"><label for=\"tko-tel\">Telefoon<\/label><input id=\"tko-tel\" type=\"tel\" name=\"telephone\" autocomplete=\"tel\" placeholder=\"+32 470 12 34 56\" required><\/div>\r\n <div class=\"tko-field tko-field--full\"><label for=\"tko-msg\">Uw bericht (optioneel)<\/label><textarea id=\"tko-msg\" name=\"message\" placeholder=\"Het thema van het jaar, een beperking, een idee\u2026\"><\/textarea><\/div>\r\n <\/div>\r\n <label class=\"tko-consent\"><input type=\"checkbox\" name=\"consentement\" required><span>Ik geef toestemming voor de verwerking van mijn gegevens om een offerte te ontvangen, zoals beschreven in het <a href=\"https:\/\/tero.be\/nl\/privacy-beleid\/\" target=\"_blank\" rel=\"noopener\">privacybeleid<\/a>. *<\/span><\/label>\r\n <label class=\"tko-consent tko-consent--2\"><input type=\"checkbox\" name=\"consent_email\"><span>Ik ga akkoord met het ontvangen van promotionele en marketingmails van Tero.<\/span><\/label>\r\n <\/fieldset>\r\n\r\n <p class=\"tko-form__error\" role=\"alert\" aria-live=\"polite\"><\/p>\r\n <div class=\"tko-form__nav\">\r\n <button class=\"tko-form__back\" type=\"button\" hidden>\u2190 Terug<\/button>\r\n <button class=\"tko-btn tko-btn--bx\" type=\"submit\" data-cta=\"kickoff-brief-next\"><span class=\"tko-next-label\">Verder<\/span> <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/button>\r\n <\/div>\r\n <\/form>\r\n\r\n <div class=\"tko-form__done\" tabindex=\"-1\">\r\n <span class=\"tko-form__step\">Genoteerd<\/span>\r\n <h3>Bedankt, uw kick-off is in goede handen.<\/h3>\r\n <p>Ons team komt bij u terug met een eerste voorstel. Neem intussen een kijkje bij onze teambuildingactiviteiten.<\/p>\r\n <a class=\"tko-btn tko-btn--line\" style=\"margin-top:1.5rem\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/\" data-cta=\"kickoff-merci-activites\" target=\"_blank\" rel=\"noopener\">Bekijk de activiteiten <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-seq__band\" id=\"tko-band\">\r\n <span class=\"tko-marquee__label\">Zij vertrouwen ons<\/span>\r\n <div class=\"tko-marquee\" role=\"img\" aria-label=\"Zij vertrouwen ons: Deloitte, Clifford Chance, Arval BNP Paribas Group, PwC, Coyote, RTBF, Belfius, Delen Private Bank, Decathlon. Tero is een gecertificeerde B Corp.\">\r\n <div class=\"tko-marquee__track\" aria-hidden=\"true\">\r\n <div class=\"tko-marquee__group\">\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.73em;height:1.63em\"><img fetchpriority=\"high\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/5-1.webp\" alt=\"Deloitte\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.96em;height:12.96em;left:-2.11em;top:-5.65em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.99em;height:1.78em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/4-3.webp\" alt=\"Clifford Chance\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.48em;height:10.48em;left:-1.34em;top:-4.34em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.87em;height:1.81em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/3-3.webp\" alt=\"Arval BNP Paribas Group\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.09em;height:9.09em;left:-0.52em;top:-3.64em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.40em;height:2.64em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/2-3.webp\" alt=\"PwC\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.65em;height:9.65em;left:-2.14em;top:-3.53em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.09em;height:2.80em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/1-4-1.webp\" alt=\"Coyote\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.24em;height:9.24em;left:-2.05em;top:-2.70em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.22em;height:1.98em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/6-3.webp\" alt=\"RTBF\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.09em;height:10.09em;left:-1.60em;top:-4.06em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.14em;height:1.75em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/7-3.webp\" alt=\"Belfius\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.85em;height:12.85em;left:-2.35em;top:-5.55em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:6.89em;height:2.07em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/8-2.webp\" alt=\"Delen Private Bank\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.03em;height:10.03em;left:-1.63em;top:-3.98em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:9.00em;height:1.40em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/9-1.webp\" alt=\"Decathlon\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.36em;height:12.36em;left:-1.68em;top:-5.48em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:2.08em;height:3.50em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"eager\" decoding=\"async\" style=\"width:2.08em;height:3.50em;left:0em;top:0em\"><\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-marquee__group\">\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.73em;height:1.63em\"><img fetchpriority=\"high\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/5-1.webp\" alt=\"Deloitte\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.96em;height:12.96em;left:-2.11em;top:-5.65em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.99em;height:1.78em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/4-3.webp\" alt=\"Clifford Chance\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.48em;height:10.48em;left:-1.34em;top:-4.34em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.87em;height:1.81em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/3-3.webp\" alt=\"Arval BNP Paribas Group\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.09em;height:9.09em;left:-0.52em;top:-3.64em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.40em;height:2.64em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/2-3.webp\" alt=\"PwC\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.65em;height:9.65em;left:-2.14em;top:-3.53em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.09em;height:2.80em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/1-4-1.webp\" alt=\"Coyote\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.24em;height:9.24em;left:-2.05em;top:-2.70em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.22em;height:1.98em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/6-3.webp\" alt=\"RTBF\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.09em;height:10.09em;left:-1.60em;top:-4.06em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.14em;height:1.75em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/7-3.webp\" alt=\"Belfius\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.85em;height:12.85em;left:-2.35em;top:-5.55em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:6.89em;height:2.07em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/8-2.webp\" alt=\"Delen Private Bank\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.03em;height:10.03em;left:-1.63em;top:-3.98em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:9.00em;height:1.40em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/9-1.webp\" alt=\"Decathlon\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.36em;height:12.36em;left:-1.68em;top:-5.48em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:2.08em;height:3.50em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"eager\" decoding=\"async\" style=\"width:2.08em;height:3.50em;left:0em;top:0em\"><\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-wrap tko-proof\" aria-label=\"Tero in cijfers\">\r\n <div class=\"tko-proof__item tko-reveal\"><strong data-count=\"25\">25<\/strong><span>jaar ervaring in bedrijfsevenementen<\/span><\/div>\r\n <div class=\"tko-proof__item tko-reveal\" data-delay=\"1\"><strong data-count=\"17\">17<\/strong><span>locaties in Belgi\u00eb en Luxemburg<\/span><\/div>\r\n <div class=\"tko-proof__item tko-reveal\" data-delay=\"2\"><strong data-count=\"1\">1<\/strong><span>aanspreekpunt, van de eerste briefing tot de laatste gang<\/span><\/div>\r\n <div class=\"tko-proof__item tko-proof__item--bcorp tko-reveal\" data-delay=\"2\"><img loading=\"lazy\" class=\"tko-proof__bcorp\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"lazy\" decoding=\"async\"><span>Een bedrijf gecertificeerd voor zijn sociale en ecologische impact<\/span><\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"tko-quicknav-mark\" id=\"tko-quicknav-mark\" aria-hidden=\"true\"><\/div>\r\n <nav class=\"tko-quicknav\" id=\"tko-quicknav\" aria-label=\"Snelle links kick-off\">\r\n <div class=\"tko-quicknav__in\">\r\n <a href=\"#tko-lieux\" data-cta=\"kickoff-nav-lieux\"><span class=\"l\">Ontdek onze locaties<\/span><span class=\"s\">Locaties<\/span><\/a>\r\n <a href=\"#tko-activites\" data-cta=\"kickoff-nav-activites\"><span class=\"l\">Ontdek onze activiteiten<\/span><span class=\"s\">Activiteiten<\/span><\/a>\r\n <a href=\"#tko-teroir\" data-cta=\"kickoff-nav-traiteur\"><span class=\"l\">Ontdek onze cateringformules<\/span><span class=\"s\">Catering<\/span><\/a>\r\n <a href=\"#tko-brief\" class=\"is-cta\" data-cta=\"kickoff-nav-devis\"><span class=\"l\">Mijn offerte aanvragen<\/span><span class=\"s\">Offerte<\/span><\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section class=\"tko-hook tko-wrap\" aria-label=\"Waarom een kick-off\">\r\n <p class=\"tko-hook__text\" data-fill data-accent=\"d\u00e9cide,ensemble\">Op 2 januari heeft iedereen 47 ongelezen mails en voornemens die al wankelen. De kick-off is de dag waarop u samen beslist welke ertoe doen.<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-intents\" id=\"tko-intentions\" aria-labelledby=\"tko-intents-title\">\r\n <div class=\"tko-wrap tko-intents__panel\">\r\n <div class=\"tko-intents__head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-intents-title\">Wat telt het meest <strong>voor uw kick-off?<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>nog 53 dagen<\/b> tot 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-intentions\">Mijn kick-off organiseren <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <p class=\"tko-reveal\">Kies uw doel: we tonen u de locatie of activiteit die er het best bij past, en wat u kunt toevoegen voor een volledige kick-off.<\/p>\r\n <\/div>\r\n <div class=\"tko-intents__grid tko-reveal\">\r\n <div class=\"tko-int tko-int--grande\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>2027 lanceren en afstemmen<\/h3>\r\n <p>Strategische kick-off, jaardoelstellingen, planningsseminarie, offsite van het directiecomit\u00e9, nieuwe organisatie, fusie of nieuw management.<\/p>\r\n <span class=\"tko-int__go\">De volgende stap voorbereiden <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>2027 lanceren en afstemmen<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Terug<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/nl\/locaties\/lodges\/herbeumont\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/GIF-MANOIR-HERBEUMONT-3.webp\" alt=\"Het landhuis van Tero Lodge Herbeumont\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>De locatie<\/small><b>Tero Lodge Herbeumont<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Aan te vullen met<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Voorbeelden\"><li class=\"tko-tag tko-tag--blue\">Seminarie<\/li><li class=\"tko-tag tko-tag--mint\">CrIAtivity<\/li><li class=\"tko-tag tko-tag--yellow\">Lunch<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Offerte aanvragen <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int tko-int--grande\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Januari opwarmen<\/h3>\r\n <p>Het leuke of ontspannende evenement dat de winterdip doorbreekt. H\u00e9t antwoord op Blue Monday.<\/p>\r\n <span class=\"tko-int__go\">De winterdip doorbreken <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Januari opwarmen<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Terug<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"#tko-act-final-mystery\" data-goto data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/The-Final-Mystery-ALL-FR.webp\" alt=\"Teams in volle zoektocht tijdens The Final Mystery\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>De activiteit<\/small><b>The Final Mystery<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Aan te vullen met<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Voorbeelden\"><li class=\"tko-tag tko-tag--blue\">Lunch<\/li><li class=\"tko-tag tko-tag--mint\">Walking dinner<\/li><li class=\"tko-tag tko-tag--yellow\">Op kantoor of in een Tero-locatie<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Offerte aanvragen <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>2026 afsluiten<\/h3>\r\n <p>Het feest dat er in december niet van kwam, door gebrek aan een datum, budget of energie. In januari kost het minder en zijn er nog data vrij.<\/p>\r\n <span class=\"tko-int__go\">Mijn feest organiseren <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>2026 afsluiten<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Terug<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/nl\/locaties\/eventzaal\/river-house-luxembourg\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/11\/Design-sans-titre-1.webp\" alt=\"Tero River House in Luxemburg 's avonds\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>De locatie<\/small><b>Tero River House<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Aan te vullen met<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Voorbeelden\"><li class=\"tko-tag tko-tag--blue\">Raclette<\/li><li class=\"tko-tag tko-tag--mint\">Quiz Play<\/li><li class=\"tko-tag tko-tag--yellow\">Luxemburg-Stad<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Offerte aanvragen <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Cheers to 2027<\/h3>\r\n <p>Een nieuwjaarsdrink of -diner met uw teams, klanten of partners.<\/p>\r\n <span class=\"tko-int__go\">Mijn nieuwjaarsreceptie voorbereiden <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Cheers to 2027<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Terug<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/nl\/locaties\/eventzaal\/house17\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg\" alt=\"Vergaderzaal van Tero House17 in Luxemburg\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-int__cap\"><small>De locatie<\/small><b>Tero House17<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Aan te vullen met<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Voorbeelden\"><li class=\"tko-tag tko-tag--blue\">Plenaire sessie<\/li><li class=\"tko-tag tko-tag--mint\">Keynote<\/li><li class=\"tko-tag tko-tag--yellow\">Driegangenmenu<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Offerte aanvragen <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Integreren<\/h3>\r\n <p>De onboarding van nieuwe collega's die eind vorig jaar of in januari zijn gestart.<\/p>\r\n <span class=\"tko-int__go\">Mijn nieuwe collega's verwelkomen <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Integreren<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Terug<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"#tko-act-venue-play\" data-goto data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/03\/StudioTom-TERO2026052135-scaled-e1792486396809.webp\" alt=\"Een team tijdens Venue Play\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>De activiteit<\/small><b>Venue Play<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Aan te vullen met<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Voorbeelden\"><li class=\"tko-tag tko-tag--blue\">Uw kantoor<\/li><li class=\"tko-tag tko-tag--mint\">Lunch<\/li><li class=\"tko-tag tko-tag--yellow\">Chefsbuffet<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Offerte aanvragen <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int tko-int--side\">\r\n <div class=\"tko-int__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/photo98.webp\" alt=\"Plenaire sessie van een kick-off georganiseerd door Tero\" loading=\"lazy\"><\/div>\r\n <h3>Zorgeloos organiseren<\/h3>\r\n <p>Een volledige beleving, \u00e9\u00e9n aanspreekpunt.<\/p>\r\n <span class=\"tko-int__muet\">Inbegrepen in elke formule<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"tko-intents__repli\">Twijfelt u nog? <a href=\"#tko-brief\" data-cta=\"kickoff-intention-hesite\">Vertel ons over uw team<\/a> en wij stellen drie formats voor.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-venues\" id=\"tko-lieux\" aria-labelledby=\"tko-venues-title\">\r\n <div class=\"tko-wrap tko-section-head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-venues-title\">Een andere omgeving<br> <strong>verandert het gesprek.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>nog 53 dagen<\/b> tot 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-lieux\">Mijn kick-off organiseren <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <\/div>\r\n <div class=\"tko-cr\" data-cr>\r\n <button class=\"tko-cr__btn tko-cr__btn--prev\" type=\"button\" data-cr-dir=\"-1\" aria-label=\"Vorige locaties\">\u2190<\/button>\r\n <div class=\"tko-cr__track\" id=\"tko-rail\" tabindex=\"0\" aria-label=\"Locaties, horizontaal scrollen\">\n <a class=\"tko-card tko-card--yellow\" href=\"https:\/\/tero.be\/nl\/locaties\/eventzaal\/river-house-luxembourg\/\" data-cta=\"kickoff-lieu-river-house-luxembourg\" target=\"_blank\" rel=\"noopener\" style=\"--i:0\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/11\/Design-sans-titre-1.webp\" alt=\"Tero River House in Luxemburg 's avonds\" loading=\"lazy\"><span class=\"tko-card__badge\">Dagevenement<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Luxemburg<\/small><b>Tero River House<\/b><\/span>\r\n <\/a>\n <a class=\"tko-card tko-card--lav\" href=\"https:\/\/tero.be\/nl\/locaties\/eventzaal\/house17\/\" data-cta=\"kickoff-lieu-house17\" target=\"_blank\" rel=\"noopener\" style=\"--i:1\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg\" alt=\"Vergaderzaal van Tero House17 in Luxemburg\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Dagevenement<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Luxemburg<\/small><b>Tero House17<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--mint\" href=\"https:\/\/tero.be\/nl\/locaties\/eventzaal\/garisart-sports-club\/\" data-cta=\"kickoff-lieu-padel-arlon\" target=\"_blank\" rel=\"noopener\" style=\"--i:2\" id=\"tko-lieu-padel-arlon\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/06\/CrolleAgency_Garisart_Padel-17-sur-36-1536x1024.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/CrolleAgency_Garisart_Padel-17-sur-36-1536x1024.jpg\" alt=\"Padelvelden van Tero Padel Arlon\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Padel & sport<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Aarlen \u00b7 Belgi\u00eb<\/small><b>Tero Padel Arlon<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--blue\" href=\"https:\/\/tero.be\/nl\/locaties\/lodges\/herbeumont\/\" data-cta=\"kickoff-lieu-herbeumont\" target=\"_blank\" rel=\"noopener\" style=\"--i:3\" id=\"tko-lieu-herbeumont\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/GIF-MANOIR-HERBEUMONT-3.webp\" alt=\"Het landhuis van Tero Lodge Herbeumont\" loading=\"lazy\"><span class=\"tko-card__badge\">Met overnachting<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Herbeumont \u00b7 Belgi\u00eb<\/small><b>Tero Lodge Herbeumont<\/b><\/span>\r\n <\/a>\r\n <\/div>\r\n <button class=\"tko-cr__btn tko-cr__btn--next\" type=\"button\" data-cr-dir=\"1\" aria-label=\"Volgende locaties\">\u2192<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-acts tko-wrap\" id=\"tko-activites\" aria-labelledby=\"tko-acts-title\">\r\n <div class=\"tko-acts__panel\">\r\n <div class=\"tko-acts__head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-acts-title\">In de namiddag <strong>gaan we aan de slag.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>nog 53 dagen<\/b> tot 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-activites\">Mijn kick-off organiseren <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <p class=\"tko-reveal\">Vier activiteiten bedacht voor een jaarstart, en wat ze uw team opleveren.<\/p>\r\n <\/div>\r\n <div class=\"tko-bento-acts tko-reveal\">\r\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/criativity\/\" data-cta=\"kickoff-activite-criativity\" target=\"_blank\" rel=\"noopener\" style=\"--o:0\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-17-juil.-2026-a-09_16_33.webp\" alt=\"Opnamestudio van CrIAtivity\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">Aan de slag met AI<\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--white\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/criativity\/\" data-cta=\"kickoff-activite-criativity-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:1\">\r\n <small>Minder dan 60 pers. \u00b7 3 u<\/small>\r\n <h3>CrIAtivity<\/h3>\r\n <p>Samen aan de slag met AI en de hit van het bedrijf maken. Wie weet wordt het wel het lijflied van uw 2027.<\/p>\r\n <span class=\"tko-bt__go\">Ontdek CrIAtivity <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--mint\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/venue-play\/\" data-cta=\"kickoff-activite-venue-play-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:3\">\r\n <small>200+ pers. \u00b7 1 u 30<\/small>\r\n <h3>Venue Play<\/h3>\r\n <p>De locatie wordt uw speelveld, met een kant-en-klaar spel of een quiz die we samen rond uw boodschappen voor 2027 opbouwen. Uw teams onthouden het essenti\u00eble al spelend.<\/p>\r\n <span class=\"tko-bt__go\">Ontdek Venue Play <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--photo\" id=\"tko-act-venue-play\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/venue-play\/\" data-cta=\"kickoff-activite-venue-play\" target=\"_blank\" rel=\"noopener\" style=\"--o:2\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/03\/StudioTom-TERO2026052135-scaled-e1792486396809.webp\" alt=\"Team tijdens Venue Play\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">Uw boodschap, in spelvorm<\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/step-story\/\" data-cta=\"kickoff-activite-step-story\" target=\"_blank\" rel=\"noopener\" style=\"--o:4\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/02\/DSC_0219-1-scaled.webp\" alt=\"Teams bouwen een kettingreactie tijdens Step Story\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">Elke schakel telt<\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--lav\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/step-story\/\" data-cta=\"kickoff-activite-step-story-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:5\">\r\n <small>50 tot 100 pers. \u00b7 2 u<\/small>\r\n <h3>Step Story<\/h3>\r\n <p>Elk team bouwt zijn eigen schakel, en alles moet op elkaar aansluiten. Een kettingreactie die toont dat het resultaat van iedereen afhangt.<\/p>\r\n <span class=\"tko-bt__go\">Ontdek Step Story <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--blue\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/the-final-mystery\/\" data-cta=\"kickoff-activite-the-final-mystery-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:7\">\r\n <small>200+ pers. \u00b7 1 u 30<\/small>\r\n <h3>The Final Mystery<\/h3>\r\n <p>Het hele bedrijf voert tegelijk het onderzoek. Om de dader te vinden, moeten de teams hun aanwijzingen delen.<\/p>\r\n <span class=\"tko-bt__go\">Ontdek The Final Mystery <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--photo\" id=\"tko-act-final-mystery\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/the-final-mystery\/\" data-cta=\"kickoff-activite-the-final-mystery\" target=\"_blank\" rel=\"noopener\" style=\"--o:6\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/The-Final-Mystery-ALL-FR.webp\" alt=\"Teams in volle zoektocht tijdens The Final Mystery\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">Het hele bedrijf speurt mee<\/span>\r\n <\/a>\r\n <\/div>\r\n <a class=\"tko-btn tko-btn--line tko-acts__all\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/\" data-cta=\"kickoff-toutes-les-activites\" target=\"_blank\" rel=\"noopener\">Bekijk alle activiteiten <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-teroir tko-wrap\" id=\"tko-teroir\" aria-labelledby=\"tko-teroir-title\">\r\n <img decoding=\"async\" class=\"tko-teroir__radis\" src=\"https:\/\/www.terblock.be\/wp-content\/uploads\/2026\/10\/radis.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\r\n <div class=\"tko-teroir__media\">\r\n <div class=\"tko-teroir__main\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-683x1024.jpg.webp 683w, https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg.webp 1024w, https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-scaled.jpg.webp 1707w\" sizes=\"(max-width: 980px) 90vw, 40vw\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg\" srcset=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-683x1024.jpg 683w, https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg 1024w, https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-scaled.jpg 1707w\" sizes=\"(max-width: 980px) 90vw, 40vw\" alt=\"Vis met seizoensgroenten, geserveerd door Teroir Catering\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/div>\r\n <div class=\"tko-teroir__side\" data-parallax><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/08\/CrolleAgency_Tero_Rabanisse-48-sur-243.webp\" alt=\"Groenteteelt voor de Teroir-keten\" loading=\"lazy\"><\/div>\r\n <\/div>\r\n <div>\r\n <h2 class=\"tko-reveal\" id=\"tko-teroir-title\">Van boer<br> <em class=\"tko-serif\">tot bord.<\/em><\/h2>\r\n <div class=\"tko-tick tko-reveal\" aria-label=\"Lokaal, Seizoensgebonden, Ambacht, Vakmanschap, Authentiek, Gastronomie, Gezelligheid, Delen, Gulheid, Erfgoed, Doorgeven, Respect\">\r\n <div class=\"tko-tick__track\" aria-hidden=\"true\"><ul><li>Lokaal<\/li><li>Seizoensgebonden<\/li><li>Ambacht<\/li><li>Vakmanschap<\/li><li>Authentiek<\/li><li>Gastronomie<\/li><li>Gezelligheid<\/li><li>Delen<\/li><li>Gulheid<\/li><li>Erfgoed<\/li><li>Doorgeven<\/li><li>Respect<\/li><\/ul><ul><li>Lokaal<\/li><li>Seizoensgebonden<\/li><li>Ambacht<\/li><li>Vakmanschap<\/li><li>Authentiek<\/li><li>Gastronomie<\/li><li>Gezelligheid<\/li><li>Delen<\/li><li>Gulheid<\/li><li>Erfgoed<\/li><li>Doorgeven<\/li><li>Respect<\/li><\/ul><\/div>\r\n <\/div>\r\n <p class=\"tko-teroir__lead tko-reveal\">Teroir, de cateraar van de Tero-groep, is een evenementencateraar met karakter, op het kruispunt van gastronomie en ambacht.<\/p>\r\n <p class=\"tko-teroir__lead tko-teroir__lead--2 tko-reveal\">De herkomst van onze producten, seizoensgebondenheid en respect voor de natuurlijke cyclus zijn onze dagelijkse strijd; nooit een vanzelfsprekende belofte, maar een lat die we bij elk evenement opnieuw leggen.<\/p>\r\n <div class=\"tko-teroir__ctas tko-reveal\">\r\n <a class=\"tko-btn tko-btn--line\" href=\"https:\/\/tero.be\/nl\/catering\/catering-services\/\" data-cta=\"kickoff-teroir\" target=\"_blank\" rel=\"noopener\">Ontdek Teroir Catering <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-teroir-reserver\">Mijn kick-off reserveren <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-formules tko-reveal\">\r\n <h3 class=\"tko-formules__title\">Onze formules <strong>voor uw kick-off.<\/strong><\/h3>\r\n <div class=\"tko-formules__grid\">\r\n <a class=\"tko-card tko-card--blue tko-card--mini\" href=\"https:\/\/tero.be\/nl\/catering\/catering-services\/lunch\/\" data-cta=\"kickoff-formule-lunch\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/07\/30052024-krissaintpatrick-TERO-4-scaled.webp\" alt=\"Seizoenslunch van Teroir\" loading=\"lazy\"><\/span>\r\n <span class=\"tko-card__txt\"><small>Tussen twee sessies<\/small><b>Lunch<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--yellow tko-card--mini\" href=\"https:\/\/tero.be\/nl\/catering\/catering-services\/cocktails\/\" data-cta=\"kickoff-formule-cocktails-dinatoires\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/07\/200625Tero-TeroirWaterlooAdecco-4-1-731x1024.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/07\/200625Tero-TeroirWaterlooAdecco-4-1-731x1024.jpg\" alt=\"Cocktailplanken van Teroir\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/span>\r\n <span class=\"tko-card__txt\"><small>Voor de nieuwjaarsreceptie of een drink<\/small><b>Cocktails<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--lav tko-card--mini\" href=\"https:\/\/tero.be\/nl\/catering\/catering-services\/walking-dinner\/\" data-cta=\"kickoff-formule-walking-dinner\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/311.png.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/311.png\" alt=\"Walking dinner van Teroir\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/span>\r\n <span class=\"tko-card__txt\"><small>Om rond te lopen en te netwerken<\/small><b>Walking dinner<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--white tko-card--mini\" href=\"https:\/\/tero.be\/nl\/catering\/catering-services\/zitdiner\/\" data-cta=\"kickoff-formule-diners-assis\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/SIDE-SHUTTER-7-seated-dinner-scaled.webp\" alt=\"Zitdiner onder een tent\" loading=\"lazy\"><\/span>\r\n <span class=\"tko-card__txt\"><small>Drie gangen, aan tafel<\/small><b>Zitdiner<\/b><\/span>\r\n <\/a>\r\n <\/div>\r\n <a class=\"tko-formules__all\" href=\"https:\/\/tero.be\/nl\/catering\/catering-services\/\" data-cta=\"kickoff-toutes-les-formules\" target=\"_blank\" rel=\"noopener\">Bekijk al onze formules <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-why tko-wrap\" id=\"tko-pourquoi\" aria-labelledby=\"tko-why-title\">\r\n <div class=\"tko-section-head tko-why__head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-why-title\">Drie vakgebieden, <strong>\u00e9\u00e9n team.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>nog 53 dagen<\/b> tot 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-pourquoi\">Mijn kick-off organiseren <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <p class=\"tko-reveal\">Locaties, catering en activiteiten beheren we zelf, in Belgi\u00eb en Luxemburg. Zo kunnen we alles co\u00f6rdineren zonder u ooit door te sturen naar een andere leverancier.<\/p>\r\n <\/div>\r\n <div class=\"tko-why__grid tko-reveal\">\r\n <a class=\"tko-pilier\" href=\"#tko-lieux\" data-cta=\"kickoff-pourquoi-le-lieu\">\r\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-lieu-house17.webp\" alt=\"Tero House17 in Luxemburg 's avonds\" loading=\"lazy\"><\/div>\r\n <div class=\"tko-pilier__sur\">\r\n <h3>De locatie<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>Inspirerende plekken die uw kick-off meteen een andere dimensie geven. Van 14 tot 400 personen, van de kust tot de Ardennen.<\/p><span class=\"tko-pilier__go\">Bekijk de locaties <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\r\n <\/div>\r\n <\/a>\r\n <a class=\"tko-pilier\" href=\"#tko-teroir\" data-cta=\"kickoff-pourquoi-la-table\">\r\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-table.webp\" alt=\"Tafel gedekt door Teroir Catering\" loading=\"lazy\"><\/div>\r\n <div class=\"tko-pilier__sur\">\r\n <h3>De tafel<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>Farm-to-fork keuken vanuit ons Teroir-vakmanschap, bereid in onze keukens en geserveerd waar u ook bent.<\/p><span class=\"tko-pilier__go\">Bekijk de formules <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\r\n <\/div>\r\n <\/a>\r\n <a class=\"tko-pilier\" href=\"#tko-activites\" data-cta=\"kickoff-pourquoi-lactivit\u00e9\">\r\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-activite.webp\" alt=\"Race met kartonnen wagens tijdens een Tero-teambuilding\" loading=\"lazy\"><\/div>\r\n <div class=\"tko-pilier__sur\">\r\n <h3>De activiteit<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>Omdat de beste momenten niet alleen rond een tafel ontstaan. Indoor en outdoor, begeleid door onze animatoren.<\/p><span class=\"tko-pilier__go\">Bekijk de activiteiten <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\r\n <\/div>\r\n <\/a>\r\n <div class=\"tko-pilier tko-pilier--fixe\">\r\n <div class=\"tko-pilier__sur\">\r\n <h3>De organisatie<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>E\u00e9n aanspreekpunt om uw kick-off te bedenken en in goede banen te leiden, van de eerste mail tot het laatste bord.<\/p><span class=\"tko-pilier__go tko-pilier__go--muet\">Inbegrepen in elke formule<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-faq tko-wrap\" aria-labelledby=\"tko-faq-title\">\r\n <div>\r\n <h2 class=\"tko-reveal\" id=\"tko-faq-title\">Voor u <strong>van start gaat.<\/strong><\/h2>\r\n <\/div>\r\n <div class=\"tko-faq__list tko-reveal\">\r\n <details>\r\n <summary>Wanneer moet ik een kick-off in januari boeken?<\/summary>\r\n <p>Zo vroeg mogelijk: de meeste bedrijven organiseren hun kick-off in dezelfde weken van januari en februari. Wie in november of december boekt, heeft nog keuze in locatie en datum.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Kan alles via \u00e9\u00e9n aanspreekpunt geregeld worden?<\/summary>\r\n <p>Ja. De locatie, de teambuildingactiviteit en de catering van Teroir worden door Tero beheerd. U hebt \u00e9\u00e9n contactpersoon, van de briefing tot de grote dag.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Welk budget moet ik voorzien voor de catering?<\/summary>\r\n <p>Reken vanaf \u20ac 50 per persoon voor een buffet en \u20ac 80 voor een walking dinner of zitdiner, vanaf 50 personen, exclusief zaalhuur en dranken.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Is het mogelijk om ter plaatse te overnachten?<\/summary>\r\n <p>Ja. Onze lodges in Francorchamps en Herbeumont, in de Ardennen, zijn gemaakt voor een retraite met overnachting. Kies het formaat \u201cMet overnachting\u201d in de briefing en we stellen de geschikte locatie voor uw groep voor.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>En de techniek voor de plenaire sessie?<\/summary>\r\n <p>Vermeld uw noden in de briefing (scherm, geluid, micro's, opname). We nemen ze op in het voorstel, afhankelijk van de gekozen locatie.<\/p>\r\n <\/details>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-devis tko-wrap\" id=\"tko-devis\" aria-labelledby=\"tko-devis-title\">\r\n <div class=\"tko-devis__panel\">\r\n <div class=\"tko-hero__quote tko-quote--bas\">\r\n <div class=\"tko-brief__intro\">\r\n <h2 id=\"tko-devis-title\">Vertel ons <strong>het essenti\u00eble.<\/strong><\/h2>\r\n <p>Vier korte vragen, en wij komen bij u terug met een voorstel op maat van uw team.<\/p>\r\n <ul class=\"tko-brief__reassure\">\r\n <li>E\u00e9n aanspreekpunt voor het hele project<\/li>\r\n <li>Een voorstel op maat van uw groep<\/li>\r\n <li>Vrijblijvend<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"tko-devis__dock\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-blog tko-wrap\" aria-labelledby=\"tko-blog-title\">\r\n <div class=\"tko-blog__head\">\r\n <h2 class=\"tko-reveal\" id=\"tko-blog-title\">Lees meer <strong>op de blog.<\/strong><\/h2>\r\n <a class=\"tko-btn tko-btn--line\" href=\"https:\/\/tero.be\/nl\/news\/\" data-cta=\"kickoff-blog-tous\" target=\"_blank\" rel=\"noopener\">Alle artikels <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <div class=\"tko-blog__grid tko-reveal\" id=\"tko-blog-list\">\r\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/nl\/news\/maak-van-uw-nieuwjaarsstart-een-hefboom-voor-prestaties\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Kick-off 2027: maak van uw jaarstart een hefboom voor cultuur en prestaties<\/h3><span>Lees het artikel <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\r\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/nl\/news\/teambuilding-in-een-nieuw-jasje-creativiteit-kunstmatige-intelligentie-en-nieuwe-gezamenlijke-ervaringen\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Teambuilding in het tijdperk van AI: Tero zet mensen centraal<\/h3><span>Lees het artikel <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\r\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/nl\/news\/teamoffsite-buiten-de-gebaande-paden-treden-om-samen-vooruitgang-te-boeken\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Team offsite: even weg van het vertrouwde om samen vooruit te gaan<\/h3><span>Lees het artikel <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n<script>\r\n(() => {\r\n \/* ===== R\u00e9glages ===== *\/\r\n \/* Provenance de la visite (UTM, gclid), gard\u00e9e le temps de la session *\/\r\n const utm = (() => {\r\n const keys = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'gclid'];\r\n const q = new URLSearchParams(location.search); let st = {};\r\n try { st = JSON.parse(sessionStorage.getItem('tko_utm') || '{}'); } catch (x) { st = {}; }\r\n keys.forEach((k) => { if (q.get(k)) st[k] = q.get(k); });\r\n try { sessionStorage.setItem('tko_utm', JSON.stringify(st)); } catch (x) { \/* navigation priv\u00e9e *\/ }\r\n const o = {}; keys.forEach((k) => { o[k === 'gclid' ? 'gclid_field' : k] = st[k] || ''; });\r\n if (!o.utm_campaign) o.utm_campaign = 'kickoff-2027';\r\n return o;\r\n })();\r\n const FORM_ENDPOINT = ''; \/\/ \u2190 URL du webhook (Efficy \/ Odoo). Vide = avertissement, rien n'est envoy\u00e9.\r\n\r\n const root = document.getElementById('tero-kickoff');\r\n if (!root) return;\r\n const $ = (s, c = root) => c.querySelector(s);\r\n const $$ = (s, c = root) => Array.from(c.querySelectorAll(s));\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n const dl = (o) => { window.dataLayer = window.dataLayer || []; window.dataLayer.push(o); };\r\n const clamp = (v, a = 0, b = 1) => Math.min(b, Math.max(a, v));\r\n\r\n\r\n \/* ===== Hero ===== *\/\r\n const hero = $('#tko-hero');\r\n const heroNum = $('.tko-hero__num', hero);\r\n requestAnimationFrame(() => hero.classList.add('is-in'));\r\n\r\n \/* Compte \u00e0 rebours jusqu'au 1er janvier 2027 (bascule automatiquement ensuite) *\/\r\n const cd = $('#tko-countdown');\r\n const days = Math.ceil((new Date(2027, 0, 1) - new Date()) \/ 86400000);\r\n const cdTxt = days > 0 ? `<b>nog ${days} dagen<\/b><span class=\"tko-cd__s\"> tot 2027<\/span>` : '<b>2027<\/b><span class=\"tko-cd__s\"> is gestart: er zijn nog data vrij<\/span>';\r\n [cd, ...$$('[data-countdown]')].forEach((el) => { if (el) el.innerHTML = cdTxt; });\r\n\r\n \/* ===== Apparitions + compteurs ===== *\/\r\n const countUp = (el) => {\r\n const target = +el.dataset.count;\r\n if (reduce || target < 2) return;\r\n const t0 = performance.now(), dur = 1400;\r\n const tick = (t) => {\r\n const p = clamp((t - t0) \/ dur);\r\n el.textContent = Math.round(target * (1 - Math.pow(1 - p, 3)));\r\n if (p < 1) requestAnimationFrame(tick);\r\n };\r\n requestAnimationFrame(tick);\r\n };\r\n const toReveal = $$('.tko-reveal, #tko-teroir');\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver((entries) => entries.forEach((en) => {\r\n if (!en.isIntersecting) return;\r\n en.target.classList.add('is-visible');\r\n $$('[data-count]', en.target).forEach(countUp);\r\n io.unobserve(en.target);\r\n }), { threshold: .15, rootMargin: '0px 0px -6% 0px' });\r\n toReveal.forEach((el) => io.observe(el));\r\n } else {\r\n toReveal.forEach((el) => el.classList.add('is-visible'));\r\n }\r\n\r\n \/* ===== Accroche : mots qui se remplissent au scroll ===== *\/\r\n const fill = $('[data-fill]');\r\n const accents = (fill.dataset.accent || '').split(',');\r\n fill.innerHTML = fill.textContent.trim().split(\/\\s+\/).map((w) => {\r\n const clean = w.replace(\/[.,]\/g, '').toLowerCase();\r\n return `<span class=\"w${accents.includes(clean) ? ' accent' : ''}\">${w}<\/span>`;\r\n }).join(' ');\r\n const words = $$('.w', fill);\r\n\r\n \/* ===== Phrase du hero : les mots apparaissent petit \u00e0 petit au scroll ===== *\/\r\n const storyP = $('#tko-story p');\r\n if (storyP) storyP.innerHTML = storyP.textContent.trim().split(\/[ \\t\\n]+\/).map((w) => `<span class=\"w\">${w}<\/span>`).join(' ');\r\n const storyWords = storyP ? $$('.w', storyP) : [];\r\n\r\n \/* ===== Hero en s\u00e9quence ===== *\/\r\n const seq = $('#tko-seq');\r\n const stick = $('#tko-seq-stick');\r\n const intro = $('#tko-intro');\r\n const quad = $('#tko-quad');\r\n const story = $('#tko-story');\r\n const outro = $('#tko-outro');\r\n const band = $('#tko-band');\r\n const layers = $$('.tko-layer', hero);\r\n const quadItems = $$('.tko-quad__item', quad);\r\n const ease = (t) => (t < .5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) \/ 2);\r\n const seg = (p, a, b) => clamp((p - a) \/ (b - a));\r\n \/* Hauteurs fig\u00e9es en pixels : \u00e9vite les tremblements dus \u00e0 la barre d'adresse Safari sur mobile *\/\r\n \/* Sur \u00e9cran tactile, on ignore les petites variations de hauteur (barre d'adresse qui appara\u00eet\r\n et dispara\u00eet) ; sur ordinateur, on suit toujours la vraie hauteur de la fen\u00eatre. *\/\r\n const touch = window.matchMedia('(pointer: coarse)').matches;\r\n\r\n \/* Menu fixe du site : sur tero.be, Elementor ne fixe le menu (85 px) qu'une fois qu'on commence \u00e0 d\u00e9filer.\r\n \u00c0 chaque mise \u00e0 jour, on regarde donc ce qui se trouve tout en haut de l'\u00e9cran, et si c'est un \u00e9l\u00e9ment\r\n fix\u00e9 (fixed ou sticky) qui n'appartient pas \u00e0 la page kick-off, le hero se cale juste en dessous. *\/\r\n const fixedAncestor = (el) => {\r\n for (let n = el; n && n !== document.body && n !== document.documentElement; n = n.parentElement) {\r\n if (root.contains(n)) return null;\r\n const pos = getComputedStyle(n).position;\r\n if (pos === 'fixed' || pos === 'sticky') return n;\r\n }\r\n return null;\r\n };\r\n const headerOffset = () => {\r\n const maxH = window.innerHeight * .35;\r\n const found = new Set(document.querySelectorAll('.elementor-sticky--active, #wpadminbar'));\r\n const vw = document.documentElement.clientWidth;\r\n [vw * .5, vw * .15, vw * .85].forEach((x) => {\r\n (document.elementsFromPoint(x, 2) || []).forEach((el) => { const f = fixedAncestor(el); if (f) found.add(f); });\r\n });\r\n let bottom = 0;\r\n found.forEach((el) => {\r\n if (root.contains(el)) return;\r\n const r = el.getBoundingClientRect();\r\n if (r.height > 0 && r.top <= 2 && r.bottom > 0 && r.bottom < maxH && getComputedStyle(el).visibility !== 'hidden') bottom = Math.max(bottom, r.bottom);\r\n });\r\n return Math.round(bottom);\r\n };\r\n\r\n let seqW = 0, winH = 0, hdr = 0, stickH = 0;\r\n const sizeSeq = (force) => {\r\n if (reduce) return;\r\n const w = window.innerWidth, h = window.innerHeight, o = headerOffset();\r\n if (!force && w === seqW && h === winH && Math.abs(o - hdr) < 3) return;\r\n if (!force && touch && w === seqW && Math.abs(h - winH) < 120 && Math.abs(o - hdr) < 3) return;\r\n seqW = w; winH = h; hdr = o;\r\n stickH = h - hdr;\r\n stick.style.top = `${hdr}px`;\r\n stick.style.height = `${stickH}px`;\r\n seq.style.height = `${Math.round(h * 7.6)}px`;\r\n };\r\n const LAYER_START = [.36, .49, .62, .745];\r\n const LAYER_LEN = .125;\r\n const drawSeq = () => {\r\n if (reduce) return;\r\n const r = seq.getBoundingClientRect();\r\n if (r.bottom < 0 || r.top > winH) return;\r\n const p = clamp((hdr - r.top) \/ (seq.offsetHeight - stickH));\r\n const vw = document.documentElement.clientWidth;\r\n const mobile = vw < 760;\r\n\r\n \/* ouverture puis fermeture du cadre *\/\r\n const open = ease(seg(p, 0, .1));\r\n const close = mobile ? 0 : ease(seg(p, .86, .96)); \/* sur mobile, le devis reste en plein \u00e9cran *\/\r\n const f = open * (1 - close);\r\n const g = Math.min(40, Math.max(16, vw * .031));\r\n const restW = Math.min(1440, vw - 2 * g);\r\n const restTop = mobile ? 12 : 16;\r\n \/* Position \u00ab au repos \u00bb du cadre = celle qu'il a au chargement de la page, sous le menu.\r\n Elle est identique au d\u00e9but et \u00e0 la fin de la s\u00e9quence : le cadre retrouve exactement\r\n sa place et sa taille d'avant l'agrandissement. *\/\r\n const bandGap = mobile ? 10 : 14; \/* espace entre le cadre et les logos *\/\r\n const bandBox = mobile ? 60 : 72; \/* hauteur de la bande des logos *\/\r\n const bottomGap = mobile ? 14 : 28; \/* air sous les logos, en bas de l'\u00e9cran *\/\r\n const bandH = bandGap + bandBox + bottomGap;\r\n const loadTop = Math.min((r.top + window.scrollY) + restTop, winH * .3); \/* haut du cadre quand la page est en haut *\/\r\n const stickTop = stick.getBoundingClientRect().top;\r\n const restOffset = Math.max(restTop, loadTop - stickTop);\r\n const restH = Math.max(260, winH - loadTop - bandH);\r\n const radius = Math.min(40, Math.max(24, vw * .03));\r\n \/* Anti-tremblement : le hero garde toujours la taille de l'\u00e9cran (aucun recalcul de mise en page\r\n pendant le scroll). Le cadre qui s'ouvre et se referme est un simple masque (clip-path),\r\n et les contenus du cadre de d\u00e9part restent pos\u00e9s sur ce rectangle fixe. *\/\r\n const rx = Math.round((vw - restW) \/ 2), ry = Math.round(restOffset), rh = Math.round(restH);\r\n const restKey = `${rx}|${ry}|${restW}|${rh}|${radius}`;\r\n if (restKey !== hero._rk) {\r\n hero._rk = restKey;\r\n hero.style.setProperty('--rx', `${rx}px`);\r\n hero.style.setProperty('--ry', `${ry}px`);\r\n hero.style.setProperty('--rw', `${restW}px`);\r\n hero.style.setProperty('--rh', `${rh}px`);\r\n hero.style.setProperty('--rr', `${radius}px`);\r\n }\r\n const k = 1 - f;\r\n hero.style.clipPath = `inset(${(ry * k).toFixed(2)}px ${(rx * k).toFixed(2)}px ${(Math.max(0, stickH - ry - rh) * k).toFixed(2)}px ${(rx * k).toFixed(2)}px round ${(radius * k).toFixed(2)}px)`;\r\n hero.style.setProperty('--f', f.toFixed(4));\r\n stick.style.setProperty('--bt', `${restOffset + restH + bandGap}px`);\r\n band.style.setProperty('--bo', (1 - clamp(f * 3)).toFixed(3));\r\n\r\n \/* actes *\/\r\n const io = 1 - seg(p, .08, .12);\r\n const so = seg(p, .19, .215) * (1 - seg(p, .315, .35)); \/* entre .12 et .18 : le 2027 rempli reste seul \u00e0 l'\u00e9cran *\/\r\n const qo = seg(p, .36, .41) * (1 - seg(p, .86, .9));\r\n const oo = seg(p, .9, .96);\r\n hero.style.setProperty('--io', io.toFixed(3));\r\n hero.style.setProperty('--so', so.toFixed(3));\r\n \/* \u00ab 27 \u00bb : se remplit pendant que le cadre s'ouvre, puis s'efface quand les photos arrivent *\/\r\n hero.style.setProperty('--fill27', `${(seg(p, 0, .12) * 100).toFixed(1)}%`); \/* enti\u00e8rement rempli, puis affich\u00e9 seul *\/\r\n const ph = seg(p, LAYER_START[0], LAYER_START[0] + .05);\r\n hero.style.setProperty('--ov', '0'); \/* voile sombre seulement quand les photos sont l\u00e0 *\/\r\n hero.style.setProperty('--n27', ((1 - ph) * (1 - ease(seg(p, .17, .24)) * .85)).toFixed(3)); \/* fondu doux avant l'arriv\u00e9e de la phrase *\/\r\n hero.style.setProperty('--qo', qo.toFixed(3));\r\n hero.style.setProperty('--oo', oo.toFixed(3));\r\n intro.classList.toggle('is-live', io > .5);\r\n quad.classList.toggle('is-live', qo > .5);\r\n story.classList.toggle('is-live', so > .5);\r\n const sn = Math.round(seg(p, .2, .3) * storyWords.length);\r\n storyWords.forEach((w, i) => w.classList.toggle('on', i < sn));\r\n outro.classList.toggle('is-live', oo > .5);\r\n\r\n \/* couches photo et colonne active *\/\r\n let active = 0;\r\n layers.forEach((l, k) => {\r\n const lo = seg(p, LAYER_START[k], LAYER_START[k] + .05);\r\n l.style.opacity = (lo * (1 - oo)).toFixed(3); \/* au devis, les photos s'effacent : retour au fond pastel *\/\r\n l.style.setProperty('--lo', seg(p, LAYER_START[k], LAYER_START[k] + LAYER_LEN).toFixed(3));\r\n if (p >= LAYER_START[k]) active = k;\r\n });\r\n quadItems.forEach((it, k) => {\r\n it.classList.toggle('is-active', k === active);\r\n it.style.setProperty('--ip', seg(p, LAYER_START[k], LAYER_START[k] + LAYER_LEN).toFixed(3));\r\n });\r\n };\r\n\r\n \/* Les boutons \u00ab Bloquer une date \u00bb m\u00e8nent au dernier \u00e9cran de la s\u00e9quence (le devis) *\/\r\n $$('a[href=\"#tko-brief\"]').forEach((a) => a.addEventListener('click', (e) => {\r\n if (reduce) return;\r\n e.preventDefault();\r\n sizeSeq();\r\n const bas = $('#tko-devis');\r\n if (bas && seq.getBoundingClientRect().bottom < 0) { \/* d\u00e9j\u00e0 plus bas que le hero : formulaire du bas *\/\r\n window.scrollTo({ top: bas.getBoundingClientRect().top + window.scrollY - 90, behavior: 'smooth' });\r\n return;\r\n }\r\n const top = seq.getBoundingClientRect().top + window.scrollY + seq.offsetHeight - window.innerHeight;\r\n window.scrollTo({ top, behavior: 'auto' });\r\n }));\r\n\r\n \/* ===== Boucle scroll unique ===== *\/\r\n const quick = $('#tko-quicknav');\r\n const quickMark = $('#tko-quicknav-mark');\r\n const hookEl = $('.tko-hook');\r\n const side = $('[data-parallax]');\r\n let ticking = false;\r\n const onScroll = () => {\r\n const vh = window.innerHeight;\r\n sizeSeq();\r\n\r\n if (!reduce) {\r\n const r = fill.getBoundingClientRect();\r\n const p = clamp((vh * .85 - r.top) \/ (r.height + vh * .35));\r\n const n = Math.round(p * words.length);\r\n words.forEach((w, i) => w.classList.toggle('on', i < n));\r\n }\r\n\r\n\r\n drawSeq();\r\n\r\n if (!reduce && side) {\r\n const r = side.getBoundingClientRect();\r\n side.style.setProperty('--py', `${Math.max(-30, Math.min(30, ((r.top + r.height \/ 2) \/ vh - .5) * -60))}px`);\r\n }\r\n\r\n\r\n \/* Apr\u00e8s l'accroche : le menu du site se cache et la barre d'acc\u00e8s rapide prend sa place *\/\r\n const navOn = quickMark.getBoundingClientRect().top < 86; \/* la barre arrive au niveau du menu : elle prend sa place *\/\r\n if (navOn !== quick.classList.contains('is-on')) {\r\n quick.classList.toggle('is-on', navOn);\r\n document.body.classList.toggle('tko-menu-hidden', navOn);\r\n }\r\n\r\n ticking = false;\r\n };\r\n const requestTick = () => { if (!ticking) { ticking = true; requestAnimationFrame(onScroll); } };\r\n window.addEventListener('scroll', requestTick, { passive: true });\r\n window.addEventListener('resize', () => { sizeSeq(); requestTick(); });\r\n window.addEventListener('load', () => { sizeSeq(true); requestTick(); });\r\n window.addEventListener('load', requestTick);\r\n sizeSeq(true); onScroll();\r\n\r\n \/* ===== Effets souris : spotlight cartes + boutons magn\u00e9tiques ===== *\/\r\n if (!reduce && window.matchMedia('(hover: hover)').matches) {\r\n $$('[data-spot]').forEach((card) => card.addEventListener('pointermove', (e) => {\r\n const r = card.getBoundingClientRect();\r\n card.style.setProperty('--mx', `${e.clientX - r.left}px`);\r\n card.style.setProperty('--my', `${e.clientY - r.top}px`);\r\n }));\r\n $$('.tko-btn').forEach((btn) => {\r\n btn.addEventListener('pointermove', (e) => {\r\n const r = btn.getBoundingClientRect();\r\n btn.style.setProperty('--tx', `${(e.clientX - r.left - r.width \/ 2) * .18}px`);\r\n btn.style.setProperty('--ty', `${(e.clientY - r.top - r.height \/ 2) * .3}px`);\r\n });\r\n btn.addEventListener('pointerleave', () => { btn.style.setProperty('--tx', '0px'); btn.style.setProperty('--ty', '0px'); });\r\n });\r\n }\r\n\r\n \/* ===== Carrousels lieux et activit\u00e9s (fa\u00e7on WePresent) =====\r\n Ordinateur : d\u00e9filement horizontal, la carte au centre est mise en avant.\r\n Mobile : les cartes s'empilent les unes sur les autres au scroll. *\/\r\n const mqStack = window.matchMedia('(max-width: 760px)');\r\n const crs = $$('[data-cr]').map((box) => {\r\n const track = $('.tko-cr__track', box);\r\n const cards = $$('.tko-card', track);\r\n const prev = $('.tko-cr__btn--prev', box), next = $('.tko-cr__btn--next', box);\r\n const update = () => {\r\n if (mqStack.matches) { prev.disabled = false; next.disabled = false; return; }\r\n const mid = track.getBoundingClientRect().left + track.clientWidth \/ 2;\r\n let best = null, bd = 1e9;\r\n cards.forEach((c) => { const r = c.getBoundingClientRect(); const d = Math.abs(r.left + r.width \/ 2 - mid); if (d < bd) { bd = d; best = c; } });\r\n cards.forEach((c) => c.classList.toggle('is-active', c === best));\r\n \/* Arc tr\u00e8s l\u00e9ger : la carte du centre est mise en avant, les autres sont un peu plus basses, plus petites et estomp\u00e9es *\/\r\n if (!reduce) cards.forEach((c) => {\r\n const r = c.getBoundingClientRect();\r\n const d = Math.min(2, Math.abs((r.left + r.width \/ 2 - mid) \/ (r.width + 24)));\r\n const sd = Math.sign(r.left + r.width \/ 2 - mid);\r\n c.style.setProperty('--ay', `${(d * d * 9).toFixed(1)}px`);\r\n c.style.setProperty('--ar', `${(sd * d * 1.2).toFixed(2)}deg`);\r\n c.style.setProperty('--as', `${(1 - d * .06).toFixed(3)}`);\r\n c.style.setProperty('--ao', `${(1 - Math.min(1, d) * .28).toFixed(3)}`);\r\n });\r\n const max = track.scrollWidth - track.clientWidth;\r\n prev.disabled = track.scrollLeft <= 4; next.disabled = track.scrollLeft >= max - 4;\r\n };\r\n let t = false, idle = null, settling = false, down = false;\r\n \/* Recentrage doux sur la carte la plus proche, une fois le d\u00e9filement termin\u00e9\r\n (remplace l'aimantation CSS qui ramenait les cartes en arri\u00e8re au trackpad) *\/\r\n const settle = () => {\r\n if (mqStack.matches || down) return;\r\n const mid = track.scrollLeft + track.clientWidth \/ 2;\r\n let best = cards[0], bd = 1e9;\r\n cards.forEach((c) => { const d = Math.abs(c.offsetLeft + c.offsetWidth \/ 2 - mid); if (d < bd) { bd = d; best = c; } });\r\n if (bd < 3) return;\r\n settling = true;\r\n track.scrollTo({ left: best.offsetLeft + best.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\r\n setTimeout(() => { settling = false; }, 500);\r\n };\r\n track.addEventListener('scroll', () => {\r\n if (!t) { t = true; requestAnimationFrame(() => { t = false; update(); }); }\r\n if (!settling) { clearTimeout(idle); idle = setTimeout(settle, 180); }\r\n }, { passive: true });\r\n const step = (dir) => {\r\n const act = $('.tko-card.is-active', track) || cards[0];\r\n const k = Math.min(cards.length - 1, Math.max(0, cards.indexOf(act) + dir));\r\n const c = cards[k];\r\n track.scrollTo({ left: c.offsetLeft + c.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\r\n };\r\n prev.addEventListener('click', () => (mqStack.matches ? go(-1) : step(-1)));\r\n next.addEventListener('click', () => (mqStack.matches ? go(1) : step(1)));\r\n \/* Glisser \u00e0 la souris *\/\r\n let sx = 0, sl = 0, moved = false;\r\n track.addEventListener('pointerdown', (e) => { if (e.pointerType !== 'mouse' || mqStack.matches) return; down = true; moved = false; sx = e.clientX; sl = track.scrollLeft; });\r\n window.addEventListener('pointermove', (e) => { if (!down) return; const dx = e.clientX - sx; if (Math.abs(dx) > 5) { moved = true; track.classList.add('is-dragging'); } track.scrollLeft = sl - dx; });\r\n window.addEventListener('pointerup', () => { if (!down) return; down = false; setTimeout(() => track.classList.remove('is-dragging'), 0); settle(); });\r\n track.addEventListener('click', (e) => { if (moved) { e.preventDefault(); moved = false; } }, true);\r\n \/* Mobile : paquet de cartes \u00e0 swiper *\/\r\n const n = cards.length;\r\n let cur = 0, busy = false;\r\n const count = document.createElement('span'); count.className = 'tko-cr__count'; count.setAttribute('aria-live', 'polite');\r\n next.before(count);\r\n cards.forEach((c, k) => { c.style.setProperty('--i', k); });\r\n const render = (dx = 0) => {\r\n if (!mqStack.matches) { cards.forEach((c) => { c.style.transform = ''; c.style.opacity = ''; c.style.zIndex = ''; c.style.pointerEvents = ''; c.classList.remove('is-front'); }); return; }\r\n cards.forEach((c, i) => {\r\n const k = (i - cur + n) % n;\r\n c.classList.toggle('is-front', k === 0);\r\n c.style.zIndex = String(n - k);\r\n c.style.pointerEvents = k === 0 ? 'auto' : 'none';\r\n c.tabIndex = k === 0 ? 0 : -1;\r\n if (k === 0) { c.style.transform = `translateX(${dx}px) rotate(${dx \/ 22}deg)`; c.style.opacity = '1'; }\r\n else if (k <= 2) {\r\n const pull = Math.min(1, Math.abs(dx) \/ 140); \/* la carte suivante avance pendant le swipe *\/\r\n const kk = k - (k === 1 ? pull : pull * .5);\r\n c.style.transform = `translateY(${kk * 18}px) scale(${1 - kk * .05})`; c.style.opacity = '1';\r\n } else { c.style.transform = 'translateY(36px) scale(.9)'; c.style.opacity = '0'; }\r\n });\r\n count.textContent = `${cur + 1} \/ ${n}`;\r\n };\r\n const go = (dir) => {\r\n if (busy) return; busy = true;\r\n const front = cards[cur];\r\n box.classList.remove('is-swiping');\r\n front.style.transform = `translateX(${dir > 0 ? -120 : 120}%) rotate(${dir > 0 ? -14 : 14}deg)`;\r\n front.style.opacity = '0';\r\n setTimeout(() => { cur = (cur + dir + n) % n; render(0); busy = false; }, reduce ? 0 : 260);\r\n };\r\n let tx = 0, ty = 0, dx = 0, drag = false, lock = null, swiped = false;\r\n track.addEventListener('pointerdown', (e) => {\r\n if (!mqStack.matches || busy || !e.target.closest('.tko-card.is-front')) return;\r\n drag = true; lock = null; swiped = false; tx = e.clientX; ty = e.clientY; dx = 0;\r\n });\r\n window.addEventListener('pointermove', (e) => {\r\n if (!drag) return;\r\n const mx = e.clientX - tx, my = e.clientY - ty;\r\n if (lock === null && (Math.abs(mx) > 6 || Math.abs(my) > 6)) lock = Math.abs(mx) > Math.abs(my) ? 'x' : 'y';\r\n if (lock !== 'x') return;\r\n dx = mx; swiped = true; box.classList.add('is-swiping'); render(dx);\r\n }, { passive: true });\r\n const end = () => {\r\n if (!drag) return; drag = false;\r\n if (lock === 'x' && Math.abs(dx) > 70) go(dx < 0 ? 1 : -1);\r\n else { box.classList.remove('is-swiping'); render(0); }\r\n };\r\n window.addEventListener('pointerup', end);\r\n window.addEventListener('pointercancel', end);\r\n track.addEventListener('click', (e) => { if (swiped) { e.preventDefault(); swiped = false; } }, true);\r\n track.addEventListener('dragstart', (e) => e.preventDefault()); \/* \u00e9vite le glisser natif des liens et images *\/\r\n const stack = () => render(0);\r\n \/* Au d\u00e9part, la 2e carte est au centre : les 3 premi\u00e8res sont visibles *\/\r\n const start = () => {\r\n if (mqStack.matches || cards.length < 2) return;\r\n const c = cards[1];\r\n track.scrollLeft = c.offsetLeft + c.offsetWidth \/ 2 - track.clientWidth \/ 2;\r\n };\r\n \/* Am\u00e8ne une carte pr\u00e9cise au centre (depuis les intentions) *\/\r\n const focus = (card) => {\r\n const k = cards.indexOf(card);\r\n if (k < 0) return;\r\n if (mqStack.matches) { cur = k; render(0); return; }\r\n track.scrollTo({ left: card.offsetLeft + card.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\r\n };\r\n return { update, stack, start, focus, track };\r\n });\r\n crs.forEach((c) => c.start());\r\n const crAll = () => crs.forEach((c) => { c.update(); c.stack(); });\r\n window.addEventListener('resize', crAll);\r\n window.addEventListener('load', () => { crs.forEach((c) => c.start()); crAll(); });\r\n crAll();\r\n\r\n \/* ===== Intentions : la carte se retourne et montre les coups de c\u0153ur ===== *\/\r\n const ints = $$('.tko-int:not(.tko-int--side)');\r\n const setInt = (card, open) => {\r\n ints.forEach((c) => { if (c !== card) { c.classList.remove('is-open'); c.setAttribute('aria-expanded', 'false'); } });\r\n card.classList.toggle('is-open', open);\r\n card.setAttribute('aria-expanded', String(open));\r\n };\r\n ints.forEach((card) => {\r\n card.addEventListener('click', (e) => {\r\n const go = e.target.closest('[data-goto]');\r\n if (go) { \/* photo du verso : on descend vers le lieu ou l'activit\u00e9 *\/\r\n e.preventDefault(); e.stopPropagation();\r\n const target = document.querySelector(go.getAttribute('href'));\r\n if (!target) return;\r\n const cr = crs.find((c) => c.track.contains(target));\r\n const box = cr ? target.closest('section') : target;\r\n window.scrollTo({ top: box.getBoundingClientRect().top + window.scrollY - (cr ? 90 : window.innerHeight * .2), behavior: reduce ? 'auto' : 'smooth' });\r\n if (cr) setTimeout(() => cr.focus(target), reduce ? 0 : 450);\r\n else { target.classList.add('is-flash'); setTimeout(() => target.classList.remove('is-flash'), 1800); }\r\n return;\r\n }\r\n if (e.target.closest('.tko-sol, .tko-int__cta')) return; \/* les liens restent des liens *\/\r\n if (e.target.closest('.tko-int__back')) { e.stopPropagation(); setInt(card, false); return; }\r\n if (!card.classList.contains('is-open')) setInt(card, true);\r\n });\r\n card.addEventListener('keydown', (e) => {\r\n if (e.target !== card) return;\r\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setInt(card, !card.classList.contains('is-open')); }\r\n if (e.key === 'Escape') setInt(card, false);\r\n });\r\n });\r\n\r\n \/* ===== Blog : met \u00e0 jour les 3 derniers articles depuis tero.be\/fr\/news\/ (sinon la liste \u00e9crite reste) ===== *\/\r\n const blogList = $('#tko-blog-list');\r\n if (blogList && \/(^|\\.)tero\\.be$\/.test(location.hostname) && window.fetch && window.DOMParser) {\r\n fetch('\/nl\/news\/', { credentials: 'same-origin' }).then((r) => (r.ok ? r.text() : Promise.reject(r.status))).then((html) => {\r\n const doc = new DOMParser().parseFromString(html, 'text\/html');\r\n const seen = new Set(); const items = [];\r\n doc.querySelectorAll('.jet-listing-grid__item').forEach((it) => {\r\n const a = it.querySelector('a[href*=\"\/nl\/news\/\"]');\r\n const h = it.querySelector('.elementor-heading-title');\r\n if (!a || !h || \/\\\/news\\\/(tags|feed)|\\?\/.test(a.href) || seen.has(a.href)) return;\r\n const t = h.textContent.trim(); if (t.length < 12) return;\r\n seen.add(a.href); items.push([a.href, t]);\r\n });\r\n if (items.length < 3) return;\r\n const esc = (x) => x.replace(\/[&<>\"]\/g, (c) => ({ '&': '&', '<': '<', '>': '>', '\"': '"' }[c]));\r\n blogList.innerHTML = items.slice(0, 3).map(([h, t]) => `<a class=\"tko-article\" href=\"${esc(h)}\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>${esc(t)}<\/h3><span>Lees het artikel <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>`).join('');\r\n }).catch(() => {});\r\n }\r\n\r\n \/* ===== Formulaire en \u00e9tapes ===== *\/\r\n const wrap = $('#tko-form');\r\n \/* Un seul formulaire, deux emplacements : dans le hero, ou en bas de page quand on y arrive *\/\r\n const dockBas = $('.tko-devis__dock');\r\n const dockHero = wrap.parentElement;\r\n const heroSlot = document.createComment('tko-form');\r\n dockHero.insertBefore(heroSlot, wrap);\r\n const placeForm = () => {\r\n const ae = document.activeElement;\r\n if (!dockBas || (wrap.contains(ae) && \/^(INPUT|TEXTAREA|SELECT)$\/.test(ae.tagName))) return; \/* pas pendant la saisie *\/\r\n const seqR = seq.getBoundingClientRect();\r\n const basR = dockBas.getBoundingClientRect();\r\n const wantBas = seqR.bottom < 0 && basR.top < window.innerHeight * 1.6;\r\n const wantHero = seqR.bottom > -window.innerHeight * .5;\r\n if (wantBas && wrap.parentElement !== dockBas) dockBas.appendChild(wrap);\r\n else if (wantHero && wrap.parentElement === dockBas) dockHero.insertBefore(wrap, heroSlot.nextSibling);\r\n };\r\n window.addEventListener('scroll', () => requestAnimationFrame(placeForm), { passive: true });\r\n placeForm();\r\n const form = $('form', wrap);\r\n const steps = $$('fieldset', form);\r\n const dots = $$('.tko-form__progress span', wrap);\r\n const back = $('.tko-form__back', form);\r\n const nextLabel = $('.tko-next-label', form);\r\n const err = $('.tko-form__error', form);\r\n let cur = 0;\r\n\r\n const show = (i) => {\r\n cur = i;\r\n steps.forEach((s, k) => { s.hidden = k !== i; });\r\n dots.forEach((d, k) => d.classList.toggle('on', k <= i));\r\n back.hidden = i === 0;\r\n nextLabel.textContent = i === steps.length - 1 ? 'Mijn briefing versturen' : 'Verder';\r\n err.textContent = '';\r\n };\r\n const LABELS = { besoin: 'wat u zoekt', periode: 'een maand', budget: 'een budget per persoon', participants: 'het aantal personen', format: 'een formaat', region: 'een regio' };\r\n const valid = (fs) => {\r\n $$('.is-missing', fs).forEach((g) => g.classList.remove('is-missing'));\r\n const radios = [...new Set($$('input[type=radio]', fs).map((r) => r.name))];\r\n for (const name of radios) if (!$(`input[name=\"${name}\"]:checked`, fs)) {\r\n if (name === 'periode' && (($('#tko-date', fs) || {}).value || ($('#tko-date-fin', fs) || {}).value)) continue; \/* une date pr\u00e9cise suffit *\/\r\n const grp = $(`input[name=\"${name}\"]`, fs).closest('.tko-form__group') || $(`input[name=\"${name}\"]`, fs).closest('.tko-chips');\r\n if (grp) grp.classList.add('is-missing');\r\n return `Kies ${LABELS[name] || 'een optie'} om verder te gaan.`;\r\n }\r\n \/* Seuls les champs obligatoires bloquent : une date facultative mal saisie est simplement ignor\u00e9e *\/\r\n for (const f of $$('input:not([type=radio]), textarea', fs)) {\r\n if (!f.required) { if (!f.checkValidity()) f.value = ''; continue; }\r\n if (!f.checkValidity()) { f.focus();\r\n if (f.type === 'date') { f.closest('.tko-form__group')?.classList.add('is-missing'); return f.validity.rangeUnderflow ? 'De einddatum moet na de begindatum liggen.' : 'Vul een begin- en einddatum in.'; }\r\n return f.type === 'checkbox' ? 'Gelieve akkoord te gaan met de verwerking van uw gegevens.' : 'Gelieve de verplichte velden in te vullen.'; }\r\n }\r\n return '';\r\n };\r\n \/* Une date pr\u00e9cise coche automatiquement le bon mois *\/\r\n const dateIn = $('#tko-date', form);\r\n const dateEnd = $('#tko-date-fin', form);\r\n if (dateIn) { const t = new Date(); dateIn.min = new Date(t.getTime() - t.getTimezoneOffset() * 6e4).toISOString().slice(0, 10); if (dateEnd) dateEnd.min = dateIn.min; }\r\n if (dateIn && dateEnd) dateIn.addEventListener('change', () => {\r\n dateEnd.min = dateIn.value || '';\r\n if (dateIn.value && (!dateEnd.value || dateEnd.value < dateIn.value)) dateEnd.value = dateIn.value;\r\n });\r\n if (dateIn) dateIn.addEventListener('change', () => {\r\n const m = \/^2027-0([123])-\/.exec(dateIn.value || '');\r\n const v = m ? ['Janvier 2027', 'F\u00e9vrier 2027', 'Mars 2027'][m[1] - 1] : '';\r\n const r = v && $(`input[name=\"periode\"][value=\"${v}\"]`, form);\r\n if (r) { r.checked = true; r.closest('.tko-form__group').classList.remove('is-missing'); }\r\n });\r\n form.addEventListener('change', (e) => { const g = e.target.closest('.is-missing') || (e.target === dateIn && dateIn.value && dateIn.closest('.is-missing')); if (g) { g.classList.remove('is-missing'); err.textContent = ''; } });\r\n\r\n \/* Avance automatique quand l'\u00e9tape n'a qu'une question *\/\r\n steps.forEach((fs, i) => $$('input[type=radio]', fs).forEach((r) => r.addEventListener('change', () => {\r\n const groups = new Set($$('input[type=radio]', fs).map((x) => x.name)).size;\r\n const others = $$('input:not([type=radio]), textarea, select', fs).some((x) => x.required); \/* une date \u00e0 remplir : pas d'avance auto *\/\r\n if (groups === 1 && !others && i < steps.length - 1) setTimeout(() => { dl({ event: 'kickoff_brief_step', langue: 'nl', page: 'luxembourg', step: i + 1 }); show(i + 1); }, 260);\r\n })));\r\n\r\n back.addEventListener('click', () => show(Math.max(0, cur - 1)));\r\n\r\n form.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n const msg = valid(steps[cur]);\r\n if (msg) { err.textContent = msg; err.scrollIntoView({ block: 'nearest', behavior: 'smooth' }); return; }\r\n if (cur < steps.length - 1) { dl({ event: 'kickoff_brief_step', langue: 'nl', page: 'luxembourg', step: cur + 1 }); show(cur + 1); return; }\r\n\r\n const data = Object.fromEntries(new FormData(form).entries());\r\n if (data.date) data.periode = new Date(data.date + 'T12:00:00').toLocaleDateString('nl-BE', { month: 'long', year: 'numeric' });\r\n\r\n const done = () => {\r\n \/* Aucune donn\u00e9e personnelle dans le dataLayer : uniquement la qualification *\/\r\n dl({ event: 'kickoff_brief_submit', langue: 'nl', page: 'luxembourg', besoin: data.besoin, periode: data.periode, budget: data.budget, participants: data.participants, format: data.format, region: data.region });\r\n wrap.classList.add('is-done');\r\n $('.tko-form__done', wrap).focus();\r\n };\r\n const fail = () => { submitBtn.disabled = false; err.textContent = 'Het verzenden is mislukt. Probeer opnieuw of contacteer ons via de offertepagina.'; };\r\n const submitBtn = $('button[type=submit]', form);\r\n\r\n \/* ---- 1. Pont vers le formulaire JetFormBuilder cach\u00e9 (widget avec l'ID CSS \u00ab tko-jfb \u00bb) ---- *\/\r\n const jf = document.querySelector('#tko-jfb form.jet-form-builder');\r\n if (jf) {\r\n const BESOIN = {\r\n \/* formulaire JetFormBuilder n\u00b0 55789 \u00ab Get a Quote Kick-off 2027 FR \u00bb (action Efficy getaquote) :\r\n interested_in = l'int\u00e9r\u00eat r\u00e9el (lieu, team building, traiteur ou sur mesure) *\/\r\n 'Een locatie': ['venue', 'venue-only'],\r\n 'Catering': ['food', 'catering-only'],\r\n 'Een teambuilding': ['teambuilding', 'teambuilding-only'],\r\n 'Alles (locatie, activiteit en catering)': ['tailor-made-event', 'turnkey-solution'],\r\n };\r\n const [interest, type] = BESOIN[data.besoin] || ['tailor-made-event', 'turnkey-solution'];\r\n \/* Service Efficy qui re\u00e7oit la demande (profile_id), m\u00eames num\u00e9ros que le plugin LumiSys :\r\n lieu 32 (80 = Luxembourg, comme House17 et River House), traiteur 87, team building 52, sur mesure \/ tout 52 *\/\r\n const PROFIL = { 'Een locatie': data.region === 'Luxemburg' ? '80' : '32', 'Catering': '87', 'Een teambuilding': '52', 'Alles (locatie, activiteit en catering)': '52' };\r\n const fmt = (d) => new Date(d + 'T12:00:00').toLocaleDateString('nl-BE');\r\n const MOIS = { 'Janvier 2027': '2027-01-01', 'F\u00e9vrier 2027': '2027-02-01', 'Mars 2027': '2027-03-01' };\r\n \/* Les champs du formulaire Tero restent obligatoires : on envoie toujours une valeur.\r\n \u00ab Pas encore fix\u00e9 \u00bb sans date \u2192 1er janvier 2027 (le r\u00e9capitulatif pr\u00e9cise que rien n'est fix\u00e9).\r\n \u00ab \u00c0 d\u00e9finir ensemble \u00bb \u2192 budget 0 (idem). *\/\r\n if (!data.date && data.date_fin) data.date = data.date_fin;\r\n const day1 = data.date || MOIS[data.periode] || '2027-01-01';\r\n const dayEnd = (data.date_fin && data.date_fin >= day1) ? data.date_fin : day1;\r\n const low = (t) => { const m = \/\\d+\/.exec(t || ''); return m ? m[0] : '0'; };\r\n \/* T\u00e9l\u00e9phone : indicatif s\u00e9par\u00e9 comme dans le formulaire Tero (+32 par d\u00e9faut) *\/\r\n const tel = (data.telephone || '').replace(\/[^\\d+]\/g, '');\r\n const pm = \/^(?:\\+|00)(352|33|32)(\\d+)$\/.exec(tel);\r\n const prefix = pm ? pm[1] : '32';\r\n const phone = pm ? pm[2] : tel.replace(\/^0\/, '');\r\n const recap = [\r\n `Kick-off 2027`,\r\n `Behoefte: ${data.besoin || ''}`,\r\n `Periode: ${data.periode || ''}${data.date ? ` (van ${fmt(data.date)}${data.date_fin && data.date_fin !== data.date ? ` tot ${fmt(data.date_fin)}` : ''})` : ''}`,\r\n `Budget per persoon: ${data.budget || ''}`,\r\n `Deelnemers: ${data.participants || ''}`,\r\n `Formaat: ${data.format || ''}`,\r\n `Regio: ${data.region || ''}`,\r\n `Telefoon: ${data.telephone || ''}`,\r\n data.message ? `Bericht: ${data.message}` : '',\r\n ].filter(Boolean).join('\\n');\r\n const values = {\r\n interested_in: interest, tailor_made_event_type: type, profile_id: PROFIL[data.besoin] || '52',\r\n event_month: data.periode || '', event_date: data.date || '', budget_pp: data.budget || '',\r\n people: data.participants || '', event_format: data.format || '', region: data.region || '',\r\n first_name: data.prenom || '', surname: data.nom || '', email: data.email || '', company: data.societe || '',\r\n prefix, telephone: phone,\r\n message: data.message || '', tailor_made_event_describe: recap,\r\n consent_privacy: data.consentement ? 'oui' : '', consent_email: data.consent_email ? 'oui' : '', Campaign: 'Kick-off 2027',\r\n \/* m\u00eames noms que le formulaire \u00ab Obtenir un devis \u00bb (n\u00b0 31426), pour un formulaire dupliqu\u00e9 *\/\r\n \/* m\u00eames infos pour chaque parcours : le plugin Efficy lit celles du parcours choisi *\/\r\n ...['tailor_made_event', 'venue', 'activity', 'food'].reduce((o, p) => Object.assign(o, {\r\n [`${p}_date_from`]: day1, [`${p}_date_to`]: dayEnd,\r\n [`${p}_people`]: low(data.participants), [`${p}_budget`]: low(data.budget), [`${p}_describe`]: recap,\r\n }), {}),\r\n ...utm,\r\n };\r\n for (const [k, v] of Object.entries(values)) {\r\n for (const el of jf.querySelectorAll(`[name=\"${k}\"], [name=\"${k}[]\"]`)) {\r\n if (el.type === 'checkbox' || el.type === 'radio') {\r\n el.checked = el.type === 'checkbox' ? !!v : el.value === v;\r\n } else if (el.tagName === 'SELECT') {\r\n if (v && ![...el.options].some((o) => o.value === v)) el.add(new Option(v, v));\r\n el.value = v;\r\n } else {\r\n el.value = v;\r\n }\r\n el.dispatchEvent(new Event('input', { bubbles: true }));\r\n el.dispatchEvent(new Event('change', { bubbles: true }));\r\n }\r\n }\r\n submitBtn.disabled = true;\r\n err.textContent = 'Bezig met verzenden\u2026';\r\n const box = jf.closest('#tko-jfb');\r\n let over = false;\r\n const finish = (ok) => { if (over) return; over = true; obs.disconnect(); clearTimeout(tm); err.textContent = ''; ok ? done() : fail(); };\r\n const check = () => {\r\n if (box.querySelector('.jet-form-builder-message--success, .jet-form-message--success, .jet-form-builder-messages-wrap .success')) finish(true);\r\n else if (box.querySelector('.jet-form-builder-message--error, .jet-form-message--error, .jet-form-builder-messages-wrap .error')) finish(false);\r\n };\r\n const obs = new MutationObserver(check);\r\n obs.observe(box, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });\r\n const tm = setTimeout(() => finish(false), 25000);\r\n if (window.jQuery) window.jQuery(jf).one('jet-form-builder\/ajax\/on-success', () => finish(true));\r\n const jbtn = jf.querySelector('button[type=submit], .jet-form-builder__submit');\r\n if (jf.requestSubmit) jf.requestSubmit(jbtn && jbtn.type === 'submit' ? jbtn : undefined); else (jbtn ? jbtn.click() : jf.submit());\r\n return;\r\n }\r\n\r\n \/* ---- 2. Sinon, webhook direct si une URL est renseign\u00e9e ---- *\/\r\n if (!FORM_ENDPOINT) { err.textContent = 'Formulier nog niet gekoppeld: voeg het JetFormBuilder-formulier (CSS-ID \u201ctko-jfb\u201d) toe aan de pagina.'; return; }\r\n try {\r\n const res = await fetch(FORM_ENDPOINT, { method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(data) });\r\n if (!res.ok) throw new Error(res.status);\r\n done();\r\n } catch (x) { fail(); }\r\n });\r\n})();\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43ba5a6 e-flex e-con-boxed e-con e-parent\" data-id=\"43ba5a6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15403d6 elementor-widget elementor-widget-jet-form-builder-form\" data-id=\"15403d6\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tko-jfb\" data-widget_type=\"jet-form-builder-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel='stylesheet' id='wp-block-library-css' href='https:\/\/tero.be\/wp-includes\/css\/dist\/block-library\/common.min.css?ver=7.1.4' media='all' \/>\n<style id=\"jet-form-builder-55848-inline-css\"><\/style><form class=\"jet-form-builder layout-column submit-type-ajax\" action=\"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/pages\/55896\/?5f292E=41RneVSJn8&method=reload\" method=\"POST\" data-form-id=\"55848\" data-layout=\"column\" enctype=\"multipart\/form-data\" novalidate=\"null\" ssr_validation_method=\"rest\"><input type=\"hidden\" id=\"_wpnonce_55848\" name=\"_wpnonce\" value=\"aadae25e5e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/nl\/wp-json\/wp\/v2\/pages\/55896\" \/>\r\n<input type=\"hidden\" name=\"_jfb_current_render_states[]\" value=\"DEFAULT.STATE\" data-jfb-sync \/><input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"_jet_engine_booking_form_id\" data-field-name=\"_jet_engine_booking_form_id\" value=\"55848\">\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"_jet_engine_refer\" data-field-name=\"_jet_engine_refer\" value=\"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/pages\/55896\/\">\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"__queried_post_id\" data-field-name=\"__queried_post_id\" value=\"55896\">\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"post_id\" data-field-name=\"post_id\" data-jfb-sync=\"null\" value=\"55896\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"gclid_field\" data-field-name=\"gclid_field\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"profile_id\" data-field-name=\"profile_id\" data-jfb-sync=\"null\" value=\"32\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_campaign\" data-field-name=\"utm_campaign\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_medium\" data-field-name=\"utm_medium\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_source\" data-field-name=\"utm_source\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_term\" data-field-name=\"utm_term\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_content\" data-field-name=\"utm_content\" data-jfb-sync=\"null\">\n\n\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-bcgrujfi\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Ik ben ge\u00efnteresseerd in <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field interested_in_class\" required=\"required\" name=\"interested_in\" data-field-name=\"interested_in\" id=\"interested_in\" data-jfb-sync=\"null\">\n\t\t<option value=\"\" selected>Selecteer...<\/option><option value=\"venue\" >Een Tero Locatie Huren<\/option><option value=\"teambuilding\" >Een teambuildingevenement<\/option><option value=\"food\" >Tero catering<\/option><option value=\"tailor-made-event\" >Een evenement op maat<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-b8fb6b4m\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Voornaam <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"first_name\" id=\"first_name\" type=\"text\" data-field-name=\"first_name\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_h5iefxqg\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-u2xvaifk\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Naam <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"surname\" id=\"surname\" type=\"text\" data-field-name=\"surname\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_izFCKo8r\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-g21ewgge\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Email <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"email\" id=\"email\" type=\"email\" data-field-name=\"email\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_h6b9PZ3c\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-zrwj4cgb\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Prefix<\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field\" name=\"prefix\" data-field-name=\"prefix\" id=\"prefix\" data-jfb-sync=\"null\">\n\t\t<option value=\"32\" >+32<\/option><option value=\"33\" >+33<\/option><option value=\"352\" >+352<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-pkeq4eno\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Telefoon <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"telephone\" id=\"telephone\" type=\"tel\" data-field-name=\"telephone\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_ROypDKN9\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-hrsezu1d\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Welk bedrijf of welke organisatie vertegenwoordigt u? <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"company\" id=\"company\" type=\"text\" data-field-name=\"company\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_9l72ZXH0\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-checkbox-field cb-40ouu6nk\" >\n<div class=\"jet-form-builder__fields-group checkradio-wrap\" data-jfb-sync><div class=\"jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap\"><label class=\"jet-form-builder__field-label for-checkbox\">\n\t\t\t<input type=\"checkbox\" name=\"consent_privacy\" value=\"1\" data-field-name=\"consent_privacy\" class=\"jet-form-builder__field checkboxes-field checkradio-field\" required=\"required\" data-default-val=\"[""]\"><span><span><p>Ik geef toestemming voor het verwerken van mijn gegevens om een offerte te ontvangen, zoals aangegeven in het <a href=\"\/nl\/privacy-beleid\/\">privacybeleid<\/a>. *<\/p><\/span><\/span><\/label><\/div><\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-checkbox-field cb-lswywhr9\" >\n<div class=\"jet-form-builder__fields-group checkradio-wrap\" data-jfb-sync><div class=\"jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap\"><label class=\"jet-form-builder__field-label for-checkbox\">\n\t\t\t<input type=\"checkbox\" name=\"consent_email\" value=\"1\" data-field-name=\"consent_email\" class=\"jet-form-builder__field checkboxes-field checkradio-field\" data-default-val=\"[""]\"><span>Ik geef toestemming voor het ontvangen van promotie- en marketinge-mails van Tero.<\/span><\/label><\/div><\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-q06cfgeb\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Hoe kunnen we u helpen? <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field\" required=\"required\" name=\"tailor_made_event_type\" data-field-name=\"tailor_made_event_type\" id=\"tailor_made_event_type\" data-jfb-sync=\"null\">\n\t\t<option value=\"\" selected>Selecteer...<\/option><option value=\"turnkey-solution\" >Een kant-en-klare oplossing (locatie, teambuilding & traiteur)<\/option><option value=\"venue-with-catering\" >Een locatie met cateringservice<\/option><option value=\"venue-with-teambuilding\" >Een locatie met teambuilding activiteiten<\/option><option value=\"teambuilding-with-catering\" >Een teambuilding activiteit met cateringservice<\/option><option value=\"venue-only\" >Enkel een locatie<\/option><option value=\"catering-only\" >Enkel cateringservice<\/option><option value=\"teambuilding-only\" >Enkel een teambuilding activiteit<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"tailor_made_event_date_from\" type=\"date\" data-field-name=\"tailor_made_event_date_from\" id=\"tailor_made_event_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"tailor_made_event_date_to\" type=\"date\" data-field-name=\"tailor_made_event_date_to\" id=\"tailor_made_event_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Aantal mensen <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"tailor_made_event_people\" data-field-name=\"tailor_made_event_people\" id=\"tailor_made_event_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Je budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"tailor_made_event_budget\" data-field-name=\"tailor_made_event_budget\" id=\"tailor_made_event_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-dqhricdl\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Beschrijf uw evenement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"tailor_made_event_describe\" data-field-name=\"tailor_made_event_describe\" id=\"tailor_made_event_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"venue_date_from\" type=\"date\" data-field-name=\"venue_date_from\" id=\"venue_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"venue_date_to\" type=\"date\" data-field-name=\"venue_date_to\" id=\"venue_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Aantal mensen <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"venue_people\" data-field-name=\"venue_people\" id=\"venue_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Je budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"venue_budget\" data-field-name=\"venue_budget\" id=\"venue_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-5gwcinny\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Beschrijf uw evenement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"venue_describe\" data-field-name=\"venue_describe\" id=\"venue_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"activity_date_from\" type=\"date\" data-field-name=\"activity_date_from\" id=\"activity_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"activity_date_to\" type=\"date\" data-field-name=\"activity_date_to\" id=\"activity_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Aantal mensen <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"activity_people\" data-field-name=\"activity_people\" id=\"activity_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Je budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"activity_budget\" data-field-name=\"activity_budget\" id=\"activity_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-n7p8kngs\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Beschrijf uw evenement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"activity_describe\" data-field-name=\"activity_describe\" id=\"activity_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"food_date_from\" type=\"date\" data-field-name=\"food_date_from\" id=\"food_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"food_date_to\" type=\"date\" data-field-name=\"food_date_to\" id=\"food_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Aantal mensen <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"food_people\" data-field-name=\"food_people\" id=\"food_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Je budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"food_budget\" data-field-name=\"food_budget\" id=\"food_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-jluv8j1h\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Beschrijf uw evenement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"food_describe\" data-field-name=\"food_describe\" id=\"food_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<input type=\"hidden\" class=\"captcha-token cb-fkzcdauu\" name=\"_captcha_token\" value=\"\"\/><div class=\"jet-form-builder-row field-type-submit-field cb-fkzcdauu\" >\n\t<div data-type=\"submit\" class=\"jet-form-builder__action-button-wrapper jet-form-builder__submit-wrap\">\n\t<button class=\"jet-form-builder__action-button jet-form-builder__submit submit-type-ajax\" type=\"submit\">Mijn aanbod ontvangen<\/button>\n\t<\/div>\n\t\n<\/div>\t<div class=\"jet-form-builder-messages-wrap\" data-form-id=\"55848\"><\/div>\n<\/form>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kick-off d’entreprise 2027 en Belgique et au Luxembourg | Tero 2027 Lanceer 2027samen. 2027 begint op de dag dat u dat beslist. Kies de datum van uw kick-off: wij zorgen voor de locatie, de activiteit en de catering, in Belgi\u00eb en in Luxemburg. Datum vastleggen \u2192 nog 57 dagen tot 2027 Het jaar aftrappen of […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_mo_disable_npp":"","inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-55896","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/pages\/55896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/comments?post=55896"}],"version-history":[{"count":16,"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/pages\/55896\/revisions"}],"predecessor-version":[{"id":55940,"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/pages\/55896\/revisions\/55940"}],"wp:attachment":[{"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/media?parent=55896"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/categories?post=55896"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/tags?post=55896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nKick-off d'entreprise 2027 en Belgique et au Luxembourg | Tero<\/title>\r\n<meta name=\"description\" content=\"Organisez votre kick-off 2027 avec Tero : lieu, activit\u00e9 de team building et Teroir Traiteur r\u00e9unis, un seul interlocuteur. 17 lieux en Belgique et au Luxembourg.\">\r\n\r\n<style id=\"preview-only\">\r\n body { margin: 0; background: #fff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<style>\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Regular.cd1f94e.woff2\") format(\"woff2\"); font-weight: 300 400; font-display: swap; }\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Medium.d87446b.woff2\") format(\"woff2\"); font-weight: 500; font-display: swap; }\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Semibold.f6e646d.woff2\") format(\"woff2\"); font-weight: 600; font-display: swap; }\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/Almarose-Bold.woff2\") format(\"woff2\"); font-weight: 700; font-display: swap; }\r\n\r\n .tko {\r\n \/* Palette pastel (esprit Weezevent) *\/\r\n --b: #0032fa; \/* accent : bleu \u00e9lectrique *\/\r\n --b-2: #3d5cff;\r\n --deep: #0b1240; \/* bleu nuit : fond du cadre vid\u00e9o *\/\r\n --cream: #ffffff;\r\n --p-ice: #f0f5fa;\r\n --p-blue: #e6ebff;\r\n --p-mint: #eafbf9;\r\n --p-yellow: #fffaeb;\r\n --p-lav: #e4dfed;\r\n --ink: #0f0f14;\r\n --mute: rgba(15, 15, 20, .66);\r\n --line: rgba(15, 15, 20, .12);\r\n --white: #fff;\r\n --g: clamp(1rem, 3.1vw, 2.5rem);\r\n --w: min(100% - (var(--g) * 2), 1440px);\r\n --r: clamp(1.5rem, 3vw, 2.5rem);\r\n --e: cubic-bezier(.2, .72, .18, 1);\r\n position: relative;\r\n width: 100%;\r\n color: var(--ink);\r\n background: var(--cream);\r\n font-family: \"Almarose\", Montserrat, system-ui, sans-serif;\r\n font-size: 16px;\r\n line-height: 1.5;\r\n overflow-x: clip; \/* clip et non hidden : garde le position:sticky fonctionnel *\/\r\n }\r\n .tko *, .tko *::before, .tko *::after { box-sizing: border-box; }\r\n .tko img { display: block; width: 100%; height: 100%; object-fit: cover; }\r\n .tko :where(a) { color: inherit; }\r\n .tko ::selection { color: var(--white); background: var(--b); }\r\n .tko :focus-visible { outline: 3px solid var(--b); outline-offset: 4px; border-radius: 6px; }\r\n .tko :where(h1, h2, h3, p) { margin: 0; }\r\n .tko strong { font-weight: 600; }\r\n\r\n .tko-wrap { width: var(--w); margin-inline: auto; }\r\n\r\n .tko-label {\r\n display: inline-flex; align-items: center; gap: .7rem;\r\n font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; line-height: 1.2;\r\n }\r\n .tko-label::before { content: \"\"; width: .5rem; aspect-ratio: 1; border-radius: 50%; background: currentColor; }\r\n\r\n \/* ---------- Boutons ---------- *\/\r\n .tko-btn {\r\n --tx: 0px; --ty: 0px;\r\n position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .9rem;\r\n min-height: 3.3rem; padding: .85rem 1.7rem;\r\n border: 1px solid currentColor; border-radius: 999px;\r\n font: inherit; font-size: .98rem; font-weight: 600; line-height: 1; text-decoration: none; cursor: pointer;\r\n background: transparent; overflow: hidden; isolation: isolate;\r\n transform: translate(var(--tx), var(--ty));\r\n transition: transform .4s var(--e), color .3s ease, border-color .3s ease;\r\n }\r\n .tko-btn::before {\r\n content: \"\"; position: absolute; z-index: -1; inset: 0; border-radius: inherit;\r\n transform: translateY(101%); transition: transform .45s var(--e);\r\n }\r\n .tko-btn:hover::before, .tko-btn:focus-visible::before { transform: none; }\r\n .tko-btn__arrow { display: inline-block; transition: transform .4s var(--e); }\r\n .tko-btn:hover .tko-btn__arrow { transform: translateX(4px); }\r\n\r\n .tko-btn--solid { color: var(--b); background: var(--cream); border-color: var(--cream); }\r\n .tko-btn--solid::before { background: var(--b); }\r\n .tko-btn--solid:hover, .tko-btn--solid:focus-visible { color: var(--cream); border-color: var(--b); }\r\n\r\n .tko-btn--ghost { color: var(--white); border-color: rgba(255, 255, 255, .7); }\r\n .tko-btn--ghost::before { background: var(--cream); }\r\n .tko-btn--ghost:hover, .tko-btn--ghost:focus-visible { color: var(--b); border-color: var(--cream); }\r\n\r\n .tko-btn--bx { color: var(--white); background: var(--b); border-color: var(--b); }\r\n .tko-btn--bx::before { background: var(--b-2); }\r\n .tko-btn--bx:hover, .tko-btn--bx:focus-visible { border-color: var(--b-2); }\r\n\r\n .tko-btn--line { color: var(--b); border-color: var(--b); }\r\n .tko-btn--line::before { background: var(--b); }\r\n .tko-btn--line:hover, .tko-btn--line:focus-visible { color: var(--white); }\r\n\r\n \/* ---------- 1. Hero en s\u00e9quence (cadre \u2192 plein \u00e9cran \u2192 4 couches \u2192 cadre) ---------- *\/\r\n .tko-seq { position: relative; height: 640vh; background: var(--cream); }\r\n .tko-seq__stick { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }\r\n .tko-hero {\r\n --f: 0; --se: 0;\r\n position: absolute; left: 50%; top: var(--ft, 16px);\r\n width: var(--fw, calc(100% - 2 * var(--g))); height: var(--fh, 72svh);\r\n transform: translateX(-50%); border-radius: var(--fr, 2.5rem);\r\n color: var(--white); background: var(--p-mint); overflow: hidden; isolation: isolate;\r\n }\r\n .tko-hero__media { position: absolute; z-index: -2; inset: 0; overflow: hidden; }\r\n \/* Le grand \u00ab 27 \u00bb (repris de l'ancienne carte de fin) *\/\r\n .tko-hero__num {\r\n position: absolute; right: -.05em; top: 50%; transform: translateY(-50%);\r\n font-size: min(calc(var(--fh, 600px) * .62), 27vw); font-weight: 600; line-height: .8; letter-spacing: -.08em;\r\n color: transparent; -webkit-text-stroke: 1.5px rgba(16, 150, 140, .45);\r\n background: linear-gradient(90deg, rgba(16, 150, 140, .16) 0 var(--fill27, 0%), transparent var(--fill27, 0%));\r\n -webkit-background-clip: text; background-clip: text;\r\n opacity: var(--n27, 1); pointer-events: none; user-select: none;\r\n }\r\n .tko-layer { position: absolute; inset: 0; opacity: 0; }\r\n .tko-layer img { transform: scale(calc(1.08 - var(--lo, 0) * .08)); }\r\n \/* Photo verticale (table Teroir) : pas de zoom pour garder la nettet\u00e9, cadrage sur la table *\/\r\n .tko-layer--still img { transform: none; }\r\n \/* cadrage de chaque photo : r\u00e9gl\u00e9 avec --op sur la couche (x y) *\/\r\n #tero-kickoff .tko-layer img { object-position: var(--op, 50% 50%) !important; }\r\n .tko-hero::before {\r\n content: \"\"; position: absolute; z-index: -1; inset: 0; opacity: var(--ov, 0);\r\n background:\r\n linear-gradient(90deg, rgba(15, 15, 20, calc(.72 + var(--oo, 0) * .14)) 0%, rgba(15, 15, 20, .32) 55%, rgba(15, 15, 20, calc(.08 + var(--oo, 0) * .34)) 100%),\r\n linear-gradient(0deg, rgba(15, 15, 20, calc(.55 + var(--qo, 0) * .3)) 0%, transparent 55%);\r\n }\r\n .tko-hero__intro {\r\n position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between;\r\n padding: clamp(1.5rem, 4vw, 4rem);\r\n opacity: var(--io, 1); transform: translateY(calc((1 - var(--io, 1)) * -3rem));\r\n }\r\n \/* Accroche et phrase en encre sur le fond pastel *\/\r\n .tko-hero__intro { justify-content: flex-end; color: var(--ink); }\r\n .tko-hero__intro .tko-hero__lead { color: var(--mute); }\r\n .tko-hero__intro .tko-hero__bottom { grid-template-columns: minmax(0, 36rem); }\r\n .tko-hero__intro .tko-hero__actions { justify-content: flex-start; }\r\n .tko-btn--hero { color: var(--white); background: #0032fa; border-color: #0032fa; }\r\n .tko-btn--hero::before { background: var(--b-2); }\r\n #tero-kickoff a.tko-btn--hero, #tero-kickoff a.tko-btn--hero:visited, #tero-kickoff a.tko-btn--hero:hover { color: var(--white); }\r\n .tko-icon-btn {\r\n display: grid; place-items: center; width: 2.9rem; aspect-ratio: 1;\r\n color: var(--white); background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .45); border-radius: 50%;\r\n font: inherit; font-size: .8rem; cursor: pointer; backdrop-filter: blur(10px);\r\n transition: background .3s ease, color .3s ease;\r\n }\r\n .tko-icon-btn:hover, .tko-icon-btn:focus-visible { color: var(--b); background: var(--cream); }\r\n .tko-icon-btn svg { width: 1.05rem; height: 1.05rem; fill: currentColor; }\r\n .tko-hero h1 {\r\n max-width: 12ch;\r\n font-size: calc(clamp(3.2rem, 7.6vw, 7.8rem));\r\n font-weight: 300; line-height: .9; letter-spacing: -.055em;\r\n }\r\n .tko-hero h1 strong { font-weight: 600; }\r\n .tko-line { display: block; overflow: hidden; padding-bottom: .06em; }\r\n .tko-line > span { display: inline-block; transform: translateY(110%); transition: transform 1.1s var(--e); }\r\n .tko-hero.is-in .tko-line > span { transform: none; }\r\n .tko-hero.is-in .tko-line:nth-child(2) > span { transition-delay: .12s; }\r\n .tko-hero__bottom {\r\n display: grid; grid-template-columns: minmax(0, 34rem) auto; gap: 1.5rem 4rem; align-items: end;\r\n margin-top: clamp(1.4rem, 3vw, 2.4rem);\r\n }\r\n .tko-hero__lead { font-size: clamp(1.05rem, 1.5vw, 1.32rem); line-height: 1.45; color: rgba(255, 255, 255, .9); }\r\n .tko-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; }\r\n .tko-fade { opacity: 0; transform: translateY(1.2rem); transition: opacity .9s var(--e) .45s, transform .9s var(--e) .45s; }\r\n .tko-hero.is-in .tko-fade { opacity: 1; transform: none; }\r\n\r\n \/* Acte 1 bis : texte affich\u00e9 une fois le cadre ouvert *\/\r\n .tko-hero__story {\r\n position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center;\r\n padding: 0 clamp(1.5rem, 4vw, 4rem);\r\n opacity: var(--so, 0); transform: translateY(calc((1 - var(--so, 0)) * 2rem)); pointer-events: none;\r\n }\r\n .tko-hero__story.is-live { pointer-events: auto; }\r\n .tko-hero__story .w { color: var(--ink); opacity: 0; transition: opacity .35s ease; }\r\n .tko-hero__story .w.on { opacity: 1; }\r\n @media (prefers-reduced-motion: reduce) { .tko-hero__story .w { opacity: 1; } }\r\n .tko-hero__story p { max-width: 44ch; font-size: clamp(1.15rem, .9rem + .9vw, 1.6rem); font-weight: 300; line-height: 1.45; letter-spacing: -.01em; color: var(--ink); }\r\n @media (max-width: 760px) { .tko-hero__story p { font-size: 1.1rem; max-width: none; } }\r\n @media (max-width: 760px) { .tko-hero__num { top: 2.5rem; transform: none; font-size: 34vw; } }\r\n @media (prefers-reduced-motion: reduce) { .tko-hero__story { position: relative; opacity: 1; transform: none; padding: 2rem clamp(1.5rem, 4vw, 4rem); } }\r\n\r\n \/* Les quatre temps *\/\r\n .tko-quad {\r\n position: absolute; left: 0; right: 0; bottom: 0;\r\n padding: 0 max(clamp(1.5rem, 4vw, 4rem), calc((100% - 1440px) \/ 2 + 2.5rem)) clamp(1.75rem, 4.5vh, 3.5rem);\r\n opacity: var(--qo, 0); transform: translateY(calc((1 - var(--qo, 0)) * 2rem));\r\n }\r\n .tko-quad__title { margin-bottom: clamp(1.75rem, 5vh, 3.25rem); font-size: clamp(2rem, 4.2vw, 4.2rem); font-weight: 300; line-height: .95; letter-spacing: -.05em; }\r\n .tko-quad__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1rem, 2.4vw, 2.5rem); }\r\n .tko-quad__item { opacity: .45; transition: opacity .45s ease; }\r\n .tko-quad__item.is-active { opacity: 1; }\r\n .tko-quad__bar { display: block; height: 2px; margin-bottom: 1rem; background: rgba(255, 255, 255, .25); border-radius: 2px; overflow: hidden; }\r\n .tko-quad__bar i { display: block; height: 100%; background: var(--cream); transform: scaleX(var(--ip, 0)); transform-origin: left; }\r\n .tko-quad__time { font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }\r\n .tko-quad__item h2 { margin-top: .45rem; font-size: clamp(1.6rem, 2.4vw, 2.4rem); font-weight: 500; line-height: 1; letter-spacing: -.04em; }\r\n .tko-quad__item p { margin-top: .6rem; font-size: .92rem; line-height: 1.4; color: rgba(255, 255, 255, .82); }\r\n .tko-quad__item a {\r\n display: inline-flex; align-items: center; gap: .5rem; margin-top: .9rem; padding: .5rem 1rem;\r\n border: 1px solid rgba(255, 255, 255, .5); border-radius: 999px; font-size: .82rem; font-weight: 600; text-decoration: none;\r\n transition: background .3s ease, color .3s ease, border-color .3s ease;\r\n }\r\n .tko-quad__item a:hover, .tko-quad__item a:focus-visible { color: var(--b); background: var(--cream); border-color: var(--cream); }\r\n\r\n \/* Acte 3 : le devis dans le cadre *\/\r\n .tko-hero__quote {\r\n position: absolute; inset: 0; display: grid; grid-template-columns: .8fr 1.2fr; grid-template-rows: minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center;\r\n padding: clamp(1rem, 2.4vh, 2rem) clamp(1.5rem, 4vw, 4rem);\r\n opacity: var(--oo, 0); transform: translateY(calc((1 - var(--oo, 0)) * 2rem));\r\n }\r\n .tko-anchor { position: absolute; top: 0; }\r\n .tko-hero__quote .tko-form { max-height: 100%; overflow-y: auto; overscroll-behavior: contain; min-height: 0; padding: clamp(1rem, 2.6vh, 1.75rem) clamp(1.25rem, 2.4vw, 2rem); box-shadow: 0 1.5rem 4rem -1.5rem rgba(0, 0, 0, .5); }\r\n \/* \u00c9tape 4 plus compacte pour tenir dans le cadre *\/\r\n .tko-hero__quote .tko-form__progress { margin-bottom: 1rem; }\r\n .tko-hero__quote .tko-form__step { margin-bottom: .5rem; }\r\n .tko-hero__quote .tko-form__hint { margin: .35rem 0 1rem; }\r\n .tko-hero__quote .tko-fields { gap: .55rem .8rem; margin-top: .9rem; }\r\n .tko-hero__quote .tko-field { gap: .25rem; }\r\n .tko-hero__quote .tko-field input { padding: .65rem 1rem; }\r\n .tko-hero__quote .tko-field textarea { min-height: 3.2rem; height: 3.2rem; padding: .65rem 1rem; }\r\n .tko-hero__quote .tko-consent { margin-top: .7rem; }\r\n .tko-hero__quote .tko-form__error { margin-top: .4rem; min-height: 0; }\r\n .tko-hero__quote .tko-form__error:empty { display: none; }\r\n .tko-hero__quote .tko-form__nav { margin-top: .9rem; }\r\n .tko-hero__quote .tko-btn { min-height: 2.9rem; padding: .7rem 1.4rem; }\r\n\r\n .tko-hero__intro, .tko-quad, .tko-hero__quote { pointer-events: none; }\r\n .tko-hero__intro.is-live, .tko-quad.is-live, .tko-hero__quote.is-live { pointer-events: auto; }\r\n\r\n \/* Bande sous le cadre *\/\r\n .tko-seq__band {\r\n position: absolute; left: 50%; top: var(--bt, calc(16px + 72svh)); height: 72px; width: var(--w);\r\n display: flex; align-items: center; gap: clamp(1rem, 3vw, 2.5rem);\r\n transform: translateX(-50%); opacity: var(--bo, 1);\r\n }\r\n .tko-seq__band .tko-marquee { flex: 1; min-width: 0; margin: 0; border: 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }\r\n .tko-countdown { display: inline-flex; align-items: baseline; gap: .5rem; flex: 0 0 auto; padding: .6rem 1.1rem; border: 1px solid var(--line); border-radius: 999px; font-size: .85rem; color: var(--mute); white-space: nowrap; }\r\n .tko-countdown b { color: var(--b); font-size: 1.15rem; font-weight: 600; font-variant-numeric: tabular-nums; }\r\n\r\n @media (max-width: 760px) {\r\n .tko-hero__bottom { grid-template-columns: 1fr; }\r\n .tko-hero__actions { justify-content: flex-start; display: grid; }\r\n .tko-hero__actions .tko-btn { width: 100%; }\r\n .tko-quad__grid { grid-template-columns: 1fr; }\r\n .tko-quad__item { grid-area: 1 \/ 1; opacity: 0; }\r\n .tko-quad__item.is-active { opacity: 1; }\r\n .tko-quad__title { font-size: 1.9rem; }\r\n .tko-countdown, .tko-marquee__label { display: none; }\r\n .tko-seq__band { height: 60px; }\r\n .tko-logo { font-size: 12px; }\r\n .tko-hero__quote { grid-template-columns: 1fr; align-items: start; align-content: start; overflow-y: auto; padding-top: 1.25rem; gap: 1rem; }\r\n .tko-hero__quote .tko-brief__intro p, .tko-hero__quote .tko-brief__reassure { display: none; }\r\n .tko-hero__quote .tko-brief__intro h2 { font-size: 2rem; }\r\n .tko-hero__quote .tko-brief__intro .tko-label { margin-bottom: .6rem; }\r\n .tko-hero__quote .tko-form { max-height: none; overflow: visible; }\r\n }\r\n @media (prefers-reduced-motion: reduce) {\r\n .tko-seq { height: auto; }\r\n .tko-seq__stick { position: static; height: auto; overflow: visible; padding: 16px 0 0; }\r\n .tko .tko-hero { position: relative; left: auto; top: auto; transform: none; width: var(--w); height: auto; margin: 0 auto; border-radius: var(--r); }\r\n .tko-hero__intro { position: relative; min-height: 70svh; opacity: 1; transform: none; pointer-events: auto; }\r\n .tko-quad { position: relative; opacity: 1; transform: none; padding: 0 clamp(1.5rem, 4vw, 4rem) 3rem; pointer-events: auto; }\r\n .tko-quad__grid { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }\r\n .tko-quad__item, .tko-quad__item.is-active { grid-area: auto; opacity: 1; }\r\n .tko-quad__bar i { transform: scaleX(1); }\r\n .tko-layer { display: none; }\r\n .tko-hero__quote { position: relative; opacity: 1; transform: none; pointer-events: auto; padding-bottom: 3rem; }\r\n .tko-seq__band { position: relative; left: auto; top: auto; transform: none; margin: 1rem auto 0; padding-block: 1rem; opacity: 1; }\r\n }\r\n\r\n \/* ---------- 2. Bandeau d\u00e9filant ---------- *\/\r\n .tko-marquee { margin-top: clamp(1rem, 2vw, 1.5rem); overflow: hidden; border-block: 1px solid var(--line); }\r\n .tko-marquee__track { display: flex; width: max-content; animation: tko-marquee 38s linear infinite; }\r\n .tko-marquee:hover .tko-marquee__track { animation-play-state: paused; }\r\n .tko-marquee__group { display: flex; align-items: center; flex-shrink: 0; }\r\n .tko-marquee__item { display: inline-flex; align-items: center; padding: .3rem clamp(1.4rem, 2.6vw, 2.4rem) .3rem 0; }\r\n .tko-logo { position: relative; display: block; overflow: hidden; font-size: 16px; }\r\n .tko .tko-logo img { position: absolute; max-width: none; object-fit: fill; mix-blend-mode: multiply; filter: grayscale(1); opacity: .62; transition: opacity .3s ease; }\r\n .tko-marquee:hover .tko-logo img { opacity: .9; }\r\n .tko-marquee__label { flex: 0 0 auto; font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--mute); white-space: nowrap; }\r\n @keyframes tko-marquee { to { transform: translateX(-50%); } }\r\n\r\n \/* ---------- 3. Accroche remplie au scroll ---------- *\/\r\n .tko-hook { padding-block: clamp(3rem, 6vw, 5rem); }\r\n .tko-hook .tko-label { color: var(--b); margin-bottom: 1.25rem; }\r\n .tko-hook__text {\r\n max-width: 22ch;\r\n font-size: clamp(2.3rem, 5.6vw, 5.4rem); font-weight: 500; line-height: 1.04; letter-spacing: -.045em;\r\n }\r\n .tko-hook__text .w { color: rgba(15, 15, 20, .14); transition: color .25s linear; }\r\n .tko-hook__text .w.on { color: var(--ink); }\r\n .tko-hook__text .w.accent.on { color: var(--b); }\r\n\r\n \/* En-t\u00eates de section *\/\r\n .tko-section-head { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: end; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }\r\n .tko-section-head h2 { max-width: 20ch; font-size: clamp(2.9rem, 6.4vw, 6.4rem); font-weight: 500; line-height: .97; letter-spacing: -.05em; }\r\n .tko-section-head p { max-width: 33rem; justify-self: end; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); }\r\n .tko-section-head .tko-label { color: var(--b); margin-bottom: 1.25rem; }\r\n\r\n \/* ---------- 6. Lieux (rail) ---------- *\/\r\n .tko-venues { padding-block: clamp(1.5rem, 3vw, 2.5rem) 0; }\r\n .tko-rail {\r\n display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;\r\n width: var(--w); margin-inline: auto; padding-bottom: .5rem;\r\n cursor: grab;\r\n }\r\n \/* M\u00eame largeur que les autres sections : sur ordinateur, les 4 lieux tiennent sur une ligne *\/\r\n .tko-rail .tko-venue { flex: 0 0 calc((100% - 3rem) \/ 4); height: clamp(24rem, 32vw, 30rem); }\r\n .tko-rail.is-static { cursor: auto; }\r\n @media (max-width: 980px) { .tko-rail .tko-venue { flex-basis: calc((100% - 1rem) \/ 2.25); } }\r\n @media (max-width: 640px) { .tko-rail .tko-venue { flex-basis: 82%; height: 26rem; } }\r\n .tko-rail::-webkit-scrollbar { display: none; }\r\n .tko-rail.is-dragging { cursor: grabbing; scroll-snap-type: none; }\r\n .tko-rail.is-dragging a { pointer-events: none; }\r\n .tko-venue {\r\n position: relative; flex: 0 0 clamp(17rem, 27vw, 25rem); height: clamp(26rem, 38vw, 34rem);\r\n display: flex; flex-direction: column; justify-content: flex-end;\r\n padding: 1.5rem; border-radius: 1.75rem; overflow: hidden; isolation: isolate;\r\n color: var(--white); background: var(--deep); text-decoration: none; scroll-snap-align: start;\r\n }\r\n .tko-venue img { position: absolute; z-index: -2; inset: 0; transition: transform 1.1s var(--e), filter .6s ease; user-select: none; -webkit-user-drag: none; }\r\n .tko-venue::after { content: \"\"; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .78)); }\r\n .tko-venue:hover img, .tko-venue:focus-visible img { transform: scale(1.06); }\r\n .tko .tko-venue--type { color: var(--ink); background: var(--p-lav); }\r\n .tko-venue--type .tko-venue__go { border-color: rgba(15, 15, 20, .3); }\r\n .tko-venue--type:hover .tko-venue__go { color: var(--white); background: var(--b); border-color: var(--b); }\r\n .tko-venue--type .tko-venue__badge { color: var(--white); background: var(--b); }\r\n .tko-venue--type .tko-venue__pills li { border-color: rgba(15, 15, 20, .22); }\r\n .tko-venue--type::before {\r\n content: attr(data-mono); position: absolute; z-index: -1; top: 1rem; left: 1.25rem;\r\n font-size: clamp(7rem, 12vw, 11rem); font-weight: 300; line-height: 1; letter-spacing: -.08em; color: rgba(0, 50, 250, .09);\r\n }\r\n .tko-venue--type::after { display: none; }\r\n .tko-venue small { margin-bottom: .55rem; font-size: .7rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; opacity: .75; }\r\n .tko-venue h3 { font-size: clamp(1.7rem, 2.6vw, 2.5rem); font-weight: 500; line-height: 1; letter-spacing: -.04em; }\r\n .tko-venue p { margin-top: .6rem; font-size: .9rem; opacity: .82; }\r\n .tko-venue__go {\r\n position: absolute; top: 1.25rem; right: 1.25rem; display: grid; place-items: center; width: 2.9rem; aspect-ratio: 1;\r\n border: 1px solid rgba(255, 255, 255, .6); border-radius: 50%; transition: transform .4s var(--e), background .3s ease, color .3s ease;\r\n }\r\n .tko-venue:hover .tko-venue__go { color: var(--b); background: var(--cream); transform: rotate(45deg); }\r\n .tko-venue__badge {\r\n position: absolute; top: 1.25rem; left: 1.25rem; padding: .4rem .8rem; border-radius: 999px;\r\n color: var(--b); background: var(--cream); font-size: .72rem; font-weight: 600;\r\n }\r\n .tko-rail-nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; width: var(--w); margin: 1.25rem auto 0; }\r\n .tko-rail-nav__btns { display: flex; gap: .5rem; }\r\n .tko-rail-nav .tko-icon-btn { color: var(--b); background: transparent; border-color: var(--b); backdrop-filter: none; }\r\n .tko-rail-nav .tko-icon-btn:hover, .tko-rail-nav .tko-icon-btn:focus-visible { color: var(--white); background: var(--b); }\r\n\r\n \/* Bento lieux mis en avant *\/\r\n .tko-bento { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-bento .tko-venue { flex: none; width: 100%; }\r\n .tko-venue--hero { height: auto; min-height: clamp(34rem, 52vw, 46rem); padding: clamp(1.5rem, 3vw, 2.5rem); }\r\n .tko-venue--hero h3 { font-size: clamp(2.6rem, 5vw, 4.8rem); }\r\n .tko-venue--hero p { max-width: 30rem; font-size: clamp(.98rem, 1.3vw, 1.12rem); }\r\n .tko-venue--hero.tko-venue--type::before { top: 4.5rem; font-size: clamp(5rem, 11vw, 10rem); letter-spacing: -.06em; }\r\n .tko-venue__pills { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }\r\n .tko-venue__pills li { padding: .4rem .85rem; border: 1px solid rgba(255, 255, 255, .4); border-radius: 999px; font-size: .78rem; }\r\n .tko-bento__side { display: grid; grid-template-rows: 1fr 1fr; gap: 1rem; }\r\n .tko-bento__side .tko-venue { height: auto; min-height: 17rem; }\r\n .tko-bento__title { display: grid; gap: .8rem; padding: .5rem 0 .25rem; font-size: clamp(1.3rem, 2vw, 1.75rem); font-weight: 500; line-height: 1.15; letter-spacing: -.03em; }\r\n .tko-bento__title .tko-label { color: var(--b); }\r\n .tko .tko-venue--forest { background: var(--p-mint); }\r\n .tko .tko-venue--river { background: var(--p-blue); }\r\n .tko-venue--hero .tko-venue__badge { font-size: .8rem; padding: .5rem 1rem; }\r\n @media (max-width: 980px) {\r\n .tko-bento { grid-template-columns: 1fr; }\r\n .tko-venue--hero { min-height: 32rem; }\r\n }\r\n\r\n \/* ---------- 6 bis. Activit\u00e9s ---------- *\/\r\n .tko-acts { padding-top: clamp(2.5rem, 5vw, 4rem); }\r\n .tko-acts__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }\r\n .tko-acts__grid .tko-venue { flex: none; width: 100%; height: clamp(22rem, 30vw, 28rem); }\r\n @media (max-width: 980px) { .tko-acts__grid { grid-template-columns: repeat(2, 1fr); } }\r\n .tko-acts__grid .tko-venue::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .86)); }\r\n @media (max-width: 640px) {\r\n .tko-acts__grid .tko-venue { height: 15rem; padding: 1rem; }\r\n .tko-acts__grid .tko-venue h3 { font-size: 1.15rem; }\r\n .tko-acts__grid .tko-venue small { font-size: .62rem; letter-spacing: .08em; }\r\n .tko-acts__grid .tko-venue__go { display: none; }\r\n }\r\n\r\n \/* ---------- 7. Teroir ---------- *\/\r\n .tko-teroir { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(1.5rem, 4vw, 4rem); align-items: center; margin-block: clamp(2rem, 4vw, 3rem); padding: clamp(1.5rem, 4vw, 4rem); background: var(--p-mint); border-radius: var(--r); }\r\n .tko-teroir__media { position: relative; height: clamp(30rem, 52vw, 46rem); }\r\n .tko-teroir__main { position: absolute; inset: 0 18% 0 0; border-radius: 1.9rem; overflow: hidden; clip-path: inset(12% 12% 12% 12% round 1.9rem); transition: clip-path 1.4s var(--e); }\r\n .tko-teroir__main img { transform: scale(1.15); transition: transform 1.8s var(--e); }\r\n .tko-teroir__side { position: absolute; right: 0; bottom: 8%; width: 40%; height: 46%; border: .5rem solid var(--p-mint); border-radius: 1.6rem; overflow: hidden; transform: translateY(var(--py, 0px)); }\r\n .tko-teroir.is-visible .tko-teroir__main { clip-path: inset(0 0 0 0 round 1.9rem); }\r\n .tko-teroir.is-visible .tko-teroir__main img { transform: scale(1); }\r\n .tko-teroir .tko-label { color: var(--b); margin-bottom: 1.4rem; }\r\n .tko-teroir h2 { font-size: clamp(2.7rem, 5.2vw, 5.2rem); font-weight: 500; line-height: .98; letter-spacing: -.05em; }\r\n .tko-teroir__lead { margin-top: 2rem; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); max-width: 34rem; }\r\n .tko-teroir__lead--2 { margin-top: 1rem; }\r\n .tko-teroir > div > .tko-btn { margin-top: 2rem; }\r\n .tko-teroir__steps { display: grid; gap: .6rem; margin: 2rem 0; padding: 0; list-style: none; }\r\n .tko-teroir__steps li { display: grid; grid-template-columns: 2.75rem 1fr; gap: .75rem; align-items: start; padding: 1.1rem 1.25rem; background: var(--white); border-radius: 1.25rem; }\r\n .tko-teroir__n { font-size: .82rem; font-weight: 600; letter-spacing: .08em; color: var(--mute); padding-top: .2rem; font-variant-numeric: tabular-nums; }\r\n .tko-teroir__steps b { display: block; font-size: 1.08rem; font-weight: 600; letter-spacing: -.01em; }\r\n .tko-teroir__steps li span:not(.tko-teroir__n) { display: block; margin-top: .25rem; color: var(--mute); font-size: .95rem; line-height: 1.4; }\r\n\r\n \/* ---------- 8. Preuves ---------- *\/\r\n .tko-proof { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-proof__item { padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 2vw, 2rem); border-radius: 1.5rem; background: var(--p-blue); }\r\n .tko-proof__item:nth-child(2) { background: var(--p-yellow); }\r\n .tko-proof__item:nth-child(3) { background: var(--p-lav); }\r\n .tko-proof__item:nth-child(4) { background: var(--p-mint); }\r\n .tko-proof__item strong { display: block; color: var(--b); font-size: clamp(3rem, 5.4vw, 5.4rem); font-weight: 500; line-height: .9; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }\r\n .tko-proof__item span { display: block; margin-top: .8rem; max-width: 14rem; color: var(--mute); font-size: .9rem; line-height: 1.3; }\r\n\r\n .tko-proof__item--bcorp { display: flex; align-items: center; gap: 1.25rem; }\r\n #tero-kickoff .tko-proof__bcorp { flex: 0 0 auto; width: auto !important; height: clamp(4.5rem, 6vw, 6rem) !important; max-width: none !important; object-fit: contain !important; }\r\n .tko-proof__item--bcorp span { margin-top: 0; }\r\n \/* ---------- 9. Brief (formulaire en \u00e9tapes) ---------- *\/\r\n .tko-brief__intro h2 { font-size: clamp(2.2rem, 4.4vw, 4.4rem); font-weight: 500; line-height: .97; letter-spacing: -.05em; }\r\n .tko-brief__intro p { margin-top: 1.5rem; color: rgba(255, 255, 255, .78); max-width: 26rem; }\r\n .tko-brief__intro .tko-label { margin-bottom: 1.4rem; }\r\n .tko-brief__reassure { display: grid; gap: .7rem; margin: 2rem 0 0; padding: 0; list-style: none; font-size: .92rem; color: rgba(255, 255, 255, .85); }\r\n .tko-brief__reassure li { display: flex; gap: .7rem; }\r\n .tko-brief__reassure li::before { content: \"\u2713\"; color: var(--p-blue); font-weight: 600; }\r\n\r\n .tko-form { position: relative; min-height: 30rem; padding: clamp(1.25rem, 3vw, 2.25rem); color: var(--ink); background: var(--white); border-radius: 1.6rem; }\r\n .tko-form__progress { display: flex; gap: .4rem; margin-bottom: 1.75rem; }\r\n .tko-form__progress span { flex: 1; height: 4px; border-radius: 4px; background: var(--line); transition: background .4s ease; }\r\n .tko-form__progress span.on { background: var(--b); }\r\n .tko-form fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }\r\n .tko-form fieldset[hidden] { display: none; }\r\n .tko-form legend { padding: 0; font-size: clamp(1.5rem, 2.4vw, 2.1rem); font-weight: 500; line-height: 1.1; letter-spacing: -.035em; }\r\n .tko-form__hint { margin: .5rem 0 1.5rem; color: var(--mute); font-size: .92rem; }\r\n .tko-form__step { display: block; margin-bottom: .9rem; color: var(--b); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\r\n .tko-chips { display: flex; flex-wrap: wrap; gap: .55rem; }\r\n .tko-chip { position: relative; }\r\n .tko-chip input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }\r\n .tko-chip span {\r\n display: inline-flex; align-items: center; min-height: 2.9rem; padding: .7rem 1.25rem;\r\n border: 1px solid var(--line); border-radius: 999px; background: var(--p-ice);\r\n font-size: .95rem; font-weight: 500; transition: color .25s ease, background .25s ease, border-color .25s ease, transform .3s var(--e);\r\n }\r\n .tko-chip:hover span { border-color: var(--b); }\r\n .tko-chip input:checked + span { color: var(--white); background: var(--b); border-color: var(--b); }\r\n .tko-chip input:focus-visible + span { outline: 3px solid var(--b); outline-offset: 3px; }\r\n .tko-form__group + .tko-form__group { margin-top: 1.6rem; }\r\n .tko-form__group > p { margin-bottom: .7rem; font-weight: 600; font-size: .95rem; }\r\n .tko-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: 1.25rem; }\r\n .tko-field { display: grid; gap: .35rem; }\r\n .tko-field--full { grid-column: 1 \/ -1; }\r\n .tko-field label { font-size: .82rem; font-weight: 600; }\r\n .tko-field input, .tko-field textarea {\r\n width: 100%; padding: .9rem 1.15rem; border: 1px solid var(--line); border-radius: 999px; background: var(--p-ice);\r\n font: inherit; font-size: .98rem; color: var(--ink);\r\n }\r\n .tko-field textarea { min-height: 6.5rem; border-radius: 1.25rem; resize: vertical; }\r\n .tko-field input:focus, .tko-field textarea:focus { outline: 2px solid var(--b); outline-offset: 1px; border-color: var(--b); }\r\n \/* le th\u00e8me change l'arrondi des champs au clic : on garde la forme pilule *\/\r\n #tero-kickoff .tko-field input, #tero-kickoff .tko-field input:focus { border-radius: 999px; }\r\n #tero-kickoff .tko-field textarea, #tero-kickoff .tko-field textarea:focus { border-radius: 1.25rem; }\r\n .tko-consent { display: flex; gap: .7rem; align-items: flex-start; margin-top: 1rem; color: var(--mute); font-size: .82rem; }\r\n .tko-consent input { margin-top: .2rem; accent-color: var(--b); }\r\n .tko-form__nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 2rem; }\r\n .tko-form__back { padding: .5rem 0; border: 0; background: none; color: var(--mute); font: inherit; font-weight: 600; cursor: pointer; }\r\n .tko-form__back[hidden] { visibility: hidden; display: inline; }\r\n .tko-form__error { margin-top: 1rem; color: var(--b); font-size: .88rem; font-weight: 600; min-height: 1.3em; }\r\n .tko-form__done { display: none; text-align: left; }\r\n .tko-form.is-done form { display: none; }\r\n .tko-form.is-done .tko-form__done { display: block; }\r\n .tko-form__done h3 { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 500; letter-spacing: -.04em; line-height: 1.05; }\r\n .tko-form__done p { margin-top: 1rem; color: var(--mute); }\r\n\r\n \/* ---------- 10. FAQ ---------- *\/\r\n .tko-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 5vw, 5rem); padding-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-faq h2 { font-size: clamp(2.6rem, 5vw, 4.8rem); font-weight: 500; line-height: .98; letter-spacing: -.05em; }\r\n .tko-faq .tko-label { color: var(--b); margin-bottom: 1.4rem; }\r\n .tko-faq__list { border-top: 1px solid var(--line); }\r\n .tko-faq details { border-bottom: 1px solid var(--line); }\r\n .tko-faq summary {\r\n display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 1.5rem 0;\r\n font-size: clamp(1.1rem, 1.7vw, 1.4rem); font-weight: 500; letter-spacing: -.02em; cursor: pointer; list-style: none;\r\n }\r\n .tko-faq summary::-webkit-details-marker { display: none; }\r\n .tko-faq summary::after {\r\n content: \"+\"; flex: 0 0 auto; display: grid; place-items: center; width: 2.4rem; aspect-ratio: 1;\r\n color: var(--b); border: 1px solid var(--b); border-radius: 50%; font-size: 1.2rem; transition: transform .4s var(--e), background .3s ease, color .3s ease;\r\n }\r\n .tko-faq details[open] summary::after { transform: rotate(45deg); color: var(--white); background: var(--b); }\r\n .tko-faq details p { padding: 0 3.5rem 1.6rem 0; color: var(--mute); }\r\n\r\n \/* ---------- 11. Fin ---------- *\/\r\n .tko-closing { padding-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-closing__card {\r\n position: relative; isolation: isolate; overflow: hidden;\r\n min-height: min(34rem, 72svh); display: flex; flex-direction: column; justify-content: flex-end;\r\n padding: clamp(1.75rem, 5vw, 5rem); border-radius: var(--r); color: var(--ink); background: var(--p-blue);\r\n }\r\n .tko-closing__card .tko-label { color: var(--b); }\r\n .tko-closing__num {\r\n position: absolute; z-index: -1; right: -.06em; top: 50%; transform: translateY(-50%);\r\n font-size: clamp(18rem, 42vw, 40rem); font-weight: 600; line-height: .8; letter-spacing: -.1em;\r\n color: transparent; -webkit-text-stroke: 1.5px rgba(0, 50, 250, .28);\r\n background: linear-gradient(90deg, rgba(0, 50, 250, .12) 0 var(--fill, 0%), transparent var(--fill, 0%));\r\n -webkit-background-clip: text; background-clip: text;\r\n }\r\n .tko-closing h2 { max-width: 13ch; font-size: clamp(2.8rem, 6.2vw, 6.4rem); font-weight: 500; line-height: .96; letter-spacing: -.05em; }\r\n .tko-closing p { max-width: 32rem; margin-top: 1.6rem; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); }\r\n .tko-closing__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2.2rem; }\r\n\r\n \/* ---------- Apparitions ---------- *\/\r\n .tko-reveal { opacity: 0; transform: translateY(2.2rem); transition: opacity .9s var(--e), transform .9s var(--e); }\r\n .tko-reveal.is-visible { opacity: 1; transform: none; }\r\n .tko-reveal[data-delay=\"1\"] { transition-delay: .1s; }\r\n .tko-reveal[data-delay=\"2\"] { transition-delay: .2s; }\r\n\r\n\r\n\r\n \/* Titres : m\u00eame couleur partout, le contraste se fait par la graisse (300 \u2192 600) *\/\r\n .tko-section-head h2, .tko-teroir h2, .tko-faq h2, .tko-closing h2, .tko-brief__intro h2, .tko-quad__title { font-weight: 300; }\r\n .tko-section-head h2 strong, .tko-teroir h2 strong, .tko-faq h2 strong, .tko-closing h2 strong, .tko-brief__intro h2 strong, .tko-quad__title strong { font-weight: 600; }\r\n\r\n \/* ---------- Protection contre les couleurs de liens du th\u00e8me (Elementor) ----------\r\n Le th\u00e8me applique sa couleur \u00e0 tous les liens avec une priorit\u00e9 plus forte que nos classes.\r\n L'identifiant #tero-kickoff passe devant, \u00e9tat normal comme survol. *\/\r\n #tero-kickoff a, #tero-kickoff a:hover, #tero-kickoff a:focus, #tero-kickoff a:visited { text-decoration: none; }\r\n #tero-kickoff a.tko-btn--solid, #tero-kickoff a.tko-btn--solid:visited { color: var(--b); }\r\n #tero-kickoff a.tko-btn--solid:hover, #tero-kickoff a.tko-btn--solid:focus-visible { color: var(--cream); }\r\n #tero-kickoff a.tko-btn--ghost, #tero-kickoff a.tko-btn--ghost:visited { color: var(--white); }\r\n #tero-kickoff a.tko-btn--ghost:hover, #tero-kickoff a.tko-btn--ghost:focus-visible { color: var(--b); }\r\n #tero-kickoff a.tko-btn--bx, #tero-kickoff a.tko-btn--bx:visited,\r\n #tero-kickoff a.tko-btn--bx:hover, #tero-kickoff a.tko-btn--bx:focus-visible { color: var(--white); }\r\n #tero-kickoff a.tko-btn--line, #tero-kickoff a.tko-btn--line:visited { color: var(--b); }\r\n #tero-kickoff a.tko-btn--line:hover, #tero-kickoff a.tko-btn--line:focus-visible { color: var(--white); }\r\n #tero-kickoff .tko-quad__item a, #tero-kickoff .tko-quad__item a:visited { color: var(--white); }\r\n #tero-kickoff .tko-quad__item a:hover, #tero-kickoff .tko-quad__item a:focus-visible { color: var(--b); }\r\n #tero-kickoff a.tko-venue, #tero-kickoff a.tko-venue:visited, #tero-kickoff a.tko-venue:hover { color: var(--white); }\r\n #tero-kickoff a.tko-venue--type, #tero-kickoff a.tko-venue--type:visited, #tero-kickoff a.tko-venue--type:hover { color: var(--ink); }\r\n\r\n\r\n \/* ---------- Protection contre les r\u00e8gles m\u00e9dias du th\u00e8me ----------\r\n WordPress\/Elementor imposent souvent img\/iframe { max-width:100%; height:auto }.\r\n Sans ce verrou, la vid\u00e9o et les photos du hero ne remplissent plus le cadre (bande noire). *\/\r\n #tero-kickoff .tko-layer img,\r\n #tero-kickoff .tko-venue img,\r\n #tero-kickoff .tko-int__ph img,\r\n #tero-kickoff .tko-pilier__ph img,\r\n #tero-kickoff .tko-teroir__media img {\r\n width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important;\r\n object-fit: cover !important; margin: 0 !important;\r\n }\r\n #tero-kickoff .tko-logo img { max-width: none !important; }\r\n\r\n\r\n \/* ---------- Lien dans le texte du hero ---------- *\/\r\n #tero-kickoff .tko-hero__link, #tero-kickoff .tko-hero__link:visited { color: #fff; text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }\r\n #tero-kickoff .tko-hero__link:hover { text-decoration-thickness: 2px; }\r\n\r\n \/* ---------- Rassurants au-dessus de l'accroche ---------- *\/\r\n .tko-proof { margin-top: clamp(2rem, 4vw, 3rem); margin-bottom: 0; }\r\n\r\n \/* ---------- Ancres : laisser la place de la barre d'acc\u00e8s rapide ---------- *\/\r\n .tko [id^=\"tko-\"] { scroll-margin-top: 92px; }\r\n\r\n \/* ---------- Barre d'acc\u00e8s rapide (remplace le menu du site) ---------- *\/\r\n .tko-quicknav {\r\n position: sticky; z-index: 120; top: 0; margin-top: clamp(1.25rem, 2.5vw, 2rem);\r\n background: transparent; border-bottom: 1px solid transparent;\r\n transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;\r\n }\r\n .tko-quicknav.is-on { background: rgba(255, 255, 255, .97); border-bottom-color: var(--line); box-shadow: 0 .4rem 1.2rem -1rem rgba(0, 0, 0, .25); }\r\n .tko-quicknav-mark { height: 1px; margin-bottom: -1px; }\r\n .tko-quicknav__in { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; width: var(--w); margin: 0 auto; padding: 1.15rem 0 1rem; }\r\n #tero-kickoff .tko-quicknav a {\r\n display: flex; align-items: center; justify-content: center; min-height: 2.9rem; padding: .55rem 1rem;\r\n border: 1px solid var(--ink); border-radius: 999px; color: var(--ink); background: transparent;\r\n font-size: clamp(.75rem, .62rem + .55vw, .96rem); font-weight: 500; text-align: center; line-height: 1.15;\r\n transition: background .25s ease, color .25s ease, border-color .25s ease;\r\n }\r\n \/* M\u00eames pastels que les rassurants : bleu, jaune, lavande, menthe *\/\r\n #tero-kickoff .tko-quicknav a.is-cta { font-weight: 600; background: var(--p-mint); border-color: #8fd9cf; }\r\n #tero-kickoff .tko-quicknav a.is-cta:hover, #tero-kickoff .tko-quicknav a.is-cta:focus-visible { background: #c8f1eb; border-color: #8fd9cf; }\r\n #tero-kickoff .tko-quicknav a:hover, #tero-kickoff .tko-quicknav a:focus-visible { color: var(--ink); background: var(--p-blue); border-color: var(--p-blue); }\r\n .tko-quicknav .s { display: none; }\r\n \/* Menu du site l\u00e9g\u00e8rement transparent (verre d\u00e9poli) sur cette page, avant qu'il disparaisse *\/\r\n .elementor-location-header .elementor-sticky--active {\r\n background-color: rgba(255, 255, 255, .62) !important;\r\n -webkit-backdrop-filter: saturate(160%) blur(16px); backdrop-filter: saturate(160%) blur(16px);\r\n transition: background-color .3s ease, transform .4s ease !important;\r\n }\r\n \/* Menu du site cach\u00e9 tant que la barre est affich\u00e9e *\/\r\n body.tko-menu-hidden .elementor-location-header .elementor-sticky--active,\r\n body.tko-menu-hidden .elementor-location-header .elementor-sticky { transform: translateY(-120%) !important; transition: transform .4s ease !important; }\r\n @media (max-width: 760px) {\r\n .tko-quicknav__in { gap: .35rem; padding: .8rem 0 .7rem; }\r\n #tero-kickoff .tko-quicknav a { min-height: 2.5rem; padding: .4rem .3rem; font-size: .78rem; }\r\n .tko-quicknav .l { display: none; }\r\n .tko-quicknav .s { display: inline; }\r\n }\r\n\r\n \/* ---------- Intentions ---------- *\/\r\n .tko-intents { padding-top: clamp(1rem, 2vw, 1.5rem); }\r\n .tko-intents__panel { padding: clamp(1.5rem, 4vw, 3.5rem); background: var(--p-blue); border-radius: var(--r); }\r\n .tko-intents__head { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }\r\n .tko-intents__head h2 { max-width: 20ch; font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\r\n .tko-intents__head h2 strong { font-weight: 600; }\r\n .tko-intents__head p { max-width: 36rem; margin-top: 1rem; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\r\n .tko-intents__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)) minmax(14rem, 3.4fr); gap: 1rem; }\r\n .tko-intents__grid > .tko-int { grid-column: span 4; }\r\n .tko-int {\r\n position: relative; display: flex; flex-direction: column; min-height: 12.5rem; padding: 1.4rem 1.4rem 1.25rem;\r\n background: var(--white); border-radius: 1.4rem; cursor: pointer; outline-offset: 3px;\r\n transition: transform .4s var(--e), box-shadow .4s var(--e);\r\n }\r\n .tko-int:not(.tko-int--side):hover { transform: translateY(-3px); box-shadow: 0 1rem 2.4rem -1.4rem rgba(11, 18, 64, .35); }\r\n .tko-intents__grid > .tko-int--grande { grid-column: span 6; }\r\n .tko-intents__grid > .tko-int--side { grid-column: 13; grid-row: 1 \/ 3; cursor: auto; background: var(--p-lav); }\r\n .tko-int__face { display: grid; grid-template-columns: 2.2rem 1fr; column-gap: .4rem; align-content: start; height: 100%; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande):not(.tko-int--side) { padding: 1.2rem 1.1rem 1.1rem; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face { grid-template-columns: 1fr; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face > * { grid-column: 1; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__num { padding: 0 0 .35rem; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face p { font-size: .9rem; }\r\n .tko-int__num { grid-row: 1; padding-top: .35rem; color: var(--b); font-size: .82rem; font-weight: 600; font-variant-numeric: tabular-nums; }\r\n .tko-int h3 { font-size: clamp(1.3rem, 1rem + .8vw, 1.7rem); font-weight: 500; line-height: 1.1; letter-spacing: -.02em; }\r\n .tko-int__face p { grid-column: 2; margin-top: .7rem; max-width: 34rem; color: var(--mute); font-size: .95rem; line-height: 1.5; }\r\n .tko-int__go { grid-column: 2; align-self: end; margin-top: 1.1rem; color: var(--b); font-size: .9rem; font-weight: 600; }\r\n .tko-int__sol { display: none; }\r\n .tko-int.is-open .tko-int__face { display: none; }\r\n .tko-int.is-open .tko-int__sol { display: grid; gap: .55rem; align-content: start; }\r\n .tko-int__head { display: flex; justify-content: space-between; align-items: center; padding-bottom: .55rem; border-bottom: 1px solid var(--line); }\r\n .tko-int__head > span { color: var(--b); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\r\n .tko-int__back { padding: 0; border: 0; background: none; color: var(--mute); font: inherit; font-size: .82rem; font-weight: 500; cursor: pointer; }\r\n #tero-kickoff .tko-sol { display: grid; gap: .15rem; padding: .7rem .9rem; border: 1px solid var(--line); border-radius: .9rem; color: var(--ink); transition: border-color .25s ease, background .25s ease; }\r\n #tero-kickoff .tko-sol:hover, #tero-kickoff .tko-sol:focus-visible { border-color: var(--b); background: var(--p-ice); }\r\n .tko-sol__badge { color: var(--b); font-size: .66rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\r\n .tko-sol b { font-size: .98rem; font-weight: 600; }\r\n .tko-sol__d { color: var(--mute); font-size: .84rem; line-height: 1.4; }\r\n .tko-int--grande.is-open .tko-int__sol { grid-template-columns: 1fr 1fr; }\r\n .tko-int--grande.is-open .tko-int__head { grid-column: 1 \/ -1; }\r\n .tko-int__ph { height: clamp(9rem, 14vw, 12rem); margin-bottom: 1.1rem; border-radius: 1rem; overflow: hidden; }\r\n .tko-int--side p { margin-top: .6rem; color: var(--mute); font-size: .95rem; line-height: 1.5; }\r\n .tko-int__muet { margin-top: auto; padding-top: 1rem; color: var(--mute); font-size: .86rem; font-weight: 600; }\r\n .tko-intents__repli { margin-top: 1.4rem; text-align: center; color: var(--mute); font-size: .95rem; }\r\n #tero-kickoff .tko-intents__repli a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }\r\n @media (max-width: 980px) {\r\n .tko-intents__grid { grid-template-columns: 1fr 1fr; }\r\n .tko-intents__grid > .tko-int, .tko-intents__grid > .tko-int--grande { grid-column: auto; }\r\n .tko-intents__grid > .tko-int--side { grid-column: 1 \/ -1; grid-row: auto; }\r\n .tko-int__ph { height: 11rem; }\r\n }\r\n @media (max-width: 640px) {\r\n .tko-intents__grid { grid-template-columns: 1fr; }\r\n .tko-int--grande.is-open .tko-int__sol { grid-template-columns: 1fr; }\r\n .tko-int { min-height: 0; }\r\n }\r\n\r\n \/* ---------- Carrousel des lieux : fl\u00e8ches \u00e0 gauche et \u00e0 droite ---------- *\/\r\n .tko-railbox { position: relative; }\r\n .tko-railbox .tko-rail { width: 100%; }\r\n .tko-railbtn {\r\n position: absolute; z-index: 3; top: 50%; display: grid; place-items: center; width: 3rem; aspect-ratio: 1;\r\n color: var(--ink); background: var(--white); border: 0; border-radius: 50%; font: inherit; font-size: 1.1rem; cursor: pointer;\r\n box-shadow: 0 .6rem 1.6rem -.6rem rgba(0, 0, 0, .45); transform: translateY(-50%); transition: opacity .25s ease, background .25s ease, color .25s ease;\r\n }\r\n .tko-railbtn:hover, .tko-railbtn:focus-visible { color: var(--white); background: var(--b); }\r\n .tko-railbtn--prev { left: -1.1rem; }\r\n .tko-railbtn--next { right: -1.1rem; }\r\n .tko-railbtn:disabled { opacity: 0; pointer-events: none; }\r\n .tko-railbox.is-static .tko-railbtn { display: none; }\r\n .tko-rail .tko-venue__badge { font-size: .72rem; }\r\n @media (max-width: 760px) { .tko-railbtn--prev { left: .4rem; } .tko-railbtn--next { right: .4rem; } .tko-railbtn { width: 2.6rem; } }\r\n\r\n\r\n \/* ---------- Carrousel des lieux : 3 cartes \u00e0 l'\u00e9cran, 50 % de hauteur, d\u00e9filement en arc ---------- *\/\r\n .tko-cr { position: relative; --cw: calc((min(100vw - (var(--g) * 2), 1440px) - 2 * clamp(1rem, 2vw, 1.75rem)) \/ 3 * .9); }\r\n .tko-cr__track {\r\n display: flex; align-items: flex-start; gap: clamp(1rem, 2vw, 1.75rem);\r\n overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; cursor: grab;\r\n padding: clamp(1rem, 2vw, 1.5rem) calc(50% - var(--cw) \/ 2) clamp(4.5rem, 7vw, 6rem);\r\n }\r\n .tko-cr__track::-webkit-scrollbar { display: none; }\r\n .tko-cr__track.is-dragging { cursor: grabbing; }\r\n .tko-cr__track.is-dragging a { pointer-events: none; }\r\n .tko-card {\r\n display: flex; flex-direction: column; gap: .9rem; padding: .9rem .9rem 1.3rem;\r\n border-radius: 1.2rem; background: var(--p-blue); text-decoration: none;\r\n box-shadow: 0 1.2rem 2.4rem -1.8rem rgba(0, 0, 0, .35);\r\n }\r\n .tko-cr .tko-card {\r\n flex: 0 0 var(--cw); height: 50vh; height: 50svh; min-height: 22rem; max-height: 34rem;\r\n transform-origin: 50% 130%; will-change: transform;\r\n transform: translateY(var(--ay, 0px)) rotate(var(--ar, 0deg)) scale(var(--as, 1));\r\n opacity: var(--ao, 1); transition: opacity .35s ease, box-shadow .4s ease;\r\n }\r\n .tko-cr .tko-card .tko-card__ph { flex: 1 1 auto; aspect-ratio: auto; min-height: 0; }\r\n .tko-card--yellow { background: var(--p-yellow); }\r\n .tko-card--lav { background: var(--p-lav); }\r\n .tko-card--mint { background: var(--p-mint); }\r\n .tko-card--white { background: var(--white); }\r\n .tko-card--dark { background: var(--ink); }\r\n #tero-kickoff a.tko-card, #tero-kickoff a.tko-card:visited, #tero-kickoff a.tko-card:hover { color: var(--ink); }\r\n #tero-kickoff a.tko-card--dark, #tero-kickoff a.tko-card--dark:visited, #tero-kickoff a.tko-card--dark:hover { color: var(--white); }\r\n .tko-card__ph { position: relative; display: block; aspect-ratio: 1 \/ 1.02; border-radius: .7rem; overflow: hidden; }\r\n #tero-kickoff .tko-card__ph img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; margin: 0 !important; user-select: none; -webkit-user-drag: none; transition: transform 1s var(--e); }\r\n .tko-card:hover .tko-card__ph img { transform: scale(1.04); }\r\n .tko-card__badge { position: absolute; top: .8rem; left: .8rem; padding: .4rem .85rem; border-radius: 999px; color: var(--ink); background: var(--white); font-size: .75rem; font-weight: 600; }\r\n .tko-card__txt { display: grid; gap: .3rem; text-align: center; padding: 0 .4rem; }\r\n .tko-card__txt small { font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .62; }\r\n .tko-card__txt b { font-size: clamp(1.1rem, .95rem + .45vw, 1.4rem); font-weight: 500; line-height: 1.2; letter-spacing: -.01em; }\r\n .tko-cr__btn {\r\n position: absolute; z-index: 3; top: 45%; display: grid; place-items: center; width: 3rem; aspect-ratio: 1;\r\n color: var(--ink); background: var(--white); border: 0; border-radius: 50%; font: inherit; font-size: 1.1rem; cursor: pointer;\r\n box-shadow: 0 .6rem 1.6rem -.6rem rgba(0, 0, 0, .45); transform: translateY(-50%); transition: opacity .25s ease, background .25s ease, color .25s ease;\r\n }\r\n .tko-cr__btn:hover, .tko-cr__btn:focus-visible { color: var(--white); background: var(--b); }\r\n .tko-cr__btn--prev { left: max(var(--g), calc((100vw - 1440px) \/ 2)); }\r\n .tko-cr__btn--next { right: max(var(--g), calc((100vw - 1440px) \/ 2)); }\r\n .tko-cr__btn:disabled { opacity: 0; pointer-events: none; }\r\n\r\n \/* Mobile : paquet de cartes, on passe de l'une \u00e0 l'autre en swipant *\/\r\n .tko-cr__count { display: none; }\r\n @media (max-width: 760px) {\r\n .tko-cr { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .6rem 1rem; }\r\n .tko-cr__track {\r\n order: -1; flex: 0 0 var(--w); display: grid; overflow: visible; width: var(--w); margin: 0 auto;\r\n padding: .5rem 0 2.6rem; cursor: auto; scroll-snap-type: none; touch-action: pan-y; user-select: none;\r\n }\r\n .tko-cr .tko-card {\r\n grid-area: 1 \/ 1; width: 100%; height: auto; min-height: 0; max-height: none; margin: 0; transform-origin: 50% 100%; will-change: transform, opacity;\r\n transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .35s ease, box-shadow .4s ease;\r\n }\r\n .tko-cr.is-swiping .tko-card.is-front { transition: none; }\r\n .tko-cr .tko-card .tko-card__ph { flex: none; aspect-ratio: 4 \/ 3; }\r\n .tko-cr__btn { display: grid; position: static; transform: none; width: 2.8rem; box-shadow: none; border: 1px solid var(--line); }\r\n .tko-cr__btn:disabled { opacity: 1; pointer-events: auto; }\r\n .tko-cr__count { display: block; min-width: 4.5rem; text-align: center; color: var(--mute); font-size: .9rem; font-weight: 600; font-variant-numeric: tabular-nums; }\r\n }\r\n\r\n \/* ---------- Activit\u00e9s : mosa\u00efque photo + texte (fa\u00e7on avis terblock.be) ---------- *\/\r\n .tko-acts { padding-top: clamp(1rem, 2vw, 1.5rem); }\r\n .tko-acts__panel { padding: clamp(1.5rem, 4vw, 3.5rem); border-radius: var(--r); color: var(--ink); background: var(--p-yellow); }\r\n .tko-acts__head { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }\r\n .tko-acts__head h2 { max-width: 20ch; color: var(--ink); font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\r\n .tko-acts__head h2 strong { font-weight: 600; }\r\n .tko-acts__head p { max-width: 36rem; margin-top: 1rem; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\r\n .tko-bento-acts { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; }\r\n .tko-bt { position: relative; display: flex; border-radius: 1.4rem; overflow: hidden; min-height: clamp(17rem, 26vw, 22rem); }\r\n .tko-bento-acts > .tko-bt:nth-child(4n+1), .tko-bento-acts > .tko-bt:nth-child(4n) { grid-column: span 7; }\r\n .tko-bento-acts > .tko-bt:nth-child(4n+2), .tko-bento-acts > .tko-bt:nth-child(4n+3) { grid-column: span 5; }\r\n #tero-kickoff .tko-bt--photo img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; margin: 0 !important; transition: transform 1.1s var(--e); }\r\n .tko-bt--photo:hover img { transform: scale(1.04); }\r\n .tko-bt__tag { position: absolute; left: 1rem; bottom: 1rem; padding: .5rem 1rem; border-radius: 999px; color: var(--ink); background: var(--white); font-size: .88rem; font-weight: 500; }\r\n .tko-bt--text { flex-direction: column; justify-content: center; gap: .7rem; padding: clamp(1.4rem, 3vw, 2.4rem); }\r\n #tero-kickoff a.tko-bt, #tero-kickoff a.tko-bt:visited, #tero-kickoff a.tko-bt:hover { color: var(--ink); }\r\n .tko-bt--yellow { background: var(--p-yellow); }\r\n .tko-bt--white { background: var(--white); }\r\n .tko-bt--mint { background: var(--p-mint); }\r\n .tko-bt--lav { background: var(--p-lav); }\r\n .tko-bt--blue { background: var(--p-blue); }\r\n .tko-bt--text small { font-size: .7rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--mute); }\r\n .tko-bt--text h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 600; line-height: 1.05; letter-spacing: -.03em; }\r\n .tko-bt--text p { font-size: clamp(1.02rem, .95rem + .3vw, 1.2rem); font-weight: 300; line-height: 1.45; }\r\n .tko-bt__go { margin-top: .4rem; font-size: .92rem; font-weight: 600; }\r\n .tko-bt--text:hover .tko-bt__go { text-decoration: underline; text-underline-offset: .2em; }\r\n #tero-kickoff .tko-acts__all { margin-top: clamp(1.5rem, 3vw, 2.25rem); }\r\n @media (max-width: 860px) {\r\n .tko-bento-acts > .tko-bt:nth-child(n) { grid-column: 1 \/ -1; }\r\n .tko-bento-acts > .tko-bt--photo { min-height: 14rem; }\r\n .tko-bento-acts > .tko-bt--text { min-height: 0; }\r\n \/* sur mobile : toujours la photo puis son texte *\/\r\n .tko-bento-acts > .tko-bt { order: var(--o, 0); }\r\n }\r\n\r\n \/* ---------- Formules traiteur : cartes comme les lieux, en plus petit ---------- *\/\r\n .tko-card--mini { padding: .65rem .65rem 1rem; gap: .7rem; border-radius: 1rem; transition: transform .4s var(--e), box-shadow .4s var(--e); }\r\n .tko-card--mini:hover { transform: translateY(-4px); box-shadow: 0 1.4rem 2.6rem -1.6rem rgba(0, 0, 0, .4); }\r\n .tko-card--mini .tko-card__ph { aspect-ratio: 4 \/ 3.4; border-radius: .6rem; }\r\n .tko-card--mini .tko-card__txt b { font-size: 1.08rem; }\r\n .tko-card--mini .tko-card__txt small { font-size: .62rem; }\r\n\r\n \/* ---------- Teroir : formules ---------- *\/\r\n .tko-formules { grid-column: 1 \/ -1; padding-top: clamp(1.25rem, 3vw, 2rem); border-top: 1px solid var(--line); }\r\n .tko-formules__title { margin-bottom: 1.6rem; font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 300; line-height: 1.1; letter-spacing: -.025em; }\r\n .tko-formules__title strong { font-weight: 600; }\r\n .tko-formules__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }\r\n #tero-kickoff .tko-formule { position: relative; display: grid; align-content: start; gap: .45rem; padding: 1.15rem 1.25rem 2.6rem; background: var(--white); border-radius: 1.25rem; color: var(--ink); transition: transform .35s var(--e), box-shadow .35s var(--e); }\r\n #tero-kickoff .tko-formule:hover { transform: translateY(-3px); box-shadow: 0 1rem 2rem -1.2rem rgba(0, 0, 0, .3); }\r\n .tko-formule b { font-size: 1.12rem; font-weight: 600; letter-spacing: -.01em; }\r\n .tko-formule span { color: var(--mute); font-size: .92rem; line-height: 1.45; }\r\n .tko-formule i { position: absolute; left: 1.25rem; bottom: 1rem; color: var(--b); font-style: normal; font-weight: 600; }\r\n #tero-kickoff .tko-formules__all { display: inline-flex; gap: .5rem; margin-top: 1.1rem; color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: .25em; }\r\n @media (max-width: 980px) { .tko-formules__grid { grid-template-columns: 1fr 1fr; } }\r\n @media (max-width: 520px) { .tko-formules__grid { gap: .6rem; } .tko-card--mini .tko-card__txt small { display: none; } .tko-card--mini .tko-card__txt b { font-size: .98rem; } }\r\n\r\n \/* ---------- Pourquoi Tero ---------- *\/\r\n .tko-why { padding-block: clamp(2.5rem, 5vw, 4rem) clamp(2rem, 4vw, 3rem); }\r\n .tko-why__head p { justify-self: start; max-width: 40rem; margin-top: 0; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\r\n .tko-why { margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }\r\n .tko-why__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }\r\n .tko-pilier { position: relative; display: block; height: clamp(22rem, 28vw, 26rem); border-radius: 1.4rem; overflow: hidden; isolation: isolate; }\r\n #tero-kickoff a.tko-pilier, #tero-kickoff a.tko-pilier:visited, #tero-kickoff a.tko-pilier:hover { color: var(--white); }\r\n .tko-pilier__ph { position: absolute; z-index: -2; inset: 0; }\r\n .tko-pilier__ph img { transition: transform 1.1s var(--e); }\r\n .tko-pilier:hover .tko-pilier__ph img { transform: scale(1.05); }\r\n .tko-pilier::after { content: \"\"; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .82)); transition: background .4s ease; }\r\n .tko-pilier:hover::after { background: linear-gradient(180deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .86)); }\r\n .tko-pilier__sur { position: absolute; inset: auto 0 0 0; padding: 1.4rem; }\r\n .tko-pilier h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 500; line-height: 1.05; letter-spacing: -.03em; }\r\n .tko-pilier__rev { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s var(--e); }\r\n .tko-pilier__rev > div { overflow: hidden; }\r\n .tko-pilier:hover .tko-pilier__rev, .tko-pilier:focus-visible .tko-pilier__rev, .tko-pilier--fixe .tko-pilier__rev { grid-template-rows: 1fr; }\r\n .tko-pilier p { margin-top: .7rem; font-size: .92rem; line-height: 1.5; opacity: .9; }\r\n .tko-pilier__go { display: inline-block; margin-top: .8rem; font-size: .88rem; font-weight: 600; }\r\n .tko-pilier--fixe { color: var(--ink); background: var(--p-blue); }\r\n .tko-pilier--fixe::after { display: none; }\r\n .tko-pilier--fixe .tko-pilier__sur { inset: auto 0 0 0; }\r\n .tko-pilier--fixe p { opacity: 1; color: var(--mute); }\r\n .tko-pilier__go--muet { color: var(--mute); }\r\n @media (hover: none) { .tko-pilier__rev { grid-template-rows: 1fr; } }\r\n @media (max-width: 980px) { .tko-why__grid { grid-template-columns: 1fr 1fr; } }\r\n @media (max-width: 520px) { .tko-why__grid { grid-template-columns: 1fr; } .tko-pilier { height: 19rem; } }\r\n\r\n \/* ---------- Blog ---------- *\/\r\n .tko-blog { padding-bottom: clamp(3rem, 6vw, 5rem); }\r\n .tko-blog__head { display: flex; justify-content: space-between; align-items: end; gap: 1.5rem; flex-wrap: wrap; margin-bottom: clamp(1.25rem, 3vw, 2rem); }\r\n .tko-blog__head h2 { font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\r\n .tko-blog__head h2 strong { font-weight: 600; }\r\n .tko-blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }\r\n #tero-kickoff .tko-article { display: flex; flex-direction: column; justify-content: space-between; gap: 1.5rem; min-height: 11rem; padding: 1.4rem; background: var(--p-ice); border-radius: 1.4rem; color: var(--ink); transition: background .3s ease, transform .35s var(--e); }\r\n #tero-kickoff .tko-article:hover { background: var(--p-blue); transform: translateY(-3px); }\r\n .tko-article h3 { font-size: clamp(1.05rem, .95rem + .35vw, 1.25rem); font-weight: 500; line-height: 1.3; letter-spacing: -.01em; }\r\n .tko-article > span { color: var(--b); font-size: .9rem; font-weight: 600; }\r\n @media (max-width: 860px) { .tko-blog__grid { grid-template-columns: 1fr; } .tko-article { min-height: 0; } }\r\n\r\n \/* ---------- Responsive ---------- *\/\r\n @media (max-width: 980px) {\r\n .tko-section-head, .tko-teroir, .tko-brief__card, .tko-faq { grid-template-columns: 1fr; }\r\n .tko-section-head p { justify-self: start; }\r\n .tko-proof { grid-template-columns: 1fr 1fr; }\r\n }\r\n @media (max-width: 640px) {\r\n .tko { --r: 1.5rem; }\r\n .tko-closing__actions .tko-btn { width: 100%; }\r\n .tko-fields { grid-template-columns: 1fr; }\r\n .tko-closing__actions { display: grid; }\r\n .tko-faq details p { padding-right: 0; }\r\n .tko-teroir__media { height: 28rem; }\r\n }\r\n @media (prefers-reduced-motion: reduce) {\r\n .tko *, .tko *::before, .tko *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }\r\n .tko-reveal, .tko-fade, .tko-line > span { opacity: 1; transform: none; }\r\n .tko-hook__text .w { color: var(--ink); }\r\n .tko-marquee__track { animation: none; }\r\n }\r\n\r\n\r\n \/* ---------- Compte \u00e0 rebours \u00e0 c\u00f4t\u00e9 du CTA principal ---------- *\/\r\n .tko-hero__actions { align-items: center; }\r\n .tko-countdown--hero { padding: .85rem 1.3rem; border: 0; background: var(--white); color: var(--ink); font-size: .95rem; font-weight: 500; box-shadow: 0 .6rem 1.4rem -1rem rgba(16, 150, 140, .6); }\r\n .tko-countdown--hero b { font-size: 1.3rem; color: var(--b); }\r\n @media (max-width: 760px) {\r\n .tko .tko-hero__actions { display: flex; flex-wrap: nowrap; gap: .5rem; }\r\n .tko .tko-hero__actions .tko-btn { width: auto; flex: 1 1 auto; }\r\n .tko .tko-hero__actions .tko-btn { white-space: nowrap; padding-inline: 1.15rem; gap: .6rem; }\r\n .tko .tko-countdown--hero { display: inline-flex; flex: 0 0 auto; gap: .35rem; padding: .8rem .95rem; font-size: .8rem; }\r\n .tko-countdown--hero b { font-size: 1.1rem; }\r\n }\r\n\r\n \/* ---------- Rythme vertical : m\u00eame respiration entre toutes les sections ---------- *\/\r\n .tko { --sp: clamp(3.5rem, 7vw, 6rem); }\r\n .tko-intents, .tko-venues, .tko-acts, .tko-why, .tko-faq, .tko-blog { padding-top: 0; margin-top: var(--sp); }\r\n .tko-teroir { margin-block: var(--sp) 0; }\r\n .tko-why { padding-block: 0; margin-bottom: 0; }\r\n .tko-faq { padding-bottom: 0; }\r\n .tko-blog { padding-bottom: var(--sp); }\r\n .tko-hook { padding-block: var(--sp) 0; }\r\n .tko-cr__track { padding-bottom: clamp(2rem, 3vw, 2.5rem); }\r\n .tko-intents__repli { margin-top: clamp(2rem, 3.5vw, 2.75rem); }\r\n .tko-intents__head p, .tko-acts__head p { margin-top: 1.1rem; }\r\n .tko-formules { margin-top: clamp(1rem, 2vw, 1.5rem); padding-top: clamp(2rem, 4vw, 3rem); }\r\n .tko-formules__title { margin-bottom: 1.75rem; }\r\n .tko-section-head { gap: 1.1rem; }\r\n\r\n\r\n \/* ---------- Devis dans le cadre : fond turquoise pastel, plus de voile sombre ---------- *\/\r\n .tko-hero__quote { color: var(--ink); }\r\n .tko-hero__quote .tko-brief__intro p { color: var(--mute); }\r\n .tko-hero__quote .tko-brief__reassure { color: var(--ink); }\r\n .tko-hero__quote .tko-brief__reassure li::before { color: var(--b); }\r\n .tko-hero__quote .tko-form { box-shadow: 0 1.5rem 3.5rem -1.8rem rgba(16, 150, 140, .45); }\r\n\r\n\r\n \/* ---------- Hero ouvert : fond turquoise pastel en permanence ----------\r\n Les quatre temps s'affichent dans un cadre photo aux bords arrondis, exactement \u00e0 la taille\r\n et \u00e0 la place du cadre de d\u00e9part (--qx\/--qy\/--qw\/--qh calcul\u00e9s en JS), textes sur la photo. *\/\r\n .tko-quad {\r\n left: var(--rx, 0px); top: var(--ry, 0px); right: auto; bottom: auto;\r\n width: var(--rw, 100%); height: var(--rh, 100%);\r\n display: flex; flex-direction: column; justify-content: space-between;\r\n padding: clamp(1.5rem, 4vw, 3.5rem); color: var(--white);\r\n border-radius: var(--rr, 2.5rem); overflow: hidden; isolation: isolate;\r\n box-shadow: 0 1.6rem 3.5rem -2.2rem rgba(16, 150, 140, .55);\r\n }\r\n .tko-quad__ph { position: absolute; z-index: -2; inset: 0; background: rgba(16, 150, 140, .1); }\r\n .tko-quad::before {\r\n content: \"\"; position: absolute; z-index: -1; inset: 0; pointer-events: none;\r\n background:\r\n linear-gradient(180deg, rgba(15, 15, 20, .5) 0%, rgba(15, 15, 20, 0) 30%),\r\n linear-gradient(0deg, rgba(15, 15, 20, .78) 0%, rgba(15, 15, 20, .35) 42%, rgba(15, 15, 20, 0) 65%);\r\n }\r\n .tko-quad__title { margin-bottom: 0; color: var(--white); }\r\n .tko-quad__item h2 { color: var(--white); }\r\n @media (max-width: 760px) {\r\n .tko-quad { padding: 1.25rem; }\r\n .tko-quad::before { background: linear-gradient(180deg, rgba(15, 15, 20, .5) 0%, rgba(15, 15, 20, 0) 28%), linear-gradient(0deg, rgba(15, 15, 20, .82) 0%, rgba(15, 15, 20, .3) 45%, rgba(15, 15, 20, 0) 62%); }\r\n }\r\n @media (prefers-reduced-motion: reduce) { .tko-quad { position: relative; width: auto; height: 80vh; margin: 0 clamp(1rem, 3vw, 2.5rem) 2rem; } .tko-quad__ph .tko-layer:first-child { display: block; opacity: 1 !important; } }\r\n\r\n\r\n \/* ---------- Anti-tremblement du hero : taille fixe + masque ---------- *\/\r\n @media (prefers-reduced-motion: no-preference) {\r\n .tko .tko-hero { left: 0; top: 0; width: 100%; height: 100%; transform: none; border-radius: 0; will-change: clip-path; }\r\n .tko-hero__media { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); overflow: visible; }\r\n .tko-hero__num { font-size: min(calc(var(--rh, 600px) * .62), 27vw); transform: translateY(-50%) scale(calc(1 + var(--f, 0) * .1)); transform-origin: 100% 50%; will-change: transform; }\r\n .tko-hero__intro { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); will-change: opacity, transform; }\r\n .tko-hero__quote { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); will-change: opacity, transform; }\r\n .tko-quad, .tko-hero__story { will-change: opacity, transform; }\r\n .tko-layer img { will-change: transform; backface-visibility: hidden; }\r\n }\r\n \/* Sur mobile, le devis reste en plein \u00e9cran *\/\r\n @media (prefers-reduced-motion: no-preference) and (max-width: 759px) {\r\n .tko-hero__quote { left: 0; top: 0; width: 100%; height: 100%; grid-template-rows: auto auto; }\r\n }\r\n @media (prefers-reduced-motion: no-preference) and (max-width: 760px) {\r\n .tko-hero__num { top: 2.5rem; font-size: 34vw; transform: scale(calc(1 + var(--f, 0) * .1)); transform-origin: 100% 0; }\r\n }\r\n\r\n\r\n \/* ---------- Identit\u00e9 Teroir : radis grav\u00e9 + italique \u00e0 empattements ---------- *\/\r\n .tko-teroir { position: relative; }\r\n .tko-serif { font-family: \"Times New Roman\", Times, serif; font-style: italic; font-weight: 400; letter-spacing: -.01em; font-size: 1.17em; line-height: 0; }\r\n \/* Radis en filigrane : grand, transparent, derri\u00e8re le texte, coup\u00e9 par le bord du bloc *\/\r\n .tko-teroir { overflow: hidden; isolation: isolate; }\r\n .tko-teroir > * { position: relative; z-index: 1; }\r\n #tero-kickoff .tko-teroir > .tko-teroir__radis {\r\n position: absolute; z-index: 0; right: -5rem; top: -4rem;\r\n width: clamp(18rem, 36vw, 34rem) !important; height: auto !important; max-width: none !important;\r\n opacity: .1; transform: rotate(-14deg); pointer-events: none;\r\n }\r\n @media (max-width: 980px) { #tero-kickoff .tko-teroir > .tko-teroir__radis { right: -22%; top: 26%; width: 90vw !important; opacity: .09; } }\r\n\r\n \/* ---------- \u00ab 2027 \u00bb : la zone de remplissage couvre aussi le dernier chiffre ---------- *\/\r\n .tko-hero__num { padding-right: .22em; right: -.27em; }\r\n\r\n\r\n \/* ---------- Bandeau de valeurs Teroir qui d\u00e9file (repris de terblock.be\/traiteur) ---------- *\/\r\n .tko-teroir > div { min-width: 0; }\r\n .tko-tick {\r\n max-width: 100%;\r\n overflow: hidden; margin-top: clamp(1.25rem, 2.5vw, 1.75rem);\r\n -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\r\n mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\r\n }\r\n .tko-tick__track { display: flex; width: max-content; animation: tko-tick 38s linear infinite; }\r\n .tko-tick:hover .tko-tick__track { animation-play-state: paused; }\r\n .tko .tko-tick ul { display: flex; margin: 0; padding: 0; list-style: none; }\r\n .tko .tko-tick li {\r\n display: flex; align-items: center; margin: 0; padding: 0;\r\n font-size: clamp(.8rem, .7rem + .3vw, .95rem); font-weight: 300; letter-spacing: .24em; text-transform: uppercase;\r\n color: #5f6070; white-space: nowrap;\r\n }\r\n .tko .tko-tick li::after { content: \"\"; width: 5px; height: 5px; margin: 0 clamp(1.25rem, 2.4vw, 2.25rem); border-radius: 50%; background: #b9bac4; }\r\n @keyframes tko-tick { to { transform: translateX(-50%); } }\r\n @media (prefers-reduced-motion: reduce) { .tko-tick__track { animation: none; } }\r\n\r\n\r\n \/* ---------- Formulaire : date pr\u00e9cise ---------- *\/\r\n .tko-field--date { margin-top: .9rem; max-width: 16rem; }\r\n .tko-field--date label span { font-weight: 400; color: var(--mute); }\r\n .tko-field--date input { font-family: inherit; color: var(--ink); }\r\n\r\n\r\n .tko-form .is-missing > p { color: #c2410c; }\r\n .tko-form .is-missing .tko-chip span, .tko-form .tko-chips.is-missing .tko-chip span { box-shadow: 0 0 0 1.5px #f4a37c inset; }\r\n .tko-form__error:not(:empty) { margin-top: .9rem; color: #c2410c; font-weight: 500; }\r\n\r\n\r\n \/* ---------- Formulaire du hero : plus compact, bouton \u00ab Continuer \u00bb toujours visible ---------- *\/\r\n .tko-hero__quote .tko-chips { gap: .45rem; }\r\n .tko-hero__quote .tko-chip span { min-height: 2.45rem; padding: .5rem 1rem; font-size: .9rem; }\r\n .tko-hero__quote .tko-form__group + .tko-form__group { margin-top: 1.1rem; }\r\n .tko-hero__quote .tko-form__group > p { margin-bottom: .5rem; }\r\n .tko-hero__quote .tko-field--date { margin-top: .6rem; }\r\n .tko-hero__quote .tko-field--date input { padding: .5rem 1rem; }\r\n .tko-hero__quote .tko-form__nav {\r\n position: sticky; bottom: calc(-1 * clamp(1rem, 2.6vh, 1.75rem)); z-index: 2;\r\n margin-inline: calc(-1 * clamp(1.25rem, 2.4vw, 2rem)); padding: .75rem clamp(1.25rem, 2.4vw, 2rem) clamp(1rem, 2.6vh, 1.75rem);\r\n margin-bottom: calc(-1 * clamp(1rem, 2.6vh, 1.75rem)); background: var(--white); border-radius: 0 0 1.6rem 1.6rem;\r\n }\r\n\r\n\r\n \/* Formulaire JetFormBuilder qui transporte la demande vers Efficy : pr\u00e9sent sur la page mais invisible *\/\r\n #tko-jfb { position: absolute !important; left: -9999px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }\r\n\r\n\r\n .tko-hero__quote .tko-consent--2 { margin-top: .45rem; }\r\n #tero-kickoff .tko-consent a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }\r\n\r\n\r\n \/* Mobile : pr\u00e9nom et nom c\u00f4te \u00e0 c\u00f4te pour raccourcir l'\u00e9tape 5 *\/\r\n @media (max-width: 760px) {\r\n .tko-hero__quote .tko-fields { grid-template-columns: 1fr 1fr; }\r\n .tko-hero__quote .tko-fields .tko-field:nth-child(n+3) { grid-column: 1 \/ -1; }\r\n }\r\n\r\n\r\n \/* Deux dates (du \/ au) c\u00f4te \u00e0 c\u00f4te *\/\r\n .tko-dates { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; max-width: 24rem; margin-top: .6rem; }\r\n .tko-dates .tko-field--date { margin-top: 0; max-width: none; }\r\n .tko-hero__quote .tko-dates .tko-field--date { margin-top: 0; }\r\n\r\n \/* Le th\u00e8me colore les boutons au survol \/ clic (rose) : on neutralise sur nos boutons *\/\r\n #tero-kickoff .tko-form__back, #tero-kickoff .tko-form__back:hover, #tero-kickoff .tko-form__back:focus, #tero-kickoff .tko-form__back:active,\r\n #tero-kickoff .tko-int__back, #tero-kickoff .tko-int__back:hover, #tero-kickoff .tko-int__back:focus, #tero-kickoff .tko-int__back:active {\r\n background: none !important; border: 0 !important; box-shadow: none !important; color: var(--mute) !important; border-radius: 0 !important; padding-inline: 0 !important;\r\n }\r\n #tero-kickoff .tko-form__back:hover, #tero-kickoff .tko-int__back:hover { color: var(--ink) !important; }\r\n #tero-kickoff .tko-form__back:focus-visible, #tero-kickoff .tko-int__back:focus-visible { outline: 2px solid var(--b); outline-offset: 3px; }\r\n #tero-kickoff .tko-cr__btn:focus, #tero-kickoff .tko-railbtn:focus { background: var(--white); color: var(--ink); border: 0; }\r\n #tero-kickoff .tko-cr__btn:hover, #tero-kickoff .tko-railbtn:hover, #tero-kickoff .tko-cr__btn:focus-visible, #tero-kickoff .tko-railbtn:focus-visible { background: var(--b); color: var(--white); }\r\n #tero-kickoff button.tko-btn--bx, #tero-kickoff button.tko-btn--bx:hover, #tero-kickoff button.tko-btn--bx:focus, #tero-kickoff button.tko-btn--bx:active { background-color: var(--b); color: var(--white); border-color: var(--b); }\r\n #tero-kickoff button.tko-btn--bx:hover { border-color: var(--b-2); }\r\n\r\n\r\n .tko-form__soft { font-weight: 400; color: var(--mute); }\r\n .tko-hero__quote [data-step=\"3\"] .tko-form__group + .tko-form__group { margin-top: .9rem; }\r\n\r\n\r\n \/* ---------- Intentions : au verso, photo + nuage de tags ---------- *\/\r\n .tko-int__face { display: flex; flex-direction: column; }\r\n .tko-int__face p { margin-top: .7rem !important; }\r\n .tko-int__face .tko-int__go { margin-top: auto; padding-top: 1.1rem; }\r\n .tko-int__verso { display: grid; gap: .9rem; margin-top: .3rem; }\r\n .tko-int__verso .tko-int__ph { height: clamp(8rem, 11vw, 10rem); margin: 0; }\r\n .tko-int__vtxt { display: flex; flex-direction: column; gap: .8rem; }\r\n .tko .tko-int__tags { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 0; list-style: none; }\r\n .tko .tko-tag { margin: 0; padding: .32rem .75rem; border-radius: 999px; font-size: .8rem; font-weight: 500; line-height: 1.2; color: var(--ink); }\r\n .tko-tag--blue { background: var(--p-blue); }\r\n .tko-tag--mint { background: var(--p-mint); }\r\n .tko-tag--yellow { background: var(--p-yellow); }\r\n #tero-kickoff .tko-int__cta { color: var(--b); font-size: .88rem; font-weight: 600; }\r\n .tko-int.is-open .tko-int__sol { display: block; }\r\n .tko-int__sol .tko-int__head > span { letter-spacing: .08em; }\r\n \/* grandes cartes : photo \u00e0 gauche, nuage de tags \u00e0 droite *\/\r\n @media (min-width: 641px) {\r\n .tko-int--grande .tko-int__verso { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: stretch; }\r\n .tko-int--grande .tko-int__verso .tko-int__ph { height: 100%; min-height: 9.5rem; }\r\n .tko-int--grande .tko-int__vtxt { justify-content: center; }\r\n .tko-int--grande .tko-tag { font-size: .86rem; padding: .42rem .95rem; }\r\n }\r\n\r\n\r\n \/* ---------- Devis en bas de page ---------- *\/\r\n .tko-devis { margin-top: var(--sp); }\r\n .tko-devis__panel { background: var(--p-mint); border-radius: var(--r); }\r\n .tko .tko-hero__quote.tko-quote--bas {\r\n position: relative; inset: auto; left: auto; top: auto; width: auto; height: auto; min-height: 0;\r\n opacity: 1; transform: none; pointer-events: auto; overflow: visible; align-items: center;\r\n padding: clamp(1.5rem, 4vw, 3.5rem);\r\n }\r\n .tko .tko-quote--bas .tko-form { max-height: none; overflow: visible; }\r\n .tko-devis__dock { min-width: 0; }\r\n .tko-devis__dock:empty { min-height: 30rem; border-radius: 1.6rem; background: rgba(255, 255, 255, .55); }\r\n @media (max-width: 760px) {\r\n .tko .tko-hero__quote.tko-quote--bas { grid-template-columns: 1fr; padding: 1.5rem 1rem; }\r\n }\r\n\r\n\r\n \/* ---------- Titre de section + \u00ab Organiser mon kick-off \u00bb et compte \u00e0 rebours \u00e0 droite ---------- *\/\r\n .tko-titlerow { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; width: 100%; }\r\n .tko-titlerow > h2 { flex: 1 1 22rem; }\r\n .tko-secta { display: flex; align-items: center; gap: .6rem; flex: 0 0 auto; }\r\n .tko .tko-countdown--sec { display: inline-flex; padding: .7rem 1.05rem; border: 0; background: var(--white); color: var(--ink); font-size: .85rem; }\r\n .tko-countdown--sec b { font-size: 1.05rem; }\r\n .tko-intents__panel .tko-countdown--sec, .tko-acts__panel .tko-countdown--sec, .tko-teroir .tko-countdown--sec { background: var(--white); }\r\n .tko-venues .tko-countdown--sec, .tko-why .tko-countdown--sec, .tko-faq .tko-countdown--sec { background: var(--p-mint); }\r\n #tero-kickoff .tko-secta__btn { display: inline-flex; align-items: center; gap: .55rem; padding: .78rem 1.35rem; border-radius: 999px; background: var(--b); color: var(--white); font-size: .92rem; font-weight: 600; white-space: nowrap; transition: background .25s ease; }\r\n #tero-kickoff .tko-secta__btn:hover, #tero-kickoff .tko-secta__btn:focus-visible { background: var(--b-2); color: var(--white); }\r\n .tko-faq .tko-titlerow { flex-direction: column; align-items: flex-start; }\r\n .tko-teroir .tko-titlerow { align-items: flex-end; }\r\n @media (max-width: 640px) {\r\n .tko-titlerow { align-items: flex-start; }\r\n .tko-titlerow > h2 { flex-basis: 100%; }\r\n #tero-kickoff .tko-secta__btn { padding: .7rem 1.1rem; font-size: .88rem; }\r\n .tko .tko-countdown--sec { padding: .62rem .9rem; font-size: .8rem; }\r\n .tko-countdown--sec .tko-cd__s { display: none; }\r\n .tko-secta { flex-wrap: wrap; }\r\n }\r\n\r\n \/* ---------- Verso des intentions : la photo est le choix principal, les tags des compl\u00e9ments ---------- *\/\r\n #tero-kickoff .tko-int__ph--go { position: relative; display: block; color: var(--white); }\r\n .tko-int__ph--go img { transition: transform .6s var(--e); }\r\n .tko-int__ph--go:hover img { transform: scale(1.05); }\r\n .tko-int__ph--go::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15, 15, 20, .72) 0%, rgba(15, 15, 20, .1) 55%, transparent 75%); pointer-events: none; }\r\n .tko-int__cap { position: absolute; z-index: 1; left: .9rem; right: .9rem; bottom: .8rem; display: grid; grid-template-columns: 1fr auto; align-items: end; column-gap: .5rem; }\r\n .tko-int__cap small { grid-column: 1; font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }\r\n .tko-int__cap b { grid-column: 1; font-size: 1.05rem; font-weight: 600; line-height: 1.2; }\r\n .tko-int__cap i { grid-column: 2; grid-row: 1 \/ 3; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--ink); font-style: normal; font-size: .95rem; }\r\n .tko .tko-int__plus { margin: 0 0 -.3rem; color: var(--mute); font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }\r\n .tko .tko-int__tags .tko-tag::before { content: \"+ \"; color: var(--b); font-weight: 600; }\r\n \/* m\u00eame hauteur de photo pour toutes les cartes d'une rang\u00e9e *\/\r\n .tko-int__verso .tko-int__ph, .tko-int--grande .tko-int__verso .tko-int__ph { height: 11rem; min-height: 0; }\r\n @media (min-width: 641px) { .tko-int--grande .tko-int__verso .tko-int__ph { height: 12.5rem; } }\r\n \/* arriv\u00e9e sur une activit\u00e9 : l\u00e9ger halo *\/\r\n .tko-bt.is-flash { box-shadow: 0 0 0 4px var(--b); transition: box-shadow .3s ease; }\r\n\r\n\r\n .tko-teroir__ctas { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 2rem; }\r\n .tko-teroir > div > .tko-teroir__ctas .tko-btn { margin-top: 0; }\r\n .tko-teroir__ctas { align-items: stretch; }\r\n #tero-kickoff .tko-teroir__ctas .tko-secta__btn { padding-inline: 1.6rem; font-size: .95rem; }\r\n\r\n \/* ---------- Version Luxembourg : deux lieux, c\u00f4te \u00e0 c\u00f4te, sans carrousel ---------- *\/\n @media (min-width: 761px) {\n .tko-cr--duo .tko-cr__btn { display: none !important; }\n .tko-cr--duo .tko-cr__track { justify-content: center; overflow: visible; cursor: default; padding: clamp(1rem, 2vw, 1.5rem) 0 clamp(2rem, 3vw, 2.5rem); }\n .tko-cr--duo .tko-card { transform: none !important; opacity: 1 !important; }\n }\n\n \/* ---------- \u00c9chelle typographique align\u00e9e sur tero.be\/fr\/evenement-de-fin-dannee\/teroir-traiteur\/ ----------\r\n Bureau \u2192 mobile, m\u00eames tailles que la page de r\u00e9f\u00e9rence. Plac\u00e9e en dernier pour primer sur les r\u00e9glages pr\u00e9c\u00e9dents. *\/\r\n \/* Titre principal (H1 \u00ab Votre \u00e9v\u00e9nement, le go\u00fbt en plus. \u00bb : 57,6 px \u2192 46,8 px) *\/\r\n .tko-hero h1 { font-size: calc(clamp(2.925rem, 1.9rem + 2.4vw, 3.6rem)); line-height: 1.04; letter-spacing: -.03em; }\r\n .tko-proof__item strong { font-size: clamp(2.925rem, 1.9rem + 2.4vw, 3.6rem); line-height: 1; letter-spacing: -.03em; }\r\n \/* Grand H2 (\u00ab Trois m\u00e9tiers, une seule \u00e9quipe. \u00bb : 68,8 px \u2192 38,4 px) *\/\r\n .tko-hook__text, .tko-section-head h2, .tko-closing h2 { font-size: clamp(2.4rem, 1.5rem + 3.6vw, 4.3rem); line-height: 1; letter-spacing: -.04em; }\r\n \/* H2 de section (\u00ab Et si votre fin d'ann\u00e9e\u2026 \u00bb : 46,4 px \u2192 27,2 px) *\/\r\n .tko-teroir h2, .tko-faq h2, .tko-quad__title { font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); line-height: 1.05; letter-spacing: -.025em; }\r\n \/* H2 du formulaire (\u00ab Prenez 3 minutes\u2026 \u00bb : 48 px \u2192 33 px) *\/\r\n .tko-brief__intro h2, .tko-hero__quote .tko-brief__intro h2 { font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); line-height: 1.08; letter-spacing: -.025em; }\r\n \/* H3 mis en avant (\u00ab F\u00eate d'entreprise \u00bb : 43,2 px \u2192 22,4 px) *\/\r\n .tko-venue.tko-venue--hero h3 { font-size: clamp(1.4rem, .55rem + 3.3vw, 2.7rem); font-weight: 600; letter-spacing: -.025em; }\r\n \/* H3 courant (\u00ab Le lieu \u00bb : 30,2 px \u2192 24 px) *\/\r\n .tko-quad__item h2, .tko-venue h3, .tko-form legend, .tko-form__done h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); line-height: 1.06; letter-spacing: -.03em; }\r\n .tko-bento__title { font-size: clamp(1.3rem, 1rem + 1vw, 1.75rem); font-weight: 400; line-height: 1.15; letter-spacing: -.01em; }\r\n .tko-faq summary { font-size: clamp(1.05rem, .95rem + .35vw, 1.2rem); font-weight: 500; letter-spacing: -.015em; }\r\n \/* Textes courants (16 \u2192 17,9 px) *\/\r\n .tko-hero__lead { font-size: clamp(.95rem, .85rem + .4vw, 1.12rem); line-height: 1.5; }\r\n .tko-section-head p, .tko-teroir__lead, .tko-closing p, .tko-brief__intro p { font-size: 1.02rem; line-height: 1.6; }\r\n .tko-faq details p, .tko-venue p, .tko-teroir__steps li span:not(.tko-teroir__n) { font-size: 1rem; line-height: 1.6; }\r\n .tko-quad__item p { font-size: clamp(.86rem, .8rem + .25vw, .98rem); line-height: 1.5; }\r\n .tko-proof__item span, .tko-form__hint, .tko-consent { font-size: .86rem; }\r\n .tko-teroir__steps b { font-size: 1rem; }\r\n \/* Boutons (15,4 px graisse 500 \u2192 12 px) *\/\r\n .tko-btn { font-size: clamp(.75rem, .62rem + .55vw, .96rem); font-weight: 500; }\r\n .tko-quad__item a { font-size: clamp(.75rem, .7rem + .25vw, .92rem); font-weight: 500; }\r\n \/* Petites capitales (\u00ab NOS LIEUX \u00bb : 11,5 px, espacement 0,2 em) *\/\r\n .tko-venue small, .tko-quad__time, .tko-marquee__label, .tko-form__step { font-size: .72rem; font-weight: 600; letter-spacing: .2em; }\r\n\r\n \/* ---------- Taille maximale des textes = taille de \u00ab Dites-nous l'essentiel \u00bb (48 px \u2192 33 px) ---------- *\/\r\n .tko-hero h1 { font-size: calc(clamp(1.7rem, 1.15rem + 1.8vw, 2.46rem)); }\r\n .tko-hook__text, .tko-section-head h2, .tko-closing h2, .tko-intents__head h2,\r\n .tko-teroir h2, .tko-faq h2, .tko-quad__title, .tko-blog__head h2, .tko-hero__outro p,\r\n .tko-closing__card h2 { font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); }\r\n .tko-venue.tko-venue--hero h3 { font-size: clamp(1.4rem, .55rem + 3.3vw, 2.7rem); }\r\n<\/style>\r\n\r\n<div class=\"tko\" id=\"tero-kickoff\">\r\n\r\n \r\n <section class=\"tko-seq\" id=\"tko-seq\" aria-labelledby=\"tko-h1\">\r\n <div class=\"tko-seq__stick\" id=\"tko-seq-stick\">\r\n\r\n <div class=\"tko-hero\" id=\"tko-hero\">\r\n <div class=\"tko-hero__media\" aria-hidden=\"true\">\r\n \r\n <span class=\"tko-hero__num\" aria-hidden=\"true\">2027<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-hero__intro\" id=\"tko-intro\">\r\n <div>\r\n <h1 id=\"tko-h1\"><span class=\"tko-line\"><span>Lanceer 2027<\/span><\/span><span class=\"tko-line\"><span><strong>samen.<\/strong><\/span><\/span><\/h1>\r\n <div class=\"tko-hero__bottom\">\r\n <p class=\"tko-hero__lead tko-fade\">2027 begint op de dag dat u dat beslist. Kies de datum van uw kick-off: wij zorgen voor de locatie, de activiteit en de catering, in Belgi\u00eb en in Luxemburg.<\/p>\r\n <div class=\"tko-hero__actions tko-fade\">\r\n <a class=\"tko-btn tko-btn--hero\" href=\"#tko-brief\" data-cta=\"kickoff-hero-brief\">Datum vastleggen <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <span class=\"tko-countdown tko-countdown--hero\" id=\"tko-countdown\"><b>nog 57 dagen<\/b> tot 2027<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-hero__story\" id=\"tko-story\">\r\n <p>Het jaar aftrappen of een team samenbrengen na de feestdagen hoeft geen stress te zijn. Bij Tero begeleiden we u van het eerste idee tot de grote dag: \u00e9\u00e9n vast aanspreekpunt helpt u de locatie, de activiteit en de catering te kiezen en regelt de volledige organisatie.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-quad\" id=\"tko-quad\">\r\n <p class=\"tko-quad__title\">Uw kick-off,<br> <strong>in vier momenten.<\/strong><\/p>\r\n \r\n <div class=\"tko-quad__ph\" aria-hidden=\"true\">\r\n <div class=\"tko-layer\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-accueillir-house17.webp\" alt=\"\"><\/div>\r\n <div class=\"tko-layer\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-aligner-pleniere.webp\" alt=\"\"><\/div>\r\n <div class=\"tko-layer\" style=\"--op:50% 50%\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-activer-team-building.webp\" alt=\"\"><\/div>\r\n <div class=\"tko-layer tko-layer--still\" style=\"--op:50% 40%\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-rassembler-drink.webp\" alt=\"\"><\/div>\r\n <\/div>\r\n <div class=\"tko-quad__grid\">\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">01<\/span>\r\n <h2>Verwelkomen<\/h2>\r\n <p>Een warme koffie, een plek die anders voelt dan het kantoor en het gevoel dat u verwacht wordt.<\/p>\r\n <a href=\"https:\/\/tero.be\/nl\/locaties\/\" data-cta=\"kickoff-temps-accueillir\" target=\"_blank\" rel=\"noopener\">Bekijk onze locaties <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/article>\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">02<\/span>\r\n <h2>Afstemmen<\/h2>\r\n <p>De plenaire sessie waarin het management de koers voor 2027 deelt. Helder, kort en makkelijk te onthouden.<\/p>\r\n <\/article>\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">03<\/span>\r\n <h2>Activeren<\/h2>\r\n <p>Een teambuilding zodat de boodschap van de slides naar de reflexen gaat.<\/p>\r\n <a href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/\" data-cta=\"kickoff-temps-activer\" target=\"_blank\" rel=\"noopener\">Bekijk de activiteiten <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/article>\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">04<\/span>\r\n <h2>Samenbrengen<\/h2>\r\n <p>Van werklunch tot diner: seizoenskeuken van Teroir Catering, geserveerd waar u ook bent.<\/p>\r\n <a href=\"https:\/\/tero.be\/nl\/catering\/catering-services\/\" data-cta=\"kickoff-temps-rassembler\" target=\"_blank\" rel=\"noopener\">Ontdek Teroir Catering <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-hero__quote\" id=\"tko-outro\">\r\n <span class=\"tko-anchor\" id=\"tko-brief\" aria-hidden=\"true\"><\/span>\r\n <div class=\"tko-brief__intro\">\r\n <h2 id=\"tko-brief-title\">Vertel ons <strong>het essenti\u00eble.<\/strong><\/h2>\r\n <p>Vier korte vragen, en wij komen bij u terug met een voorstel op maat van uw team.<\/p>\r\n <ul class=\"tko-brief__reassure\">\r\n <li>E\u00e9n aanspreekpunt voor het hele project<\/li>\r\n <li>Een voorstel op maat van uw groep<\/li>\r\n <li>Vrijblijvend<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"tko-form\" id=\"tko-form\">\r\n \r\n <div class=\"tko-form__progress\" aria-hidden=\"true\"><span class=\"on\"><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n <form novalidate>\r\n <input type=\"hidden\" name=\"campagne\" value=\"kickoff-2027\">\r\n\r\n <fieldset data-step=\"1\">\r\n <legend><span class=\"tko-form__step\">Stap 1 van 4<\/span>Wat zoekt u voor uw kick-off?<\/legend>\r\n <p class=\"tko-form__hint\">E\u00e9n antwoord, de rest verfijnen we samen.<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Een locatie\" required><span>Een locatie<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Catering\"><span>Catering<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Een teambuilding\"><span>Een teambuilding<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Alles (locatie, activiteit en catering)\"><span>Alles: locatie, activiteit en catering<\/span><\/label>\r\n <\/div>\r\n <\/fieldset>\r\n\r\n <fieldset data-step=\"2\" hidden>\r\n <legend><span class=\"tko-form__step\">Stap 2 van 4<\/span>Wanneer, en met welk budget?<\/legend>\r\n <div class=\"tko-form__group\" style=\"margin-top:1.25rem\">\r\n <p>Data van het evenement<\/p>\r\n <div class=\"tko-dates\">\r\n <div class=\"tko-field tko-field--date\"><label for=\"tko-date\">Van<\/label><input id=\"tko-date\" type=\"date\" name=\"date\" required><\/div>\r\n <div class=\"tko-field tko-field--date\"><label for=\"tko-date-fin\">Tot<\/label><input id=\"tko-date-fin\" type=\"date\" name=\"date_fin\" required><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-form__group\">\r\n <p>Budget per persoon<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"\u20ac 100 tot 150\" required><span>\u20ac 100 tot 150<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"\u20ac 150 tot 200\"><span>\u20ac 150 tot 200<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"Meer dan \u20ac 200\"><span>Meer dan \u20ac 200<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"Samen te bepalen\"><span>Samen te bepalen<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <\/fieldset>\r\n\r\n <fieldset data-step=\"3\" hidden>\r\n <legend><span class=\"tko-form__step\">Stap 3 van 4<\/span>Hoeveel, welk formaat en waar?<\/legend>\r\n <div class=\"tko-form__group\" style=\"margin-top:1.1rem\">\r\n <p>Aantal personen <span class=\"tko-form__soft\">(een schatting volstaat)<\/span><\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"Minder dan 30\" required><span>Minder dan 30<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"30 tot 80\"><span>30 tot 80<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"80 tot 150\"><span>80 tot 150<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"150 tot 300\"><span>150 tot 300<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"Meer dan 300\"><span>Meer dan 300<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-form__group\">\r\n <p>Formaat<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Halve dag\" required><span>Halve dag<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Hele dag\"><span>Hele dag<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Met overnachting\"><span>Met overnachting<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-form__group\">\r\n <p>Regio<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Brussel en Brabant\" required><span>Brussel & Brabant<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Vlaanderen\"><span>Vlaanderen<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Walloni\u00eb en Ardennen\"><span>Walloni\u00eb & Ardennen<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Kust\"><span>Kust<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Luxemburg\"><span>Luxemburg<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Maakt niet uit\"><span>Maakt niet uit<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <\/fieldset>\r\n\r\n <fieldset data-step=\"4\" hidden>\r\n <legend><span class=\"tko-form__step\">Stap 4 van 4<\/span>Waar mogen we het voorstel naartoe sturen?<\/legend>\r\n <div class=\"tko-fields\">\r\n <div class=\"tko-field\"><label for=\"tko-prenom\">Voornaam<\/label><input id=\"tko-prenom\" name=\"prenom\" autocomplete=\"given-name\" required><\/div>\r\n <div class=\"tko-field\"><label for=\"tko-nom\">Achternaam<\/label><input id=\"tko-nom\" name=\"nom\" autocomplete=\"family-name\" required><\/div>\r\n <div class=\"tko-field\"><label for=\"tko-email\">Zakelijk e-mailadres<\/label><input id=\"tko-email\" type=\"email\" name=\"email\" autocomplete=\"email\" required><\/div>\r\n <div class=\"tko-field\"><label for=\"tko-societe\">Bedrijf<\/label><input id=\"tko-societe\" name=\"societe\" autocomplete=\"organization\" required><\/div>\r\n <div class=\"tko-field tko-field--full\"><label for=\"tko-tel\">Telefoon<\/label><input id=\"tko-tel\" type=\"tel\" name=\"telephone\" autocomplete=\"tel\" placeholder=\"+32 470 12 34 56\" required><\/div>\r\n <div class=\"tko-field tko-field--full\"><label for=\"tko-msg\">Uw bericht (optioneel)<\/label><textarea id=\"tko-msg\" name=\"message\" placeholder=\"Het thema van het jaar, een beperking, een idee\u2026\"><\/textarea><\/div>\r\n <\/div>\r\n <label class=\"tko-consent\"><input type=\"checkbox\" name=\"consentement\" required><span>Ik geef toestemming voor de verwerking van mijn gegevens om een offerte te ontvangen, zoals beschreven in het <a href=\"https:\/\/tero.be\/nl\/privacy-beleid\/\" target=\"_blank\" rel=\"noopener\">privacybeleid<\/a>. *<\/span><\/label>\r\n <label class=\"tko-consent tko-consent--2\"><input type=\"checkbox\" name=\"consent_email\"><span>Ik ga akkoord met het ontvangen van promotionele en marketingmails van Tero.<\/span><\/label>\r\n <\/fieldset>\r\n\r\n <p class=\"tko-form__error\" role=\"alert\" aria-live=\"polite\"><\/p>\r\n <div class=\"tko-form__nav\">\r\n <button class=\"tko-form__back\" type=\"button\" hidden>\u2190 Terug<\/button>\r\n <button class=\"tko-btn tko-btn--bx\" type=\"submit\" data-cta=\"kickoff-brief-next\"><span class=\"tko-next-label\">Verder<\/span> <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/button>\r\n <\/div>\r\n <\/form>\r\n\r\n <div class=\"tko-form__done\" tabindex=\"-1\">\r\n <span class=\"tko-form__step\">Genoteerd<\/span>\r\n <h3>Bedankt, uw kick-off is in goede handen.<\/h3>\r\n <p>Ons team komt bij u terug met een eerste voorstel. Neem intussen een kijkje bij onze teambuildingactiviteiten.<\/p>\r\n <a class=\"tko-btn tko-btn--line\" style=\"margin-top:1.5rem\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/\" data-cta=\"kickoff-merci-activites\" target=\"_blank\" rel=\"noopener\">Bekijk de activiteiten <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-seq__band\" id=\"tko-band\">\r\n <span class=\"tko-marquee__label\">Zij vertrouwen ons<\/span>\r\n <div class=\"tko-marquee\" role=\"img\" aria-label=\"Zij vertrouwen ons: Deloitte, Clifford Chance, Arval BNP Paribas Group, PwC, Coyote, RTBF, Belfius, Delen Private Bank, Decathlon. Tero is een gecertificeerde B Corp.\">\r\n <div class=\"tko-marquee__track\" aria-hidden=\"true\">\r\n <div class=\"tko-marquee__group\">\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.73em;height:1.63em\"><img fetchpriority=\"high\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/5-1.webp\" alt=\"Deloitte\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.96em;height:12.96em;left:-2.11em;top:-5.65em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.99em;height:1.78em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/4-3.webp\" alt=\"Clifford Chance\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.48em;height:10.48em;left:-1.34em;top:-4.34em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.87em;height:1.81em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/3-3.webp\" alt=\"Arval BNP Paribas Group\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.09em;height:9.09em;left:-0.52em;top:-3.64em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.40em;height:2.64em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/2-3.webp\" alt=\"PwC\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.65em;height:9.65em;left:-2.14em;top:-3.53em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.09em;height:2.80em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/1-4-1.webp\" alt=\"Coyote\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.24em;height:9.24em;left:-2.05em;top:-2.70em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.22em;height:1.98em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/6-3.webp\" alt=\"RTBF\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.09em;height:10.09em;left:-1.60em;top:-4.06em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.14em;height:1.75em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/7-3.webp\" alt=\"Belfius\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.85em;height:12.85em;left:-2.35em;top:-5.55em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:6.89em;height:2.07em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/8-2.webp\" alt=\"Delen Private Bank\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.03em;height:10.03em;left:-1.63em;top:-3.98em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:9.00em;height:1.40em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/9-1.webp\" alt=\"Decathlon\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.36em;height:12.36em;left:-1.68em;top:-5.48em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:2.08em;height:3.50em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"eager\" decoding=\"async\" style=\"width:2.08em;height:3.50em;left:0em;top:0em\"><\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-marquee__group\">\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.73em;height:1.63em\"><img fetchpriority=\"high\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/5-1.webp\" alt=\"Deloitte\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.96em;height:12.96em;left:-2.11em;top:-5.65em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.99em;height:1.78em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/4-3.webp\" alt=\"Clifford Chance\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.48em;height:10.48em;left:-1.34em;top:-4.34em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.87em;height:1.81em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/3-3.webp\" alt=\"Arval BNP Paribas Group\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.09em;height:9.09em;left:-0.52em;top:-3.64em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.40em;height:2.64em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/2-3.webp\" alt=\"PwC\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.65em;height:9.65em;left:-2.14em;top:-3.53em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.09em;height:2.80em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/1-4-1.webp\" alt=\"Coyote\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.24em;height:9.24em;left:-2.05em;top:-2.70em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.22em;height:1.98em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/6-3.webp\" alt=\"RTBF\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.09em;height:10.09em;left:-1.60em;top:-4.06em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.14em;height:1.75em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/7-3.webp\" alt=\"Belfius\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.85em;height:12.85em;left:-2.35em;top:-5.55em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:6.89em;height:2.07em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/8-2.webp\" alt=\"Delen Private Bank\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.03em;height:10.03em;left:-1.63em;top:-3.98em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:9.00em;height:1.40em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/9-1.webp\" alt=\"Decathlon\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.36em;height:12.36em;left:-1.68em;top:-5.48em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:2.08em;height:3.50em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"eager\" decoding=\"async\" style=\"width:2.08em;height:3.50em;left:0em;top:0em\"><\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-wrap tko-proof\" aria-label=\"Tero in cijfers\">\r\n <div class=\"tko-proof__item tko-reveal\"><strong data-count=\"25\">25<\/strong><span>jaar ervaring in bedrijfsevenementen<\/span><\/div>\r\n <div class=\"tko-proof__item tko-reveal\" data-delay=\"1\"><strong data-count=\"17\">17<\/strong><span>locaties in Belgi\u00eb en Luxemburg<\/span><\/div>\r\n <div class=\"tko-proof__item tko-reveal\" data-delay=\"2\"><strong data-count=\"1\">1<\/strong><span>aanspreekpunt, van de eerste briefing tot de laatste gang<\/span><\/div>\r\n <div class=\"tko-proof__item tko-proof__item--bcorp tko-reveal\" data-delay=\"2\"><img loading=\"lazy\" class=\"tko-proof__bcorp\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"lazy\" decoding=\"async\"><span>Een bedrijf gecertificeerd voor zijn sociale en ecologische impact<\/span><\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"tko-quicknav-mark\" id=\"tko-quicknav-mark\" aria-hidden=\"true\"><\/div>\r\n <nav class=\"tko-quicknav\" id=\"tko-quicknav\" aria-label=\"Snelle links kick-off\">\r\n <div class=\"tko-quicknav__in\">\r\n <a href=\"#tko-lieux\" data-cta=\"kickoff-nav-lieux\"><span class=\"l\">Ontdek onze locaties<\/span><span class=\"s\">Locaties<\/span><\/a>\r\n <a href=\"#tko-activites\" data-cta=\"kickoff-nav-activites\"><span class=\"l\">Ontdek onze activiteiten<\/span><span class=\"s\">Activiteiten<\/span><\/a>\r\n <a href=\"#tko-teroir\" data-cta=\"kickoff-nav-traiteur\"><span class=\"l\">Ontdek onze cateringformules<\/span><span class=\"s\">Catering<\/span><\/a>\r\n <a href=\"#tko-brief\" class=\"is-cta\" data-cta=\"kickoff-nav-devis\"><span class=\"l\">Mijn offerte aanvragen<\/span><span class=\"s\">Offerte<\/span><\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section class=\"tko-hook tko-wrap\" aria-label=\"Waarom een kick-off\">\r\n <p class=\"tko-hook__text\" data-fill data-accent=\"d\u00e9cide,ensemble\">Op 2 januari heeft iedereen 47 ongelezen mails en voornemens die al wankelen. De kick-off is de dag waarop u samen beslist welke ertoe doen.<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-intents\" id=\"tko-intentions\" aria-labelledby=\"tko-intents-title\">\r\n <div class=\"tko-wrap tko-intents__panel\">\r\n <div class=\"tko-intents__head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-intents-title\">Wat telt het meest <strong>voor uw kick-off?<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>nog 53 dagen<\/b> tot 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-intentions\">Mijn kick-off organiseren <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <p class=\"tko-reveal\">Kies uw doel: we tonen u de locatie of activiteit die er het best bij past, en wat u kunt toevoegen voor een volledige kick-off.<\/p>\r\n <\/div>\r\n <div class=\"tko-intents__grid tko-reveal\">\r\n <div class=\"tko-int tko-int--grande\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>2027 lanceren en afstemmen<\/h3>\r\n <p>Strategische kick-off, jaardoelstellingen, planningsseminarie, offsite van het directiecomit\u00e9, nieuwe organisatie, fusie of nieuw management.<\/p>\r\n <span class=\"tko-int__go\">De volgende stap voorbereiden <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>2027 lanceren en afstemmen<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Terug<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/nl\/locaties\/lodges\/herbeumont\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/GIF-MANOIR-HERBEUMONT-3.webp\" alt=\"Het landhuis van Tero Lodge Herbeumont\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>De locatie<\/small><b>Tero Lodge Herbeumont<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Aan te vullen met<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Voorbeelden\"><li class=\"tko-tag tko-tag--blue\">Seminarie<\/li><li class=\"tko-tag tko-tag--mint\">CrIAtivity<\/li><li class=\"tko-tag tko-tag--yellow\">Lunch<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Offerte aanvragen <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int tko-int--grande\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Januari opwarmen<\/h3>\r\n <p>Het leuke of ontspannende evenement dat de winterdip doorbreekt. H\u00e9t antwoord op Blue Monday.<\/p>\r\n <span class=\"tko-int__go\">De winterdip doorbreken <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Januari opwarmen<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Terug<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"#tko-act-final-mystery\" data-goto data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/The-Final-Mystery-ALL-FR.webp\" alt=\"Teams in volle zoektocht tijdens The Final Mystery\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>De activiteit<\/small><b>The Final Mystery<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Aan te vullen met<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Voorbeelden\"><li class=\"tko-tag tko-tag--blue\">Lunch<\/li><li class=\"tko-tag tko-tag--mint\">Walking dinner<\/li><li class=\"tko-tag tko-tag--yellow\">Op kantoor of in een Tero-locatie<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Offerte aanvragen <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>2026 afsluiten<\/h3>\r\n <p>Het feest dat er in december niet van kwam, door gebrek aan een datum, budget of energie. In januari kost het minder en zijn er nog data vrij.<\/p>\r\n <span class=\"tko-int__go\">Mijn feest organiseren <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>2026 afsluiten<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Terug<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/nl\/locaties\/eventzaal\/river-house-luxembourg\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/11\/Design-sans-titre-1.webp\" alt=\"Tero River House in Luxemburg 's avonds\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>De locatie<\/small><b>Tero River House<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Aan te vullen met<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Voorbeelden\"><li class=\"tko-tag tko-tag--blue\">Raclette<\/li><li class=\"tko-tag tko-tag--mint\">Quiz Play<\/li><li class=\"tko-tag tko-tag--yellow\">Luxemburg-Stad<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Offerte aanvragen <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Cheers to 2027<\/h3>\r\n <p>Een nieuwjaarsdrink of -diner met uw teams, klanten of partners.<\/p>\r\n <span class=\"tko-int__go\">Mijn nieuwjaarsreceptie voorbereiden <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Cheers to 2027<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Terug<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/nl\/locaties\/eventzaal\/house17\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg\" alt=\"Vergaderzaal van Tero House17 in Luxemburg\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-int__cap\"><small>De locatie<\/small><b>Tero House17<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Aan te vullen met<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Voorbeelden\"><li class=\"tko-tag tko-tag--blue\">Plenaire sessie<\/li><li class=\"tko-tag tko-tag--mint\">Keynote<\/li><li class=\"tko-tag tko-tag--yellow\">Driegangenmenu<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Offerte aanvragen <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Integreren<\/h3>\r\n <p>De onboarding van nieuwe collega's die eind vorig jaar of in januari zijn gestart.<\/p>\r\n <span class=\"tko-int__go\">Mijn nieuwe collega's verwelkomen <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Integreren<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Terug<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"#tko-act-venue-play\" data-goto data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/03\/StudioTom-TERO2026052135-scaled-e1792486396809.webp\" alt=\"Een team tijdens Venue Play\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>De activiteit<\/small><b>Venue Play<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Aan te vullen met<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Voorbeelden\"><li class=\"tko-tag tko-tag--blue\">Uw kantoor<\/li><li class=\"tko-tag tko-tag--mint\">Lunch<\/li><li class=\"tko-tag tko-tag--yellow\">Chefsbuffet<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Offerte aanvragen <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int tko-int--side\">\r\n <div class=\"tko-int__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/photo98.webp\" alt=\"Plenaire sessie van een kick-off georganiseerd door Tero\" loading=\"lazy\"><\/div>\r\n <h3>Zorgeloos organiseren<\/h3>\r\n <p>Een volledige beleving, \u00e9\u00e9n aanspreekpunt.<\/p>\r\n <span class=\"tko-int__muet\">Inbegrepen in elke formule<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"tko-intents__repli\">Twijfelt u nog? <a href=\"#tko-brief\" data-cta=\"kickoff-intention-hesite\">Vertel ons over uw team<\/a> en wij stellen drie formats voor.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-venues\" id=\"tko-lieux\" aria-labelledby=\"tko-venues-title\">\r\n <div class=\"tko-wrap tko-section-head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-venues-title\">Een andere omgeving<br> <strong>verandert het gesprek.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>nog 53 dagen<\/b> tot 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-lieux\">Mijn kick-off organiseren <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <\/div>\r\n <div class=\"tko-cr\" data-cr>\r\n <button class=\"tko-cr__btn tko-cr__btn--prev\" type=\"button\" data-cr-dir=\"-1\" aria-label=\"Vorige locaties\">\u2190<\/button>\r\n <div class=\"tko-cr__track\" id=\"tko-rail\" tabindex=\"0\" aria-label=\"Locaties, horizontaal scrollen\">\n <a class=\"tko-card tko-card--yellow\" href=\"https:\/\/tero.be\/nl\/locaties\/eventzaal\/river-house-luxembourg\/\" data-cta=\"kickoff-lieu-river-house-luxembourg\" target=\"_blank\" rel=\"noopener\" style=\"--i:0\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/11\/Design-sans-titre-1.webp\" alt=\"Tero River House in Luxemburg 's avonds\" loading=\"lazy\"><span class=\"tko-card__badge\">Dagevenement<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Luxemburg<\/small><b>Tero River House<\/b><\/span>\r\n <\/a>\n <a class=\"tko-card tko-card--lav\" href=\"https:\/\/tero.be\/nl\/locaties\/eventzaal\/house17\/\" data-cta=\"kickoff-lieu-house17\" target=\"_blank\" rel=\"noopener\" style=\"--i:1\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg\" alt=\"Vergaderzaal van Tero House17 in Luxemburg\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Dagevenement<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Luxemburg<\/small><b>Tero House17<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--mint\" href=\"https:\/\/tero.be\/nl\/locaties\/eventzaal\/garisart-sports-club\/\" data-cta=\"kickoff-lieu-padel-arlon\" target=\"_blank\" rel=\"noopener\" style=\"--i:2\" id=\"tko-lieu-padel-arlon\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/06\/CrolleAgency_Garisart_Padel-17-sur-36-1536x1024.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/CrolleAgency_Garisart_Padel-17-sur-36-1536x1024.jpg\" alt=\"Padelvelden van Tero Padel Arlon\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Padel & sport<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Aarlen \u00b7 Belgi\u00eb<\/small><b>Tero Padel Arlon<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--blue\" href=\"https:\/\/tero.be\/nl\/locaties\/lodges\/herbeumont\/\" data-cta=\"kickoff-lieu-herbeumont\" target=\"_blank\" rel=\"noopener\" style=\"--i:3\" id=\"tko-lieu-herbeumont\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/GIF-MANOIR-HERBEUMONT-3.webp\" alt=\"Het landhuis van Tero Lodge Herbeumont\" loading=\"lazy\"><span class=\"tko-card__badge\">Met overnachting<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Herbeumont \u00b7 Belgi\u00eb<\/small><b>Tero Lodge Herbeumont<\/b><\/span>\r\n <\/a>\r\n <\/div>\r\n <button class=\"tko-cr__btn tko-cr__btn--next\" type=\"button\" data-cr-dir=\"1\" aria-label=\"Volgende locaties\">\u2192<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-acts tko-wrap\" id=\"tko-activites\" aria-labelledby=\"tko-acts-title\">\r\n <div class=\"tko-acts__panel\">\r\n <div class=\"tko-acts__head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-acts-title\">In de namiddag <strong>gaan we aan de slag.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>nog 53 dagen<\/b> tot 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-activites\">Mijn kick-off organiseren <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <p class=\"tko-reveal\">Vier activiteiten bedacht voor een jaarstart, en wat ze uw team opleveren.<\/p>\r\n <\/div>\r\n <div class=\"tko-bento-acts tko-reveal\">\r\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/criativity\/\" data-cta=\"kickoff-activite-criativity\" target=\"_blank\" rel=\"noopener\" style=\"--o:0\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-17-juil.-2026-a-09_16_33.webp\" alt=\"Opnamestudio van CrIAtivity\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">Aan de slag met AI<\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--white\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/criativity\/\" data-cta=\"kickoff-activite-criativity-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:1\">\r\n <small>Minder dan 60 pers. \u00b7 3 u<\/small>\r\n <h3>CrIAtivity<\/h3>\r\n <p>Samen aan de slag met AI en de hit van het bedrijf maken. Wie weet wordt het wel het lijflied van uw 2027.<\/p>\r\n <span class=\"tko-bt__go\">Ontdek CrIAtivity <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--mint\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/venue-play\/\" data-cta=\"kickoff-activite-venue-play-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:3\">\r\n <small>200+ pers. \u00b7 1 u 30<\/small>\r\n <h3>Venue Play<\/h3>\r\n <p>De locatie wordt uw speelveld, met een kant-en-klaar spel of een quiz die we samen rond uw boodschappen voor 2027 opbouwen. Uw teams onthouden het essenti\u00eble al spelend.<\/p>\r\n <span class=\"tko-bt__go\">Ontdek Venue Play <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--photo\" id=\"tko-act-venue-play\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/venue-play\/\" data-cta=\"kickoff-activite-venue-play\" target=\"_blank\" rel=\"noopener\" style=\"--o:2\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/03\/StudioTom-TERO2026052135-scaled-e1792486396809.webp\" alt=\"Team tijdens Venue Play\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">Uw boodschap, in spelvorm<\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/step-story\/\" data-cta=\"kickoff-activite-step-story\" target=\"_blank\" rel=\"noopener\" style=\"--o:4\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/02\/DSC_0219-1-scaled.webp\" alt=\"Teams bouwen een kettingreactie tijdens Step Story\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">Elke schakel telt<\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--lav\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/step-story\/\" data-cta=\"kickoff-activite-step-story-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:5\">\r\n <small>50 tot 100 pers. \u00b7 2 u<\/small>\r\n <h3>Step Story<\/h3>\r\n <p>Elk team bouwt zijn eigen schakel, en alles moet op elkaar aansluiten. Een kettingreactie die toont dat het resultaat van iedereen afhangt.<\/p>\r\n <span class=\"tko-bt__go\">Ontdek Step Story <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--blue\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/the-final-mystery\/\" data-cta=\"kickoff-activite-the-final-mystery-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:7\">\r\n <small>200+ pers. \u00b7 1 u 30<\/small>\r\n <h3>The Final Mystery<\/h3>\r\n <p>Het hele bedrijf voert tegelijk het onderzoek. Om de dader te vinden, moeten de teams hun aanwijzingen delen.<\/p>\r\n <span class=\"tko-bt__go\">Ontdek The Final Mystery <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--photo\" id=\"tko-act-final-mystery\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/the-final-mystery\/\" data-cta=\"kickoff-activite-the-final-mystery\" target=\"_blank\" rel=\"noopener\" style=\"--o:6\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/The-Final-Mystery-ALL-FR.webp\" alt=\"Teams in volle zoektocht tijdens The Final Mystery\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">Het hele bedrijf speurt mee<\/span>\r\n <\/a>\r\n <\/div>\r\n <a class=\"tko-btn tko-btn--line tko-acts__all\" href=\"https:\/\/tero.be\/nl\/evenementen\/teambuilding-activiteiten\/\" data-cta=\"kickoff-toutes-les-activites\" target=\"_blank\" rel=\"noopener\">Bekijk alle activiteiten <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-teroir tko-wrap\" id=\"tko-teroir\" aria-labelledby=\"tko-teroir-title\">\r\n <img decoding=\"async\" class=\"tko-teroir__radis\" src=\"https:\/\/www.terblock.be\/wp-content\/uploads\/2026\/10\/radis.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\r\n <div class=\"tko-teroir__media\">\r\n <div class=\"tko-teroir__main\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-683x1024.jpg.webp 683w, https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg.webp 1024w, https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-scaled.jpg.webp 1707w\" sizes=\"(max-width: 980px) 90vw, 40vw\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg\" srcset=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-683x1024.jpg 683w, https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg 1024w, https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-scaled.jpg 1707w\" sizes=\"(max-width: 980px) 90vw, 40vw\" alt=\"Vis met seizoensgroenten, geserveerd door Teroir Catering\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/div>\r\n <div class=\"tko-teroir__side\" data-parallax><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/08\/CrolleAgency_Tero_Rabanisse-48-sur-243.webp\" alt=\"Groenteteelt voor de Teroir-keten\" loading=\"lazy\"><\/div>\r\n <\/div>\r\n <div>\r\n <h2 class=\"tko-reveal\" id=\"tko-teroir-title\">Van boer<br> <em class=\"tko-serif\">tot bord.<\/em><\/h2>\r\n <div class=\"tko-tick tko-reveal\" aria-label=\"Lokaal, Seizoensgebonden, Ambacht, Vakmanschap, Authentiek, Gastronomie, Gezelligheid, Delen, Gulheid, Erfgoed, Doorgeven, Respect\">\r\n <div class=\"tko-tick__track\" aria-hidden=\"true\"><ul><li>Lokaal<\/li><li>Seizoensgebonden<\/li><li>Ambacht<\/li><li>Vakmanschap<\/li><li>Authentiek<\/li><li>Gastronomie<\/li><li>Gezelligheid<\/li><li>Delen<\/li><li>Gulheid<\/li><li>Erfgoed<\/li><li>Doorgeven<\/li><li>Respect<\/li><\/ul><ul><li>Lokaal<\/li><li>Seizoensgebonden<\/li><li>Ambacht<\/li><li>Vakmanschap<\/li><li>Authentiek<\/li><li>Gastronomie<\/li><li>Gezelligheid<\/li><li>Delen<\/li><li>Gulheid<\/li><li>Erfgoed<\/li><li>Doorgeven<\/li><li>Respect<\/li><\/ul><\/div>\r\n <\/div>\r\n <p class=\"tko-teroir__lead tko-reveal\">Teroir, de cateraar van de Tero-groep, is een evenementencateraar met karakter, op het kruispunt van gastronomie en ambacht.<\/p>\r\n <p class=\"tko-teroir__lead tko-teroir__lead--2 tko-reveal\">De herkomst van onze producten, seizoensgebondenheid en respect voor de natuurlijke cyclus zijn onze dagelijkse strijd; nooit een vanzelfsprekende belofte, maar een lat die we bij elk evenement opnieuw leggen.<\/p>\r\n <div class=\"tko-teroir__ctas tko-reveal\">\r\n <a class=\"tko-btn tko-btn--line\" href=\"https:\/\/tero.be\/nl\/catering\/catering-services\/\" data-cta=\"kickoff-teroir\" target=\"_blank\" rel=\"noopener\">Ontdek Teroir Catering <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-teroir-reserver\">Mijn kick-off reserveren <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-formules tko-reveal\">\r\n <h3 class=\"tko-formules__title\">Onze formules <strong>voor uw kick-off.<\/strong><\/h3>\r\n <div class=\"tko-formules__grid\">\r\n <a class=\"tko-card tko-card--blue tko-card--mini\" href=\"https:\/\/tero.be\/nl\/catering\/catering-services\/lunch\/\" data-cta=\"kickoff-formule-lunch\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/07\/30052024-krissaintpatrick-TERO-4-scaled.webp\" alt=\"Seizoenslunch van Teroir\" loading=\"lazy\"><\/span>\r\n <span class=\"tko-card__txt\"><small>Tussen twee sessies<\/small><b>Lunch<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--yellow tko-card--mini\" href=\"https:\/\/tero.be\/nl\/catering\/catering-services\/cocktails\/\" data-cta=\"kickoff-formule-cocktails-dinatoires\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/07\/200625Tero-TeroirWaterlooAdecco-4-1-731x1024.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/07\/200625Tero-TeroirWaterlooAdecco-4-1-731x1024.jpg\" alt=\"Cocktailplanken van Teroir\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/span>\r\n <span class=\"tko-card__txt\"><small>Voor de nieuwjaarsreceptie of een drink<\/small><b>Cocktails<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--lav tko-card--mini\" href=\"https:\/\/tero.be\/nl\/catering\/catering-services\/walking-dinner\/\" data-cta=\"kickoff-formule-walking-dinner\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/311.png.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/311.png\" alt=\"Walking dinner van Teroir\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/span>\r\n <span class=\"tko-card__txt\"><small>Om rond te lopen en te netwerken<\/small><b>Walking dinner<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--white tko-card--mini\" href=\"https:\/\/tero.be\/nl\/catering\/catering-services\/zitdiner\/\" data-cta=\"kickoff-formule-diners-assis\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/SIDE-SHUTTER-7-seated-dinner-scaled.webp\" alt=\"Zitdiner onder een tent\" loading=\"lazy\"><\/span>\r\n <span class=\"tko-card__txt\"><small>Drie gangen, aan tafel<\/small><b>Zitdiner<\/b><\/span>\r\n <\/a>\r\n <\/div>\r\n <a class=\"tko-formules__all\" href=\"https:\/\/tero.be\/nl\/catering\/catering-services\/\" data-cta=\"kickoff-toutes-les-formules\" target=\"_blank\" rel=\"noopener\">Bekijk al onze formules <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-why tko-wrap\" id=\"tko-pourquoi\" aria-labelledby=\"tko-why-title\">\r\n <div class=\"tko-section-head tko-why__head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-why-title\">Drie vakgebieden, <strong>\u00e9\u00e9n team.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>nog 53 dagen<\/b> tot 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-pourquoi\">Mijn kick-off organiseren <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <p class=\"tko-reveal\">Locaties, catering en activiteiten beheren we zelf, in Belgi\u00eb en Luxemburg. Zo kunnen we alles co\u00f6rdineren zonder u ooit door te sturen naar een andere leverancier.<\/p>\r\n <\/div>\r\n <div class=\"tko-why__grid tko-reveal\">\r\n <a class=\"tko-pilier\" href=\"#tko-lieux\" data-cta=\"kickoff-pourquoi-le-lieu\">\r\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-lieu-house17.webp\" alt=\"Tero House17 in Luxemburg 's avonds\" loading=\"lazy\"><\/div>\r\n <div class=\"tko-pilier__sur\">\r\n <h3>De locatie<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>Inspirerende plekken die uw kick-off meteen een andere dimensie geven. Van 14 tot 400 personen, van de kust tot de Ardennen.<\/p><span class=\"tko-pilier__go\">Bekijk de locaties <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\r\n <\/div>\r\n <\/a>\r\n <a class=\"tko-pilier\" href=\"#tko-teroir\" data-cta=\"kickoff-pourquoi-la-table\">\r\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-table.webp\" alt=\"Tafel gedekt door Teroir Catering\" loading=\"lazy\"><\/div>\r\n <div class=\"tko-pilier__sur\">\r\n <h3>De tafel<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>Farm-to-fork keuken vanuit ons Teroir-vakmanschap, bereid in onze keukens en geserveerd waar u ook bent.<\/p><span class=\"tko-pilier__go\">Bekijk de formules <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\r\n <\/div>\r\n <\/a>\r\n <a class=\"tko-pilier\" href=\"#tko-activites\" data-cta=\"kickoff-pourquoi-lactivit\u00e9\">\r\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-activite.webp\" alt=\"Race met kartonnen wagens tijdens een Tero-teambuilding\" loading=\"lazy\"><\/div>\r\n <div class=\"tko-pilier__sur\">\r\n <h3>De activiteit<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>Omdat de beste momenten niet alleen rond een tafel ontstaan. Indoor en outdoor, begeleid door onze animatoren.<\/p><span class=\"tko-pilier__go\">Bekijk de activiteiten <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\r\n <\/div>\r\n <\/a>\r\n <div class=\"tko-pilier tko-pilier--fixe\">\r\n <div class=\"tko-pilier__sur\">\r\n <h3>De organisatie<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>E\u00e9n aanspreekpunt om uw kick-off te bedenken en in goede banen te leiden, van de eerste mail tot het laatste bord.<\/p><span class=\"tko-pilier__go tko-pilier__go--muet\">Inbegrepen in elke formule<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-faq tko-wrap\" aria-labelledby=\"tko-faq-title\">\r\n <div>\r\n <h2 class=\"tko-reveal\" id=\"tko-faq-title\">Voor u <strong>van start gaat.<\/strong><\/h2>\r\n <\/div>\r\n <div class=\"tko-faq__list tko-reveal\">\r\n <details>\r\n <summary>Wanneer moet ik een kick-off in januari boeken?<\/summary>\r\n <p>Zo vroeg mogelijk: de meeste bedrijven organiseren hun kick-off in dezelfde weken van januari en februari. Wie in november of december boekt, heeft nog keuze in locatie en datum.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Kan alles via \u00e9\u00e9n aanspreekpunt geregeld worden?<\/summary>\r\n <p>Ja. De locatie, de teambuildingactiviteit en de catering van Teroir worden door Tero beheerd. U hebt \u00e9\u00e9n contactpersoon, van de briefing tot de grote dag.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Welk budget moet ik voorzien voor de catering?<\/summary>\r\n <p>Reken vanaf \u20ac 50 per persoon voor een buffet en \u20ac 80 voor een walking dinner of zitdiner, vanaf 50 personen, exclusief zaalhuur en dranken.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Is het mogelijk om ter plaatse te overnachten?<\/summary>\r\n <p>Ja. Onze lodges in Francorchamps en Herbeumont, in de Ardennen, zijn gemaakt voor een retraite met overnachting. Kies het formaat \u201cMet overnachting\u201d in de briefing en we stellen de geschikte locatie voor uw groep voor.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>En de techniek voor de plenaire sessie?<\/summary>\r\n <p>Vermeld uw noden in de briefing (scherm, geluid, micro's, opname). We nemen ze op in het voorstel, afhankelijk van de gekozen locatie.<\/p>\r\n <\/details>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-devis tko-wrap\" id=\"tko-devis\" aria-labelledby=\"tko-devis-title\">\r\n <div class=\"tko-devis__panel\">\r\n <div class=\"tko-hero__quote tko-quote--bas\">\r\n <div class=\"tko-brief__intro\">\r\n <h2 id=\"tko-devis-title\">Vertel ons <strong>het essenti\u00eble.<\/strong><\/h2>\r\n <p>Vier korte vragen, en wij komen bij u terug met een voorstel op maat van uw team.<\/p>\r\n <ul class=\"tko-brief__reassure\">\r\n <li>E\u00e9n aanspreekpunt voor het hele project<\/li>\r\n <li>Een voorstel op maat van uw groep<\/li>\r\n <li>Vrijblijvend<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"tko-devis__dock\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-blog tko-wrap\" aria-labelledby=\"tko-blog-title\">\r\n <div class=\"tko-blog__head\">\r\n <h2 class=\"tko-reveal\" id=\"tko-blog-title\">Lees meer <strong>op de blog.<\/strong><\/h2>\r\n <a class=\"tko-btn tko-btn--line\" href=\"https:\/\/tero.be\/nl\/news\/\" data-cta=\"kickoff-blog-tous\" target=\"_blank\" rel=\"noopener\">Alle artikels <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <div class=\"tko-blog__grid tko-reveal\" id=\"tko-blog-list\">\r\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/nl\/news\/maak-van-uw-nieuwjaarsstart-een-hefboom-voor-prestaties\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Kick-off 2027: maak van uw jaarstart een hefboom voor cultuur en prestaties<\/h3><span>Lees het artikel <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\r\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/nl\/news\/teambuilding-in-een-nieuw-jasje-creativiteit-kunstmatige-intelligentie-en-nieuwe-gezamenlijke-ervaringen\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Teambuilding in het tijdperk van AI: Tero zet mensen centraal<\/h3><span>Lees het artikel <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\r\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/nl\/news\/teamoffsite-buiten-de-gebaande-paden-treden-om-samen-vooruitgang-te-boeken\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Team offsite: even weg van het vertrouwde om samen vooruit te gaan<\/h3><span>Lees het artikel <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n<script>\r\n(() => {\r\n \/* ===== R\u00e9glages ===== *\/\r\n \/* Provenance de la visite (UTM, gclid), gard\u00e9e le temps de la session *\/\r\n const utm = (() => {\r\n const keys = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'gclid'];\r\n const q = new URLSearchParams(location.search); let st = {};\r\n try { st = JSON.parse(sessionStorage.getItem('tko_utm') || '{}'); } catch (x) { st = {}; }\r\n keys.forEach((k) => { if (q.get(k)) st[k] = q.get(k); });\r\n try { sessionStorage.setItem('tko_utm', JSON.stringify(st)); } catch (x) { \/* navigation priv\u00e9e *\/ }\r\n const o = {}; keys.forEach((k) => { o[k === 'gclid' ? 'gclid_field' : k] = st[k] || ''; });\r\n if (!o.utm_campaign) o.utm_campaign = 'kickoff-2027';\r\n return o;\r\n })();\r\n const FORM_ENDPOINT = ''; \/\/ \u2190 URL du webhook (Efficy \/ Odoo). Vide = avertissement, rien n'est envoy\u00e9.\r\n\r\n const root = document.getElementById('tero-kickoff');\r\n if (!root) return;\r\n const $ = (s, c = root) => c.querySelector(s);\r\n const $$ = (s, c = root) => Array.from(c.querySelectorAll(s));\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n const dl = (o) => { window.dataLayer = window.dataLayer || []; window.dataLayer.push(o); };\r\n const clamp = (v, a = 0, b = 1) => Math.min(b, Math.max(a, v));\r\n\r\n\r\n \/* ===== Hero ===== *\/\r\n const hero = $('#tko-hero');\r\n const heroNum = $('.tko-hero__num', hero);\r\n requestAnimationFrame(() => hero.classList.add('is-in'));\r\n\r\n \/* Compte \u00e0 rebours jusqu'au 1er janvier 2027 (bascule automatiquement ensuite) *\/\r\n const cd = $('#tko-countdown');\r\n const days = Math.ceil((new Date(2027, 0, 1) - new Date()) \/ 86400000);\r\n const cdTxt = days > 0 ? `<b>nog ${days} dagen<\/b><span class=\"tko-cd__s\"> tot 2027<\/span>` : '<b>2027<\/b><span class=\"tko-cd__s\"> is gestart: er zijn nog data vrij<\/span>';\r\n [cd, ...$$('[data-countdown]')].forEach((el) => { if (el) el.innerHTML = cdTxt; });\r\n\r\n \/* ===== Apparitions + compteurs ===== *\/\r\n const countUp = (el) => {\r\n const target = +el.dataset.count;\r\n if (reduce || target < 2) return;\r\n const t0 = performance.now(), dur = 1400;\r\n const tick = (t) => {\r\n const p = clamp((t - t0) \/ dur);\r\n el.textContent = Math.round(target * (1 - Math.pow(1 - p, 3)));\r\n if (p < 1) requestAnimationFrame(tick);\r\n };\r\n requestAnimationFrame(tick);\r\n };\r\n const toReveal = $$('.tko-reveal, #tko-teroir');\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver((entries) => entries.forEach((en) => {\r\n if (!en.isIntersecting) return;\r\n en.target.classList.add('is-visible');\r\n $$('[data-count]', en.target).forEach(countUp);\r\n io.unobserve(en.target);\r\n }), { threshold: .15, rootMargin: '0px 0px -6% 0px' });\r\n toReveal.forEach((el) => io.observe(el));\r\n } else {\r\n toReveal.forEach((el) => el.classList.add('is-visible'));\r\n }\r\n\r\n \/* ===== Accroche : mots qui se remplissent au scroll ===== *\/\r\n const fill = $('[data-fill]');\r\n const accents = (fill.dataset.accent || '').split(',');\r\n fill.innerHTML = fill.textContent.trim().split(\/\\s+\/).map((w) => {\r\n const clean = w.replace(\/[.,]\/g, '').toLowerCase();\r\n return `<span class=\"w${accents.includes(clean) ? ' accent' : ''}\">${w}<\/span>`;\r\n }).join(' ');\r\n const words = $$('.w', fill);\r\n\r\n \/* ===== Phrase du hero : les mots apparaissent petit \u00e0 petit au scroll ===== *\/\r\n const storyP = $('#tko-story p');\r\n if (storyP) storyP.innerHTML = storyP.textContent.trim().split(\/[ \\t\\n]+\/).map((w) => `<span class=\"w\">${w}<\/span>`).join(' ');\r\n const storyWords = storyP ? $$('.w', storyP) : [];\r\n\r\n \/* ===== Hero en s\u00e9quence ===== *\/\r\n const seq = $('#tko-seq');\r\n const stick = $('#tko-seq-stick');\r\n const intro = $('#tko-intro');\r\n const quad = $('#tko-quad');\r\n const story = $('#tko-story');\r\n const outro = $('#tko-outro');\r\n const band = $('#tko-band');\r\n const layers = $$('.tko-layer', hero);\r\n const quadItems = $$('.tko-quad__item', quad);\r\n const ease = (t) => (t < .5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) \/ 2);\r\n const seg = (p, a, b) => clamp((p - a) \/ (b - a));\r\n \/* Hauteurs fig\u00e9es en pixels : \u00e9vite les tremblements dus \u00e0 la barre d'adresse Safari sur mobile *\/\r\n \/* Sur \u00e9cran tactile, on ignore les petites variations de hauteur (barre d'adresse qui appara\u00eet\r\n et dispara\u00eet) ; sur ordinateur, on suit toujours la vraie hauteur de la fen\u00eatre. *\/\r\n const touch = window.matchMedia('(pointer: coarse)').matches;\r\n\r\n \/* Menu fixe du site : sur tero.be, Elementor ne fixe le menu (85 px) qu'une fois qu'on commence \u00e0 d\u00e9filer.\r\n \u00c0 chaque mise \u00e0 jour, on regarde donc ce qui se trouve tout en haut de l'\u00e9cran, et si c'est un \u00e9l\u00e9ment\r\n fix\u00e9 (fixed ou sticky) qui n'appartient pas \u00e0 la page kick-off, le hero se cale juste en dessous. *\/\r\n const fixedAncestor = (el) => {\r\n for (let n = el; n && n !== document.body && n !== document.documentElement; n = n.parentElement) {\r\n if (root.contains(n)) return null;\r\n const pos = getComputedStyle(n).position;\r\n if (pos === 'fixed' || pos === 'sticky') return n;\r\n }\r\n return null;\r\n };\r\n const headerOffset = () => {\r\n const maxH = window.innerHeight * .35;\r\n const found = new Set(document.querySelectorAll('.elementor-sticky--active, #wpadminbar'));\r\n const vw = document.documentElement.clientWidth;\r\n [vw * .5, vw * .15, vw * .85].forEach((x) => {\r\n (document.elementsFromPoint(x, 2) || []).forEach((el) => { const f = fixedAncestor(el); if (f) found.add(f); });\r\n });\r\n let bottom = 0;\r\n found.forEach((el) => {\r\n if (root.contains(el)) return;\r\n const r = el.getBoundingClientRect();\r\n if (r.height > 0 && r.top <= 2 && r.bottom > 0 && r.bottom < maxH && getComputedStyle(el).visibility !== 'hidden') bottom = Math.max(bottom, r.bottom);\r\n });\r\n return Math.round(bottom);\r\n };\r\n\r\n let seqW = 0, winH = 0, hdr = 0, stickH = 0;\r\n const sizeSeq = (force) => {\r\n if (reduce) return;\r\n const w = window.innerWidth, h = window.innerHeight, o = headerOffset();\r\n if (!force && w === seqW && h === winH && Math.abs(o - hdr) < 3) return;\r\n if (!force && touch && w === seqW && Math.abs(h - winH) < 120 && Math.abs(o - hdr) < 3) return;\r\n seqW = w; winH = h; hdr = o;\r\n stickH = h - hdr;\r\n stick.style.top = `${hdr}px`;\r\n stick.style.height = `${stickH}px`;\r\n seq.style.height = `${Math.round(h * 7.6)}px`;\r\n };\r\n const LAYER_START = [.36, .49, .62, .745];\r\n const LAYER_LEN = .125;\r\n const drawSeq = () => {\r\n if (reduce) return;\r\n const r = seq.getBoundingClientRect();\r\n if (r.bottom < 0 || r.top > winH) return;\r\n const p = clamp((hdr - r.top) \/ (seq.offsetHeight - stickH));\r\n const vw = document.documentElement.clientWidth;\r\n const mobile = vw < 760;\r\n\r\n \/* ouverture puis fermeture du cadre *\/\r\n const open = ease(seg(p, 0, .1));\r\n const close = mobile ? 0 : ease(seg(p, .86, .96)); \/* sur mobile, le devis reste en plein \u00e9cran *\/\r\n const f = open * (1 - close);\r\n const g = Math.min(40, Math.max(16, vw * .031));\r\n const restW = Math.min(1440, vw - 2 * g);\r\n const restTop = mobile ? 12 : 16;\r\n \/* Position \u00ab au repos \u00bb du cadre = celle qu'il a au chargement de la page, sous le menu.\r\n Elle est identique au d\u00e9but et \u00e0 la fin de la s\u00e9quence : le cadre retrouve exactement\r\n sa place et sa taille d'avant l'agrandissement. *\/\r\n const bandGap = mobile ? 10 : 14; \/* espace entre le cadre et les logos *\/\r\n const bandBox = mobile ? 60 : 72; \/* hauteur de la bande des logos *\/\r\n const bottomGap = mobile ? 14 : 28; \/* air sous les logos, en bas de l'\u00e9cran *\/\r\n const bandH = bandGap + bandBox + bottomGap;\r\n const loadTop = Math.min((r.top + window.scrollY) + restTop, winH * .3); \/* haut du cadre quand la page est en haut *\/\r\n const stickTop = stick.getBoundingClientRect().top;\r\n const restOffset = Math.max(restTop, loadTop - stickTop);\r\n const restH = Math.max(260, winH - loadTop - bandH);\r\n const radius = Math.min(40, Math.max(24, vw * .03));\r\n \/* Anti-tremblement : le hero garde toujours la taille de l'\u00e9cran (aucun recalcul de mise en page\r\n pendant le scroll). Le cadre qui s'ouvre et se referme est un simple masque (clip-path),\r\n et les contenus du cadre de d\u00e9part restent pos\u00e9s sur ce rectangle fixe. *\/\r\n const rx = Math.round((vw - restW) \/ 2), ry = Math.round(restOffset), rh = Math.round(restH);\r\n const restKey = `${rx}|${ry}|${restW}|${rh}|${radius}`;\r\n if (restKey !== hero._rk) {\r\n hero._rk = restKey;\r\n hero.style.setProperty('--rx', `${rx}px`);\r\n hero.style.setProperty('--ry', `${ry}px`);\r\n hero.style.setProperty('--rw', `${restW}px`);\r\n hero.style.setProperty('--rh', `${rh}px`);\r\n hero.style.setProperty('--rr', `${radius}px`);\r\n }\r\n const k = 1 - f;\r\n hero.style.clipPath = `inset(${(ry * k).toFixed(2)}px ${(rx * k).toFixed(2)}px ${(Math.max(0, stickH - ry - rh) * k).toFixed(2)}px ${(rx * k).toFixed(2)}px round ${(radius * k).toFixed(2)}px)`;\r\n hero.style.setProperty('--f', f.toFixed(4));\r\n stick.style.setProperty('--bt', `${restOffset + restH + bandGap}px`);\r\n band.style.setProperty('--bo', (1 - clamp(f * 3)).toFixed(3));\r\n\r\n \/* actes *\/\r\n const io = 1 - seg(p, .08, .12);\r\n const so = seg(p, .19, .215) * (1 - seg(p, .315, .35)); \/* entre .12 et .18 : le 2027 rempli reste seul \u00e0 l'\u00e9cran *\/\r\n const qo = seg(p, .36, .41) * (1 - seg(p, .86, .9));\r\n const oo = seg(p, .9, .96);\r\n hero.style.setProperty('--io', io.toFixed(3));\r\n hero.style.setProperty('--so', so.toFixed(3));\r\n \/* \u00ab 27 \u00bb : se remplit pendant que le cadre s'ouvre, puis s'efface quand les photos arrivent *\/\r\n hero.style.setProperty('--fill27', `${(seg(p, 0, .12) * 100).toFixed(1)}%`); \/* enti\u00e8rement rempli, puis affich\u00e9 seul *\/\r\n const ph = seg(p, LAYER_START[0], LAYER_START[0] + .05);\r\n hero.style.setProperty('--ov', '0'); \/* voile sombre seulement quand les photos sont l\u00e0 *\/\r\n hero.style.setProperty('--n27', ((1 - ph) * (1 - ease(seg(p, .17, .24)) * .85)).toFixed(3)); \/* fondu doux avant l'arriv\u00e9e de la phrase *\/\r\n hero.style.setProperty('--qo', qo.toFixed(3));\r\n hero.style.setProperty('--oo', oo.toFixed(3));\r\n intro.classList.toggle('is-live', io > .5);\r\n quad.classList.toggle('is-live', qo > .5);\r\n story.classList.toggle('is-live', so > .5);\r\n const sn = Math.round(seg(p, .2, .3) * storyWords.length);\r\n storyWords.forEach((w, i) => w.classList.toggle('on', i < sn));\r\n outro.classList.toggle('is-live', oo > .5);\r\n\r\n \/* couches photo et colonne active *\/\r\n let active = 0;\r\n layers.forEach((l, k) => {\r\n const lo = seg(p, LAYER_START[k], LAYER_START[k] + .05);\r\n l.style.opacity = (lo * (1 - oo)).toFixed(3); \/* au devis, les photos s'effacent : retour au fond pastel *\/\r\n l.style.setProperty('--lo', seg(p, LAYER_START[k], LAYER_START[k] + LAYER_LEN).toFixed(3));\r\n if (p >= LAYER_START[k]) active = k;\r\n });\r\n quadItems.forEach((it, k) => {\r\n it.classList.toggle('is-active', k === active);\r\n it.style.setProperty('--ip', seg(p, LAYER_START[k], LAYER_START[k] + LAYER_LEN).toFixed(3));\r\n });\r\n };\r\n\r\n \/* Les boutons \u00ab Bloquer une date \u00bb m\u00e8nent au dernier \u00e9cran de la s\u00e9quence (le devis) *\/\r\n $$('a[href=\"#tko-brief\"]').forEach((a) => a.addEventListener('click', (e) => {\r\n if (reduce) return;\r\n e.preventDefault();\r\n sizeSeq();\r\n const bas = $('#tko-devis');\r\n if (bas && seq.getBoundingClientRect().bottom < 0) { \/* d\u00e9j\u00e0 plus bas que le hero : formulaire du bas *\/\r\n window.scrollTo({ top: bas.getBoundingClientRect().top + window.scrollY - 90, behavior: 'smooth' });\r\n return;\r\n }\r\n const top = seq.getBoundingClientRect().top + window.scrollY + seq.offsetHeight - window.innerHeight;\r\n window.scrollTo({ top, behavior: 'auto' });\r\n }));\r\n\r\n \/* ===== Boucle scroll unique ===== *\/\r\n const quick = $('#tko-quicknav');\r\n const quickMark = $('#tko-quicknav-mark');\r\n const hookEl = $('.tko-hook');\r\n const side = $('[data-parallax]');\r\n let ticking = false;\r\n const onScroll = () => {\r\n const vh = window.innerHeight;\r\n sizeSeq();\r\n\r\n if (!reduce) {\r\n const r = fill.getBoundingClientRect();\r\n const p = clamp((vh * .85 - r.top) \/ (r.height + vh * .35));\r\n const n = Math.round(p * words.length);\r\n words.forEach((w, i) => w.classList.toggle('on', i < n));\r\n }\r\n\r\n\r\n drawSeq();\r\n\r\n if (!reduce && side) {\r\n const r = side.getBoundingClientRect();\r\n side.style.setProperty('--py', `${Math.max(-30, Math.min(30, ((r.top + r.height \/ 2) \/ vh - .5) * -60))}px`);\r\n }\r\n\r\n\r\n \/* Apr\u00e8s l'accroche : le menu du site se cache et la barre d'acc\u00e8s rapide prend sa place *\/\r\n const navOn = quickMark.getBoundingClientRect().top < 86; \/* la barre arrive au niveau du menu : elle prend sa place *\/\r\n if (navOn !== quick.classList.contains('is-on')) {\r\n quick.classList.toggle('is-on', navOn);\r\n document.body.classList.toggle('tko-menu-hidden', navOn);\r\n }\r\n\r\n ticking = false;\r\n };\r\n const requestTick = () => { if (!ticking) { ticking = true; requestAnimationFrame(onScroll); } };\r\n window.addEventListener('scroll', requestTick, { passive: true });\r\n window.addEventListener('resize', () => { sizeSeq(); requestTick(); });\r\n window.addEventListener('load', () => { sizeSeq(true); requestTick(); });\r\n window.addEventListener('load', requestTick);\r\n sizeSeq(true); onScroll();\r\n\r\n \/* ===== Effets souris : spotlight cartes + boutons magn\u00e9tiques ===== *\/\r\n if (!reduce && window.matchMedia('(hover: hover)').matches) {\r\n $$('[data-spot]').forEach((card) => card.addEventListener('pointermove', (e) => {\r\n const r = card.getBoundingClientRect();\r\n card.style.setProperty('--mx', `${e.clientX - r.left}px`);\r\n card.style.setProperty('--my', `${e.clientY - r.top}px`);\r\n }));\r\n $$('.tko-btn').forEach((btn) => {\r\n btn.addEventListener('pointermove', (e) => {\r\n const r = btn.getBoundingClientRect();\r\n btn.style.setProperty('--tx', `${(e.clientX - r.left - r.width \/ 2) * .18}px`);\r\n btn.style.setProperty('--ty', `${(e.clientY - r.top - r.height \/ 2) * .3}px`);\r\n });\r\n btn.addEventListener('pointerleave', () => { btn.style.setProperty('--tx', '0px'); btn.style.setProperty('--ty', '0px'); });\r\n });\r\n }\r\n\r\n \/* ===== Carrousels lieux et activit\u00e9s (fa\u00e7on WePresent) =====\r\n Ordinateur : d\u00e9filement horizontal, la carte au centre est mise en avant.\r\n Mobile : les cartes s'empilent les unes sur les autres au scroll. *\/\r\n const mqStack = window.matchMedia('(max-width: 760px)');\r\n const crs = $$('[data-cr]').map((box) => {\r\n const track = $('.tko-cr__track', box);\r\n const cards = $$('.tko-card', track);\r\n const prev = $('.tko-cr__btn--prev', box), next = $('.tko-cr__btn--next', box);\r\n const update = () => {\r\n if (mqStack.matches) { prev.disabled = false; next.disabled = false; return; }\r\n const mid = track.getBoundingClientRect().left + track.clientWidth \/ 2;\r\n let best = null, bd = 1e9;\r\n cards.forEach((c) => { const r = c.getBoundingClientRect(); const d = Math.abs(r.left + r.width \/ 2 - mid); if (d < bd) { bd = d; best = c; } });\r\n cards.forEach((c) => c.classList.toggle('is-active', c === best));\r\n \/* Arc tr\u00e8s l\u00e9ger : la carte du centre est mise en avant, les autres sont un peu plus basses, plus petites et estomp\u00e9es *\/\r\n if (!reduce) cards.forEach((c) => {\r\n const r = c.getBoundingClientRect();\r\n const d = Math.min(2, Math.abs((r.left + r.width \/ 2 - mid) \/ (r.width + 24)));\r\n const sd = Math.sign(r.left + r.width \/ 2 - mid);\r\n c.style.setProperty('--ay', `${(d * d * 9).toFixed(1)}px`);\r\n c.style.setProperty('--ar', `${(sd * d * 1.2).toFixed(2)}deg`);\r\n c.style.setProperty('--as', `${(1 - d * .06).toFixed(3)}`);\r\n c.style.setProperty('--ao', `${(1 - Math.min(1, d) * .28).toFixed(3)}`);\r\n });\r\n const max = track.scrollWidth - track.clientWidth;\r\n prev.disabled = track.scrollLeft <= 4; next.disabled = track.scrollLeft >= max - 4;\r\n };\r\n let t = false, idle = null, settling = false, down = false;\r\n \/* Recentrage doux sur la carte la plus proche, une fois le d\u00e9filement termin\u00e9\r\n (remplace l'aimantation CSS qui ramenait les cartes en arri\u00e8re au trackpad) *\/\r\n const settle = () => {\r\n if (mqStack.matches || down) return;\r\n const mid = track.scrollLeft + track.clientWidth \/ 2;\r\n let best = cards[0], bd = 1e9;\r\n cards.forEach((c) => { const d = Math.abs(c.offsetLeft + c.offsetWidth \/ 2 - mid); if (d < bd) { bd = d; best = c; } });\r\n if (bd < 3) return;\r\n settling = true;\r\n track.scrollTo({ left: best.offsetLeft + best.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\r\n setTimeout(() => { settling = false; }, 500);\r\n };\r\n track.addEventListener('scroll', () => {\r\n if (!t) { t = true; requestAnimationFrame(() => { t = false; update(); }); }\r\n if (!settling) { clearTimeout(idle); idle = setTimeout(settle, 180); }\r\n }, { passive: true });\r\n const step = (dir) => {\r\n const act = $('.tko-card.is-active', track) || cards[0];\r\n const k = Math.min(cards.length - 1, Math.max(0, cards.indexOf(act) + dir));\r\n const c = cards[k];\r\n track.scrollTo({ left: c.offsetLeft + c.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\r\n };\r\n prev.addEventListener('click', () => (mqStack.matches ? go(-1) : step(-1)));\r\n next.addEventListener('click', () => (mqStack.matches ? go(1) : step(1)));\r\n \/* Glisser \u00e0 la souris *\/\r\n let sx = 0, sl = 0, moved = false;\r\n track.addEventListener('pointerdown', (e) => { if (e.pointerType !== 'mouse' || mqStack.matches) return; down = true; moved = false; sx = e.clientX; sl = track.scrollLeft; });\r\n window.addEventListener('pointermove', (e) => { if (!down) return; const dx = e.clientX - sx; if (Math.abs(dx) > 5) { moved = true; track.classList.add('is-dragging'); } track.scrollLeft = sl - dx; });\r\n window.addEventListener('pointerup', () => { if (!down) return; down = false; setTimeout(() => track.classList.remove('is-dragging'), 0); settle(); });\r\n track.addEventListener('click', (e) => { if (moved) { e.preventDefault(); moved = false; } }, true);\r\n \/* Mobile : paquet de cartes \u00e0 swiper *\/\r\n const n = cards.length;\r\n let cur = 0, busy = false;\r\n const count = document.createElement('span'); count.className = 'tko-cr__count'; count.setAttribute('aria-live', 'polite');\r\n next.before(count);\r\n cards.forEach((c, k) => { c.style.setProperty('--i', k); });\r\n const render = (dx = 0) => {\r\n if (!mqStack.matches) { cards.forEach((c) => { c.style.transform = ''; c.style.opacity = ''; c.style.zIndex = ''; c.style.pointerEvents = ''; c.classList.remove('is-front'); }); return; }\r\n cards.forEach((c, i) => {\r\n const k = (i - cur + n) % n;\r\n c.classList.toggle('is-front', k === 0);\r\n c.style.zIndex = String(n - k);\r\n c.style.pointerEvents = k === 0 ? 'auto' : 'none';\r\n c.tabIndex = k === 0 ? 0 : -1;\r\n if (k === 0) { c.style.transform = `translateX(${dx}px) rotate(${dx \/ 22}deg)`; c.style.opacity = '1'; }\r\n else if (k <= 2) {\r\n const pull = Math.min(1, Math.abs(dx) \/ 140); \/* la carte suivante avance pendant le swipe *\/\r\n const kk = k - (k === 1 ? pull : pull * .5);\r\n c.style.transform = `translateY(${kk * 18}px) scale(${1 - kk * .05})`; c.style.opacity = '1';\r\n } else { c.style.transform = 'translateY(36px) scale(.9)'; c.style.opacity = '0'; }\r\n });\r\n count.textContent = `${cur + 1} \/ ${n}`;\r\n };\r\n const go = (dir) => {\r\n if (busy) return; busy = true;\r\n const front = cards[cur];\r\n box.classList.remove('is-swiping');\r\n front.style.transform = `translateX(${dir > 0 ? -120 : 120}%) rotate(${dir > 0 ? -14 : 14}deg)`;\r\n front.style.opacity = '0';\r\n setTimeout(() => { cur = (cur + dir + n) % n; render(0); busy = false; }, reduce ? 0 : 260);\r\n };\r\n let tx = 0, ty = 0, dx = 0, drag = false, lock = null, swiped = false;\r\n track.addEventListener('pointerdown', (e) => {\r\n if (!mqStack.matches || busy || !e.target.closest('.tko-card.is-front')) return;\r\n drag = true; lock = null; swiped = false; tx = e.clientX; ty = e.clientY; dx = 0;\r\n });\r\n window.addEventListener('pointermove', (e) => {\r\n if (!drag) return;\r\n const mx = e.clientX - tx, my = e.clientY - ty;\r\n if (lock === null && (Math.abs(mx) > 6 || Math.abs(my) > 6)) lock = Math.abs(mx) > Math.abs(my) ? 'x' : 'y';\r\n if (lock !== 'x') return;\r\n dx = mx; swiped = true; box.classList.add('is-swiping'); render(dx);\r\n }, { passive: true });\r\n const end = () => {\r\n if (!drag) return; drag = false;\r\n if (lock === 'x' && Math.abs(dx) > 70) go(dx < 0 ? 1 : -1);\r\n else { box.classList.remove('is-swiping'); render(0); }\r\n };\r\n window.addEventListener('pointerup', end);\r\n window.addEventListener('pointercancel', end);\r\n track.addEventListener('click', (e) => { if (swiped) { e.preventDefault(); swiped = false; } }, true);\r\n track.addEventListener('dragstart', (e) => e.preventDefault()); \/* \u00e9vite le glisser natif des liens et images *\/\r\n const stack = () => render(0);\r\n \/* Au d\u00e9part, la 2e carte est au centre : les 3 premi\u00e8res sont visibles *\/\r\n const start = () => {\r\n if (mqStack.matches || cards.length < 2) return;\r\n const c = cards[1];\r\n track.scrollLeft = c.offsetLeft + c.offsetWidth \/ 2 - track.clientWidth \/ 2;\r\n };\r\n \/* Am\u00e8ne une carte pr\u00e9cise au centre (depuis les intentions) *\/\r\n const focus = (card) => {\r\n const k = cards.indexOf(card);\r\n if (k < 0) return;\r\n if (mqStack.matches) { cur = k; render(0); return; }\r\n track.scrollTo({ left: card.offsetLeft + card.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\r\n };\r\n return { update, stack, start, focus, track };\r\n });\r\n crs.forEach((c) => c.start());\r\n const crAll = () => crs.forEach((c) => { c.update(); c.stack(); });\r\n window.addEventListener('resize', crAll);\r\n window.addEventListener('load', () => { crs.forEach((c) => c.start()); crAll(); });\r\n crAll();\r\n\r\n \/* ===== Intentions : la carte se retourne et montre les coups de c\u0153ur ===== *\/\r\n const ints = $$('.tko-int:not(.tko-int--side)');\r\n const setInt = (card, open) => {\r\n ints.forEach((c) => { if (c !== card) { c.classList.remove('is-open'); c.setAttribute('aria-expanded', 'false'); } });\r\n card.classList.toggle('is-open', open);\r\n card.setAttribute('aria-expanded', String(open));\r\n };\r\n ints.forEach((card) => {\r\n card.addEventListener('click', (e) => {\r\n const go = e.target.closest('[data-goto]');\r\n if (go) { \/* photo du verso : on descend vers le lieu ou l'activit\u00e9 *\/\r\n e.preventDefault(); e.stopPropagation();\r\n const target = document.querySelector(go.getAttribute('href'));\r\n if (!target) return;\r\n const cr = crs.find((c) => c.track.contains(target));\r\n const box = cr ? target.closest('section') : target;\r\n window.scrollTo({ top: box.getBoundingClientRect().top + window.scrollY - (cr ? 90 : window.innerHeight * .2), behavior: reduce ? 'auto' : 'smooth' });\r\n if (cr) setTimeout(() => cr.focus(target), reduce ? 0 : 450);\r\n else { target.classList.add('is-flash'); setTimeout(() => target.classList.remove('is-flash'), 1800); }\r\n return;\r\n }\r\n if (e.target.closest('.tko-sol, .tko-int__cta')) return; \/* les liens restent des liens *\/\r\n if (e.target.closest('.tko-int__back')) { e.stopPropagation(); setInt(card, false); return; }\r\n if (!card.classList.contains('is-open')) setInt(card, true);\r\n });\r\n card.addEventListener('keydown', (e) => {\r\n if (e.target !== card) return;\r\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setInt(card, !card.classList.contains('is-open')); }\r\n if (e.key === 'Escape') setInt(card, false);\r\n });\r\n });\r\n\r\n \/* ===== Blog : met \u00e0 jour les 3 derniers articles depuis tero.be\/fr\/news\/ (sinon la liste \u00e9crite reste) ===== *\/\r\n const blogList = $('#tko-blog-list');\r\n if (blogList && \/(^|\\.)tero\\.be$\/.test(location.hostname) && window.fetch && window.DOMParser) {\r\n fetch('\/nl\/news\/', { credentials: 'same-origin' }).then((r) => (r.ok ? r.text() : Promise.reject(r.status))).then((html) => {\r\n const doc = new DOMParser().parseFromString(html, 'text\/html');\r\n const seen = new Set(); const items = [];\r\n doc.querySelectorAll('.jet-listing-grid__item').forEach((it) => {\r\n const a = it.querySelector('a[href*=\"\/nl\/news\/\"]');\r\n const h = it.querySelector('.elementor-heading-title');\r\n if (!a || !h || \/\\\/news\\\/(tags|feed)|\\?\/.test(a.href) || seen.has(a.href)) return;\r\n const t = h.textContent.trim(); if (t.length < 12) return;\r\n seen.add(a.href); items.push([a.href, t]);\r\n });\r\n if (items.length < 3) return;\r\n const esc = (x) => x.replace(\/[&<>\"]\/g, (c) => ({ '&': '&', '<': '<', '>': '>', '\"': '"' }[c]));\r\n blogList.innerHTML = items.slice(0, 3).map(([h, t]) => `<a class=\"tko-article\" href=\"${esc(h)}\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>${esc(t)}<\/h3><span>Lees het artikel <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>`).join('');\r\n }).catch(() => {});\r\n }\r\n\r\n \/* ===== Formulaire en \u00e9tapes ===== *\/\r\n const wrap = $('#tko-form');\r\n \/* Un seul formulaire, deux emplacements : dans le hero, ou en bas de page quand on y arrive *\/\r\n const dockBas = $('.tko-devis__dock');\r\n const dockHero = wrap.parentElement;\r\n const heroSlot = document.createComment('tko-form');\r\n dockHero.insertBefore(heroSlot, wrap);\r\n const placeForm = () => {\r\n const ae = document.activeElement;\r\n if (!dockBas || (wrap.contains(ae) && \/^(INPUT|TEXTAREA|SELECT)$\/.test(ae.tagName))) return; \/* pas pendant la saisie *\/\r\n const seqR = seq.getBoundingClientRect();\r\n const basR = dockBas.getBoundingClientRect();\r\n const wantBas = seqR.bottom < 0 && basR.top < window.innerHeight * 1.6;\r\n const wantHero = seqR.bottom > -window.innerHeight * .5;\r\n if (wantBas && wrap.parentElement !== dockBas) dockBas.appendChild(wrap);\r\n else if (wantHero && wrap.parentElement === dockBas) dockHero.insertBefore(wrap, heroSlot.nextSibling);\r\n };\r\n window.addEventListener('scroll', () => requestAnimationFrame(placeForm), { passive: true });\r\n placeForm();\r\n const form = $('form', wrap);\r\n const steps = $$('fieldset', form);\r\n const dots = $$('.tko-form__progress span', wrap);\r\n const back = $('.tko-form__back', form);\r\n const nextLabel = $('.tko-next-label', form);\r\n const err = $('.tko-form__error', form);\r\n let cur = 0;\r\n\r\n const show = (i) => {\r\n cur = i;\r\n steps.forEach((s, k) => { s.hidden = k !== i; });\r\n dots.forEach((d, k) => d.classList.toggle('on', k <= i));\r\n back.hidden = i === 0;\r\n nextLabel.textContent = i === steps.length - 1 ? 'Mijn briefing versturen' : 'Verder';\r\n err.textContent = '';\r\n };\r\n const LABELS = { besoin: 'wat u zoekt', periode: 'een maand', budget: 'een budget per persoon', participants: 'het aantal personen', format: 'een formaat', region: 'een regio' };\r\n const valid = (fs) => {\r\n $$('.is-missing', fs).forEach((g) => g.classList.remove('is-missing'));\r\n const radios = [...new Set($$('input[type=radio]', fs).map((r) => r.name))];\r\n for (const name of radios) if (!$(`input[name=\"${name}\"]:checked`, fs)) {\r\n if (name === 'periode' && (($('#tko-date', fs) || {}).value || ($('#tko-date-fin', fs) || {}).value)) continue; \/* une date pr\u00e9cise suffit *\/\r\n const grp = $(`input[name=\"${name}\"]`, fs).closest('.tko-form__group') || $(`input[name=\"${name}\"]`, fs).closest('.tko-chips');\r\n if (grp) grp.classList.add('is-missing');\r\n return `Kies ${LABELS[name] || 'een optie'} om verder te gaan.`;\r\n }\r\n \/* Seuls les champs obligatoires bloquent : une date facultative mal saisie est simplement ignor\u00e9e *\/\r\n for (const f of $$('input:not([type=radio]), textarea', fs)) {\r\n if (!f.required) { if (!f.checkValidity()) f.value = ''; continue; }\r\n if (!f.checkValidity()) { f.focus();\r\n if (f.type === 'date') { f.closest('.tko-form__group')?.classList.add('is-missing'); return f.validity.rangeUnderflow ? 'De einddatum moet na de begindatum liggen.' : 'Vul een begin- en einddatum in.'; }\r\n return f.type === 'checkbox' ? 'Gelieve akkoord te gaan met de verwerking van uw gegevens.' : 'Gelieve de verplichte velden in te vullen.'; }\r\n }\r\n return '';\r\n };\r\n \/* Une date pr\u00e9cise coche automatiquement le bon mois *\/\r\n const dateIn = $('#tko-date', form);\r\n const dateEnd = $('#tko-date-fin', form);\r\n if (dateIn) { const t = new Date(); dateIn.min = new Date(t.getTime() - t.getTimezoneOffset() * 6e4).toISOString().slice(0, 10); if (dateEnd) dateEnd.min = dateIn.min; }\r\n if (dateIn && dateEnd) dateIn.addEventListener('change', () => {\r\n dateEnd.min = dateIn.value || '';\r\n if (dateIn.value && (!dateEnd.value || dateEnd.value < dateIn.value)) dateEnd.value = dateIn.value;\r\n });\r\n if (dateIn) dateIn.addEventListener('change', () => {\r\n const m = \/^2027-0([123])-\/.exec(dateIn.value || '');\r\n const v = m ? ['Janvier 2027', 'F\u00e9vrier 2027', 'Mars 2027'][m[1] - 1] : '';\r\n const r = v && $(`input[name=\"periode\"][value=\"${v}\"]`, form);\r\n if (r) { r.checked = true; r.closest('.tko-form__group').classList.remove('is-missing'); }\r\n });\r\n form.addEventListener('change', (e) => { const g = e.target.closest('.is-missing') || (e.target === dateIn && dateIn.value && dateIn.closest('.is-missing')); if (g) { g.classList.remove('is-missing'); err.textContent = ''; } });\r\n\r\n \/* Avance automatique quand l'\u00e9tape n'a qu'une question *\/\r\n steps.forEach((fs, i) => $$('input[type=radio]', fs).forEach((r) => r.addEventListener('change', () => {\r\n const groups = new Set($$('input[type=radio]', fs).map((x) => x.name)).size;\r\n const others = $$('input:not([type=radio]), textarea, select', fs).some((x) => x.required); \/* une date \u00e0 remplir : pas d'avance auto *\/\r\n if (groups === 1 && !others && i < steps.length - 1) setTimeout(() => { dl({ event: 'kickoff_brief_step', langue: 'nl', page: 'luxembourg', step: i + 1 }); show(i + 1); }, 260);\r\n })));\r\n\r\n back.addEventListener('click', () => show(Math.max(0, cur - 1)));\r\n\r\n form.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n const msg = valid(steps[cur]);\r\n if (msg) { err.textContent = msg; err.scrollIntoView({ block: 'nearest', behavior: 'smooth' }); return; }\r\n if (cur < steps.length - 1) { dl({ event: 'kickoff_brief_step', langue: 'nl', page: 'luxembourg', step: cur + 1 }); show(cur + 1); return; }\r\n\r\n const data = Object.fromEntries(new FormData(form).entries());\r\n if (data.date) data.periode = new Date(data.date + 'T12:00:00').toLocaleDateString('nl-BE', { month: 'long', year: 'numeric' });\r\n\r\n const done = () => {\r\n \/* Aucune donn\u00e9e personnelle dans le dataLayer : uniquement la qualification *\/\r\n dl({ event: 'kickoff_brief_submit', langue: 'nl', page: 'luxembourg', besoin: data.besoin, periode: data.periode, budget: data.budget, participants: data.participants, format: data.format, region: data.region });\r\n wrap.classList.add('is-done');\r\n $('.tko-form__done', wrap).focus();\r\n };\r\n const fail = () => { submitBtn.disabled = false; err.textContent = 'Het verzenden is mislukt. Probeer opnieuw of contacteer ons via de offertepagina.'; };\r\n const submitBtn = $('button[type=submit]', form);\r\n\r\n \/* ---- 1. Pont vers le formulaire JetFormBuilder cach\u00e9 (widget avec l'ID CSS \u00ab tko-jfb \u00bb) ---- *\/\r\n const jf = document.querySelector('#tko-jfb form.jet-form-builder');\r\n if (jf) {\r\n const BESOIN = {\r\n \/* formulaire JetFormBuilder n\u00b0 55789 \u00ab Get a Quote Kick-off 2027 FR \u00bb (action Efficy getaquote) :\r\n interested_in = l'int\u00e9r\u00eat r\u00e9el (lieu, team building, traiteur ou sur mesure) *\/\r\n 'Een locatie': ['venue', 'venue-only'],\r\n 'Catering': ['food', 'catering-only'],\r\n 'Een teambuilding': ['teambuilding', 'teambuilding-only'],\r\n 'Alles (locatie, activiteit en catering)': ['tailor-made-event', 'turnkey-solution'],\r\n };\r\n const [interest, type] = BESOIN[data.besoin] || ['tailor-made-event', 'turnkey-solution'];\r\n \/* Service Efficy qui re\u00e7oit la demande (profile_id), m\u00eames num\u00e9ros que le plugin LumiSys :\r\n lieu 32 (80 = Luxembourg, comme House17 et River House), traiteur 87, team building 52, sur mesure \/ tout 52 *\/\r\n const PROFIL = { 'Een locatie': data.region === 'Luxemburg' ? '80' : '32', 'Catering': '87', 'Een teambuilding': '52', 'Alles (locatie, activiteit en catering)': '52' };\r\n const fmt = (d) => new Date(d + 'T12:00:00').toLocaleDateString('nl-BE');\r\n const MOIS = { 'Janvier 2027': '2027-01-01', 'F\u00e9vrier 2027': '2027-02-01', 'Mars 2027': '2027-03-01' };\r\n \/* Les champs du formulaire Tero restent obligatoires : on envoie toujours une valeur.\r\n \u00ab Pas encore fix\u00e9 \u00bb sans date \u2192 1er janvier 2027 (le r\u00e9capitulatif pr\u00e9cise que rien n'est fix\u00e9).\r\n \u00ab \u00c0 d\u00e9finir ensemble \u00bb \u2192 budget 0 (idem). *\/\r\n if (!data.date && data.date_fin) data.date = data.date_fin;\r\n const day1 = data.date || MOIS[data.periode] || '2027-01-01';\r\n const dayEnd = (data.date_fin && data.date_fin >= day1) ? data.date_fin : day1;\r\n const low = (t) => { const m = \/\\d+\/.exec(t || ''); return m ? m[0] : '0'; };\r\n \/* T\u00e9l\u00e9phone : indicatif s\u00e9par\u00e9 comme dans le formulaire Tero (+32 par d\u00e9faut) *\/\r\n const tel = (data.telephone || '').replace(\/[^\\d+]\/g, '');\r\n const pm = \/^(?:\\+|00)(352|33|32)(\\d+)$\/.exec(tel);\r\n const prefix = pm ? pm[1] : '32';\r\n const phone = pm ? pm[2] : tel.replace(\/^0\/, '');\r\n const recap = [\r\n `Kick-off 2027`,\r\n `Behoefte: ${data.besoin || ''}`,\r\n `Periode: ${data.periode || ''}${data.date ? ` (van ${fmt(data.date)}${data.date_fin && data.date_fin !== data.date ? ` tot ${fmt(data.date_fin)}` : ''})` : ''}`,\r\n `Budget per persoon: ${data.budget || ''}`,\r\n `Deelnemers: ${data.participants || ''}`,\r\n `Formaat: ${data.format || ''}`,\r\n `Regio: ${data.region || ''}`,\r\n `Telefoon: ${data.telephone || ''}`,\r\n data.message ? `Bericht: ${data.message}` : '',\r\n ].filter(Boolean).join('\\n');\r\n const values = {\r\n interested_in: interest, tailor_made_event_type: type, profile_id: PROFIL[data.besoin] || '52',\r\n event_month: data.periode || '', event_date: data.date || '', budget_pp: data.budget || '',\r\n people: data.participants || '', event_format: data.format || '', region: data.region || '',\r\n first_name: data.prenom || '', surname: data.nom || '', email: data.email || '', company: data.societe || '',\r\n prefix, telephone: phone,\r\n message: data.message || '', tailor_made_event_describe: recap,\r\n consent_privacy: data.consentement ? 'oui' : '', consent_email: data.consent_email ? 'oui' : '', Campaign: 'Kick-off 2027',\r\n \/* m\u00eames noms que le formulaire \u00ab Obtenir un devis \u00bb (n\u00b0 31426), pour un formulaire dupliqu\u00e9 *\/\r\n \/* m\u00eames infos pour chaque parcours : le plugin Efficy lit celles du parcours choisi *\/\r\n ...['tailor_made_event', 'venue', 'activity', 'food'].reduce((o, p) => Object.assign(o, {\r\n [`${p}_date_from`]: day1, [`${p}_date_to`]: dayEnd,\r\n [`${p}_people`]: low(data.participants), [`${p}_budget`]: low(data.budget), [`${p}_describe`]: recap,\r\n }), {}),\r\n ...utm,\r\n };\r\n for (const [k, v] of Object.entries(values)) {\r\n for (const el of jf.querySelectorAll(`[name=\"${k}\"], [name=\"${k}[]\"]`)) {\r\n if (el.type === 'checkbox' || el.type === 'radio') {\r\n el.checked = el.type === 'checkbox' ? !!v : el.value === v;\r\n } else if (el.tagName === 'SELECT') {\r\n if (v && ![...el.options].some((o) => o.value === v)) el.add(new Option(v, v));\r\n el.value = v;\r\n } else {\r\n el.value = v;\r\n }\r\n el.dispatchEvent(new Event('input', { bubbles: true }));\r\n el.dispatchEvent(new Event('change', { bubbles: true }));\r\n }\r\n }\r\n submitBtn.disabled = true;\r\n err.textContent = 'Bezig met verzenden\u2026';\r\n const box = jf.closest('#tko-jfb');\r\n let over = false;\r\n const finish = (ok) => { if (over) return; over = true; obs.disconnect(); clearTimeout(tm); err.textContent = ''; ok ? done() : fail(); };\r\n const check = () => {\r\n if (box.querySelector('.jet-form-builder-message--success, .jet-form-message--success, .jet-form-builder-messages-wrap .success')) finish(true);\r\n else if (box.querySelector('.jet-form-builder-message--error, .jet-form-message--error, .jet-form-builder-messages-wrap .error')) finish(false);\r\n };\r\n const obs = new MutationObserver(check);\r\n obs.observe(box, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });\r\n const tm = setTimeout(() => finish(false), 25000);\r\n if (window.jQuery) window.jQuery(jf).one('jet-form-builder\/ajax\/on-success', () => finish(true));\r\n const jbtn = jf.querySelector('button[type=submit], .jet-form-builder__submit');\r\n if (jf.requestSubmit) jf.requestSubmit(jbtn && jbtn.type === 'submit' ? jbtn : undefined); else (jbtn ? jbtn.click() : jf.submit());\r\n return;\r\n }\r\n\r\n \/* ---- 2. Sinon, webhook direct si une URL est renseign\u00e9e ---- *\/\r\n if (!FORM_ENDPOINT) { err.textContent = 'Formulier nog niet gekoppeld: voeg het JetFormBuilder-formulier (CSS-ID \u201ctko-jfb\u201d) toe aan de pagina.'; return; }\r\n try {\r\n const res = await fetch(FORM_ENDPOINT, { method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(data) });\r\n if (!res.ok) throw new Error(res.status);\r\n done();\r\n } catch (x) { fail(); }\r\n });\r\n})();\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43ba5a6 e-flex e-con-boxed e-con e-parent\" data-id=\"43ba5a6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15403d6 elementor-widget elementor-widget-jet-form-builder-form\" data-id=\"15403d6\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tko-jfb\" data-widget_type=\"jet-form-builder-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel='stylesheet' id='wp-block-library-css' href='https:\/\/tero.be\/wp-includes\/css\/dist\/block-library\/common.min.css?ver=7.1.4' media='all' \/>\n<style id=\"jet-form-builder-55848-inline-css\"><\/style><form class=\"jet-form-builder layout-column submit-type-ajax\" action=\"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/pages\/55896\/?5f292E=41RneVSJn8&method=reload\" method=\"POST\" data-form-id=\"55848\" data-layout=\"column\" enctype=\"multipart\/form-data\" novalidate=\"null\" ssr_validation_method=\"rest\"><input type=\"hidden\" id=\"_wpnonce_55848\" name=\"_wpnonce\" value=\"aadae25e5e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/nl\/wp-json\/wp\/v2\/pages\/55896\" \/>\r\n<input type=\"hidden\" name=\"_jfb_current_render_states[]\" value=\"DEFAULT.STATE\" data-jfb-sync \/><input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"_jet_engine_booking_form_id\" data-field-name=\"_jet_engine_booking_form_id\" value=\"55848\">\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"_jet_engine_refer\" data-field-name=\"_jet_engine_refer\" value=\"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/pages\/55896\/\">\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"__queried_post_id\" data-field-name=\"__queried_post_id\" value=\"55896\">\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"post_id\" data-field-name=\"post_id\" data-jfb-sync=\"null\" value=\"55896\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"gclid_field\" data-field-name=\"gclid_field\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"profile_id\" data-field-name=\"profile_id\" data-jfb-sync=\"null\" value=\"32\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_campaign\" data-field-name=\"utm_campaign\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_medium\" data-field-name=\"utm_medium\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_source\" data-field-name=\"utm_source\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_term\" data-field-name=\"utm_term\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_content\" data-field-name=\"utm_content\" data-jfb-sync=\"null\">\n\n\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-bcgrujfi\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Ik ben ge\u00efnteresseerd in <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field interested_in_class\" required=\"required\" name=\"interested_in\" data-field-name=\"interested_in\" id=\"interested_in\" data-jfb-sync=\"null\">\n\t\t<option value=\"\" selected>Selecteer...<\/option><option value=\"venue\" >Een Tero Locatie Huren<\/option><option value=\"teambuilding\" >Een teambuildingevenement<\/option><option value=\"food\" >Tero catering<\/option><option value=\"tailor-made-event\" >Een evenement op maat<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-b8fb6b4m\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Voornaam <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"first_name\" id=\"first_name\" type=\"text\" data-field-name=\"first_name\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_h5iefxqg\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-u2xvaifk\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Naam <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"surname\" id=\"surname\" type=\"text\" data-field-name=\"surname\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_izFCKo8r\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-g21ewgge\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Email <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"email\" id=\"email\" type=\"email\" data-field-name=\"email\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_h6b9PZ3c\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-zrwj4cgb\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Prefix<\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field\" name=\"prefix\" data-field-name=\"prefix\" id=\"prefix\" data-jfb-sync=\"null\">\n\t\t<option value=\"32\" >+32<\/option><option value=\"33\" >+33<\/option><option value=\"352\" >+352<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-pkeq4eno\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Telefoon <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"telephone\" id=\"telephone\" type=\"tel\" data-field-name=\"telephone\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_ROypDKN9\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-hrsezu1d\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Welk bedrijf of welke organisatie vertegenwoordigt u? <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"company\" id=\"company\" type=\"text\" data-field-name=\"company\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_9l72ZXH0\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-checkbox-field cb-40ouu6nk\" >\n<div class=\"jet-form-builder__fields-group checkradio-wrap\" data-jfb-sync><div class=\"jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap\"><label class=\"jet-form-builder__field-label for-checkbox\">\n\t\t\t<input type=\"checkbox\" name=\"consent_privacy\" value=\"1\" data-field-name=\"consent_privacy\" class=\"jet-form-builder__field checkboxes-field checkradio-field\" required=\"required\" data-default-val=\"[""]\"><span><span><p>Ik geef toestemming voor het verwerken van mijn gegevens om een offerte te ontvangen, zoals aangegeven in het <a href=\"\/nl\/privacy-beleid\/\">privacybeleid<\/a>. *<\/p><\/span><\/span><\/label><\/div><\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-checkbox-field cb-lswywhr9\" >\n<div class=\"jet-form-builder__fields-group checkradio-wrap\" data-jfb-sync><div class=\"jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap\"><label class=\"jet-form-builder__field-label for-checkbox\">\n\t\t\t<input type=\"checkbox\" name=\"consent_email\" value=\"1\" data-field-name=\"consent_email\" class=\"jet-form-builder__field checkboxes-field checkradio-field\" data-default-val=\"[""]\"><span>Ik geef toestemming voor het ontvangen van promotie- en marketinge-mails van Tero.<\/span><\/label><\/div><\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-q06cfgeb\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Hoe kunnen we u helpen? <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field\" required=\"required\" name=\"tailor_made_event_type\" data-field-name=\"tailor_made_event_type\" id=\"tailor_made_event_type\" data-jfb-sync=\"null\">\n\t\t<option value=\"\" selected>Selecteer...<\/option><option value=\"turnkey-solution\" >Een kant-en-klare oplossing (locatie, teambuilding & traiteur)<\/option><option value=\"venue-with-catering\" >Een locatie met cateringservice<\/option><option value=\"venue-with-teambuilding\" >Een locatie met teambuilding activiteiten<\/option><option value=\"teambuilding-with-catering\" >Een teambuilding activiteit met cateringservice<\/option><option value=\"venue-only\" >Enkel een locatie<\/option><option value=\"catering-only\" >Enkel cateringservice<\/option><option value=\"teambuilding-only\" >Enkel een teambuilding activiteit<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"tailor_made_event_date_from\" type=\"date\" data-field-name=\"tailor_made_event_date_from\" id=\"tailor_made_event_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"tailor_made_event_date_to\" type=\"date\" data-field-name=\"tailor_made_event_date_to\" id=\"tailor_made_event_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Aantal mensen <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"tailor_made_event_people\" data-field-name=\"tailor_made_event_people\" id=\"tailor_made_event_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Je budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"tailor_made_event_budget\" data-field-name=\"tailor_made_event_budget\" id=\"tailor_made_event_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-dqhricdl\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Beschrijf uw evenement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"tailor_made_event_describe\" data-field-name=\"tailor_made_event_describe\" id=\"tailor_made_event_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"venue_date_from\" type=\"date\" data-field-name=\"venue_date_from\" id=\"venue_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"venue_date_to\" type=\"date\" data-field-name=\"venue_date_to\" id=\"venue_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Aantal mensen <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"venue_people\" data-field-name=\"venue_people\" id=\"venue_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Je budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"venue_budget\" data-field-name=\"venue_budget\" id=\"venue_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-5gwcinny\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Beschrijf uw evenement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"venue_describe\" data-field-name=\"venue_describe\" id=\"venue_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"activity_date_from\" type=\"date\" data-field-name=\"activity_date_from\" id=\"activity_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"activity_date_to\" type=\"date\" data-field-name=\"activity_date_to\" id=\"activity_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Aantal mensen <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"activity_people\" data-field-name=\"activity_people\" id=\"activity_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Je budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"activity_budget\" data-field-name=\"activity_budget\" id=\"activity_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-n7p8kngs\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Beschrijf uw evenement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"activity_describe\" data-field-name=\"activity_describe\" id=\"activity_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"food_date_from\" type=\"date\" data-field-name=\"food_date_from\" id=\"food_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"food_date_to\" type=\"date\" data-field-name=\"food_date_to\" id=\"food_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Aantal mensen <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"food_people\" data-field-name=\"food_people\" id=\"food_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Je budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"food_budget\" data-field-name=\"food_budget\" id=\"food_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-jluv8j1h\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Beschrijf uw evenement <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"food_describe\" data-field-name=\"food_describe\" id=\"food_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<input type=\"hidden\" class=\"captcha-token cb-fkzcdauu\" name=\"_captcha_token\" value=\"\"\/><div class=\"jet-form-builder-row field-type-submit-field cb-fkzcdauu\" >\n\t<div data-type=\"submit\" class=\"jet-form-builder__action-button-wrapper jet-form-builder__submit-wrap\">\n\t<button class=\"jet-form-builder__action-button jet-form-builder__submit submit-type-ajax\" type=\"submit\">Mijn aanbod ontvangen<\/button>\n\t<\/div>\n\t\n<\/div>\t<div class=\"jet-form-builder-messages-wrap\" data-form-id=\"55848\"><\/div>\n<\/form>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kick-off d’entreprise 2027 en Belgique et au Luxembourg | Tero 2027 Lanceer 2027samen. 2027 begint op de dag dat u dat beslist. Kies de datum van uw kick-off: wij zorgen voor de locatie, de activiteit en de catering, in Belgi\u00eb en in Luxemburg. Datum vastleggen \u2192 nog 57 dagen tot 2027 Het jaar aftrappen of […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_mo_disable_npp":"","inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-55896","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/pages\/55896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/comments?post=55896"}],"version-history":[{"count":16,"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/pages\/55896\/revisions"}],"predecessor-version":[{"id":55940,"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/pages\/55896\/revisions\/55940"}],"wp:attachment":[{"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/media?parent=55896"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/categories?post=55896"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tero.be\/nl\/wp-json\/wp\/v2\/tags?post=55896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}