.tmc{--ul-kader:var(--accent);--ul-water:#b9d3dc;--ul-duur:7s}.tmc .tmc-ul-stappen{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;list-style:none;display:grid}@media (max-width:1100px){.tmc .tmc-ul-stappen{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.tmc .tmc-ul-stappen{grid-template-columns:1fr;gap:14px}}.tmc .tmc-ul-stap{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.tmc .tmc-ul-stap-tekst{padding:18px 20px 22px}.tmc .tmc-ul-stap .num{font-family:var(--mono);color:var(--green-hover);font-size:13px;font-weight:700}.tmc .tmc-ul-stap h3{letter-spacing:-.01em;margin-top:8px;font-size:18px;font-weight:700}.tmc .tmc-ul-stap p{color:var(--ink-soft);margin-top:6px;font-size:14.5px;line-height:1.55}.tmc .tmc-ul-scene{aspect-ratio:8/5;background:var(--cream);border-bottom:1px solid var(--line);position:relative}.tmc .tmc-ul-svg{width:100%;height:100%;display:block}.tmc .tmc-ul-kaart-grond{fill:var(--cream)}.tmc .tmc-ul-kaart-water{fill:none;stroke:var(--ul-water);stroke-width:16px;stroke-linecap:round}.tmc .tmc-ul-kaart-straat{fill:none;stroke:#fff;stroke-width:9px}.tmc .tmc-ul-kaart-straat-smal{stroke-width:6px}.tmc .tmc-ul-kaart-blok{fill:var(--line-strong)}.tmc .tmc-ul-kaart-plein{fill:#fff;stroke:var(--line-strong);stroke-width:1.5px}.tmc .tmc-ul-kaart-kerk{fill:var(--ink-faint)}.tmc .tmc-ul-achter{fill:var(--cream)}.tmc .tmc-ul-veld{fill:#fff;stroke:var(--line-strong);stroke-width:1.5px}.tmc .tmc-ul-veld-pin{fill:none;stroke:var(--green);stroke-width:2px}.tmc .tmc-ul-veld-tekst{font-family:var(--mono);fill:var(--ink);font-size:13px}.tmc .tmc-ul-adres-clip{width:230px}.tmc .tmc-ul-speld{fill:var(--ul-kader)}.tmc .tmc-ul-speld-oog{fill:#fff}.tmc .tmc-ul-golf{fill:none;stroke:var(--ul-kader);stroke-width:2px;opacity:0}.tmc .tmc-ul-kader{fill:#dc26261f;stroke:var(--ul-kader);stroke-width:2.5px}.tmc .tmc-ul-hand{fill:#fff;stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round}.tmc .tmc-ul-pkaart-vlak{fill:#fff;stroke:var(--line-strong);stroke-width:1.5px}.tmc .tmc-ul-pkaart-naam{text-anchor:middle;fill:var(--ink);font-size:9.5px;font-weight:700}.tmc .tmc-ul-p-top{fill:#fff;stroke:var(--ink-soft);stroke-width:1.2px;stroke-linejoin:round}.tmc .tmc-ul-p-zij{fill:var(--line-strong);stroke:var(--ink-soft);stroke-width:1.2px;stroke-linejoin:round}.tmc .tmc-ul-p-magneet{fill:var(--ink-soft)}.tmc .tmc-ul-p-plank{stroke:var(--ink-faint);stroke-width:3px;stroke-linecap:round}.tmc .tmc-ul-tegel-water{fill:var(--tmc-ul-water-van)}.tmc .tmc-ul-tegel-rand{fill:var(--ink)}.tmc .tmc-ul-tegel-straat{fill:var(--tmc-ul-straat-van)}.tmc .tmc-ul-blok-dak{fill:var(--tmc-ul-gebouw-van);stroke:#0000002e;stroke-width:.8px}.tmc .tmc-ul-blok-links{fill:var(--tmc-ul-gebouw-van);filter:brightness(.88);stroke:#0000002e;stroke-width:.8px}.tmc .tmc-ul-blok-rechts{fill:var(--tmc-ul-gebouw-van);filter:brightness(.76);stroke:#0000002e;stroke-width:.8px}.tmc .tmc-ul-staal{stroke:#fff;stroke-width:2.5px;opacity:0}.tmc .tmc-ul-staal-gebouw{fill:var(--tmc-ul-gebouw-naar)}.tmc .tmc-ul-staal-straat{fill:var(--tmc-ul-straat-naar)}.tmc .tmc-ul-staal-water{fill:var(--tmc-ul-water-naar)}.tmc .tmc-ul-bekijken{place-items:center;display:grid;position:absolute;inset:0}.tmc .tmc-ul-bekijken img{transform-origin:50% 60%;width:92%;height:auto}.tmc .tmc-ul-draai{position:absolute;inset:0}.tmc .tmc-ul-draai-boog,.tmc .tmc-ul-draai-pijl{fill:none;stroke:var(--green-hover);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tmc .tmc-ul-cursor{fill:#fff;stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round}.tmc [data-loopt=ja] .tmc-ul-adres-clip{animation:tmc-ul-typ 2.4s steps(var(--tmc-ul-tekens,14)) both}.tmc [data-loopt=ja] .tmc-ul-adres-speld{animation:.6s cubic-bezier(.3,1.4,.5,1) 2.6s both tmc-ul-val}.tmc [data-loopt=ja] .tmc-ul-golf{transform-origin:149px 90px;animation:1.2s ease-out 3.1s both tmc-ul-golf}.tmc [data-loopt=ja] .tmc-ul-kader-groep{animation:tmc-ul-schuif var(--ul-duur) var(--ease-out) both}.tmc [data-loopt=ja] .tmc-ul-pkaart .tmc-ul-pkaart-vlak{animation:1.2s both tmc-ul-licht}.tmc [data-loopt=ja] .tmc-ul-pkaart[data-i="1"] .tmc-ul-pkaart-vlak{animation-delay:.9s}.tmc [data-loopt=ja] .tmc-ul-pkaart[data-i="2"] .tmc-ul-pkaart-vlak{animation-delay:1.8s}.tmc [data-loopt=ja] .tmc-ul-pkaart[data-i="3"] .tmc-ul-pkaart-vlak{animation-delay:2.7s}.tmc [data-loopt=ja] .tmc-ul-pkaart[data-i="0"] .tmc-ul-pkaart-vlak{animation:1.2s both tmc-ul-licht,.5s 3.9s forwards tmc-ul-gekozen}.tmc [data-loopt=ja] .tmc-ul-staal{animation:.9s ease-in both tmc-ul-druppel}.tmc [data-loopt=ja] .tmc-ul-staal-straat{animation-delay:.9s}.tmc [data-loopt=ja] .tmc-ul-staal-water{animation-delay:1.8s}.tmc [data-loopt=ja] .tmc-ul-blok-dak,.tmc [data-loopt=ja] .tmc-ul-blok-links,.tmc [data-loopt=ja] .tmc-ul-blok-rechts{animation:.4s .8s forwards tmc-ul-gebouw}.tmc [data-loopt=ja] .tmc-ul-tegel-straat{animation:.4s 1.7s forwards tmc-ul-straat}.tmc [data-loopt=ja] .tmc-ul-tegel-water{animation:.4s 2.6s forwards tmc-ul-water}.tmc [data-loopt=ja] .tmc-ul-bekijken img{animation:5s ease-in-out 2 both tmc-ul-wieg}.tmc [data-loopt=ja] .tmc-ul-draai-cursor{animation:2.5s ease-in-out 4 both tmc-ul-sleep}@keyframes tmc-ul-typ{0%{width:0}to{width:230px}}@keyframes tmc-ul-val{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:none}}@keyframes tmc-ul-golf{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}@keyframes tmc-ul-schuif{0%{transform:translate(-70px,40px)}45%{transform:translate(8px,-6px)}60%{transform:translate(0)}to{transform:translate(0)}}@keyframes tmc-ul-licht{0%,to{stroke:var(--line-strong);transform:none}40%{stroke:var(--green);transform:translateY(-4px)}}@keyframes tmc-ul-gekozen{to{stroke:var(--green);stroke-width:3px}}@keyframes tmc-ul-druppel{0%{opacity:0;transform:translateY(-20px)}20%{opacity:1}80%{opacity:1;transform:translateY(70px)scale(.9)}to{opacity:0;transform:translateY(80px)scale(.4)}}@keyframes tmc-ul-gebouw{to{fill:var(--tmc-ul-gebouw-naar)}}@keyframes tmc-ul-straat{to{fill:var(--tmc-ul-straat-naar)}}@keyframes tmc-ul-water{to{fill:var(--tmc-ul-water-naar)}}@keyframes tmc-ul-wieg{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(-3deg)scale(1.03)}}@keyframes tmc-ul-sleep{0%,to{transform:translate(-34px)}50%{transform:translate(34px)}}@media (prefers-reduced-motion:reduce){.tmc .tmc-ul-adres-clip{width:230px}.tmc .tmc-ul-staal{opacity:0}.tmc .tmc-ul-blok-dak,.tmc .tmc-ul-blok-links,.tmc .tmc-ul-blok-rechts{fill:var(--tmc-ul-gebouw-naar)}.tmc .tmc-ul-tegel-straat{fill:var(--tmc-ul-straat-naar)}.tmc .tmc-ul-tegel-water{fill:var(--tmc-ul-water-naar)}.tmc .tmc-ul-pkaart[data-i="0"] .tmc-ul-pkaart-vlak{stroke:var(--green);stroke-width:3px}.tmc [data-loopt] *{animation:none!important}}.tmc .tmc-ul-tip-vink circle{fill:var(--green)}.tmc .tmc-ul-tip-vink path{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.tmc .tmc-ul-tip-plusmin{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round}.tmc .tmc-ul-tip-weiland{fill:#e8eedb}.tmc .tmc-ul-tip-sloot{stroke:var(--ul-water);stroke-width:3px}.tmc .tmc-ul-tip-snelweg{stroke:#fff;stroke-width:18px}.tmc .tmc-ul-tip-huis{fill:var(--ul-kader)}.tmc [data-loopt=ja] .tmc-ul-tip-kader{animation:tmc-ul-schuif var(--ul-duur) var(--ease-out) both}.tmc [data-loopt=ja] .tmc-ul-tip-vink{transform-box:fill-box;transform-origin:50%;animation:.5s ease-out 4.2s both tmc-ul-pop}.tmc [data-loopt=ja] .tmc-ul-tip-zoom{transform-origin:160px 94px;animation:6s ease-in-out 2 both tmc-ul-tipzoom}.tmc [data-loopt=ja] .tmc-ul-tip-schuif{animation:3s ease-in-out .6s both tmc-ul-naar-huis}.tmc .tmc-ul-tip-schuif{transform:translate(64px,18px)}@keyframes tmc-ul-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}@keyframes tmc-ul-tipzoom{0%,to{transform:none}30%,45%{transform:scale(1.6)}70%,85%{transform:scale(.7)}}@keyframes tmc-ul-naar-huis{0%{transform:none}to{transform:translate(64px,18px)}}.tmc .tmc-ul-producten{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;list-style:none;display:grid}@media (max-width:860px){.tmc .tmc-ul-producten{grid-template-columns:1fr}}.tmc .tmc-ul-product{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:start;gap:18px;padding:18px;display:grid}@media (max-width:520px){.tmc .tmc-ul-product{grid-template-columns:1fr}}.tmc .tmc-ul-product-beeld{background:var(--cream);border-radius:12px;margin:0;padding:10px}.tmc .tmc-ul-product-beeld img{aspect-ratio:800/557;width:100%;height:auto}.tmc .tmc-ul-product-beeld figcaption{color:var(--ink-soft);margin-top:6px;font-size:12.5px;line-height:1.4}.tmc .tmc-ul-product h3{letter-spacing:-.01em;font-size:20px;font-weight:800}.tmc .tmc-ul-product p{color:var(--ink-soft);margin-top:6px;font-size:14.5px;line-height:1.55}.tmc .tmc-ul-feiten{gap:8px;margin-top:12px;display:grid}.tmc .tmc-ul-feiten dt{color:var(--ink);font-size:13px;font-weight:700}.tmc .tmc-ul-feiten dd{color:var(--ink-soft);font-size:14px;line-height:1.5}.tmc .tmc-ul-tips{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;display:grid}@media (max-width:1100px){.tmc .tmc-ul-tips{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.tmc .tmc-ul-tips{grid-template-columns:1fr}}.tmc .tmc-ul-tip{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.tmc .tmc-ul-tip-tekst{padding:16px 18px 20px}.tmc .tmc-ul-tip h3{align-items:baseline;gap:8px;font-size:16.5px;font-weight:700;line-height:1.3;display:flex}.tmc .tmc-ul-tip-teken{color:#fff;background:var(--green-hover);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:13px;display:inline-grid}.tmc .tmc-ul-tip[data-soort=fout] .tmc-ul-tip-teken{background:#b4441f}.tmc .tmc-ul-tip p{color:var(--ink-soft);margin-top:6px;font-size:14.5px;line-height:1.55}.tmc .tmc-ul-tip .tmc-ul-tip-gevolg{color:var(--ink)}.tmc .tmc-ul-verwachting ul,.tmc .tmc-ul-faq{max-width:760px}.tmc .tmc-ul-verwachting ul{gap:10px;list-style:none;display:grid}.tmc .tmc-ul-verwachting li{color:var(--ink-soft);padding-left:22px;font-size:16px;line-height:1.55;position:relative}.tmc .tmc-ul-verwachting li:before{content:"";background:var(--green);border-radius:2px;width:8px;height:8px;position:absolute;top:.62em;left:0}.tmc .tmc-ul-faq details{border-bottom:1px solid var(--line);max-width:860px}.tmc .tmc-ul-faq summary{cursor:pointer;min-height:44px;padding:16px 32px 16px 0;font-size:17px;font-weight:700;list-style:none;position:relative}.tmc .tmc-ul-faq summary::-webkit-details-marker{display:none}.tmc .tmc-ul-faq summary:after{content:"+";color:var(--green-hover);font-size:22px;font-weight:400;position:absolute;top:14px;right:4px}.tmc .tmc-ul-faq details[open] summary:after{content:"−"}.tmc .tmc-ul-faq summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}.tmc .tmc-ul-faq details p{color:var(--ink-soft);padding:0 0 18px;font-size:15.5px;line-height:1.6}.tmc .tmc-ul-sticky{z-index:40;transition:transform .3s var(--ease-out);display:none;position:fixed;bottom:16px;left:16px;right:16px;transform:translateY(140%)}.tmc .tmc-ul-sticky .btn{justify-content:center;width:100%}.tmc .tmc-ul-sticky[data-zichtbaar=ja]{transform:none}@media (max-width:760px){.tmc .tmc-ul-sticky{display:block}}