<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Rozentuin Fest 2024 – Parade vibes in de achtertuin | Eventmaat</title>
<meta name="description" content="Een tuin, een kraan en één team. Rozentuin Fest 2024: parade vibes, lichtkunst en pure gastvrijheid. Lees het verhaal en bekijk de beelden." />
<style>
:root{
--bg:#0b0b0c; --fg:#f5f5f7; --muted:#a7a7ad; --acc:#f1c24b; --card:#151518;
--gap: clamp(16px, 2vw, 28px);
}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.6}
a{color:var(--acc);text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:calc(var(--gap)*1.8) var(--gap)}
.hero{position:relative;isolation:isolate;border-radius:16px;overflow:hidden;background:#111}
.hero img{width:100%;height:56vh;object-fit:cover;display:block;filter:contrast(1.05) saturate(1.05)}
.hero .badge{position:absolute;top:16px;left:16px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;letter-spacing:.02em}
.hero h1{position:absolute;left:24px;bottom:24px;margin:0;font-size:clamp(28px,4vw,48px);line-height:1.1;text-shadow:0 6px 24px rgba(0,0,0,.6)}
.hero .quote{position:absolute;left:24px;bottom:calc(24px + 3.2rem);max-width:min(700px,90%);color:#fff;opacity:.9}
.grid{display:grid;gap:var(--gap)}
.grid.cols-2{grid-template-columns:1fr 1fr}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:24px}
h2{font-size:clamp(22px,2.6vw,32px);margin:0 0 10px}
h3{font-size:clamp(18px,2vw,22px);margin:18px 0 8px}
.muted{color:var(--muted)}
.tag{display:inline-flex;align-items:center;gap:8px;background:#1e1e24;border:1px solid rgba(255,255,255,.08);padding:6px 10px;border-radius:10px;font-size:12px;margin:0 8px 8px 0}
.gallery{display:grid;gap:10px;grid-template-columns:repeat(12,1fr)}
.gallery img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.span-7{grid-column:span 7}
.span-5{grid-column:span 5}
.span-4{grid-column:span 4}
.span-8{grid-column:span 8}
blockquote{margin:0;padding:18px 20px;border-left:4px solid var(--acc);background:#13131a;border-radius:8px}
.list{margin:0;padding-left:18px}
.list li{margin:.2rem 0}
.pill{display:inline-block;border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:999px;font-size:12px;margin:0 8px 8px 0;background:#14141a}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.cta a.button{background:var(--acc);color:#141414;border-radius:999px;padding:10px 16px;font-weight:600}
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);margin:28px 0}
footer{color:var(--muted);font-size:14px;margin-top:18px}
/* WordPress alignment helpers */
.aligncenter{text-align:center}
.alignwide{max-width:1280px;margin-inline:auto}
@media (max-width:880px){ .grid.cols-2{grid-template-columns:1fr} .hero img{height:48vh} }
</style>
</head>
<body>
<main class="wrap">
<!-- HERO -->
<section class="hero" id="hero">
<!-- Vervang onderstaande afbeelding -->
<img src="https://via.placeholder.com/2000x1100?text=Kraan+tilt+tent+de+tuin+in" alt="Kraan tilt tent en materiaal over het huis de Rozentuin in" />
<div class="badge">Rozentuin Fest 2024 · Bilthoven</div>
<p class="quote">“Soms moet je een kraan inzetten om magie in een tuin te krijgen.”</p>
<h1>Parade vibes in de achtertuin</h1>
</section>
<section class="grid cols-2" id="intro">
<article class="card">
<h2>Het verhaal</h2>
<p>Rozentuin Fest doen we al jaren. Maar dit jaar was anders: een tuin die aanvoelt als festivalterrein, <strong>licht dat bomen in kunst veranderde</strong>, parade‑stijl decor, en één team dat alles droeg. Met een 100‑tons kraan tilde we tenten en materiaal over het huis heen, rechtstreeks de tuin in. Geen omweg, wel spektakel.</p>
<div class="cta">
<span class="pill">Parade vibes</span>
<span class="pill">100t kraan</span>
<span class="pill">Sfeerlantaarns</span>
<span class="pill">Team effort</span>
</div>
</article>
<aside class="card">
<h3>Snelle feiten</h3>
<ul class="list">
<li>Locatie: Rozentuin, Bilthoven</li>
<li>Scope: tenten, licht, decor, infrastructuur</li>
<li>Key move: kraan & precisielogistiek</li>
<li>Extra liefde: lampionnen, fakkels, bamboe, letters</li>
</ul>
<blockquote class="muted">“Geen paniek, het is maar chaos.” — Eventmaat</blockquote>
</aside>
</section>
<div class="divider"></div>
<!-- CHALLENGE -->
<section class="card" id="challenge">
<h2>De uitdaging – hoe bouw je een festival in een tuin?</h2>
<p>De vraag was simpel: <em>hoe krijg je alles de tuin in?</em> Antwoord: met beleid, vergunning‑check, buurtcommunicatie en een telescoopkraan die het zware werk doet. Tenten (Mississippi & Coup), bokken en vloerdelen vlogen in een strakke hijssequentie over het huis. Het resultaat: nul schade, maximale efficiëntie.</p>
<div class="gallery" aria-label="Kraan en logistiek">
<!-- Vervang met eigen beelden -->
<img class="span-7" src="https://via.placeholder.com/1400x900?text=Hijsen+over+het+huis" alt="Telescoopkraan hijst tentdelen over het huis" />
<img class="span-5" src="https://via.placeholder.com/1200x900?text=Tent+op+aanhanger" alt="Tent op aanhanger klaar voor hijsen" />
<img class="span-4" src="https://via.placeholder.com/900x900?text=Bokken+klaar" alt="Bokken met materiaal klaar voor takel" />
<img class="span-8" src="https://via.placeholder.com/1600x900?text=Landing+in+de+tuin" alt="Materiaal netjes neergezet in de tuin" />
</div>
</section>
<div class="divider"></div>
<!-- ATMOSPHERE -->
<section class="grid cols-2" id="vibes">
<article class="card">
<h2>Licht, sfeer & parade vibes</h2>
<ul class="list">
<li><strong>Sfeerlantaarns</strong> 120/100 cm – silhouetten, diepte en warmte.</li>
<li><strong>Lampionnen & priklicht</strong> – gloed over paden en open plekken.</li>
<li><strong>Fakkels & bamboe</strong> – zelfs de sanitaire route kreeg parade‑stijl.</li>
<li><strong>Discobol bij de waarzegger</strong> – want: why not?</li>
<li><strong>“ROZENTUIN FEST” letters</strong> – een zachte, iconische entree.</li>
</ul>
</article>
<aside class="card">
<h3>Waarom dit werkt</h3>
<p>We hebben bewust gekozen voor <em>hoog/laag contrast</em>: bomen aanlichten, lage lichtlijnen langs paden, warme punten bij bars en acts. Zo wordt de tuin ‘leesbaar’ én magisch.</p>
<blockquote>“Kwaliteit boven kwantiteit. Rustige keuzes, grote impact.”</blockquote>
</aside>
</section>
<div class="divider"></div>
<!-- TEAM -->
<section class="card" id="team">
<h2>Één familie, één crew</h2>
<p>Rozentuin is teamwork. <strong>Niels</strong> trok de kar; <strong>Anthony & vrienden</strong> legden vlondervloeren (heldenwerk); familie zorgde voor pure gastvrijheid; en de Eventmaat‑crew deed techniek, decor en alle last‑minute fixes. Zelfs met Arjan aan de bank gekluisterd (achilles…), bleef de motor draaien. Toen hij langs kon komen: instant thuisgevoel.</p>
<div class="cta">
<span class="tag">Niels – operationeel meesterwerk</span>
<span class="tag">Anthony – vlondervloeren met friends</span>
<span class="tag">Familie – warm en zorgzaam</span>
<span class="tag">Eventmaat – regie & finesse</span>
</div>
</section>
<div class="divider"></div>
<!-- OBSTACLES -->
<section class="grid cols-2" id="obstacles">
<article class="card">
<h2>Obstakels & inside jokes</h2>
<ul class="list">
<li>De ballon die niet wilde opblazen (iconisch, inmiddels folklore).</li>
<li>Hokjes verplaatst, routes geoptimaliseerd (live puzzelen).</li>
<li>Leverancierstransport zat vol → we hebben zelf geschakeld.</li>
<li>Twee nieuwe krachten zonder ervaring → extra coaching on the job.</li>
<li>Geluidsman “deed iets” – volgend jaar gewoon onze vaste topper.</li>
</ul>
<blockquote class="muted">“Eerst kijken, dan zeiken.” — Eventmaat richtlijn #7</blockquote>
</article>
<aside class="card">
<h3>Wat we geleerd hebben</h3>
<ul class="list">
<li>Decoratie kost (extra) tijd — maar betaalt zich terug in sfeer.</li>
<li>Transportreserve voorkomt stress (we houden ‘m erin).</li>
<li>Duidelijke aansturing scheelt uren en discussies.</li>
</ul>
</aside>
</section>
<div class="divider"></div>
<!-- RESULT -->
<section class="card" id="result">
<h2>Het resultaat</h2>
<p>Een tuin die veranderde in een mini‑festival. Bomen als lichtkunst, paden die fluisteren, acts die opduiken, en gasten die alleen maar lof hadden over de sfeer en de gastvrijheid. De foto’s vertellen de rest—and they’ll live big in ons kantoor.</p>
<div class="gallery" aria-label="Sfeerbeelden">
<!-- Vervang met eigen beelden -->
<img class="span-8" src="https://via.placeholder.com/1600x1000?text=Avondsfeer" alt="Avondsfeer met lampionnen en lantaarns" />
<img class="span-4" src="https://via.placeholder.com/900x1000?text=Letters+ROZENTUIN+FEST" alt="Lichtletters Rozentuin Fest bij entree" />
<img class="span-4" src="https://via.placeholder.com/900x900?text=Waarzegger+corner" alt="Waarzeggerhoek met discobol" />
<img class="span-8" src="https://via.placeholder.com/1600x900?text=Parade+vibes+in+de+tuin" alt="Parade vibes verspreid door de tuin" />
</div>
</section>
<div class="divider"></div>
<!-- THANKS -->
<section class="grid cols-2" id="thanks">
<article class="card">
<h2>Dank & cadeautjes</h2>
<p>Om het samen af te sluiten:</p>
<ul class="list">
<li><strong>De foto’s</strong> – cadeau, groot en trots aan de muur.</li>
<li><strong>Sfeerlantaarns 120/100 cm</strong> – van ons, voor jullie. Als blijvende herinnering.</li>
</ul>
<p>Hoe we dit gaan overtreffen? Dat is de volgende puzzel. Maar voor nu glimmen we nog even na.</p>
</article>
<aside class="card">
<h3>Eventmaat‑regels (shortlist)</h3>
<ul class="list">
<li>Veiligheid eerst, show second.</li>
<li>Hekken recht, kabels strak.</li>
<li>Rustig blijven: chaos is tijdelijk, sfeer is blijvend.</li>
</ul>
<div class="cta">
<a class="button" href="#contact">Project starten</a>
<a class="button" href="#gallery">Meer foto’s</a>
</div>
</aside>
</section>
<footer id="contact">
<div class="divider"></div>
<p class="aligncenter">Zin in parade vibes bij jou? <a href="mailto:info@eventmaat.com">Mail ons</a> of bel even. We denken mee, bouwen slim en houden het menselijk.</p>
</footer>
</main>
<!-- JSON-LD voor rijke resultaten -->
<script type="application/ld+json">
{
"@context":"https://schema.org",
"@type":"BlogPosting",
"headline":"Rozentuin Fest 2024 – Parade vibes in de achtertuin",
"description":"Een tuin, een kraan en één team. Rozentuin Fest 2024: parade vibes, lichtkunst en pure gastvrijheid.",
"author":{"@type":"Organization","name":"Eventmaat"},
"publisher":{"@type":"Organization","name":"Eventmaat"},
"datePublished":"2024-09-14",
"image":[
"https://via.placeholder.com/2000x1100?text=Kraan+tilt+tent+de+tuin+in"
]
}
</script>
</body>
</html>
