{"id":12220,"date":"2026-06-27T18:41:38","date_gmt":"2026-06-27T16:41:38","guid":{"rendered":"https:\/\/www.wtc-made.nl\/?page_id=12220"},"modified":"2026-06-27T18:53:05","modified_gmt":"2026-06-27T16:53:05","slug":"12220-2","status":"publish","type":"page","link":"https:\/\/www.wtc-made.nl\/?page_id=12220","title":{"rendered":""},"content":{"rendered":"\n<!-- ===== WTC-Made \"Binnenkort\" \u2014 plak dit in een Custom HTML-blok ===== -->\n<!-- Schaalt mee met de breedte van het blok zelf (container queries), dus werkt ook in een 600px-kolom. -->\n<div class=\"wtc-binnenkort\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap');\n\n    .wtc-binnenkort{\n      --red:#D81E2C; --red-deep:#A8121E;\n      --steel:#B9D0DC; --steel-deep:#5E7C8C;\n      --ink:#16161C; --asphalt:#1B1B21; --asphalt-2:#262630;\n      --paper:#E9EEF2; --white:#FFFFFF; --yellow:#FFD200; --grey:#5C6770;\n\n      container-type:inline-size;        \/* maat = breedte van DIT blok *\/\n      position:relative; width:100%;\n      min-height:clamp(460px,70vh,780px);\n      display:flex; flex-direction:column;\n      background:var(--paper); color:var(--ink);\n      font-family:'Inter',system-ui,sans-serif; overflow:hidden;\n    }\n    .wtc-binnenkort *{margin:0;padding:0;box-sizing:border-box;}\n\n    \/* ---- tenue-streep ---- *\/\n    .wtc-binnenkort .band{\n      height:11px;width:100%;flex:0 0 auto;\n      background:repeating-linear-gradient(115deg,\n        var(--red) 0 22px, var(--ink) 22px 28px, var(--steel) 28px 46px,\n        var(--white) 46px 50px, var(--ink) 50px 56px, var(--yellow) 56px 60px, var(--ink) 60px 66px);\n    }\n\n    \/* ---- bovenste content ---- *\/\n    .wtc-binnenkort .stage{\n      flex:1 1 auto; display:flex; flex-direction:column;\n      justify-content:center; align-items:center; text-align:center;\n      padding:clamp(24px,6cqi,54px) 22px clamp(14px,3cqi,26px);\n    }\n    .wtc-binnenkort .eyebrow{\n      display:flex; align-items:center; gap:.8em; margin-bottom:clamp(12px,2.6cqi,20px);\n      font-family:'JetBrains Mono',monospace; font-size:clamp(10px,2cqi,13px);\n      letter-spacing:.4em; text-transform:uppercase; color:var(--steel-deep);\n    }\n    .wtc-binnenkort .badge{width:26px;height:26px;flex:0 0 auto;animation:wtcTip 3.6s ease-in-out infinite;}\n    @keyframes wtcTip{0%,100%{transform:rotate(0);}50%{transform:rotate(-6deg);}}\n\n    .wtc-binnenkort .wtc-title{\n      font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase;\n      line-height:.84; letter-spacing:-.01em; font-size:clamp(42px,14cqi,120px); color:var(--ink);\n    }\n    .wtc-binnenkort .wtc-title .hot{color:var(--red);}\n\n    .wtc-binnenkort .rule{\n      width:clamp(110px,20cqi,180px); height:5px; margin:clamp(14px,2.4cqi,22px) 0 0; border-radius:99px;\n      background:linear-gradient(90deg,var(--red) 0 38%,var(--steel) 38% 70%,var(--yellow) 70% 100%);\n    }\n    .wtc-binnenkort .sub{\n      margin-top:clamp(12px,2.4cqi,20px); max-width:32ch;\n      font-size:clamp(14px,2.6cqi,18px); line-height:1.5; color:var(--grey);\n    }\n\n    \/* ---- status + voortgang ---- *\/\n    .wtc-binnenkort .status{margin-top:clamp(20px,3.2cqi,30px);width:min(360px,82cqi);}\n    .wtc-binnenkort .status-line{\n      display:flex; align-items:center; gap:.55em; justify-content:center; margin-bottom:12px;\n      font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.12em;\n      text-transform:uppercase; color:var(--ink);\n    }\n    .wtc-binnenkort .status-line .arrow{color:var(--red);}\n    .wtc-binnenkort .status-line .blink{\n      width:8px;height:15px;background:var(--ink);display:inline-block;animation:wtcBlink 1.05s steps(2,start) infinite;}\n    @keyframes wtcBlink{0%,50%{opacity:1;}50.01%,100%{opacity:0;}}\n\n    .wtc-binnenkort .track{height:6px;border-radius:99px;background:#D4DCE2;overflow:hidden;position:relative;}\n    .wtc-binnenkort .track::after{\n      content:\"\";position:absolute;top:0;left:-45%;height:100%;width:42%;border-radius:99px;\n      background:linear-gradient(90deg,var(--red-deep),var(--red),var(--yellow));\n      animation:wtcSweep 2.1s cubic-bezier(.65,0,.35,1) infinite;\n    }\n    @keyframes wtcSweep{0%{left:-45%;}100%{left:105%;}}\n\n    \/* ---- wegdek met renner (renner staat in-flow, weg groeit mee) ---- *\/\n    .wtc-binnenkort .road{\n      flex:0 0 auto; position:relative; overflow:hidden;\n      display:flex; justify-content:center; align-items:flex-end;\n      padding:18px 0 30px;\n      background:linear-gradient(180deg,var(--asphalt-2),var(--asphalt));\n    }\n    .wtc-binnenkort .road .horizon{position:absolute;top:0;left:0;right:0;height:3px;background:var(--steel);opacity:.5;}\n    .wtc-binnenkort .road::before{\n      content:\"\";position:absolute;left:0;right:0;bottom:24px;height:7px;\n      background:repeating-linear-gradient(90deg,var(--yellow) 0 46px,transparent 46px 92px);\n      opacity:.9;animation:wtcScroll .85s linear infinite;\n    }\n    .wtc-binnenkort .road::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--red);opacity:.9;}\n    @keyframes wtcScroll{from{background-position-x:0;}to{background-position-x:-92px;}}\n\n    .wtc-binnenkort .rider{\n      position:relative; display:block; width:clamp(240px,58cqi,380px); height:auto;\n      transform-origin:center; animation:wtcBob 1.05s ease-in-out infinite;\n    }\n    @keyframes wtcBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}\n\n    .wtc-binnenkort .wheelspin{transform-box:fill-box;transform-origin:center;animation:wtcRoll .5s linear infinite;}\n    @keyframes wtcRoll{to{transform:rotate(360deg);}}\n\n    .wtc-binnenkort .speed{transform-box:fill-box;animation:wtcWhoosh .7s linear infinite;}\n    .wtc-binnenkort .speed.b{animation-delay:.18s;}\n    .wtc-binnenkort .speed.c{animation-delay:.36s;}\n    @keyframes wtcWhoosh{0%{opacity:0;transform:translateX(16px);}35%{opacity:.85;}100%{opacity:0;transform:translateX(-28px);}}\n\n    \/* ---- voet ---- *\/\n    .wtc-binnenkort .wtc-foot{\n      flex:0 0 auto;background:var(--ink);color:#C9D1D8;text-align:center;padding:14px 20px;\n      font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;\n    }\n    .wtc-binnenkort .wtc-foot b{color:var(--white);font-weight:500;}\n    .wtc-binnenkort .wtc-foot .sep{color:var(--red);margin:0 .6em;}\n\n    @media (prefers-reduced-motion:reduce){.wtc-binnenkort *{animation:none !important;}}\n  <\/style>\n\n  <div class=\"band\"><\/div>\n\n  <div class=\"stage\">\n    <div class=\"eyebrow\">\n      <svg class=\"badge\" viewBox=\"0 0 40 40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"WTC-Made\">\n        <rect x=\"6\" y=\"6\" width=\"28\" height=\"28\" rx=\"3\" transform=\"rotate(45 20 20)\" fill=\"#16161C\"\/>\n        <rect x=\"9.5\" y=\"9.5\" width=\"21\" height=\"21\" rx=\"2\" transform=\"rotate(45 20 20)\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.4\"\/>\n        <text x=\"20\" y=\"18.5\" text-anchor=\"middle\" font-family=\"Oswald,sans-serif\" font-weight=\"700\" font-size=\"9\" fill=\"#FFFFFF\">WTC<\/text>\n        <text x=\"20\" y=\"29\" text-anchor=\"middle\" font-family=\"Oswald,sans-serif\" font-weight=\"600\" font-size=\"5.4\" letter-spacing=\"1.4\" fill=\"#FFD200\">MADE<\/text>\n      <\/svg>\n      WTC-Made\n    <\/div>\n\n    <div class=\"wtc-title\">Binnen<span class=\"hot\">kort<\/span><\/div>\n    <div class=\"rule\"><\/div>\n\n    <p class=\"sub\">Aan deze pagina wordt nog gewerkt. We zijn al onderweg &mdash; check binnenkort opnieuw.<\/p>\n\n    <div class=\"status\">\n      <div class=\"status-line\"><span class=\"arrow\">&raquo;<\/span> Pagina in onderhoud <span class=\"blink\"><\/span><\/div>\n      <div class=\"track\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"road\">\n    <span class=\"horizon\"><\/span>\n    <svg class=\"rider\" viewBox=\"0 0 360 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Wielrenner in WTC-Made-tenue\">\n      <defs>\n        <linearGradient id=\"wtcJersey\" x1=\"174\" y1=\"74\" x2=\"124\" y2=\"96\" gradientUnits=\"userSpaceOnUse\">\n          <stop offset=\"0\" stop-color=\"#D81E2C\"\/><stop offset=\"0.30\" stop-color=\"#D81E2C\"\/>\n          <stop offset=\"0.48\" stop-color=\"#B9D0DC\"\/><stop offset=\"0.64\" stop-color=\"#B9D0DC\"\/>\n          <stop offset=\"0.71\" stop-color=\"#FFD200\"\/><stop offset=\"0.78\" stop-color=\"#1B1B21\"\/>\n          <stop offset=\"1\" stop-color=\"#1B1B21\"\/>\n        <\/linearGradient>\n      <\/defs>\n\n      <g stroke=\"#FFFFFF\" stroke-width=\"5\" stroke-linecap=\"round\" opacity=\"0.7\">\n        <line class=\"speed\"   x1=\"36\" y1=\"84\"  x2=\"2\" y2=\"84\"><\/line>\n        <line class=\"speed b\" x1=\"40\" y1=\"104\" x2=\"4\" y2=\"104\"><\/line>\n        <line class=\"speed c\" x1=\"34\" y1=\"124\" x2=\"0\" y2=\"124\"><\/line>\n      <\/g>\n\n      <g stroke=\"#16161C\" stroke-width=\"5.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\">\n        <line x1=\"138\" y1=\"156\" x2=\"122\" y2=\"100\"><\/line>\n        <line x1=\"138\" y1=\"156\" x2=\"190\" y2=\"104\"><\/line>\n        <line x1=\"122\" y1=\"100\" x2=\"190\" y2=\"104\"><\/line>\n        <line x1=\"138\" y1=\"156\" x2=\"92\"  y2=\"156\"><\/line>\n        <line x1=\"124\" y1=\"104\" x2=\"92\"  y2=\"156\"><\/line>\n        <line x1=\"190\" y1=\"104\" x2=\"208\" y2=\"156\"><\/line>\n        <line x1=\"190\" y1=\"104\" x2=\"206\" y2=\"111\"><\/line>\n        <path d=\"M206 111 q9 1 8 12\"><\/path>\n        <line x1=\"118\" y1=\"98\" x2=\"128\" y2=\"99\"><\/line>\n      <\/g>\n\n      <circle cx=\"138\" cy=\"156\" r=\"9\" fill=\"none\" stroke=\"#16161C\" stroke-width=\"3.5\"><\/circle>\n      <circle cx=\"138\" cy=\"156\" r=\"2.5\" fill=\"#16161C\"><\/circle>\n\n      <g stroke-linecap=\"round\" fill=\"none\">\n        <polyline points=\"124,98 150,120 150,154\" stroke=\"#C98A5E\" stroke-width=\"8\"><\/polyline>\n        <line x1=\"146\" y1=\"153\" x2=\"156\" y2=\"156\" stroke=\"#16161C\" stroke-width=\"6\"><\/line>\n      <\/g>\n\n      <path d=\"M118 90 L132 86 L134 110 L120 116 Z\" fill=\"#16161C\"><\/path>\n\n      <g stroke-linecap=\"round\" fill=\"none\">\n        <polyline points=\"126,104 150,126 140,154\" stroke=\"#E0A06E\" stroke-width=\"8.5\"><\/polyline>\n        <line x1=\"135\" y1=\"153\" x2=\"146\" y2=\"157\" stroke=\"#16161C\" stroke-width=\"7\"><\/line>\n      <\/g>\n\n      <polygon points=\"127.6,104.2 120.4,87.8 169.6,63.9 178.4,84.1\" fill=\"url(#wtcJersey)\"><\/polygon>\n\n      <line x1=\"174\" y1=\"76\" x2=\"190\" y2=\"92\" stroke=\"#D81E2C\" stroke-width=\"9\" stroke-linecap=\"round\"><\/line>\n      <line x1=\"190\" y1=\"92\" x2=\"208\" y2=\"113\" stroke=\"#E0A06E\" stroke-width=\"7.5\" stroke-linecap=\"round\"><\/line>\n\n      <line x1=\"172\" y1=\"72\" x2=\"183\" y2=\"64\" stroke=\"#E0A06E\" stroke-width=\"7\" stroke-linecap=\"round\"><\/line>\n      <circle cx=\"188\" cy=\"59\" r=\"11\" fill=\"#E8B488\"><\/circle>\n      <path d=\"M177 58 a11 11 0 0 1 22 0 z\" fill=\"#D81E2C\"><\/path>\n      <path d=\"M177 58 a11 11 0 0 1 22 0\" fill=\"none\" stroke=\"#16161C\" stroke-width=\"1.5\" opacity=\"0.35\"><\/path>\n      <line x1=\"195\" y1=\"60\" x2=\"200\" y2=\"61\" stroke=\"#16161C\" stroke-width=\"2.6\" stroke-linecap=\"round\"><\/line>\n\n      <g transform=\"translate(92 156)\">\n        <circle r=\"35\" fill=\"none\" stroke=\"#16161C\" stroke-width=\"6\"><\/circle>\n        <g class=\"wheelspin\">\n          <circle r=\"29\" fill=\"none\" stroke=\"#D81E2C\" stroke-width=\"3\"><\/circle>\n          <g stroke=\"#AEB7BE\" stroke-width=\"2\">\n            <line x1=\"0\" y1=\"0\" x2=\"29\" y2=\"0\"><\/line><line x1=\"0\" y1=\"0\" x2=\"20\" y2=\"20\"><\/line>\n            <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"29\"><\/line><line x1=\"0\" y1=\"0\" x2=\"-20\" y2=\"20\"><\/line>\n            <line x1=\"0\" y1=\"0\" x2=\"-29\" y2=\"0\"><\/line><line x1=\"0\" y1=\"0\" x2=\"-20\" y2=\"-20\"><\/line>\n            <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-29\"><\/line><line x1=\"0\" y1=\"0\" x2=\"20\" y2=\"-20\"><\/line>\n          <\/g>\n        <\/g>\n        <circle r=\"4.5\" fill=\"#16161C\"><\/circle>\n      <\/g>\n\n      <g transform=\"translate(208 156)\">\n        <circle r=\"35\" fill=\"none\" stroke=\"#16161C\" stroke-width=\"6\"><\/circle>\n        <g class=\"wheelspin\">\n          <circle r=\"29\" fill=\"none\" stroke=\"#D81E2C\" stroke-width=\"3\"><\/circle>\n          <g stroke=\"#AEB7BE\" stroke-width=\"2\">\n            <line x1=\"0\" y1=\"0\" x2=\"29\" y2=\"0\"><\/line><line x1=\"0\" y1=\"0\" x2=\"20\" y2=\"20\"><\/line>\n            <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"29\"><\/line><line x1=\"0\" y1=\"0\" x2=\"-20\" y2=\"20\"><\/line>\n            <line x1=\"0\" y1=\"0\" x2=\"-29\" y2=\"0\"><\/line><line x1=\"0\" y1=\"0\" x2=\"-20\" y2=\"-20\"><\/line>\n            <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-29\"><\/line><line x1=\"0\" y1=\"0\" x2=\"20\" y2=\"-20\"><\/line>\n          <\/g>\n        <\/g>\n        <circle r=\"4.5\" fill=\"#16161C\"><\/circle>\n      <\/g>\n    <\/svg>\n  <\/div>\n\n  <div class=\"wtc-foot\"><b>WTC-Made<\/b><span class=\"sep\">\/<\/span>Tot snel op de weg!<\/div>\n<\/div>\n<!-- ===== einde WTC-Made \"Binnenkort\" ===== -->\n\n","protected":false},"excerpt":{"rendered":"<p>WTC MADE WTC-Made Binnenkort Aan deze pagina wordt nog gewerkt. We zijn al onderweg &mdash; check binnenkort opnieuw. &raquo; Pagina in onderhoud WTC-Made\/Tot snel op de weg!<\/p>\n","protected":false},"author":83,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-12220","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.wtc-made.nl\/index.php?rest_route=\/wp\/v2\/pages\/12220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wtc-made.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.wtc-made.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.wtc-made.nl\/index.php?rest_route=\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wtc-made.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12220"}],"version-history":[{"count":4,"href":"https:\/\/www.wtc-made.nl\/index.php?rest_route=\/wp\/v2\/pages\/12220\/revisions"}],"predecessor-version":[{"id":12226,"href":"https:\/\/www.wtc-made.nl\/index.php?rest_route=\/wp\/v2\/pages\/12220\/revisions\/12226"}],"wp:attachment":[{"href":"https:\/\/www.wtc-made.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}