Stad Gent |

Stad Gent

Matches in Stad Gent for { <https://stad.gent/id/infopage/833329> ?p ?o ?g. }

Showing items 1 to 16 of 16 with 100 items per page.

833329 type Article infopages.
833329 subject "https://stad.gent/en/node/3700" infopages.
833329 description "Op zoek naar een leuke zaal voor je event? Boek een van de vier unieke unieke zalen die Hartetroef te bieden heeft. " infopages.
833329 identifier "833329" infopages.
833329 image Restaurant%20event1.jpg infopages.
833329 inLanguage "nl" infopages.
833329 keywords "Uitpas" infopages.
833329 keywords "restaurants" infopages.
833329 name "Huur een zaal bij Hartetroef" infopages.
833329 url zaalverhuur infopages.
833329 dateModified "2026-08-24T09:07:56+00:00" infopages.
833329 datePublished "2024-12-02T15:57:18+00:00" infopages.
833329 sourceOrganization 4e8fb0a5-2da3-ef11-8a6a-6045bddde88f infopages.
833329 articleBody " <div class="paragraph paragraph--type--table-of-contents paragraph--view-mode--full"> <nav class="table-of-contents" aria-labelledby="table-of-contents-header"> <div class="content-container"> <h4 id="table-of-contents-header">On this page</h4> <ul class="three-column"> <li><a href="/en/lod/infopages#overzicht-zalen">Overzicht zalen</a></li> <li><a href="/en/lod/infopages#bereken-je-huurprijs">Bereken je huurprijs</a></li> <li><a href="/en/lod/infopages#catering">Catering</a></li> </ul> </div> </nav> </div> <div id="overzicht-zalen" class="paragraph paragraph--type--anchor paragraph--view-mode--full"></div> <div class="paragraph paragraph--type--text paragraph--view-mode--full"> <p>De prachtige voormalige Heilig Hartkerk in Sint-Amandsberg is omgetoverd naar een moderne en warme ontmoetingsplek. Je vindt er nu <strong>vier charmante en originele verhuurzalen</strong>, elk met zijn eigen sfeer. Bovendien zijn <span>alle zalen en het sanitair <strong>rolstoeltoegankelijk</strong>.</span> Je kan kiezen uit: </p> </div> <div class="paragraph paragraph--type--container paragraph--view-mode--full w10-o1"> <ul class="grid-2"> <li> <div class="paragraph paragraph--type--teaser paragraph--view-mode--default teaser"> <article class="teaser-content"> <div class="content__second"> <h3 class="h4 bg-none"> <span> Restaurant </span> </h3> <ul type="disc"><li><span>Lichtrijke, warme ruimte op het gelijkvloers.</span></li><li><span>Prachtige oude tegelvloer en pilaren met retro meubilair</span></li><li><span>Ideaal voor etentjes, recepties of lezingen </span></li><li><span>Capaciteit: 100 personen (oppervlakte 175 m²)</span></li></ul> <a href="https://zalenzoeker.stad.gent/zalen/97b94fc4-4f2d-471f-8e59-4e9611c1c636" class="standalone-link">Reserveer deze zaal</a> </div> <div class="content__first"> <div class="figure-wrapper"> <figure> <div class="image-wrapper"> <div class="image-gallery js-lightbox"> <picture> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef35.jpg.webp?itok=1QrE0J5k 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef35.jpg.webp?itok=ZfwPsDHL 2x" media="(min-width: 1680px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef35.jpg.webp?itok=1QrE0J5k 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef35.jpg.webp?itok=ZfwPsDHL 2x" media="all and (min-width: 960px) and (max-width: 1679.9px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_sm/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef35.jpg.webp?itok=vkpFcZfQ 1x, /sites/default/files/styles/landscape_8_5_sm_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef35.jpg.webp?itok=cZFLfMex 2x" media="all and (min-width: 768px) and (max-width: 959.9px)" type="image/webp" width="445" height="279"/> <source srcset="/sites/default/files/styles/landscape_8_5_xs/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef35.jpg.webp?itok=yuAa2W7E 1x, /sites/default/files/styles/landscape_8_5_xs_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef35.jpg.webp?itok=cDuiMD3u 2x" media="all and (min-width: 576px) and (max-width: 767.9px)" type="image/webp" width="350" height="219"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef35.jpg.webp?itok=1QrE0J5k 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef35.jpg.webp?itok=ZfwPsDHL 2x" media="all and (max-width: 575.9px)" type="image/webp" width="575" height="360"/> <img loading="lazy" width="1150" height="720" src="/sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef35.jpg.webp?itok=ZfwPsDHL" alt="Restaurant Hartetroef" /> </picture> </div> </div> </figure> </div> </div> </article> <a href="https://zalenzoeker.stad.gent/zalen/97b94fc4-4f2d-471f-8e59-4e9611c1c636" class="teaser-overlay-link" tabindex="-1" aria-hidden="true"></a> </div> </li> <li> <div class="paragraph paragraph--type--teaser paragraph--view-mode--default teaser"> <article class="teaser-content"> <div class="content__second"> <h3 class="h4 bg-none"> <span> Orgelzaal </span> </h3> <ul type="disc"><li><span>Indrukwekkende feestzaal onder de kerkgewelven </span></li><li><span>Bijhorend overdekt terras</span></li><li><span>Ideaal voor feesten, workshops of voorstellingen</span></li><li><span>Capaciteit: 240 personen (oppervlakte 316 m²)</span></li></ul> <a href="https://zalenzoeker.stad.gent/zalen/d778780b-0aa6-49a8-b29b-1fa74f7eeca5" class="standalone-link">Reserveer deze zaal</a> </div> <div class="content__first"> <div class="figure-wrapper"> <figure> <div class="image-wrapper"> <div class="image-gallery js-lightbox"> <picture> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/Foto%20Hartetroef_orgelzaal.jpg.webp?itok=MQTnq5en 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/Foto%20Hartetroef_orgelzaal.jpg.webp?itok=MNWDV9h1 2x" media="(min-width: 1680px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/Foto%20Hartetroef_orgelzaal.jpg.webp?itok=MQTnq5en 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/Foto%20Hartetroef_orgelzaal.jpg.webp?itok=MNWDV9h1 2x" media="all and (min-width: 960px) and (max-width: 1679.9px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_sm/public/media/images/Foto%20Hartetroef_orgelzaal.jpg.webp?itok=IhtZSNdd 1x, /sites/default/files/styles/landscape_8_5_sm_x2/public/media/images/Foto%20Hartetroef_orgelzaal.jpg.webp?itok=ixAx71ld 2x" media="all and (min-width: 768px) and (max-width: 959.9px)" type="image/webp" width="445" height="279"/> <source srcset="/sites/default/files/styles/landscape_8_5_xs/public/media/images/Foto%20Hartetroef_orgelzaal.jpg.webp?itok=RHPzQbVd 1x, /sites/default/files/styles/landscape_8_5_xs_x2/public/media/images/Foto%20Hartetroef_orgelzaal.jpg.webp?itok=Zp3Iy6R9 2x" media="all and (min-width: 576px) and (max-width: 767.9px)" type="image/webp" width="350" height="219"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/Foto%20Hartetroef_orgelzaal.jpg.webp?itok=MQTnq5en 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/Foto%20Hartetroef_orgelzaal.jpg.webp?itok=MNWDV9h1 2x" media="all and (max-width: 575.9px)" type="image/webp" width="575" height="360"/> <img loading="lazy" width="1150" height="720" src="/sites/default/files/styles/landscape_8_5_m_x2/public/media/images/Foto%20Hartetroef_orgelzaal.jpg.webp?itok=MNWDV9h1" alt="Foto van de orgelzaal van Hartetroef" /> </picture> </div> </div> </figure> </div> </div> </article> <a href="https://zalenzoeker.stad.gent/zalen/d778780b-0aa6-49a8-b29b-1fa74f7eeca5" class="teaser-overlay-link" tabindex="-1" aria-hidden="true"></a> </div> </li> </ul> </div> <div class="paragraph paragraph--type--container paragraph--view-mode--full w10-o1"> <ul class="grid-2"> <li> <div class="paragraph paragraph--type--teaser paragraph--view-mode--default teaser"> <article class="teaser-content"> <div class="content__second"> <h3 class="h4 bg-none"> <span> Koorzaal </span> </h3> <ul type="disc"><li><span>Ruime zaal met oude elementen van de kerk </span></li><li><span>Sluit aan op overdekt terras en gedeelde tuin</span></li><li><span>Ideaal voor recepties of voorstellingen</span></li><li><span>Capaciteit: 180 personen (oppervlakte 332 m²)</span></li></ul> <a href="https://zalenzoeker.stad.gent/zalen/4137d337-866a-4a87-a8f4-2d75388ced4f" class="standalone-link">Reserveer deze zaal</a> </div> <div class="content__first"> <div class="figure-wrapper"> <figure> <div class="image-wrapper"> <div class="image-gallery js-lightbox"> <picture> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef11.jpg.webp?itok=0aVgi4h8 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef11.jpg.webp?itok=HtpVJgdZ 2x" media="(min-width: 1680px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef11.jpg.webp?itok=0aVgi4h8 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef11.jpg.webp?itok=HtpVJgdZ 2x" media="all and (min-width: 960px) and (max-width: 1679.9px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_sm/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef11.jpg.webp?itok=UoIHy6C0 1x, /sites/default/files/styles/landscape_8_5_sm_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef11.jpg.webp?itok=-eWQUgRQ 2x" media="all and (min-width: 768px) and (max-width: 959.9px)" type="image/webp" width="445" height="279"/> <source srcset="/sites/default/files/styles/landscape_8_5_xs/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef11.jpg.webp?itok=zFpid6yd 1x, /sites/default/files/styles/landscape_8_5_xs_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef11.jpg.webp?itok=FOKu2h_w 2x" media="all and (min-width: 576px) and (max-width: 767.9px)" type="image/webp" width="350" height="219"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef11.jpg.webp?itok=0aVgi4h8 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef11.jpg.webp?itok=HtpVJgdZ 2x" media="all and (max-width: 575.9px)" type="image/webp" width="575" height="360"/> <img loading="lazy" width="1150" height="720" src="/sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef11.jpg.webp?itok=HtpVJgdZ" alt="Koorzaal Hartetroef" /> </picture> </div> </div> </figure> </div> </div> </article> <a href="https://zalenzoeker.stad.gent/zalen/4137d337-866a-4a87-a8f4-2d75388ced4f" class="teaser-overlay-link" tabindex="-1" aria-hidden="true"></a> </div> </li> <li> <div class="paragraph paragraph--type--teaser paragraph--view-mode--default teaser"> <article class="teaser-content"> <div class="content__second"> <h3 class="h4 bg-none"> <span> Buurtkeuken </span> </h3> <ul type="disc"><li><span>Gezellig zaaltje met uitgeruste keuken</span></li><li><span>Sluit aan op overdekt terras en gedeelde tuin</span></li><li><span>Ideaal voor buurtvergaderingen of kleine feestjes</span></li><li><span>Capaciteit: 12 personen (oppervlakte 40 m²)</span></li></ul> <a href="https://zalenzoeker.stad.gent/zalen/b0a646f5-5e95-4e66-ad1d-28eda8e11ad5" class="standalone-link">Reserveer deze zaal</a> </div> <div class="content__first"> <div class="figure-wrapper"> <figure> <div class="image-wrapper"> <div class="image-gallery js-lightbox"> <picture> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef39.jpg.webp?itok=iOz5Bw9e 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef39.jpg.webp?itok=xBaNQtpi 2x" media="(min-width: 1680px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef39.jpg.webp?itok=iOz5Bw9e 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef39.jpg.webp?itok=xBaNQtpi 2x" media="all and (min-width: 960px) and (max-width: 1679.9px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_sm/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef39.jpg.webp?itok=CVgKuGYk 1x, /sites/default/files/styles/landscape_8_5_sm_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef39.jpg.webp?itok=IIENinrX 2x" media="all and (min-width: 768px) and (max-width: 959.9px)" type="image/webp" width="445" height="279"/> <source srcset="/sites/default/files/styles/landscape_8_5_xs/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef39.jpg.webp?itok=FQ_yLTv0 1x, /sites/default/files/styles/landscape_8_5_xs_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef39.jpg.webp?itok=-H7O0QFg 2x" media="all and (min-width: 576px) and (max-width: 767.9px)" type="image/webp" width="350" height="219"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef39.jpg.webp?itok=iOz5Bw9e 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef39.jpg.webp?itok=xBaNQtpi 2x" media="all and (max-width: 575.9px)" type="image/webp" width="575" height="360"/> <img loading="lazy" width="1150" height="720" src="/sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef39.jpg.webp?itok=xBaNQtpi" alt="Buurtkeuken Hartetroef" /> </picture> </div> </div> </figure> </div> </div> </article> <a href="https://zalenzoeker.stad.gent/zalen/b0a646f5-5e95-4e66-ad1d-28eda8e11ad5" class="teaser-overlay-link" tabindex="-1" aria-hidden="true"></a> </div> </li> </ul> </div> <div id="bereken-je-huurprijs" class="paragraph paragraph--type--anchor paragraph--view-mode--full"></div> <div class="paragraph paragraph--type--embed paragraph--view-mode--full"> <section class="content-wrapper"> <div class="embed-wrapper">  <style> .rain-card { background:#fff; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.08); padding:1.5rem; max-width:48rem; margin-inline:auto; } .is-hidden { display:none !important; } /* Cards */ .card-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:.5rem; } /* FIX L6-A11Y-08: visually-hidden i.p.v. display:none — inputs blijven in accessibility tree én tab-volgorde */ .hall-option input[type="checkbox"], .hall-option input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } .hall-option label { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.2rem; border:1px solid #ccc; border-radius:0; padding:.6rem .4rem; cursor:pointer; text-align:center; font-size:.85rem; line-height:1.25; transition:border-color .15s,background .15s; background:#fff; height:100%; box-sizing:border-box; } .hall-option label strong { font-size:.88rem; display:block; font-weight:600; } .hall-option label span.cap { font-size:.75rem; color:#555; font-weight:400; } .hall-option input:checked + label { border-color:#0072B8; background:#E6F8FF; } .hall-option label:hover { border-color:#0072B8; } /* FIX L6-A11Y-08: zichtbare focusring op het label wanneer de verborgen input focus heeft */ .hall-option input:focus-visible + label { outline:3px solid #003da5; outline-offset:2px; } /* Subtitel */ .form-sublabel { font-size:.75rem; color:#555; font-weight:400; margin:0 0 .6rem; display:block; text-align:left; } /* Tijden */ .datetime-row { display:grid; grid-template-columns:1fr 1fr 1fr; gap:.75rem; align-items:end; } .datetime-row .form-item { margin-bottom:0; } .datetime-row .form-item__label { font-weight:400; font-size:.75rem; color:#555; } #startTime, #endTime { font-weight:400; } @media(max-width:36em){ .datetime-row { grid-template-columns:1fr; } } /* Tooltip */ .tooltip-wrap { position:relative; display:inline-flex; align-items:center; } .tooltip-btn { display:inline-flex; align-items:center; justify-content:center; width:1.1rem; height:1.1rem; border-radius:50%; background:#00A3D9; color:#fff; font-size:.65rem; font-weight:700; border:none; cursor:pointer; margin-left:.6rem; line-height:1; flex-shrink:0; } .tooltip-box { display:none; position:absolute; bottom:calc(100% + .5rem); left:50%; transform:translateX(-50%); background:#E6F8FF; color:#000; border:none; border-radius:0; padding:.75rem 1rem; width:18rem; font-size:.88rem; font-weight:400; line-height:1.5; z-index:100; text-align:left; } .tooltip-box::after { content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:6px solid transparent; border-top-color:#E6F8FF; } .tooltip-box.is-open { display:block; } .tooltip-box ul { margin:.4rem 0 0; padding-left:1.1rem; } .tooltip-box li { margin-bottom:.2rem; } .tooltip-box p { margin:.4rem 0 0; font-size:.88rem; } .activity-label-row { display:inline-flex; align-items:center; flex-wrap:nowrap; } /* Form spacing */ .form-item { margin-bottom:1.25rem; } .form-item__label { margin-bottom:.5rem; font-size:.88rem; } /* FIX L6-A11Y-06: result-label vergroot van .7rem naar .8rem voor leesbaarheid */ .result-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; margin-top:1rem; } .teaser.teaser--background.no-image { background:#E6F8FF; border-radius:4px; } .teaser.no-image .teaser-content { text-align:center; padding:.7rem .5rem; } .result-label { font-size:.8rem; color:#555; margin:0 0 .15rem; text-transform:uppercase; letter-spacing:.04em; } .result-value { margin:0; font-size:.95rem; font-weight:700; line-height:1.25; word-break:break-word; } #hallResult { text-align:center; } @media(max-width:40em){ .result-value { font-size:.75rem; } .result-card-hall { display:none; } .result-grid { grid-template-columns:repeat(2,1fr); justify-content:center; } } .button-reset { margin-top:1.25rem; } .messages--info { margin-top:1rem !important; } .messages--info p { margin-bottom:.4rem; font-size:.88rem; } .messages--info ul { margin:.2rem 0 .4rem 1.2rem; font-size:.88rem; } .messages--info li { margin-bottom:.15rem; } select:invalid { color:gray; } /* FIX L6-A11Y-05: inline foutmeldingen */ .field-error { display:none; color:#c00; font-size:.82rem; margin-top:.35rem; } .field-error.is-visible { display:block; } </style> <div id="hallWidget" class="rain-card"> <form id="hallForm" class="form" novalidate> <h2 class="h2">Bereken de huurkost voor jouw evenement</h2> <p class="lead">Ontvang een inschatting van de totale huurkost.</p>   <div class="form-item" role="group" aria-labelledby="label-hall"> <label id="label-hall" class="form-item__label">Welke zaal wil je huren?</label> <p class="form-sublabel">Je kan ook meerdere zalen aanduiden.</p> <div class="card-grid"> <div class="hall-option"> <input type="checkbox" name="hall" id="hall-keuken" value="keuken" /> <label for="hall-keuken"><strong>Buurtkeuken</strong><span class="cap">max. 12 personen</span></label> </div> <div class="hall-option"> <input type="checkbox" name="hall" id="hall-restaurant" value="restaurant" /> <label for="hall-restaurant"><strong>Restaurant</strong><span class="cap">max. 100 personen</span></label> </div> <div class="hall-option"> <input type="checkbox" name="hall" id="hall-koor" value="koor" /> <label for="hall-koor"><strong>Koorzaal</strong><span class="cap">max. 180 personen</span></label> </div> <div class="hall-option"> <input type="checkbox" name="hall" id="hall-orgel" value="orgel" /> <label for="hall-orgel"><strong>Orgelzaal</strong><span class="cap">max. 240 personen</span></label> </div> </div>  <p id="error-hall" class="field-error" role="alert">Kies minstens één zaal.</p> </div>  <div class="form-item" role="group" aria-labelledby="label-renter"> <label id="label-renter" class="form-item__label">Wie ben je?</label> <div class="card-grid"> <div class="hall-option"> <input type="radio" name="renterType" id="renter-erkend" value="erkend" /> <label for="renter-erkend"> <strong>Erkende vereniging</strong> <span class="cap">Met erkenning of toelage van de Stad Gent</span> </label> </div> <div class="hall-option"> <input type="radio" name="renterType" id="renter-andere" value="andere" /> <label for="renter-andere"> <strong>Andere huurder</strong> <span class="cap">Niet-erkende vereniging, organisatie, bedrijf, privé</span> </label> </div> </div> <p id="error-renter" class="field-error" role="alert">Geef aan wie je bent.</p> </div>  <div class="form-item" role="group" aria-labelledby="label-activity"> <label id="label-activity" class="form-item__label">Welk type activiteit plan je?</label> <div class="card-grid"> <div class="hall-option"> <input type="radio" name="activityType" id="activity-socio" value="socio" /> <label for="activity-socio"> <strong> <span class="activity-label-row">Sociaal-culturele activiteit <span class="tooltip-wrap">  <button type="button" class="tooltip-btn" id="tooltipBtn" aria-label="Wat is een sociaal-culturele activiteit?" aria-describedby="tooltipBox" aria-expanded="false">i</button> <div class="tooltip-box" id="tooltipBox" role="tooltip"> Wat is een sociaal-culturele activiteit? <ul> <li>Publiek toegankelijk, of voor alle leden van een vereniging.</li> <li>Zonder winstoogmerk, of opbrengsten gaan naar een goed doel.</li> <li>Met maatschappelijk doel: ontmoeting, educatie, sociale of culturele ontplooiing.</li> </ul> </div> </span> </span> </strong> </label> </div> <div class="hall-option"> <input type="radio" name="activityType" id="activity-andere" value="andere" /> <label for="activity-andere"> <strong>Commerciële of privé-activiteit</strong> </label> </div> </div> <p id="error-activity" class="field-error" role="alert">Geef aan welk type activiteit je plant.</p> </div>  <div class="form-item"> <label class="form-item__label" id="timeGroupLabel">Hoe lang wil je huren?</label> <div class="datetime-row" role="group" aria-labelledby="timeGroupLabel"> <div class="form-item"> <label for="startTime" class="form-item__label">Starttijd</label> <select id="startTime" name="startTime" class="select"> <option value="" disabled hidden>Kies starttijd</option> <option value="07:00">07:00</option> <option value="08:00">08:00</option> <option value="09:00" selected>09:00</option> <option value="10:00">10:00</option> <option value="11:00">11:00</option> <option value="12:00">12:00</option> <option value="13:00">13:00</option> <option value="14:00">14:00</option> <option value="15:00">15:00</option> <option value="16:00">16:00</option> <option value="17:00">17:00</option> <option value="18:00">18:00</option> <option value="19:00">19:00</option> <option value="20:00">20:00</option> <option value="21:00">21:00</option> <option value="22:00">22:00</option> </select> </div> <div class="form-item"> <label for="endTime" class="form-item__label">Eindtijd</label> <select id="endTime" name="endTime" class="select"> <option value="" disabled hidden>Kies eindtijd</option> <option value="07:00">07:00</option> <option value="08:00">08:00</option> <option value="09:00">09:00</option> <option value="10:00">10:00</option> <option value="11:00">11:00</option> <option value="12:00">12:00</option> <option value="13:00">13:00</option> <option value="14:00">14:00</option> <option value="15:00">15:00</option> <option value="16:00">16:00</option> <option value="17:00" selected>17:00</option> <option value="18:00">18:00</option> <option value="19:00">19:00</option> <option value="20:00">20:00</option> <option value="21:00">21:00</option> <option value="22:00">22:00</option> </select> </div> <div class="form-item form-item--btn"> <label class="form-item__label" style="visibility:hidden;" aria-hidden="true"></label> <button class="button button-primary" type="submit" style="width:100%;">Bereken mijn huurkost</button> </div> </div> <p id="error-time" class="field-error" role="alert">De eindtijd moet na de starttijd liggen.</p> </div>  <div class="messages messages--info" role="note"> <div class="messages__content"> <h3 class="h4">Hoe werkt de berekening?</h3> <p>De huurprijs wordt bepaald door de zaal, je statuut als huurder en het type activiteit. Prijzen zijn per uur. Catering is niet inbegrepen.</p> <p><strong>De huur is gratis voor:</strong></p> <ul> <li>Groep Gent: voor eigen werking</li> <li>Adviesraden: voor eigen werking</li> <li>Onderwijsinstellingen in Gent: voor educatieve taken</li> </ul> <p>  <a class="link link--icon" href="https://stad.gent/nl/reglementen/retributiereglement-voor-het-beschikbaar-stellen-van-zalen" target="_blank" rel="noopener noreferrer">Meer info in het reglement<span class="link__icon" aria-hidden="true"></span></a> </p> </div> </div> </form>  <section id="hallResult" class="is-hidden" aria-live="polite" aria-atomic="true" aria-labelledby="hallResultTitle"> <h2 id="hallResultTitle" class="h2">Jouw huurkost</h2> <p class="lead">De geschatte huurprijs voor jouw evenement bedraagt <strong>€ <span id="totalOut">–</span></strong> (excl. catering).</p> <div class="result-grid"> <article class="teaser teaser--background no-image result-card-hall"> <div class="teaser-content"> <p class="result-label">Zaal</p> <h3 id="detailHall" class="result-value">–</h3> </div> </article> <article class="teaser teaser--background no-image"> <div class="teaser-content"> <p class="result-label">Tijdstip</p> <h3 id="detailStart" class="result-value">–</h3> </div> </article> <article class="teaser teaser--background no-image"> <div class="teaser-content"> <p class="result-label">Duurtijd</p> <h3 id="detailDuration" class="result-value">–</h3> </div> </article> </div> <div class="button-reset" style="display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;"> <button id="resetCalc" class="button button-primary" type="button">Bereken opnieuw</button>  <a id="zaalLink" href="#" target="_blank" rel="noopener noreferrer" class="button button-secondary">Bekijk beschikbaarheid</a> </div> </section> </div> <script> (function(){ 'use strict'; /* ── Statische tariefdata — geen user input, geen extern ophalen ── */ const RATES = { restaurant:{'erkend-socio':15,'erkend-andere':45,'andere-socio':26,'andere-andere':75}, orgel: {'erkend-socio':15,'erkend-andere':45,'andere-socio':26,'andere-andere':75}, koor: {'erkend-socio':8.5,'erkend-andere':25,'andere-socio':14.5,'andere-andere':42.5}, keuken: {'erkend-socio':2.5,'erkend-andere':7.5,'andere-socio':4.5,'andere-andere':12.5} }; /* Veilige whitelist: enkel bekende zaal-IDs en labels — nooit user-controlled */ const HALL_LABELS = Object.freeze({restaurant:'Restaurant',orgel:'Orgelzaal',koor:'Koorzaal',keuken:'Buurtkeuken'}); const ALLOWED_HALLS = Object.freeze(Object.keys(HALL_LABELS)); /* ZALENZOEKER-URLs: waarden zijn statisch, nooit afgeleid van user input */ const ZALENZOEKER = Object.freeze({ restaurant:'https://zalenzoeker.stad.gent/zalen/97b94fc4-4f2d-471f-8e59-4e9611c1c636', koor:'https://zalenzoeker.stad.gent/zalen/4137d337-866a-4a87-a8f4-2d75388ced4f', orgel:'https://zalenzoeker.stad.gent/zalen/d778780b-0aa6-49a8-b29b-1fa74f7eeca5', keuken:'https://zalenzoeker.stad.gent/zalen/b0a646f5-5e95-4e66-ad1d-28eda8e11ad5' }); const ALLOWED_RENTER = Object.freeze(['erkend','andere']); const ALLOWED_ACTIVITY = Object.freeze(['socio','andere']); /* Geldige tijdwaarden — selectopties zijn statisch, maar we valideren server-side-achtig */ const ALLOWED_TIMES = Object.freeze(['07:00','08:00','09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00','18:00','19:00','20:00','21:00','22:00']); const fmtDec2 = n => new Intl.NumberFormat('nl-BE',{minimumFractionDigits:2,maximumFractionDigits:2}).format(n); const durLabel = h => h === 0.5 ? '30 min' : Number.isInteger(h) ? h + ' uur' : Math.floor(h) + ' uur 30 min'; /* ── Tooltip ── */ const tooltipBtn = document.getElementById('tooltipBtn'); const tooltipBox = document.getElementById('tooltipBox'); tooltipBtn.addEventListener('click', e => { e.stopPropagation(); const isOpen = tooltipBox.classList.toggle('is-open'); tooltipBtn.setAttribute('aria-expanded', String(isOpen)); }); document.addEventListener('click', () => { tooltipBox.classList.remove('is-open'); tooltipBtn.setAttribute('aria-expanded', 'false'); }); /* ── Hulpfunctie: toon/verberg inline foutmelding ── */ function setError(id, visible) { const el = document.getElementById(id); if (!el) return; el.classList.toggle('is-visible', visible); } function clearAllErrors() { ['error-hall','error-renter','error-activity','error-time'].forEach(id => setError(id, false)); } /* ── Submit ── */ document.getElementById('hallForm').addEventListener('submit', e => { e.preventDefault(); clearAllErrors(); /* Verzamel waarden */ const rawHalls = [...document.querySelectorAll('input[name="hall"]:checked')].map(el => el.value); const rawRenter = (document.querySelector('input[name="renterType"]:checked') || {}).value; const rawAct = (document.querySelector('input[name="activityType"]:checked') || {}).value; const rawStart = document.getElementById('startTime').value; const rawEnd = document.getElementById('endTime').value; /* ── Validatie + whitelist-check (voorkomt prototype-pollution en injection) ── */ const halls = rawHalls.filter(v => ALLOWED_HALLS.includes(v)); const renter = ALLOWED_RENTER.includes(rawRenter) ? rawRenter : null; const activity = ALLOWED_ACTIVITY.includes(rawAct) ? rawAct : null; const start = ALLOWED_TIMES.includes(rawStart) ? rawStart : null; const end = ALLOWED_TIMES.includes(rawEnd) ? rawEnd : null; let hasError = false; if (!halls.length) { setError('error-hall', true); hasError = true; } if (!renter) { setError('error-renter', true); hasError = true; } if (!activity) { setError('error-activity', true); hasError = true; } if (hasError) { /* Zet focus op het eerste foutveld */ const first = document.querySelector('.field-error.is-visible'); if (first) first.focus(); return; } if (!start || !end) { setError('error-time', true); return; } const [sh] = start.split(':').map(Number); const [eh] = end.split(':').map(Number); const mins = (eh * 60) - (sh * 60); if (mins <= 0) { setError('error-time', true); return; } const hours = mins / 60; const key = renter + '-' + activity; const total = halls.reduce((s, h) => s + hours * RATES[h][key], 0); /* ── DOM-updates: uitsluitend via textContent — nooit innerHTML met variabelen ── */ document.getElementById('totalOut').textContent = fmtDec2(total); document.getElementById('detailHall').textContent = halls.map(h => HALL_LABELS[h]).join(' + '); document.getElementById('detailStart').textContent = start + ' \u2013 ' + end; document.getElementById('detailDuration').textContent = durLabel(hours); /* Zaallink: waarde komt uit statische whitelist-map, nooit uit user input */ document.getElementById('zaalLink').href = ZALENZOEKER[halls[0]]; document.getElementById('hallForm').classList.add('is-hidden'); const resultEl = document.getElementById('hallResult'); resultEl.classList.remove('is-hidden'); resultEl.setAttribute('tabindex', '-1'); resultEl.focus(); setTimeout(() => resultEl.removeAttribute('tabindex'), 800); }); /* ── Reset ── */ document.getElementById('resetCalc').addEventListener('click', () => { const savedStart = document.getElementById('startTime').value; const savedEnd = document.getElementById('endTime').value; const savedHalls = [...document.querySelectorAll('input[name="hall"]:checked')].map(el => el.value); const savedRenter = (document.querySelector('input[name="renterType"]:checked') || {}).value; const savedActivity = (document.querySelector('input[name="activityType"]:checked') || {}).value; document.querySelectorAll('input[name="hall"],input[name="renterType"],input[name="activityType"]') .forEach(el => { el.checked = false; }); /* Herstel tijden (waarden komen uit eigen select-elementen, geen user-typed input) */ if (ALLOWED_TIMES.includes(savedStart)) document.getElementById('startTime').value = savedStart; if (ALLOWED_TIMES.includes(savedEnd)) document.getElementById('endTime').value = savedEnd; /* Herstel selecties via whitelist */ savedHalls.filter(v => ALLOWED_HALLS.includes(v)).forEach(v => { const el = document.querySelector('input[name="hall"][value="' + v + '"]'); if (el) el.checked = true; }); if (ALLOWED_RENTER.includes(savedRenter)) { const el = document.querySelector('input[name="renterType"][value="' + savedRenter + '"]'); if (el) el.checked = true; } if (ALLOWED_ACTIVITY.includes(savedActivity)) { const el = document.querySelector('input[name="activityType"][value="' + savedActivity + '"]'); if (el) el.checked = true; } clearAllErrors(); document.getElementById('hallResult').classList.add('is-hidden'); document.getElementById('hallForm').classList.remove('is-hidden'); }); })(); </script> </div> </section> </div> <div class="paragraph paragraph--type--text paragraph--view-mode--full"> <h2><a id="catering"></a> Catering</h2><p><span>Als je een zaal boekt bij Hartetroef, kun je ook <strong>catering</strong> aanvragen bij DBSE. Zij hebben een ruim en lekker aanbod en kijken graag samen met jou hoe ze jouw event naar een hoger niveau kunnen tillen. Bekijk hier het </span><a href="https://stad.gent/sites/default/files/media/documents/26_00378_Hartetroef_Aanbod Catering_DIG.pdf"><span>aanbod</span></a><span>. </span></p> </div> <section class="paragraph paragraph--type--spotlight paragraph--view-mode--full cta-block spotlight image-left"> <div class="cta-block__image"> <figure class="media media--type-image media--view-mode-square-spotlight"> <picture> <source srcset="/sites/default/files/styles/square_1_1_l/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef04.jpg.webp?itok=r3KVzM6U 1x, /sites/default/files/styles/square_1_1_l_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef04.jpg.webp?itok=J3crcYgN 2x" media="(min-width: 1680px)" type="image/webp" width="470" height="470"/> <source srcset="/sites/default/files/styles/square_1_1_l/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef04.jpg.webp?itok=r3KVzM6U 1x, /sites/default/files/styles/square_1_1_l_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef04.jpg.webp?itok=J3crcYgN 2x" media="all and (min-width: 960px) and (max-width: 1679.9px)" type="image/webp" width="470" height="470"/> <source srcset="/sites/default/files/styles/square_1_1_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef04.jpg.webp?itok=QypBvlT2 1x, /sites/default/files/styles/square_1_1_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef04.jpg.webp?itok=J9-r6q84 2x" media="all and (min-width: 768px) and (max-width: 959.9px)" type="image/webp" width="400" height="400"/> <source srcset="/sites/default/files/styles/square_1_1_sm/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef04.jpg.webp?itok=uWCTIfYP 1x, /sites/default/files/styles/square_1_1_sm_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef04.jpg.webp?itok=RagdxgIW 2x" media="all and (min-width: 576px) and (max-width: 767.9px)" type="image/webp" width="360" height="360"/> <source srcset="/sites/default/files/styles/square_1_1_xl/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef04.jpg.webp?itok=iUQQ1Tfx 1x, /sites/default/files/styles/square_1_1_xl_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef04.jpg.webp?itok=amnFcSpd 2x" media="all and (max-width: 575.9px)" type="image/webp" width="535" height="535"/> <img loading="lazy" width="1070" height="1070" src="/sites/default/files/styles/square_1_1_xl_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef04.jpg.webp?itok=amnFcSpd" alt="Hartetroef Restaurant" /> </picture> </figure> </div> <div class="cta-block__content"> <div class="feature-block primary dark-background"> <h2> Een bezoekje vooraf? </h2> <p>Wil je de zalen beleven? Of al eens proeven van het lekkere eten? Dat kan! Welkom in het restaurant of op één van de evenementen in Hartetroef.</p> <a href="https://stad.gent/nl/sint-amandsberg/hartetroef?utm_medium=referral&utm_source=shortlink" class="standalone-link">Kom langs in Hartetroef</a> </div> </div> </section> <div class="paragraph paragraph--type--image paragraph--view-mode--full"> <div class="image-gallery--wrapper multiple"> <ul class="image-gallery js-lightbox"> <li> <a href="https://stad.gent/sites/default/files/styles/gallery_full/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef42.jpg.webp?itok=H53clWJQ" class="gallery-link" aria-describedby="image-gallery__open-gallery" > <figure> <div class="image-wrapper" data-ratio="8:5"> <picture> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef42.jpg.webp?itok=qbK56aQA 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef42.jpg.webp?itok=EFAKrBfW 2x" media="(min-width: 1680px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef42.jpg.webp?itok=qbK56aQA 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef42.jpg.webp?itok=EFAKrBfW 2x" media="all and (min-width: 960px) and (max-width: 1679.9px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_sm/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef42.jpg.webp?itok=bYVoMGT8 1x, /sites/default/files/styles/landscape_8_5_sm_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef42.jpg.webp?itok=UJYmjLa5 2x" media="all and (min-width: 768px) and (max-width: 959.9px)" type="image/webp" width="445" height="279"/> <source srcset="/sites/default/files/styles/landscape_8_5_xs/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef42.jpg.webp?itok=JfLAc2Sl 1x, /sites/default/files/styles/landscape_8_5_xs_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef42.jpg.webp?itok=C9C6zoRK 2x" media="all and (min-width: 576px) and (max-width: 767.9px)" type="image/webp" width="350" height="219"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef42.jpg.webp?itok=qbK56aQA 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef42.jpg.webp?itok=EFAKrBfW 2x" media="all and (max-width: 575.9px)" type="image/webp" width="575" height="360"/> <img loading="lazy" width="1150" height="720" src="/sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef42.jpg.webp?itok=EFAKrBfW" alt="Tuin Hartetroef" /> </picture> </div> </figure> </a> </li> <li> <a href="https://stad.gent/sites/default/files/styles/gallery_full/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef44.jpg.webp?itok=4ZymXnwS" class="gallery-link" aria-describedby="image-gallery__open-gallery" > <figure> <div class="image-wrapper" data-ratio="8:5"> <picture> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef44.jpg.webp?itok=IAyh-GOT 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef44.jpg.webp?itok=ySoFGDgL 2x" media="(min-width: 1680px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef44.jpg.webp?itok=IAyh-GOT 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef44.jpg.webp?itok=ySoFGDgL 2x" media="all and (min-width: 960px) and (max-width: 1679.9px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_sm/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef44.jpg.webp?itok=HABIdJKa 1x, /sites/default/files/styles/landscape_8_5_sm_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef44.jpg.webp?itok=WIiges3f 2x" media="all and (min-width: 768px) and (max-width: 959.9px)" type="image/webp" width="445" height="279"/> <source srcset="/sites/default/files/styles/landscape_8_5_xs/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef44.jpg.webp?itok=QWsrnZRL 1x, /sites/default/files/styles/landscape_8_5_xs_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef44.jpg.webp?itok=x-gEnZ6E 2x" media="all and (min-width: 576px) and (max-width: 767.9px)" type="image/webp" width="350" height="219"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef44.jpg.webp?itok=IAyh-GOT 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef44.jpg.webp?itok=ySoFGDgL 2x" media="all and (max-width: 575.9px)" type="image/webp" width="575" height="360"/> <img loading="lazy" width="1150" height="720" src="/sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260701_rosansteenbrugge_stadgent_hartetroef44.jpg.webp?itok=ySoFGDgL" alt="Restaurant en terras Hartetroef" /> </picture> </div> </figure> </a> </li> <li> <a href="https://stad.gent/sites/default/files/styles/gallery_full/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef18.jpg.webp?itok=0PM2O1cI" class="gallery-link" aria-describedby="image-gallery__open-gallery" > <figure> <div class="image-wrapper" data-ratio="8:5"> <picture> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef18.jpg.webp?itok=J2ZllS94 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef18.jpg.webp?itok=SZKCcY_3 2x" media="(min-width: 1680px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef18.jpg.webp?itok=J2ZllS94 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef18.jpg.webp?itok=SZKCcY_3 2x" media="all and (min-width: 960px) and (max-width: 1679.9px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_sm/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef18.jpg.webp?itok=sfa_AFqV 1x, /sites/default/files/styles/landscape_8_5_sm_x2/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef18.jpg.webp?itok=5V05z5wn 2x" media="all and (min-width: 768px) and (max-width: 959.9px)" type="image/webp" width="445" height="279"/> <source srcset="/sites/default/files/styles/landscape_8_5_xs/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef18.jpg.webp?itok=NuXejyy9 1x, /sites/default/files/styles/landscape_8_5_xs_x2/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef18.jpg.webp?itok=O6vfuK3y 2x" media="all and (min-width: 576px) and (max-width: 767.9px)" type="image/webp" width="350" height="219"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef18.jpg.webp?itok=J2ZllS94 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef18.jpg.webp?itok=SZKCcY_3 2x" media="all and (max-width: 575.9px)" type="image/webp" width="575" height="360"/> <img loading="lazy" width="1150" height="720" src="/sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef18.jpg.webp?itok=SZKCcY_3" alt="Tentoonstelling in Koorzaal Hartetroef" /> </picture> </div> </figure> </a> </li> <li> <a href="https://stad.gent/sites/default/files/styles/gallery_full/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef_belayre05.jpg.webp?itok=5lz4F_kp" class="gallery-link" aria-describedby="image-gallery__open-gallery" > <figure> <div class="image-wrapper" data-ratio="8:5"> <picture> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef_belayre05.jpg.webp?itok=8SFNtHJc 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef_belayre05.jpg.webp?itok=lzSPNFD_ 2x" media="(min-width: 1680px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef_belayre05.jpg.webp?itok=8SFNtHJc 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef_belayre05.jpg.webp?itok=lzSPNFD_ 2x" media="all and (min-width: 960px) and (max-width: 1679.9px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_sm/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef_belayre05.jpg.webp?itok=8-5LEvco 1x, /sites/default/files/styles/landscape_8_5_sm_x2/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef_belayre05.jpg.webp?itok=JMB_AAqp 2x" media="all and (min-width: 768px) and (max-width: 959.9px)" type="image/webp" width="445" height="279"/> <source srcset="/sites/default/files/styles/landscape_8_5_xs/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef_belayre05.jpg.webp?itok=KID7dzZB 1x, /sites/default/files/styles/landscape_8_5_xs_x2/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef_belayre05.jpg.webp?itok=jcplWyLE 2x" media="all and (min-width: 576px) and (max-width: 767.9px)" type="image/webp" width="350" height="219"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef_belayre05.jpg.webp?itok=8SFNtHJc 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef_belayre05.jpg.webp?itok=lzSPNFD_ 2x" media="all and (max-width: 575.9px)" type="image/webp" width="575" height="360"/> <img loading="lazy" width="1150" height="720" src="/sites/default/files/styles/landscape_8_5_m_x2/public/media/images/260615_rosansteenbrugge_stadgent_hartetroef_belayre05.jpg.webp?itok=lzSPNFD_" alt="Feest op terras Hartetroef" /> </picture> </div> </figure> </a> </li> <li> <a href="https://stad.gent/sites/default/files/styles/gallery_full/public/media/images/20250513_60degreesofseparation_openbarewerken%28c%29TimTheoDeceuninck_LR-8.jpg.webp?itok=LgOWloHZ" class="gallery-link" aria-describedby="image-gallery__open-gallery" > <figure> <div class="image-wrapper" data-ratio="8:5"> <picture> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/20250513_60degreesofseparation_openbarewerken%28c%29TimTheoDeceuninck_LR-8.jpg.webp?itok=UKYngird 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/20250513_60degreesofseparation_openbarewerken%28c%29TimTheoDeceuninck_LR-8.jpg.webp?itok=uqTrWCah 2x" media="(min-width: 1680px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/20250513_60degreesofseparation_openbarewerken%28c%29TimTheoDeceuninck_LR-8.jpg.webp?itok=UKYngird 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/20250513_60degreesofseparation_openbarewerken%28c%29TimTheoDeceuninck_LR-8.jpg.webp?itok=uqTrWCah 2x" media="all and (min-width: 960px) and (max-width: 1679.9px)" type="image/webp" width="575" height="360"/> <source srcset="/sites/default/files/styles/landscape_8_5_sm/public/media/images/20250513_60degreesofseparation_openbarewerken%28c%29TimTheoDeceuninck_LR-8.jpg.webp?itok=8Y3l2QZE 1x, /sites/default/files/styles/landscape_8_5_sm_x2/public/media/images/20250513_60degreesofseparation_openbarewerken%28c%29TimTheoDeceuninck_LR-8.jpg.webp?itok=y-y6dQQf 2x" media="all and (min-width: 768px) and (max-width: 959.9px)" type="image/webp" width="445" height="279"/> <source srcset="/sites/default/files/styles/landscape_8_5_xs/public/media/images/20250513_60degreesofseparation_openbarewerken%28c%29TimTheoDeceuninck_LR-8.jpg.webp?itok=IOZehvp3 1x, /sites/default/files/styles/landscape_8_5_xs_x2/public/media/images/20250513_60degreesofseparation_openbarewerken%28c%29TimTheoDeceuninck_LR-8.jpg.webp?itok=DcQZWjTu 2x" media="all and (min-width: 576px) and (max-width: 767.9px)" type="image/webp" width="350" height="219"/> <source srcset="/sites/default/files/styles/landscape_8_5_m/public/media/images/20250513_60degreesofseparation_openbarewerken%28c%29TimTheoDeceuninck_LR-8.jpg.webp?itok=UKYngird 1x, /sites/default/files/styles/landscape_8_5_m_x2/public/media/images/20250513_60degreesofseparation_openbarewerken%28c%29TimTheoDeceuninck_LR-8.jpg.webp?itok=uqTrWCah 2x" media="all and (max-width: 575.9px)" type="image/webp" width="575" height="360"/> <img loading="lazy" width="1150" height="720" src="/sites/default/files/styles/landscape_8_5_m_x2/public/media/images/20250513_60degreesofseparation_openbarewerken%28c%29TimTheoDeceuninck_LR-8.jpg.webp?itok=uqTrWCah" alt="Hartetroef viernulvier" /> </picture> </div> </figure> </a> </li> <li class="image-gallery__show-more"> <div class="show-more__content"> <span class="show-more__total">5</span> <span>Show all photos <i class="icon-fullscreen-enter" aria-hidden="true"></i> </span> </div> </li> </ul> </div> </div> " infopages.
833329 page 833329 infopages.
833329 articleSection "Sint-Amandsberg" infopages.