Contact<\/title>\r\n\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@300;400;500;600&family=Pinyon+Script&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n \/* ============================================================\r\n DESIGN TOKENS \u2014 matched to the LIVE room108.com theme:\r\n \u00b7 thin uppercase sans headings (Jost)\r\n \u00b7 warm amber-orange accent (eyeballed from the screenshot)\r\n ============================================================ *\/\r\n :root{\r\n \/* brand *\/\r\n --brown-1:#190d06; --brown-2:#3a2310; --brown-3:#5b3a18;\r\n --gold:#e6d3a4;\r\n --orange:#e5852c; --orange-deep:#cf7320; \/* accent \/ buttons *\/\r\n \/* neutrals *\/\r\n --ink:#23211e; --ink-soft:#5a544c; --muted:#8e867b;\r\n --paper:#ffffff; --paper-2:#f6f4f1; --line:rgba(20,14,8,.14); --line-2:rgba(20,14,8,.26);\r\n --ok:#3f7d4f;\r\n \/* type *\/\r\n --head:\"Jost\",system-ui,-apple-system,\"Segoe UI\",sans-serif; \/* thin uppercase headings *\/\r\n --sans:\"Jost\",system-ui,-apple-system,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n --script:\"Pinyon Script\",\"Snell Roundhand\",\"Apple Chancery\",cursive;\r\n }\r\n\r\n \/* base reset *\/\r\n *{box-sizing:border-box;margin:0;padding:0}\r\n html{scroll-behavior:smooth}\r\n body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-weight:400}\r\n a{color:inherit;text-decoration:none}\r\n img{max-width:100%;display:block}\r\n button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}\r\n ::selection{background:var(--orange);color:#fff}\r\n\r\n .wrap{max-width:1180px;margin:0 auto;padding:0 28px}\r\n .icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}\r\n\r\n \/* thin uppercase headings, matching the live site *\/\r\n h1,h2,h3{font-family:var(--head);font-weight:300;text-transform:uppercase;letter-spacing:.1em;line-height:1.15;color:var(--ink)}\r\n .eyebrow{font-family:var(--head);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--orange);font-weight:500}\r\n\r\n \/* squared, uppercase, letter-spaced buttons \u2014 live \"VERSTUREN\" style *\/\r\n .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:16px 30px;border-radius:3px;font-family:var(--head);font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;transition:.22s}\r\n .btn-orange{background:var(--orange);color:#fff}\r\n .btn-orange:hover{background:var(--orange-deep)}\r\n .btn-ghost{border:1px solid var(--line-2);color:var(--ink)}\r\n .btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:#fff}\r\n\r\n \/* ============================================================\r\n MAIN \u2014 intro + two columns (form | location info).\r\n ============================================================ *\/\r\n .intro{text-align:center;max-width:640px;margin:0 auto;padding:clamp(48px,7vw,80px) 0 12px}\r\n .intro h2{font-size:clamp(22px,3vw,30px);margin-bottom:16px;letter-spacing:.12em}\r\n .intro p{color:var(--ink-soft);font-size:16px}\r\n .intro a{color:var(--orange);border-bottom:1px solid currentColor}\r\n\r\n .contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,64px);align-items:start;padding:40px 0 clamp(64px,9vw,110px)}\r\n\r\n \/* --- form (matches live: bold labels, orange \"(Vereist)\", light fields, squared orange submit) --- *\/\r\n .req{color:var(--orange);font-style:italic;font-weight:400;font-family:var(--sans);text-transform:none;letter-spacing:0}\r\n .group-label{font-weight:600;font-size:15px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:18px}\r\n .field{margin-bottom:20px}\r\n .field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}\r\n .field input,.field textarea{width:100%;font-family:inherit;font-size:15px;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:3px;padding:14px 15px;transition:.2s}\r\n .field textarea{resize:vertical;min-height:150px}\r\n .field input::placeholder,.field textarea::placeholder{color:#b3a99c}\r\n .field input:focus,.field textarea:focus{outline:none;border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px rgba(229,133,44,.16)}\r\n .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}\r\n .charcount{font-size:13px;color:var(--muted);margin-top:8px}\r\n .form-note{font-size:13.5px;color:var(--ink-soft);margin-top:16px;display:flex;align-items:center;gap:8px}\r\n .form-note .icon{width:16px;stroke:var(--orange);flex:none}\r\n \/* inline success (no reload) *\/\r\n .form-ok{display:none;text-align:center;padding:26px 0}\r\n .form-ok.show{display:block;animation:rise .5s ease}\r\n .form-ok .tick{width:56px;height:56px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}\r\n .form-ok h3{font-size:24px;margin-bottom:10px;letter-spacing:.08em}\r\n .form-ok p{color:var(--ink-soft);text-transform:none}\r\n @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\r\n\r\n \/* --- right column: map + details --- *\/\r\n .info-stack{display:flex;flex-direction:column;gap:18px}\r\n .panel{background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:clamp(20px,2.4vw,30px)}\r\n .panel h3{font-size:18px;letter-spacing:.12em}\r\n\r\n \/* map: warm\/desaturated \u2192 full colour on hover *\/\r\n .map-frame{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--line);height:250px;background:var(--paper-2)}\r\n .map-frame iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.5) sepia(.22) contrast(.95);transition:filter .5s ease}\r\n .map-frame:hover iframe{filter:none}\r\n .map-tag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.94);font-family:var(--head);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:8px 13px;border-radius:3px;box-shadow:0 6px 18px rgba(0,0,0,.14);pointer-events:none}\r\n .map-tag .icon{width:15px;stroke:var(--orange)}\r\n\r\n \/* address \/ phone \/ email rows *\/\r\n .detail{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line)}\r\n .detail:last-child{border-bottom:none}\r\n .detail .ic{flex:none;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}\r\n .detail .ic .icon{stroke:var(--orange)}\r\n .detail .dl{font-family:var(--head);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}\r\n .detail .dv{font-size:17px;font-weight:500}\r\n .detail a.dv:hover{color:var(--orange-deep)}\r\n\r\n \/* opening hours + live status pill *\/\r\n .hours-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}\r\n .status{display:inline-flex;align-items:center;gap:7px;font-family:var(--head);font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:7px 13px;border-radius:999px;border:1px solid var(--line)}\r\n .status .dot{width:8px;height:8px;border-radius:50%}\r\n .status.open{color:var(--ok);border-color:rgba(63,125,79,.4);background:rgba(63,125,79,.08)}\r\n .status.open .dot{background:var(--ok);animation:beat 2s infinite}\r\n .status.closed{color:var(--orange-deep);border-color:rgba(207,115,32,.4);background:rgba(207,115,32,.08)}\r\n .status.closed .dot{background:var(--orange-deep)}\r\n @keyframes beat{0%{box-shadow:0 0 0 0 rgba(63,125,79,.45)}70%{box-shadow:0 0 0 7px rgba(63,125,79,0)}100%{box-shadow:0 0 0 0 rgba(63,125,79,0)}}\r\n .hours-list .hrow{display:flex;justify-content:space-between;font-size:14.5px;padding:8px 0;border-bottom:1px dashed var(--line)}\r\n .hours-list .hrow:last-child{border-bottom:none}\r\n .hours-list .hrow.today{font-weight:600}\r\n .hours-list .hrow.today .day{color:var(--orange-deep)}\r\n .hours-list .closed-day{color:var(--muted)}\r\n\r\n \/* socials *\/\r\n .socials{display:flex;gap:12px;flex-wrap:wrap}\r\n .socials a{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:.22s}\r\n .socials a:hover{background:var(--brown-2);border-color:var(--brown-2);color:var(--gold);transform:translateY(-2px)}\r\n .socials .icon{width:20px}\r\n\r\n \/* off-ramp *\/\r\n .offramp{border-top:1px solid var(--line);padding:34px 0 80px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}\r\n .offramp p{font-family:var(--head);font-size:clamp(16px,2vw,22px);letter-spacing:.1em;text-transform:uppercase;font-weight:300}\r\n\r\n \/* responsive *\/\r\n @media(max-width:880px){\r\n .contact-grid{grid-template-columns:1fr}\r\n }\r\n @media(max-width:560px){\r\n .field-row{grid-template-columns:1fr}\r\n }\r\n\r\n .toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:13px 22px;border-radius:3px;font-size:14px;opacity:0;pointer-events:none;transition:.3s;z-index:200}\r\n .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"wrap\">\r\n <div class=\"intro\">\r\n <h2 id=\"introTitle\">Neem contact op met Room108<\/h2>\r\n <p>Vul het onderstaande contactformulier in, of neem direct contact op met ons hieronder.<\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"wrap\">\r\n <div class=\"contact-grid\">\r\n\r\n \r\n <div>\r\n <form id=\"contactForm\" novalidate>\r\n <div class=\"group-label\">Naam <span class=\"req\">(Vereist)<\/span><\/div>\r\n <div class=\"field-row\">\r\n <div class=\"field\"><label for=\"fn\">Voornaam<\/label><input id=\"fn\" name=\"fn\" required><\/div>\r\n <div class=\"field\"><label for=\"ln\">Achternaam<\/label><input id=\"ln\" name=\"ln\" required><\/div>\r\n <\/div>\r\n <div class=\"field\"><label for=\"em\">E-mailadres <span class=\"req\">(Vereist)<\/span><\/label><input id=\"em\" name=\"em\" type=\"email\" required><\/div>\r\n <div class=\"field\">\r\n <label for=\"msg\">Vraag of opmerking <span class=\"req\">(Vereist)<\/span><\/label>\r\n <textarea id=\"msg\" name=\"msg\" maxlength=\"600\" required placeholder=\"Laat ons weten wat je bezighoudt. Heb je een vraag voor ons? Stel hem gerust.\"><\/textarea>\r\n <div class=\"charcount\"><span id=\"charNow\">0<\/span> van 600 max. aantal karakters<\/div>\r\n <\/div>\r\n <button class=\"btn btn-orange\" type=\"submit\" style=\"width:100%\">Versturen<\/button>\r\n <p class=\"form-note\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\r\n We antwoorden meestal binnen \u00e9\u00e9n werkdag.\r\n <\/p>\r\n <\/form>\r\n \r\n <div class=\"form-ok\" id=\"formOk\">\r\n <div class=\"tick\"><svg class=\"icon\" style=\"width:26px;stroke:#fff;stroke-width:2.4\" viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4 10-11\"\/><\/svg><\/div>\r\n <h3>Bedankt, <span id=\"okName\">daar<\/span>!<\/h3>\r\n <p>Je bericht is onderweg naar De Receptie. We nemen snel contact met je op.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"info-stack\">\r\n\r\n \r\n <div class=\"map-frame\">\r\n <iframe id=\"mapFrame\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" title=\"Kaart\"><\/iframe>\r\n <span class=\"map-tag\"><svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-6.5-7-11a7 7 0 1114 0c0 4.5-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg><span id=\"mapTagText\">Eindhoven<\/span><\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"panel\" style=\"padding-top:6px;padding-bottom:6px\">\r\n <div class=\"detail\">\r\n <span class=\"ic\"><svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-6.5-7-11a7 7 0 1114 0c0 4.5-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg><\/span>\r\n <div><div class=\"dl\">Adres<\/div><a class=\"dv\" id=\"addrLink\" target=\"_blank\" rel=\"noopener\"><span id=\"addrText\"><\/span><\/a><\/div>\r\n <\/div>\r\n <div class=\"detail\">\r\n <span class=\"ic\"><svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3 19.5 19.5 0 01-6-6 19.8 19.8 0 01-3-8.6A2 2 0 014.1 2h3a2 2 0 012 1.7c.1.9.3 1.8.6 2.6a2 2 0 01-.5 2.1L8.1 9.6a16 16 0 006 6l1.2-1.1a2 2 0 012.1-.5c.8.3 1.7.5 2.6.6a2 2 0 011.7 2z\"\/><\/svg><\/span>\r\n <div><div class=\"dl\">Telefoon<\/div><a class=\"dv\" id=\"telLink\"><\/a><\/div>\r\n <\/div>\r\n <div class=\"detail\">\r\n <span class=\"ic\"><svg class=\"icon\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg><\/span>\r\n <div><div class=\"dl\">E-mail<\/div><a class=\"dv\" id=\"mailLink\"><\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"panel\">\r\n <div class=\"hours-head\"><h3>Openingstijden<\/h3><span class=\"status\" id=\"status\"><span class=\"dot\"><\/span><span id=\"statusText\">\u2014<\/span><\/span><\/div>\r\n <div class=\"hours-list\" id=\"hoursList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"panel\">\r\n <h3 style=\"margin-bottom:16px\">Volg ons<\/h3>\r\n <div class=\"socials\" id=\"socials\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"wrap\">\r\n <div class=\"offramp\">\r\n <p>Liever eerst rondkijken?<\/p>\r\n <div style=\"display:flex;gap:12px;flex-wrap:wrap\">\r\n <a class=\"btn btn-ghost\" href=\"\/binnenkijken\/\" target=\"_blank\" >Bekijk de inspiratie<\/a>\r\n <a class=\"btn btn-orange\" href=\"\/banken\/\" target=\"_blank\" >Naar de collectie<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"toast\" id=\"toast\"><\/div>\r\n\r\n<script>\r\n\/* ============================================================\r\n LOCATION CONFIG \u2190\u2014\u2014 EDIT ONLY THIS BLOCK PER SHOWROOM.\r\n Copy contact.html, change the values below = a ready contact\r\n page for the next store. Everything renders from this object.\r\n ============================================================ *\/\r\nconst LOCATION = {\r\n store: 'Hilversum',\r\n roomNo: '000',\r\n roomName: 'De Receptie',\r\n\r\n address: { street:'Langestraat 77A', zip:'1211 GW', city:'Hilversum',\r\n query:'Langestraat 77A, 1211 GW Hilversum' }, \/\/ feeds Google Maps + route link\r\n phone: { display:'035 - 7200805', dial:'+31357200805' },\r\n email: 'info@room108-hilversum.nl',\r\n\r\n \/* opening hours, Monday-first. null = closed. Drives the live open\/closed pill. *\/\r\n hours: [\r\n { day:'Maandag', open:'13:00', close:'17:30' },\r\n { day:'Dinsdag', open:'10:00', close:'17:30' },\r\n { day:'Woensdag', open:'10:00', close:'17:30' },\r\n { day:'Donderdag', open:'10:00', close:'21:00' },\r\n { day:'Vrijdag', open:'10:00', close:'17:30' },\r\n { day:'Zaterdag', open:'10:00', close:'17:30' },\r\n { day:'Zondag', open:'12:00', close:'17:00', weeks:[1] } \/\/ elke 1e zondag van de maand\r\n ],\r\n\r\n socials: { \/\/ '' to hide a channel\r\n instagram:'https:\/\/www.instagram.com\/room108hilversum\/', facebook:'https:\/\/www.facebook.com\/profile.php?id=61561211271908',\r\n pinterest:'https:\/\/nl.pinterest.com\/Room108enGusjMarket\/',\r\n youtube:'https:\/\/www.youtube.com\/@Room108Nl40'\r\n }\r\n};\r\n\r\n\/* ============================================================\r\n RENDER from LOCATION (prototype stand-in for Elementor\r\n dynamic tags \/ ACF fields per location later).\r\n ============================================================ *\/\r\nconst $ = s => document.querySelector(s);\r\n\r\n$('#mapTagText').textContent = LOCATION.store;\r\n\r\n\/* map embed (keyless) + route link *\/\r\nconst mapsSearch = encodeURIComponent(LOCATION.address.query);\r\n$('#mapFrame').src = `https:\/\/www.google.com\/maps?q=${mapsSearch}&hl=nl&z=15&output=embed`;\r\n\r\n\/* address \/ phone \/ email *\/\r\nconst a = LOCATION.address;\r\n$('#addrText').textContent = `${a.street}, ${a.zip} ${a.city}`;\r\n$('#addrLink').href = `https:\/\/www.google.com\/maps\/search\/?api=1&query=${mapsSearch}`;\r\n$('#telLink').textContent = LOCATION.phone.display; $('#telLink').href = `tel:${LOCATION.phone.dial}`;\r\n$('#mailLink').textContent = LOCATION.email; $('#mailLink').href = `mailto:${LOCATION.email}`;\r\n\r\n\/* opening hours table + live status pill *\/\r\n(function renderHours(){\r\n const MONTHS = ['januari','februari','maart','april','mei','juni','juli',\r\n 'augustus','september','oktober','november','december'];\r\n const now = new Date();\r\n const todayIx = (now.getDay() + 6) % 7; \/\/ JS Sun=0 \u2192 our Mon=0 array\r\n const nowMin = now.getHours()*60 + now.getMinutes();\r\n const toMin = t => { const [h,m] = t.split(':').map(Number); return h*60+m; };\r\n\r\n \/* de hoeveelste keer valt deze weekdag in zijn maand? (1 t\/m 5) *\/\r\n const nthOfMonth = dt => Math.floor((dt.getDate() - 1) \/ 7) + 1;\r\n \/* is dit de LAATSTE keer dat deze weekdag in de maand valt? *\/\r\n const isLastOfMonth = dt =>\r\n dt.getDate() + 7 > new Date(dt.getFullYear(), dt.getMonth() + 1, 0).getDate();\r\n\r\n \/* geldt deze dag-regel op deze concrete datum? *\/\r\n function openOn(d, dt){\r\n if (!d || !d.open) return false; \/\/ dag zonder tijden = gesloten\r\n if (!d.weeks) return true; \/\/ elke week open\r\n return d.weeks.some(w => w === -1 ? isLastOfMonth(dt) : w === nthOfMonth(dt));\r\n }\r\n \/* dag-regel bij een datum ophalen *\/\r\n const dayOf = dt => LOCATION.hours[(dt.getDay() + 6) % 7];\r\n \/* automatisch regeltje bij een maandregel: \"alleen 1e van de maand\" *\/\r\n function ruleNote(d){\r\n if (d.note) return d.note;\r\n if (!d.weeks) return '';\r\n return 'alleen ' + d.weeks.map(w => w === -1 ? 'laatste' : w + 'e').join(' + ') + ' van de maand';\r\n }\r\n \/* styling van dat regeltje staat inline: zo is er geen extra CSS-blok nodig\r\n in de Elementor-widget en kan hostthema-CSS het niet overrulen *\/\r\n const NOTE_CSS = 'display:block;font-family:var(--head,inherit);font-size:10.5px;letter-spacing:.08em;'\r\n + 'text-transform:uppercase;color:var(--muted,#8e867b);font-weight:400;margin-top:2px';\r\n\r\n \/* --- tijdentabel --- *\/\r\n $('#hoursList').innerHTML = LOCATION.hours.map((d,i) => {\r\n const isToday = i === todayIx;\r\n let val;\r\n if (!d.open) val = '<span class=\"closed-day\">Gesloten<\/span>';\r\n \/\/ vandaag mag de tabel de pill niet tegenspreken: geldt de maandregel nu niet,\r\n \/\/ dan staat er gewoon Gesloten (de regel zelf blijft eronder zichtbaar)\r\n else if (isToday && !openOn(d, now)) val = '<span class=\"closed-day\">Gesloten<\/span>';\r\n else val = `${d.open} \u2013 ${d.close}`;\r\n const note = ruleNote(d);\r\n return `<div class=\"hrow${isToday ? ' today' : ''}\"><span class=\"day\">${d.day}<\/span>`\r\n + `<span style=\"text-align:right\">${val}`\r\n + `${note ? `<span style=\"${NOTE_CSS}\">${note}<\/span>` : ''}<\/span><\/div>`;\r\n }).join('');\r\n\r\n \/* --- live status-pill --- *\/\r\n const today = LOCATION.hours[todayIx];\r\n const openToday = openOn(today, now); \/\/ ook false op een 2e\/3e zondag\r\n const pill = $('#status'), txt = $('#statusText');\r\n let openNow = false;\r\n\r\n if (openToday){\r\n const o = toMin(today.open), c = toMin(today.close);\r\n openNow = nowMin >= o && nowMin < c;\r\n if (openNow){ pill.classList.add('open'); txt.textContent = `Nu open \u00b7 sluit om ${today.close}`; }\r\n else if (nowMin < o){ pill.classList.add('closed'); txt.textContent = `Gesloten \u00b7 opent om ${today.open}`; }\r\n }\r\n \/* nog dicht vandaag: vooruit zoeken naar de eerste dag die \u00e9cht open is.\r\n Loopt over ECHTE datums (niet weekdag-indexen), anders zou een maandregel\r\n als \"1e zondag\" ten onrechte als \"morgen open\" gelden. 42 dagen = ruim\r\n genoeg om altijd een volgende 1e-van-de-maand te vinden. *\/\r\n if (!openNow && (!openToday || nowMin >= toMin(today.close))){\r\n pill.classList.add('closed');\r\n for (let k = 1; k <= 42; k++){\r\n const dt = new Date(now.getFullYear(), now.getMonth(), now.getDate() + k);\r\n const nd = dayOf(dt);\r\n if (!openOn(nd, dt)) continue;\r\n const when = k === 1 ? 'morgen'\r\n : k < 7 ? nd.day.toLowerCase()\r\n : `${nd.day.toLowerCase()} ${dt.getDate()} ${MONTHS[dt.getMonth()]}`;\r\n txt.textContent = `Gesloten \u00b7 opent ${when} om ${nd.open}`;\r\n break;\r\n }\r\n }\r\n})();\r\n\r\n\/* socials (only channels with a URL) *\/\r\nconst SOCIAL_SVG = {\r\n instagram:'<rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>',\r\n facebook:'<path d=\"M14 8h2V5h-2c-1.7 0-3 1.3-3 3v2H9v3h2v6h3v-6h2.2l.4-3H14v-1.5c0-.6.4-.5 1-.5z\"\/>',\r\n pinterest:'<circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9.5 18c-.3-1.2 0-3 .4-4.6.3-1.3 1-3.4 1-3.4s-.3-.6-.3-1.4c0-1.3.8-2.3 1.8-2.3.8 0 1.2.6 1.2 1.4 0 .9-.6 2.1-.8 3.3-.2.9.5 1.7 1.4 1.7 1.7 0 2.8-2.2 2.8-4.2 0-1.7-1.2-3-3.4-3-2.4 0-3.9 1.8-3.9 3.8 0 .7.2 1.2.5 1.6.1.2.2.3.1.5l-.2.9c0 .2-.2.3-.4.2-1.1-.5-1.7-1.8-1.7-3 0-2.3 1.7-4.6 5-4.6 2.6 0 4.4 1.9 4.4 4.3 0 2.7-1.5 4.7-3.7 4.7-.8 0-1.5-.4-1.7-.9l-.5 1.8c-.2.7-.6 1.5-1 2.1z\"\/>',\r\n tiktok:'<path d=\"M14 4c.3 1.9 1.7 3.4 3.6 3.7v2.4c-1.3 0-2.6-.4-3.6-1.1V15a4.5 4.5 0 11-4.5-4.5c.3 0 .5 0 .8.1v2.5a2 2 0 101.4 1.9V4z\"\/>',\r\n youtube:'<rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"3\"\/><path d=\"M11 9.5l4 2.5-4 2.5z\" fill=\"currentColor\" stroke=\"none\"\/>'\r\n};\r\n$('#socials').innerHTML = Object.entries(LOCATION.socials).filter(([k,u])=>u)\r\n .map(([k,u]) => `<a href=\"${u}\" target=\"_blank\" rel=\"noopener\" aria-label=\"${k}\"><svg class=\"icon\" viewBox=\"0 0 24 24\">${SOCIAL_SVG[k]}<\/svg><\/a>`).join('');\r\n\r\n\/* ============================================================\r\n FORM \u2014 live character counter + inline success (no reload;\r\n the live build wires submit to the WordPress form handler).\r\n ============================================================ *\/\r\n$('#msg').addEventListener('input', e => $('#charNow').textContent = e.target.value.length);\r\nconst FIELD_MAP = { fn:'voornaam', ln:'achternaam', em:'email', msg:'bericht' };\r\n\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n\r\n document.getElementById('contactForm').addEventListener('submit', function(e){\r\n e.preventDefault();\r\n if (!this.checkValidity()){ this.reportValidity(); return; }\r\n\r\n const ef = document.querySelector('.proxy-form form');\r\n if (!ef){ console.warn('Proxy-formulier niet gevonden \u2014 staat de Form-widget op de pagina met class \"proxy-form\"?'); return; }\r\n\r\n for (const [ours, theirs] of Object.entries(FIELD_MAP)){\r\n const input = ef.querySelector(`[name=\"form_fields[${theirs}]\"]`);\r\n if (input) input.value = document.getElementById(ours).value.trim();\r\n }\r\n jQuery(ef).trigger('submit');\r\n });\r\n\r\n jQuery(document).on('submit_success', function(){\r\n document.getElementById('okName').textContent =\r\n document.getElementById('fn').value.trim() || 'daar';\r\n document.getElementById('contactForm').style.display = 'none';\r\n document.getElementById('formOk').classList.add('show');\r\n });\r\n\r\n});\r\n\r\n\/* toast helper (kept for future actions) *\/\r\nfunction toast(msg){ const t=$('#toast'); t.textContent=msg; t.classList.add('show');\r\n clearTimeout(t._t); t._t=setTimeout(()=>t.classList.remove('show'),2600); }\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-965369e e-flex e-con-boxed e-con e-parent\" data-id=\"965369e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49c0d87 proxy-form elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"49c0d87\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"14735\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"49c0d87\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Contact - Room108\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"14735\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-voornaam elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-voornaam\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tVoornaam\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[voornaam]\" id=\"form-field-voornaam\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-achternaam elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-achternaam\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tAchternaam\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[achternaam]\" id=\"form-field-achternaam\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Message\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-bericht elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-bericht\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tBericht\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[bericht]\" id=\"form-field-bericht\" class=\"elementor-field elementor-size-sm elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\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>Contact Neem contact op met Room108 Vul het onderstaande contactformulier in, of neem direct contact op met ons hieronder. Naam (Vereist) Voornaam Achternaam E-mailadres (Vereist) Vraag of opmerking (Vereist) 0 van 600 max. aantal karakters Versturen We antwoorden meestal binnen \u00e9\u00e9n werkdag. Bedankt, daar! Je bericht is onderweg naar De Receptie. We nemen snel contact…<\/p>","protected":false},"author":4463,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-14735","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Contact - Room108<\/title>\n<meta name=\"description\" content=\"Neem contact met ons op of bezoek een van onze verkooppunten.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/room108-hilversum.nl\/it\/contatto\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact - Room108\" \/>\n<meta property=\"og:description\" content=\"Neem contact met ons op of bezoek een van onze verkooppunten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/room108-hilversum.nl\/it\/contatto\/\" \/>\n<meta property=\"og:site_name\" content=\"Room108\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/LifestyleRoom108\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-28T11:15:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/room108-hilversum.nl\/wp-content\/uploads\/2017\/03\/Hoekbanken-van-room108-stel-hem-zelf-samen-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"847\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Room108Sofas\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/room108-hilversum.nl\\\/contact\\\/\",\"url\":\"https:\\\/\\\/room108-hilversum.nl\\\/contact\\\/\",\"name\":\"Contact - Room108\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/room108-rotterdam.nl\\\/#website\"},\"datePublished\":\"2016-06-10T18:21:35+00:00\",\"dateModified\":\"2026-07-28T11:15:57+00:00\",\"description\":\"Neem contact met ons op of bezoek een van onze verkooppunten.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/room108-hilversum.nl\\\/contact\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/room108-hilversum.nl\\\/contact\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/room108-hilversum.nl\\\/contact\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/room108-hilversum.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/room108-rotterdam.nl\\\/#website\",\"url\":\"https:\\\/\\\/room108-rotterdam.nl\\\/\",\"name\":\"Room108 Rotterdam\",\"description\":\"Create your own lifestyle, Room108 woonwinkel in Rotterdam, interieurinspiratie in elke sfeer\",\"publisher\":{\"@id\":\"https:\\\/\\\/room108-rotterdam.nl\\\/#organization\"},\"alternateName\":\"Room\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/room108-rotterdam.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/room108-rotterdam.nl\\\/#organization\",\"name\":\"Room108 Rotterdam\",\"url\":\"https:\\\/\\\/room108-rotterdam.nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/room108-rotterdam.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/room108-hilversum.nl\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/Room108-logo-officieel-AI-or.png\",\"contentUrl\":\"https:\\\/\\\/room108-hilversum.nl\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/Room108-logo-officieel-AI-or.png\",\"width\":1891,\"height\":478,\"caption\":\"Room108 Rotterdam\"},\"image\":{\"@id\":\"https:\\\/\\\/room108-rotterdam.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/LifestyleRoom108\",\"https:\\\/\\\/x.com\\\/Room108Sofas\",\"https:\\\/\\\/nl.pinterest.com\\\/Room108Sofas\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCRN3JthrfolaJNhMfV4aQPw\"]}]}<\/script>\n","yoast_head_json":{"title":"Contact - Room108","description":"Contattaci o visita uno dei nostri punti vendita.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/room108-hilversum.nl\/it\/contatto\/","og_locale":"it_IT","og_type":"article","og_title":"Contact - Room108","og_description":"Neem contact met ons op of bezoek een van onze verkooppunten.","og_url":"https:\/\/room108-hilversum.nl\/it\/contatto\/","og_site_name":"Room108","article_publisher":"https:\/\/www.facebook.com\/LifestyleRoom108","article_modified_time":"2026-07-28T11:15:57+00:00","og_image":[{"width":1500,"height":847,"url":"https:\/\/room108-hilversum.nl\/wp-content\/uploads\/2017\/03\/Hoekbanken-van-room108-stel-hem-zelf-samen-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@Room108Sofas","twitter_misc":{"Tempo di lettura stimato":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/room108-hilversum.nl\/contact\/","url":"https:\/\/room108-hilversum.nl\/contact\/","name":"Contact - Room108","isPartOf":{"@id":"https:\/\/room108-rotterdam.nl\/#website"},"datePublished":"2016-06-10T18:21:35+00:00","dateModified":"2026-07-28T11:15:57+00:00","description":"Contattaci o visita uno dei nostri punti vendita.","breadcrumb":{"@id":"https:\/\/room108-hilversum.nl\/contact\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/room108-hilversum.nl\/contact\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/room108-hilversum.nl\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/room108-hilversum.nl\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@type":"WebSite","@id":"https:\/\/room108-rotterdam.nl\/#website","url":"https:\/\/room108-rotterdam.nl\/","name":"Room108 Rotterdam","description":"Create your own lifestyle, Room108 woonwinkel in Rotterdam, interieurinspiratie in elke sfeer","publisher":{"@id":"https:\/\/room108-rotterdam.nl\/#organization"},"alternateName":"Room","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/room108-rotterdam.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/room108-rotterdam.nl\/#organization","name":"Room108 Rotterdam","url":"https:\/\/room108-rotterdam.nl\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/room108-rotterdam.nl\/#\/schema\/logo\/image\/","url":"https:\/\/room108-hilversum.nl\/wp-content\/uploads\/2023\/02\/Room108-logo-officieel-AI-or.png","contentUrl":"https:\/\/room108-hilversum.nl\/wp-content\/uploads\/2023\/02\/Room108-logo-officieel-AI-or.png","width":1891,"height":478,"caption":"Room108 Rotterdam"},"image":{"@id":"https:\/\/room108-rotterdam.nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/LifestyleRoom108","https:\/\/x.com\/Room108Sofas","https:\/\/nl.pinterest.com\/Room108Sofas\/","https:\/\/www.youtube.com\/channel\/UCRN3JthrfolaJNhMfV4aQPw"]}]}},"_links":{"self":[{"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/pages\/14735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/users\/4463"}],"replies":[{"embeddable":true,"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/comments?post=14735"}],"version-history":[{"count":15,"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/pages\/14735\/revisions"}],"predecessor-version":[{"id":582591,"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/pages\/14735\/revisions\/582591"}],"wp:attachment":[{"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/media?parent=14735"}],"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\nContact<\/title>\r\n\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@300;400;500;600&family=Pinyon+Script&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n \/* ============================================================\r\n DESIGN TOKENS \u2014 matched to the LIVE room108.com theme:\r\n \u00b7 thin uppercase sans headings (Jost)\r\n \u00b7 warm amber-orange accent (eyeballed from the screenshot)\r\n ============================================================ *\/\r\n :root{\r\n \/* brand *\/\r\n --brown-1:#190d06; --brown-2:#3a2310; --brown-3:#5b3a18;\r\n --gold:#e6d3a4;\r\n --orange:#e5852c; --orange-deep:#cf7320; \/* accent \/ buttons *\/\r\n \/* neutrals *\/\r\n --ink:#23211e; --ink-soft:#5a544c; --muted:#8e867b;\r\n --paper:#ffffff; --paper-2:#f6f4f1; --line:rgba(20,14,8,.14); --line-2:rgba(20,14,8,.26);\r\n --ok:#3f7d4f;\r\n \/* type *\/\r\n --head:\"Jost\",system-ui,-apple-system,\"Segoe UI\",sans-serif; \/* thin uppercase headings *\/\r\n --sans:\"Jost\",system-ui,-apple-system,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n --script:\"Pinyon Script\",\"Snell Roundhand\",\"Apple Chancery\",cursive;\r\n }\r\n\r\n \/* base reset *\/\r\n *{box-sizing:border-box;margin:0;padding:0}\r\n html{scroll-behavior:smooth}\r\n body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-weight:400}\r\n a{color:inherit;text-decoration:none}\r\n img{max-width:100%;display:block}\r\n button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}\r\n ::selection{background:var(--orange);color:#fff}\r\n\r\n .wrap{max-width:1180px;margin:0 auto;padding:0 28px}\r\n .icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}\r\n\r\n \/* thin uppercase headings, matching the live site *\/\r\n h1,h2,h3{font-family:var(--head);font-weight:300;text-transform:uppercase;letter-spacing:.1em;line-height:1.15;color:var(--ink)}\r\n .eyebrow{font-family:var(--head);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--orange);font-weight:500}\r\n\r\n \/* squared, uppercase, letter-spaced buttons \u2014 live \"VERSTUREN\" style *\/\r\n .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:16px 30px;border-radius:3px;font-family:var(--head);font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;transition:.22s}\r\n .btn-orange{background:var(--orange);color:#fff}\r\n .btn-orange:hover{background:var(--orange-deep)}\r\n .btn-ghost{border:1px solid var(--line-2);color:var(--ink)}\r\n .btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:#fff}\r\n\r\n \/* ============================================================\r\n MAIN \u2014 intro + two columns (form | location info).\r\n ============================================================ *\/\r\n .intro{text-align:center;max-width:640px;margin:0 auto;padding:clamp(48px,7vw,80px) 0 12px}\r\n .intro h2{font-size:clamp(22px,3vw,30px);margin-bottom:16px;letter-spacing:.12em}\r\n .intro p{color:var(--ink-soft);font-size:16px}\r\n .intro a{color:var(--orange);border-bottom:1px solid currentColor}\r\n\r\n .contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,64px);align-items:start;padding:40px 0 clamp(64px,9vw,110px)}\r\n\r\n \/* --- form (matches live: bold labels, orange \"(Vereist)\", light fields, squared orange submit) --- *\/\r\n .req{color:var(--orange);font-style:italic;font-weight:400;font-family:var(--sans);text-transform:none;letter-spacing:0}\r\n .group-label{font-weight:600;font-size:15px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:18px}\r\n .field{margin-bottom:20px}\r\n .field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}\r\n .field input,.field textarea{width:100%;font-family:inherit;font-size:15px;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:3px;padding:14px 15px;transition:.2s}\r\n .field textarea{resize:vertical;min-height:150px}\r\n .field input::placeholder,.field textarea::placeholder{color:#b3a99c}\r\n .field input:focus,.field textarea:focus{outline:none;border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px rgba(229,133,44,.16)}\r\n .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}\r\n .charcount{font-size:13px;color:var(--muted);margin-top:8px}\r\n .form-note{font-size:13.5px;color:var(--ink-soft);margin-top:16px;display:flex;align-items:center;gap:8px}\r\n .form-note .icon{width:16px;stroke:var(--orange);flex:none}\r\n \/* inline success (no reload) *\/\r\n .form-ok{display:none;text-align:center;padding:26px 0}\r\n .form-ok.show{display:block;animation:rise .5s ease}\r\n .form-ok .tick{width:56px;height:56px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}\r\n .form-ok h3{font-size:24px;margin-bottom:10px;letter-spacing:.08em}\r\n .form-ok p{color:var(--ink-soft);text-transform:none}\r\n @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\r\n\r\n \/* --- right column: map + details --- *\/\r\n .info-stack{display:flex;flex-direction:column;gap:18px}\r\n .panel{background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:clamp(20px,2.4vw,30px)}\r\n .panel h3{font-size:18px;letter-spacing:.12em}\r\n\r\n \/* map: warm\/desaturated \u2192 full colour on hover *\/\r\n .map-frame{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--line);height:250px;background:var(--paper-2)}\r\n .map-frame iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.5) sepia(.22) contrast(.95);transition:filter .5s ease}\r\n .map-frame:hover iframe{filter:none}\r\n .map-tag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.94);font-family:var(--head);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:8px 13px;border-radius:3px;box-shadow:0 6px 18px rgba(0,0,0,.14);pointer-events:none}\r\n .map-tag .icon{width:15px;stroke:var(--orange)}\r\n\r\n \/* address \/ phone \/ email rows *\/\r\n .detail{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line)}\r\n .detail:last-child{border-bottom:none}\r\n .detail .ic{flex:none;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}\r\n .detail .ic .icon{stroke:var(--orange)}\r\n .detail .dl{font-family:var(--head);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}\r\n .detail .dv{font-size:17px;font-weight:500}\r\n .detail a.dv:hover{color:var(--orange-deep)}\r\n\r\n \/* opening hours + live status pill *\/\r\n .hours-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}\r\n .status{display:inline-flex;align-items:center;gap:7px;font-family:var(--head);font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:7px 13px;border-radius:999px;border:1px solid var(--line)}\r\n .status .dot{width:8px;height:8px;border-radius:50%}\r\n .status.open{color:var(--ok);border-color:rgba(63,125,79,.4);background:rgba(63,125,79,.08)}\r\n .status.open .dot{background:var(--ok);animation:beat 2s infinite}\r\n .status.closed{color:var(--orange-deep);border-color:rgba(207,115,32,.4);background:rgba(207,115,32,.08)}\r\n .status.closed .dot{background:var(--orange-deep)}\r\n @keyframes beat{0%{box-shadow:0 0 0 0 rgba(63,125,79,.45)}70%{box-shadow:0 0 0 7px rgba(63,125,79,0)}100%{box-shadow:0 0 0 0 rgba(63,125,79,0)}}\r\n .hours-list .hrow{display:flex;justify-content:space-between;font-size:14.5px;padding:8px 0;border-bottom:1px dashed var(--line)}\r\n .hours-list .hrow:last-child{border-bottom:none}\r\n .hours-list .hrow.today{font-weight:600}\r\n .hours-list .hrow.today .day{color:var(--orange-deep)}\r\n .hours-list .closed-day{color:var(--muted)}\r\n\r\n \/* socials *\/\r\n .socials{display:flex;gap:12px;flex-wrap:wrap}\r\n .socials a{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:.22s}\r\n .socials a:hover{background:var(--brown-2);border-color:var(--brown-2);color:var(--gold);transform:translateY(-2px)}\r\n .socials .icon{width:20px}\r\n\r\n \/* off-ramp *\/\r\n .offramp{border-top:1px solid var(--line);padding:34px 0 80px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}\r\n .offramp p{font-family:var(--head);font-size:clamp(16px,2vw,22px);letter-spacing:.1em;text-transform:uppercase;font-weight:300}\r\n\r\n \/* responsive *\/\r\n @media(max-width:880px){\r\n .contact-grid{grid-template-columns:1fr}\r\n }\r\n @media(max-width:560px){\r\n .field-row{grid-template-columns:1fr}\r\n }\r\n\r\n .toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:13px 22px;border-radius:3px;font-size:14px;opacity:0;pointer-events:none;transition:.3s;z-index:200}\r\n .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"wrap\">\r\n <div class=\"intro\">\r\n <h2 id=\"introTitle\">Neem contact op met Room108<\/h2>\r\n <p>Vul het onderstaande contactformulier in, of neem direct contact op met ons hieronder.<\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"wrap\">\r\n <div class=\"contact-grid\">\r\n\r\n \r\n <div>\r\n <form id=\"contactForm\" novalidate>\r\n <div class=\"group-label\">Naam <span class=\"req\">(Vereist)<\/span><\/div>\r\n <div class=\"field-row\">\r\n <div class=\"field\"><label for=\"fn\">Voornaam<\/label><input id=\"fn\" name=\"fn\" required><\/div>\r\n <div class=\"field\"><label for=\"ln\">Achternaam<\/label><input id=\"ln\" name=\"ln\" required><\/div>\r\n <\/div>\r\n <div class=\"field\"><label for=\"em\">E-mailadres <span class=\"req\">(Vereist)<\/span><\/label><input id=\"em\" name=\"em\" type=\"email\" required><\/div>\r\n <div class=\"field\">\r\n <label for=\"msg\">Vraag of opmerking <span class=\"req\">(Vereist)<\/span><\/label>\r\n <textarea id=\"msg\" name=\"msg\" maxlength=\"600\" required placeholder=\"Laat ons weten wat je bezighoudt. Heb je een vraag voor ons? Stel hem gerust.\"><\/textarea>\r\n <div class=\"charcount\"><span id=\"charNow\">0<\/span> van 600 max. aantal karakters<\/div>\r\n <\/div>\r\n <button class=\"btn btn-orange\" type=\"submit\" style=\"width:100%\">Versturen<\/button>\r\n <p class=\"form-note\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\r\n We antwoorden meestal binnen \u00e9\u00e9n werkdag.\r\n <\/p>\r\n <\/form>\r\n \r\n <div class=\"form-ok\" id=\"formOk\">\r\n <div class=\"tick\"><svg class=\"icon\" style=\"width:26px;stroke:#fff;stroke-width:2.4\" viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4 10-11\"\/><\/svg><\/div>\r\n <h3>Bedankt, <span id=\"okName\">daar<\/span>!<\/h3>\r\n <p>Je bericht is onderweg naar De Receptie. We nemen snel contact met je op.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"info-stack\">\r\n\r\n \r\n <div class=\"map-frame\">\r\n <iframe id=\"mapFrame\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" title=\"Kaart\"><\/iframe>\r\n <span class=\"map-tag\"><svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-6.5-7-11a7 7 0 1114 0c0 4.5-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg><span id=\"mapTagText\">Eindhoven<\/span><\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"panel\" style=\"padding-top:6px;padding-bottom:6px\">\r\n <div class=\"detail\">\r\n <span class=\"ic\"><svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-6.5-7-11a7 7 0 1114 0c0 4.5-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg><\/span>\r\n <div><div class=\"dl\">Adres<\/div><a class=\"dv\" id=\"addrLink\" target=\"_blank\" rel=\"noopener\"><span id=\"addrText\"><\/span><\/a><\/div>\r\n <\/div>\r\n <div class=\"detail\">\r\n <span class=\"ic\"><svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3 19.5 19.5 0 01-6-6 19.8 19.8 0 01-3-8.6A2 2 0 014.1 2h3a2 2 0 012 1.7c.1.9.3 1.8.6 2.6a2 2 0 01-.5 2.1L8.1 9.6a16 16 0 006 6l1.2-1.1a2 2 0 012.1-.5c.8.3 1.7.5 2.6.6a2 2 0 011.7 2z\"\/><\/svg><\/span>\r\n <div><div class=\"dl\">Telefoon<\/div><a class=\"dv\" id=\"telLink\"><\/a><\/div>\r\n <\/div>\r\n <div class=\"detail\">\r\n <span class=\"ic\"><svg class=\"icon\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg><\/span>\r\n <div><div class=\"dl\">E-mail<\/div><a class=\"dv\" id=\"mailLink\"><\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"panel\">\r\n <div class=\"hours-head\"><h3>Openingstijden<\/h3><span class=\"status\" id=\"status\"><span class=\"dot\"><\/span><span id=\"statusText\">\u2014<\/span><\/span><\/div>\r\n <div class=\"hours-list\" id=\"hoursList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"panel\">\r\n <h3 style=\"margin-bottom:16px\">Volg ons<\/h3>\r\n <div class=\"socials\" id=\"socials\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"wrap\">\r\n <div class=\"offramp\">\r\n <p>Liever eerst rondkijken?<\/p>\r\n <div style=\"display:flex;gap:12px;flex-wrap:wrap\">\r\n <a class=\"btn btn-ghost\" href=\"\/binnenkijken\/\" target=\"_blank\" >Bekijk de inspiratie<\/a>\r\n <a class=\"btn btn-orange\" href=\"\/banken\/\" target=\"_blank\" >Naar de collectie<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"toast\" id=\"toast\"><\/div>\r\n\r\n<script>\r\n\/* ============================================================\r\n LOCATION CONFIG \u2190\u2014\u2014 EDIT ONLY THIS BLOCK PER SHOWROOM.\r\n Copy contact.html, change the values below = a ready contact\r\n page for the next store. Everything renders from this object.\r\n ============================================================ *\/\r\nconst LOCATION = {\r\n store: 'Hilversum',\r\n roomNo: '000',\r\n roomName: 'De Receptie',\r\n\r\n address: { street:'Langestraat 77A', zip:'1211 GW', city:'Hilversum',\r\n query:'Langestraat 77A, 1211 GW Hilversum' }, \/\/ feeds Google Maps + route link\r\n phone: { display:'035 - 7200805', dial:'+31357200805' },\r\n email: 'info@room108-hilversum.nl',\r\n\r\n \/* opening hours, Monday-first. null = closed. Drives the live open\/closed pill. *\/\r\n hours: [\r\n { day:'Maandag', open:'13:00', close:'17:30' },\r\n { day:'Dinsdag', open:'10:00', close:'17:30' },\r\n { day:'Woensdag', open:'10:00', close:'17:30' },\r\n { day:'Donderdag', open:'10:00', close:'21:00' },\r\n { day:'Vrijdag', open:'10:00', close:'17:30' },\r\n { day:'Zaterdag', open:'10:00', close:'17:30' },\r\n { day:'Zondag', open:'12:00', close:'17:00', weeks:[1] } \/\/ elke 1e zondag van de maand\r\n ],\r\n\r\n socials: { \/\/ '' to hide a channel\r\n instagram:'https:\/\/www.instagram.com\/room108hilversum\/', facebook:'https:\/\/www.facebook.com\/profile.php?id=61561211271908',\r\n pinterest:'https:\/\/nl.pinterest.com\/Room108enGusjMarket\/',\r\n youtube:'https:\/\/www.youtube.com\/@Room108Nl40'\r\n }\r\n};\r\n\r\n\/* ============================================================\r\n RENDER from LOCATION (prototype stand-in for Elementor\r\n dynamic tags \/ ACF fields per location later).\r\n ============================================================ *\/\r\nconst $ = s => document.querySelector(s);\r\n\r\n$('#mapTagText').textContent = LOCATION.store;\r\n\r\n\/* map embed (keyless) + route link *\/\r\nconst mapsSearch = encodeURIComponent(LOCATION.address.query);\r\n$('#mapFrame').src = `https:\/\/www.google.com\/maps?q=${mapsSearch}&hl=nl&z=15&output=embed`;\r\n\r\n\/* address \/ phone \/ email *\/\r\nconst a = LOCATION.address;\r\n$('#addrText').textContent = `${a.street}, ${a.zip} ${a.city}`;\r\n$('#addrLink').href = `https:\/\/www.google.com\/maps\/search\/?api=1&query=${mapsSearch}`;\r\n$('#telLink').textContent = LOCATION.phone.display; $('#telLink').href = `tel:${LOCATION.phone.dial}`;\r\n$('#mailLink').textContent = LOCATION.email; $('#mailLink').href = `mailto:${LOCATION.email}`;\r\n\r\n\/* opening hours table + live status pill *\/\r\n(function renderHours(){\r\n const MONTHS = ['januari','februari','maart','april','mei','juni','juli',\r\n 'augustus','september','oktober','november','december'];\r\n const now = new Date();\r\n const todayIx = (now.getDay() + 6) % 7; \/\/ JS Sun=0 \u2192 our Mon=0 array\r\n const nowMin = now.getHours()*60 + now.getMinutes();\r\n const toMin = t => { const [h,m] = t.split(':').map(Number); return h*60+m; };\r\n\r\n \/* de hoeveelste keer valt deze weekdag in zijn maand? (1 t\/m 5) *\/\r\n const nthOfMonth = dt => Math.floor((dt.getDate() - 1) \/ 7) + 1;\r\n \/* is dit de LAATSTE keer dat deze weekdag in de maand valt? *\/\r\n const isLastOfMonth = dt =>\r\n dt.getDate() + 7 > new Date(dt.getFullYear(), dt.getMonth() + 1, 0).getDate();\r\n\r\n \/* geldt deze dag-regel op deze concrete datum? *\/\r\n function openOn(d, dt){\r\n if (!d || !d.open) return false; \/\/ dag zonder tijden = gesloten\r\n if (!d.weeks) return true; \/\/ elke week open\r\n return d.weeks.some(w => w === -1 ? isLastOfMonth(dt) : w === nthOfMonth(dt));\r\n }\r\n \/* dag-regel bij een datum ophalen *\/\r\n const dayOf = dt => LOCATION.hours[(dt.getDay() + 6) % 7];\r\n \/* automatisch regeltje bij een maandregel: \"alleen 1e van de maand\" *\/\r\n function ruleNote(d){\r\n if (d.note) return d.note;\r\n if (!d.weeks) return '';\r\n return 'alleen ' + d.weeks.map(w => w === -1 ? 'laatste' : w + 'e').join(' + ') + ' van de maand';\r\n }\r\n \/* styling van dat regeltje staat inline: zo is er geen extra CSS-blok nodig\r\n in de Elementor-widget en kan hostthema-CSS het niet overrulen *\/\r\n const NOTE_CSS = 'display:block;font-family:var(--head,inherit);font-size:10.5px;letter-spacing:.08em;'\r\n + 'text-transform:uppercase;color:var(--muted,#8e867b);font-weight:400;margin-top:2px';\r\n\r\n \/* --- tijdentabel --- *\/\r\n $('#hoursList').innerHTML = LOCATION.hours.map((d,i) => {\r\n const isToday = i === todayIx;\r\n let val;\r\n if (!d.open) val = '<span class=\"closed-day\">Gesloten<\/span>';\r\n \/\/ vandaag mag de tabel de pill niet tegenspreken: geldt de maandregel nu niet,\r\n \/\/ dan staat er gewoon Gesloten (de regel zelf blijft eronder zichtbaar)\r\n else if (isToday && !openOn(d, now)) val = '<span class=\"closed-day\">Gesloten<\/span>';\r\n else val = `${d.open} \u2013 ${d.close}`;\r\n const note = ruleNote(d);\r\n return `<div class=\"hrow${isToday ? ' today' : ''}\"><span class=\"day\">${d.day}<\/span>`\r\n + `<span style=\"text-align:right\">${val}`\r\n + `${note ? `<span style=\"${NOTE_CSS}\">${note}<\/span>` : ''}<\/span><\/div>`;\r\n }).join('');\r\n\r\n \/* --- live status-pill --- *\/\r\n const today = LOCATION.hours[todayIx];\r\n const openToday = openOn(today, now); \/\/ ook false op een 2e\/3e zondag\r\n const pill = $('#status'), txt = $('#statusText');\r\n let openNow = false;\r\n\r\n if (openToday){\r\n const o = toMin(today.open), c = toMin(today.close);\r\n openNow = nowMin >= o && nowMin < c;\r\n if (openNow){ pill.classList.add('open'); txt.textContent = `Nu open \u00b7 sluit om ${today.close}`; }\r\n else if (nowMin < o){ pill.classList.add('closed'); txt.textContent = `Gesloten \u00b7 opent om ${today.open}`; }\r\n }\r\n \/* nog dicht vandaag: vooruit zoeken naar de eerste dag die \u00e9cht open is.\r\n Loopt over ECHTE datums (niet weekdag-indexen), anders zou een maandregel\r\n als \"1e zondag\" ten onrechte als \"morgen open\" gelden. 42 dagen = ruim\r\n genoeg om altijd een volgende 1e-van-de-maand te vinden. *\/\r\n if (!openNow && (!openToday || nowMin >= toMin(today.close))){\r\n pill.classList.add('closed');\r\n for (let k = 1; k <= 42; k++){\r\n const dt = new Date(now.getFullYear(), now.getMonth(), now.getDate() + k);\r\n const nd = dayOf(dt);\r\n if (!openOn(nd, dt)) continue;\r\n const when = k === 1 ? 'morgen'\r\n : k < 7 ? nd.day.toLowerCase()\r\n : `${nd.day.toLowerCase()} ${dt.getDate()} ${MONTHS[dt.getMonth()]}`;\r\n txt.textContent = `Gesloten \u00b7 opent ${when} om ${nd.open}`;\r\n break;\r\n }\r\n }\r\n})();\r\n\r\n\/* socials (only channels with a URL) *\/\r\nconst SOCIAL_SVG = {\r\n instagram:'<rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>',\r\n facebook:'<path d=\"M14 8h2V5h-2c-1.7 0-3 1.3-3 3v2H9v3h2v6h3v-6h2.2l.4-3H14v-1.5c0-.6.4-.5 1-.5z\"\/>',\r\n pinterest:'<circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9.5 18c-.3-1.2 0-3 .4-4.6.3-1.3 1-3.4 1-3.4s-.3-.6-.3-1.4c0-1.3.8-2.3 1.8-2.3.8 0 1.2.6 1.2 1.4 0 .9-.6 2.1-.8 3.3-.2.9.5 1.7 1.4 1.7 1.7 0 2.8-2.2 2.8-4.2 0-1.7-1.2-3-3.4-3-2.4 0-3.9 1.8-3.9 3.8 0 .7.2 1.2.5 1.6.1.2.2.3.1.5l-.2.9c0 .2-.2.3-.4.2-1.1-.5-1.7-1.8-1.7-3 0-2.3 1.7-4.6 5-4.6 2.6 0 4.4 1.9 4.4 4.3 0 2.7-1.5 4.7-3.7 4.7-.8 0-1.5-.4-1.7-.9l-.5 1.8c-.2.7-.6 1.5-1 2.1z\"\/>',\r\n tiktok:'<path d=\"M14 4c.3 1.9 1.7 3.4 3.6 3.7v2.4c-1.3 0-2.6-.4-3.6-1.1V15a4.5 4.5 0 11-4.5-4.5c.3 0 .5 0 .8.1v2.5a2 2 0 101.4 1.9V4z\"\/>',\r\n youtube:'<rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"3\"\/><path d=\"M11 9.5l4 2.5-4 2.5z\" fill=\"currentColor\" stroke=\"none\"\/>'\r\n};\r\n$('#socials').innerHTML = Object.entries(LOCATION.socials).filter(([k,u])=>u)\r\n .map(([k,u]) => `<a href=\"${u}\" target=\"_blank\" rel=\"noopener\" aria-label=\"${k}\"><svg class=\"icon\" viewBox=\"0 0 24 24\">${SOCIAL_SVG[k]}<\/svg><\/a>`).join('');\r\n\r\n\/* ============================================================\r\n FORM \u2014 live character counter + inline success (no reload;\r\n the live build wires submit to the WordPress form handler).\r\n ============================================================ *\/\r\n$('#msg').addEventListener('input', e => $('#charNow').textContent = e.target.value.length);\r\nconst FIELD_MAP = { fn:'voornaam', ln:'achternaam', em:'email', msg:'bericht' };\r\n\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n\r\n document.getElementById('contactForm').addEventListener('submit', function(e){\r\n e.preventDefault();\r\n if (!this.checkValidity()){ this.reportValidity(); return; }\r\n\r\n const ef = document.querySelector('.proxy-form form');\r\n if (!ef){ console.warn('Proxy-formulier niet gevonden \u2014 staat de Form-widget op de pagina met class \"proxy-form\"?'); return; }\r\n\r\n for (const [ours, theirs] of Object.entries(FIELD_MAP)){\r\n const input = ef.querySelector(`[name=\"form_fields[${theirs}]\"]`);\r\n if (input) input.value = document.getElementById(ours).value.trim();\r\n }\r\n jQuery(ef).trigger('submit');\r\n });\r\n\r\n jQuery(document).on('submit_success', function(){\r\n document.getElementById('okName').textContent =\r\n document.getElementById('fn').value.trim() || 'daar';\r\n document.getElementById('contactForm').style.display = 'none';\r\n document.getElementById('formOk').classList.add('show');\r\n });\r\n\r\n});\r\n\r\n\/* toast helper (kept for future actions) *\/\r\nfunction toast(msg){ const t=$('#toast'); t.textContent=msg; t.classList.add('show');\r\n clearTimeout(t._t); t._t=setTimeout(()=>t.classList.remove('show'),2600); }\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-965369e e-flex e-con-boxed e-con e-parent\" data-id=\"965369e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49c0d87 proxy-form elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"49c0d87\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"14735\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"49c0d87\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Contact - Room108\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"14735\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-voornaam elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-voornaam\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tVoornaam\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[voornaam]\" id=\"form-field-voornaam\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-achternaam elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-achternaam\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tAchternaam\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[achternaam]\" id=\"form-field-achternaam\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Message\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-bericht elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-bericht\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tBericht\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[bericht]\" id=\"form-field-bericht\" class=\"elementor-field elementor-size-sm elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\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>Contact Neem contact op met Room108 Vul het onderstaande contactformulier in, of neem direct contact op met ons hieronder. Naam (Vereist) Voornaam Achternaam E-mailadres (Vereist) Vraag of opmerking (Vereist) 0 van 600 max. aantal karakters Versturen We antwoorden meestal binnen \u00e9\u00e9n werkdag. Bedankt, daar! Je bericht is onderweg naar De Receptie. We nemen snel contact…<\/p>","protected":false},"author":4463,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-14735","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Contact - Room108<\/title>\n<meta name=\"description\" content=\"Neem contact met ons op of bezoek een van onze verkooppunten.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/room108-hilversum.nl\/it\/contatto\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact - Room108\" \/>\n<meta property=\"og:description\" content=\"Neem contact met ons op of bezoek een van onze verkooppunten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/room108-hilversum.nl\/it\/contatto\/\" \/>\n<meta property=\"og:site_name\" content=\"Room108\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/LifestyleRoom108\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-28T11:15:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/room108-hilversum.nl\/wp-content\/uploads\/2017\/03\/Hoekbanken-van-room108-stel-hem-zelf-samen-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"847\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Room108Sofas\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/room108-hilversum.nl\\\/contact\\\/\",\"url\":\"https:\\\/\\\/room108-hilversum.nl\\\/contact\\\/\",\"name\":\"Contact - Room108\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/room108-rotterdam.nl\\\/#website\"},\"datePublished\":\"2016-06-10T18:21:35+00:00\",\"dateModified\":\"2026-07-28T11:15:57+00:00\",\"description\":\"Neem contact met ons op of bezoek een van onze verkooppunten.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/room108-hilversum.nl\\\/contact\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/room108-hilversum.nl\\\/contact\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/room108-hilversum.nl\\\/contact\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/room108-hilversum.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/room108-rotterdam.nl\\\/#website\",\"url\":\"https:\\\/\\\/room108-rotterdam.nl\\\/\",\"name\":\"Room108 Rotterdam\",\"description\":\"Create your own lifestyle, Room108 woonwinkel in Rotterdam, interieurinspiratie in elke sfeer\",\"publisher\":{\"@id\":\"https:\\\/\\\/room108-rotterdam.nl\\\/#organization\"},\"alternateName\":\"Room\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/room108-rotterdam.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/room108-rotterdam.nl\\\/#organization\",\"name\":\"Room108 Rotterdam\",\"url\":\"https:\\\/\\\/room108-rotterdam.nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/room108-rotterdam.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/room108-hilversum.nl\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/Room108-logo-officieel-AI-or.png\",\"contentUrl\":\"https:\\\/\\\/room108-hilversum.nl\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/Room108-logo-officieel-AI-or.png\",\"width\":1891,\"height\":478,\"caption\":\"Room108 Rotterdam\"},\"image\":{\"@id\":\"https:\\\/\\\/room108-rotterdam.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/LifestyleRoom108\",\"https:\\\/\\\/x.com\\\/Room108Sofas\",\"https:\\\/\\\/nl.pinterest.com\\\/Room108Sofas\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCRN3JthrfolaJNhMfV4aQPw\"]}]}<\/script>\n","yoast_head_json":{"title":"Contact - Room108","description":"Contattaci o visita uno dei nostri punti vendita.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/room108-hilversum.nl\/it\/contatto\/","og_locale":"it_IT","og_type":"article","og_title":"Contact - Room108","og_description":"Neem contact met ons op of bezoek een van onze verkooppunten.","og_url":"https:\/\/room108-hilversum.nl\/it\/contatto\/","og_site_name":"Room108","article_publisher":"https:\/\/www.facebook.com\/LifestyleRoom108","article_modified_time":"2026-07-28T11:15:57+00:00","og_image":[{"width":1500,"height":847,"url":"https:\/\/room108-hilversum.nl\/wp-content\/uploads\/2017\/03\/Hoekbanken-van-room108-stel-hem-zelf-samen-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@Room108Sofas","twitter_misc":{"Tempo di lettura stimato":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/room108-hilversum.nl\/contact\/","url":"https:\/\/room108-hilversum.nl\/contact\/","name":"Contact - Room108","isPartOf":{"@id":"https:\/\/room108-rotterdam.nl\/#website"},"datePublished":"2016-06-10T18:21:35+00:00","dateModified":"2026-07-28T11:15:57+00:00","description":"Contattaci o visita uno dei nostri punti vendita.","breadcrumb":{"@id":"https:\/\/room108-hilversum.nl\/contact\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/room108-hilversum.nl\/contact\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/room108-hilversum.nl\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/room108-hilversum.nl\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@type":"WebSite","@id":"https:\/\/room108-rotterdam.nl\/#website","url":"https:\/\/room108-rotterdam.nl\/","name":"Room108 Rotterdam","description":"Create your own lifestyle, Room108 woonwinkel in Rotterdam, interieurinspiratie in elke sfeer","publisher":{"@id":"https:\/\/room108-rotterdam.nl\/#organization"},"alternateName":"Room","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/room108-rotterdam.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/room108-rotterdam.nl\/#organization","name":"Room108 Rotterdam","url":"https:\/\/room108-rotterdam.nl\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/room108-rotterdam.nl\/#\/schema\/logo\/image\/","url":"https:\/\/room108-hilversum.nl\/wp-content\/uploads\/2023\/02\/Room108-logo-officieel-AI-or.png","contentUrl":"https:\/\/room108-hilversum.nl\/wp-content\/uploads\/2023\/02\/Room108-logo-officieel-AI-or.png","width":1891,"height":478,"caption":"Room108 Rotterdam"},"image":{"@id":"https:\/\/room108-rotterdam.nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/LifestyleRoom108","https:\/\/x.com\/Room108Sofas","https:\/\/nl.pinterest.com\/Room108Sofas\/","https:\/\/www.youtube.com\/channel\/UCRN3JthrfolaJNhMfV4aQPw"]}]}},"_links":{"self":[{"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/pages\/14735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/users\/4463"}],"replies":[{"embeddable":true,"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/comments?post=14735"}],"version-history":[{"count":15,"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/pages\/14735\/revisions"}],"predecessor-version":[{"id":582591,"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/pages\/14735\/revisions\/582591"}],"wp:attachment":[{"href":"https:\/\/room108-hilversum.nl\/it\/wp-json\/wp\/v2\/media?parent=14735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}