hazenberg.nl

Loading...

Loading...

{
  "latency": 60,
  "ipAddresses": [
    "151.101.2.191",
    "151.101.66.191",
    "151.101.130.191",
    "151.101.194.191",
    "2a04:4e42:a::703",
    "2a04:4e42:200::703",
    "2a04:4e42:400::703",
    "2a04:4e42:600::703"
  ],
  "dns": {
    "NS": [
      "ns1-35.azure-dns.com.",
      "ns2-35.azure-dns.net.",
      "ns3-35.azure-dns.org.",
      "ns4-35.azure-dns.info."
    ],
    "A": [
      "151.101.2.191",
      "151.101.66.191",
      "151.101.130.191",
      "151.101.194.191"
    ],
    "AAAA": [
      "2a04:4e42:a::703",
      "2a04:4e42:200::703",
      "2a04:4e42:400::703",
      "2a04:4e42:600::703"
    ],
    "TXT": [
      "MS=ms49047873",
      "MS=ms53190389",
      "DALUX=CO345536",
      "facebook-domain-verification=lt2puzso8xgqr5i54zvkwbl4vi5gve",
      "adobe-idp-site-verification=d2f5df9c-cbd1-4172-82c1-986dc7e5c6a1",
      "google-site-verification=Q4TuLjBJgMkE193FSe2amv-VfFG_8jmR6yriRnBzsqA",
      "globalsign-domain-verification=ytbtNSa_KuNT5Xlo2iF1xsv5gK36KBg0WtEWGA3Ims",
      "3YUy2B2qshl6GRp3Co0zB/WNfxr3/EgrHA4P/mvV2IwfhNRjmQLoK12tBJgANiO1WPxiaFh0amNVBnyn9lw9gA==",
      "NUVGkDPRRphceu8diQsytfqPSJxSCGPP9xgpI0ojWYUG3Ws+u2W0klJoNk5KSMn0cLKMyW9/YRoST/Ykia/gdA==",
      "ywkYBLagRjj4eErjIflC8vENTurx32Vu80lCJEuZAYaZ3DGtwiYfojQ7efrb1LdZOvFbzYx8gBX311rxYXrZug==",
      "v=spf1 ip4:82.210.73.61 ip4:46.145.234.254 ip4:194.151.80.37 ip4:146.104.250.0/23 ip4:195.121.111.0/24 ip4:37.188.70.0/24 include:spf.provalue.nl include:spf.protection.outlook.com include:mailplus.nl include:_spf.salesforce.com -all"
    ]
  }
}

[
  {
    "url": "https://hazenberg.nl",
    "technologies": [
      {
        "slug": "drupal",
        "name": "Drupal",
        "icon": "Drupal.svg",
        "cpe": "cpe:2.3:a:drupal:drupal:*:*:*:*:*:*:*:*",
        "versions": [
          "10"
        ],
        "categories": [
          {
            "id": 1,
            "slug": "cms",
            "name": "CMS"
          }
        ],
        "confirmedAt": 1724627772
      },
      {
        "slug": "php",
        "name": "PHP",
        "icon": "PHP.svg",
        "cpe": "cpe:2.3:a:php:php:*:*:*:*:*:*:*:*",
        "versions": [],
        "categories": [
          {
            "id": 27,
            "slug": "programming-languages",
            "name": "Programming languages"
          }
        ],
        "confirmedAt": 1724627772
      },
      {
        "slug": "alpine-js",
        "name": "Alpine.js",
        "icon": "Alpine.js.svg",
        "versions": [
          "3.13.5"
        ],
        "categories": [
          {
            "id": 12,
            "slug": "javascript-frameworks",
            "name": "JavaScript frameworks"
          }
        ],
        "confirmedAt": 1724627772
      },
      {
        "slug": "lagoon",
        "name": "Lagoon",
        "icon": "lagoon.svg",
        "versions": [],
        "categories": [
          {
            "id": 62,
            "slug": "paas",
            "name": "PaaS"
          }
        ],
        "confirmedAt": 1724627772
      },
      {
        "slug": "drupal-multisite",
        "name": "Drupal Multisite",
        "icon": "Drupal.svg",
        "versions": [],
        "categories": [
          {
            "id": 88,
            "slug": "hosting",
            "name": "Hosting"
          }
        ],
        "confirmedAt": 1724627772
      },
      {
        "slug": "google-analytics",
        "name": "Google Analytics",
        "icon": "Google Analytics.svg",
        "versions": [],
        "categories": [
          {
            "id": 10,
            "slug": "analytics",
            "name": "Analytics"
          }
        ],
        "confirmedAt": 1724627772
      },
      {
        "slug": "google-tag-manager",
        "name": "Google Tag Manager",
        "icon": "Google Tag Manager.svg",
        "versions": [],
        "categories": [
          {
            "id": 42,
            "slug": "tag-managers",
            "name": "Tag managers"
          }
        ],
        "confirmedAt": 1724627772
      },
      {
        "slug": "cookiebot",
        "name": "Cookiebot",
        "icon": "Cookiebot.svg",
        "versions": [
          "1"
        ],
        "categories": [
          {
            "id": 67,
            "slug": "cookie-compliance",
            "name": "Cookie compliance"
          }
        ],
        "confirmedAt": 1724627772
      },
      {
        "slug": "cookie-control",
        "name": "Cookie Control",
        "icon": "CookieControl.svg",
        "versions": [],
        "categories": [
          {
            "id": 67,
            "slug": "cookie-compliance",
            "name": "Cookie compliance"
          }
        ],
        "confirmedAt": 1724627772
      },
      {
        "slug": "hsts",
        "name": "HSTS",
        "icon": "default.svg",
        "versions": [],
        "categories": [
          {
            "id": 16,
            "slug": "security",
            "name": "Security"
          }
        ],
        "confirmedAt": 1724627772
      },
      {
        "slug": "pwa",
        "name": "PWA",
        "icon": "PWA.svg",
        "versions": [],
        "categories": [
          {
            "id": 19,
            "slug": "miscellaneous",
            "name": "Miscellaneous"
          }
        ],
        "confirmedAt": 1724627772
      },
      {
        "slug": "open-graph",
        "name": "Open Graph",
        "icon": "Open Graph.svg",
        "versions": [],
        "categories": [
          {
            "id": 19,
            "slug": "miscellaneous",
            "name": "Miscellaneous"
          }
        ],
        "confirmedAt": 1724627772
      }
    ]
  }
]

{
  "data": {
    "total": 13,
    "personal_emails": 12,
    "generic_emails": 1,
    "department": {
      "executive": 0,
      "it": 0,
      "finance": 0,
      "management": 0,
      "sales": 0,
      "legal": 0,
      "support": 1,
      "hr": 0,
      "marketing": 0,
      "communication": 0,
      "education": 0,
      "design": 0,
      "health": 0,
      "operations": 1
    },
    "seniority": {
      "junior": 0,
      "senior": 1,
      "executive": 0
    }
  },
  "meta": {
    "params": {
      "domain": "hazenberg.nl",
      "company": null,
      "type": null
    }
  }
}

{
  "Google Analytics": "Google Analytics offers a host of compelling features and benefits for everyone from senior executives and advertising and marketing professionals to site owners and content developers.",
  "Google Analytics 4": "Google Analytics 4 formerly known as App + Web is a new version of Google Analytics that was released in October 2020.",
  "Global Site Tag": "Google's primary tag for Google Measurement/Conversion Tracking, Adwords and DoubleClick.",
  "Google Tag Manager": "Tag management that lets you add and update website tags without changes to underlying website code.",
  "US Privacy User Signal Mechanism": "The US Privacy API (USP API) is a lightweight API used to communicate signals represented in the US Privacy String.",
  "CrUX Dataset": "CrUX is a data collection system that gathers information about how real users interact with websites. This website is included in the user experiences data gathered from Google Chrome and thus considered sufficiently popular on the Internet.",
  "CrUX Top 10m": "Relative measure of site popularity within the CrUX dataset, measured by the total number of navigations on the origin. This site is in the top 10 million.",
  "CrUX Top 50m": "Relative measure of site popularity within the CrUX dataset, measured by the total number of navigations on the origin. This site is in the top 50 million.",
  "reCAPTCHA": "Anti-bot CAPTCHA widget from Google.",
  "Dutch": "Website content is written in Dutch. Based on HTML langauge attributes on the website",
  "Dutch - Inferred": "Based on the title and description text the website content is potentially Dutch.",
  "Adobe Enterprise Cloud": "Emails on this domain can create Adobe Enterprise Cloud accounts.",
  "Facebook Domain Verification": "Domain Verification provides a way for you to claim ownership of your domain in Facebook Business Manager.",
  "GlobalSign Domain Verification": "Domain verification for SSL certificate validation.",
  "Viewport Meta": "This page uses the viewport meta tag which means the content may be optimized for mobile content.",
  "Apple Mobile Web Clips Icon": "This page contains an icon for iPhone, iPad and iTouch devices.",
  "IPhone / Mobile Compatible": "The website contains code that allows the page to support IPhone / Mobile Content.",
  "Mobile Optimized": "Microsoft invented the MobileOptimized META tag to control the layout width for mobile markup rendered in Internet Explorer Mobile.",
  "Euro": "The website uses the € symbol on its website - meaning it may accept payment in Euros.",
  "YouTube": "Embedded videos from YouTube.",
  "Drupal": "An engine suitable to setup or build a content driven or community driven website. Modular design allows flexibility in design.",
  "Drupal 10": "Version 10 of the popular CMS Drupal.",
  "jQuery": "JQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.",
  "Intersection Observer": "API that can be used to understand the visibility and position of DOM elements relative to a containing element or to the top-level viewport.",
  "Alpine.js": "Minimal framework for composing JavaScript behavior",
  "lazySizes": "Lazy loader for images (responsive and normal), iframes and scripts, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.",
  "DoubleClick.Net": "DoubleClick enables agencies, marketers and publishers to work together successfully and profit from their digital marketing investments. Owned by Google and now referred to as DoubleClick Digital Marketing or Google Enterprise Advertising.",
  "Facebook": "The website mentions facebook.com in some form.",
  "LinkedIn": "The website mentions linkedin.com in some form.",
  "Twitter": "The website mentions twitter.com in some form.",
  "Instagram": "The website mentions Instagram in some form.",
  "YouTube Link": "This website mentions YouTube.com on it in some form or another.",
  "EDAA": "Manage your online advertising preferences with EDAA's Your Online Choices tool. Customize your ad settings and opt out of targeted ads for a better online experience.",
  "Mail Plus": "Email marketing platform from the Netherlands.",
  "Salesforce SPF": "This site uses Salesforce.com to send emails.",
  "Microsoft Exchange Online": "A rich hosted Exchange environment for every user without having to manage a server.",
  "SPF": "The Sender Policy Framework is an open standard specifying a technical method to prevent sender address forgery.",
  "Microsoft Azure DNS": "This domain is verified with Microsoft Azure.",
  "Office 365 Mail": "Email sent from this domain has records showing Office 365 usage.",
  "DMARC": "A technical specification created by a group of organizations that want to help reduce the potential for email-based abuse",
  "DMARC Quarantine": "The domain has a DMARC policy of 'Quarantine'. This tells the receiving mail server that all emails that do not have your domain name in the “From” field (or any other set criteria) should be quarantined by default.",
  "LetsEncrypt": "Let’s Encrypt is a free open Certificate Authority.",
  "SSL by Default": "The website redirects traffic to an HTTPS/SSL version by default.",
  "HSTS": "Forces browsers to only communicate with the site using HTTPS.",
  "DNSSEC": "DNSSEC strengthens DNS authentication by using digital signatures based on public key cryptography.",
  "Lagoon": "Amazee.io PaaS system.",
  "Fastly Hosted": "Hosted at Fastly",
  "Fastly Load Balancer": "Hosted on Fastly's Load Balancing system.",
  "U.S. Server Location": "The web server is located in the United States.",
  "nginx": "nginx [engine x] is a HTTP server and mail proxy server written by Igor Sysoev.",
  "IPv6": "The website has an IPv6 record.",
  "Google Webmaster": "Webmaster tools provide you with a free and easy way to make your site more Google-friendly.",
  "Content Delivery Network": "This page contains links that give the impression that some of the site contents are stored on a content delivery network."
}

<!DOCTYPE html>
<html lang="nl" dir="ltr" prefix="og: https://ogp.me/ns#">
  <head>
    <link rel="shortcut icon" href="/themes/custom/tbi/favicons/tbi/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/tbi/favicons/tbi/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/themes/custom/tbi/favicons/tbi/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/themes/custom/tbi/favicons/tbi/favicon-16x16.png">
<link rel="manifest" href="/themes/custom/tbi/favicons/tbi/site.webmanifest">
<link rel="mask-icon" href="/themes/custom/tbi/favicons/tbi/safari-pinned-tab.svg" color="#630d80">
<meta name="msapplication-TileColor" content="#630d80">
<meta name="theme-color" content="#630d80">
                      <script>
          (function (w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
              'gtm.start': new Date().getTime(),
              event: 'gtm.js'
            });
            let f = d.getElementsByTagName(s)[0],
              j = d.createElement(s),
              dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
              'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
          })(window, document, 'script', 'dataLayer', 'GTM-N32VL4B');
        </script>
          <meta charset="utf-8" />
<meta name="description" content="Welkom op de website van Hazenberg. Hazenberg ontwikkelt, bouwt en verduurzaamt woningen en gebouwen. Met een passie voor een gezonde en duurzame wereld." />
<meta name="abstract" content="Maak kennis met Hazenberg. Hazenberg ontwikkelt, bouwt en verduurzaamt woningen en gebouwen van betekenis. Met een passie voor een gezonde en duurzame wereld." />
<meta name="keywords" content="Ontwikkelen, bouwen, verduurzamen, Hazenberg" />
<link rel="canonical" href="https://www.hazenberg.nl/" />
<meta name="robots" content="index, follow" />
<link rel="shortlink" href="https://www.hazenberg.nl/" />
<meta property="og:site_name" content="Hazenberg" />
<meta property="og:url" content="https://www.hazenberg.nl/home" />
<meta property="og:title" content="Home" />
<meta property="og:image" content="https://www.hazenberg.nl/sites/tbi-nl/files/usercontent/image/2024-10/20240926_hazenberg_003_4591_jason.jpg" />
<meta property="og:image" content="https://www.hazenberg.nl/sites/tbi-nl/files/usercontent/image/2024-10/hazenberg_wervenkade_juli-2024_panorama-12-lr.jpg" />
<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Hazenberg | Ontwikkelende bouwer en verduurzamer van woningen en gebouwen</title>
    <link rel="stylesheet" media="all" href="/sites/tbi-nl/files/css/css_GGTcAaLsNE7aWFp2TMMVFk-7fHP8s-L7zm9F-lQ5T4s.css?delta=0&amp;language=nl&amp;theme=tbi_theme&amp;include=eJxFiFsKgDAMwC40uiNJy8pW2LT0oddX_NCfkCRIthi8uBI6l_jysaJo2A11eG2WihP-A7lr0hQf3MopfHl9CetoOfkG73QiZg" />
<link rel="stylesheet" media="all" href="/sites/tbi-nl/files/css/css_TRbNd5_biKgKBiRbazWHs6wWxTxLA8UdxkU2qPewmWM.css?delta=1&amp;language=nl&amp;theme=tbi_theme&amp;include=eJxFiFsKgDAMwC40uiNJy8pW2LT0oddX_NCfkCRIthi8uBI6l_jysaJo2A11eG2WihP-A7lr0hQf3MopfHl9CetoOfkG73QiZg" />

    <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/7","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"nl"},"pluralDelimiter":"\u0003","lazy_sizes":{"offset":200},"suppressDeprecationErrors":true,"user":{"uid":0,"permissionsHash":"19916a9c36e8f183f840de379a1829e9399afa689c4ee60206b5ddbc27a2ce13"}}</script>
<script src="/sites/tbi-nl/files/js/js_X7KJJ63570yTYdqDNgWCtk0IcbaO8LVEZawmO933M5c.js?scope=header&amp;delta=0&amp;language=nl&amp;theme=tbi_theme&amp;include=eJwrScqML8lIzU3VT0osTtXJSayqjC9KLS7IzyvOLEuNz8xNTE_VL86sSi3GIQcUAMoW6ZTADcpITUxJLQIAQaQjdw"></script>

  </head>
  <body x-data="{ locked: false, overflow: false }" :class="{ 'overflow-hidden xl:overflow-auto w-screen h-screen xl:h-auto xl:w-auto absolute xl:relative inset-0 xl:inset-auto m-0': locked, 'overflow-hidden': overflow}">
          <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N32VL4B" height="0" width="0" style="display:none;visibility:hidden"></iframe>
      </noscript>
        <a href="#main-content" class="visually-hidden focusable layout-background-color-gray">
      Skip to main content
    </a>
    
      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
    






  

<div id="theme-blue-gray" class="layout-container" x-data="header">
  <div id="header" @scroll.window="window.pageYOffset > 500 ? scrolledDown() : isVideoKeyvisual(keyvisualVideo)" :class="transparentMenu ? 'bg-transparent' : 'bg-white shadow'" class="fixed left-0 right-0 z-30 transition-all duration-300 header"
    x-data="{ active: 0, navOpen: false }">
    <div class="container">
      <div class="relative xl:px-6 xl:flex xl:justify-between h-[70px] xl:h-auto xl:mt-0 transition-all duration-300 xl:bg-transparent" :class="transparentMenu ? 'bg-transparent' : 'bg-white'">
        <a href="https://www.hazenberg.nl/" class="absolute z-40 flex-shrink-0 ml-8 h-full flex items-center transition-opacity duration-300 ease-in-out xl:ml-0 site-logo" :class="{ 'opacity-0 xl:opacity-100 pointer-events-none': navOpen }">
          <span :class="transparentMenu ? 'fill-white' : 'fill-primary'">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 276 51" class="fill-current h-[38px]">
  <g>
    <path d="M64.51 13.46C45.45 1.85 19.83-4.18.01 6.07l33.27 17.54c-11.55.09-23.2 1.81-33.28 4.62l40.73 10.32L64.5 28.23c-5.67-2.02-11.9-3.32-18.36-4.01l18.37-10.76ZM.01 50.38l40.89-1.93L64.51 43C45.19 38.86 11.2 47.24.01 50.38ZM79.3 21.73h4.85v8.68h.05c1.05-1.53 2.59-2.52 4.69-2.52 3.82 0 5.36 2.83 5.36 5.9V43H89.4v-7.14c0-2.78-.92-3.71-2.24-3.71-1.99 0-3.02 1.45-3.02 4.62v6.24h-4.85V21.73h.01Zm27.28 21.26c-.03-.8-.11-1.56-.11-2.32h-.05c-1.1 1.84-2.45 2.66-4.44 2.66-2.77 0-5.25-1.45-5.25-4.65 0-4.51 4.66-5.05 7.24-5.05.78 0 1.64.08 2.26.2-.03-2.01-1.45-2.55-3.2-2.55-1.56 0-3.12.31-4.47 1.1l-.08-3.46c1.72-.74 3.53-1.05 5.6-1.05 3.58 0 6.68 1.62 6.68 6.12v5.5c0 1.16.05 2.32.27 3.49h-4.45v.01Zm-3.34-3.06c1.83 0 2.99-1.76 2.99-3.49-.62-.03-1.32-.09-2.05-.09-1.64 0-2.94.54-2.94 1.96.01 1.02.87 1.62 2 1.62ZM113.72 38.91l6.41-6.94h-6.27v-3.74h11.82v4.08l-6.41 6.95h6.52V43h-12.07zM132.49 37.09c.27 2.04 1.75 2.83 4.12 2.83 1.32 0 2.83-.31 4.28-1.13v3.6c-1.56.65-3.34.94-5.15.94-4.63 0-8.16-2.86-8.16-7.74 0-4.88 3.15-7.71 7.52-7.71 5.2 0 7.08 3.88 7.08 8.28v.94h-9.69v-.01Zm5.33-2.89c0-1.7-.75-3.09-2.69-3.09-1.75 0-2.59 1.39-2.69 3.09h5.38Zm6.89-5.98h4.42v2.72h.06c.97-2.13 2.91-3.06 5.12-3.06 3.82 0 5.36 2.83 5.36 5.9v9.21h-4.85v-7.14c0-2.78-.92-3.71-2.24-3.71-1.99 0-3.02 1.45-3.02 4.62V43h-4.85V28.22Zm18.12-6.49h4.87v8.39h.06c1.24-1.64 2.88-2.24 4.82-2.24 3.88 0 6.01 3.88 6.01 7.46 0 4.36-2.23 7.99-6.41 7.99-2.24 0-4.2-1.33-4.82-2.98h-.06v2.64h-4.47V21.73Zm7.81 10.06c-1.78 0-2.96 1.64-2.96 3.86 0 2.15 1.35 3.77 2.96 3.77 1.83 0 2.93-1.62 2.93-3.97.01-1.95-1.04-3.66-2.93-3.66Zm14.65 5.3c.27 2.04 1.75 2.83 4.12 2.83 1.32 0 2.83-.31 4.28-1.13v3.6c-1.56.65-3.34.94-5.15.94-4.63 0-8.16-2.86-8.16-7.74 0-4.88 3.15-7.71 7.51-7.71 5.2 0 7.08 3.88 7.08 8.28v.94h-9.68v-.01Zm5.33-2.89c0-1.7-.75-3.09-2.69-3.09-1.75 0-2.58 1.39-2.69 3.09h5.38Zm16.91-1.9c-.54-.17-1.08-.17-1.64-.17-2.26 0-3.53 1.73-3.53 4.62v6.24h-4.85V28.22h4.42v2.72h.06c.83-1.87 2.04-3.06 4.15-3.06.57 0 1.16.09 1.65.17l-.26 4.25Zm16.54 8.96c0 6.07-2.8 8.02-8.46 8.02-2.31 0-4.23-.51-5.36-.93l.24-4.03c1.48.77 2.72 1.22 4.74 1.22 2.8 0 4.31-1.39 4.31-4.28v-.79h-.06c-1.16 1.73-2.77 2.52-4.71 2.52-3.85 0-6.25-3.06-6.25-7.43 0-4.39 1.97-7.68 6.33-7.68 2.07 0 3.74 1.19 4.77 3h.05v-2.66h4.39v13.04h.01Zm-7.79-2.18c1.72 0 3.1-1.53 3.1-3.8 0-1.64-.92-3.49-3.1-3.49-1.8 0-2.75 1.67-2.75 3.68 0 2.3 1.3 3.61 2.75 3.61ZM234.39 46V24.45h2.56V46zM251.65 30.74v12.19h-2.88V30.74h-3.86v-2.57h10.59v2.57zM264.03 42.94h-6.18V28.17h5.93c2.88 0 4.56 1.62 4.56 4.15 0 1.64-1.08 2.7-1.83 3.05.89.41 2.03 1.35 2.03 3.32.01 2.75-1.88 4.25-4.51 4.25Zm-.48-12.2h-2.82v3.4h2.82c1.23 0 1.91-.68 1.91-1.7 0-1.01-.68-1.7-1.91-1.7Zm.19 6h-3.01v3.63h3.01c1.31 0 1.93-.83 1.93-1.83 0-.99-.62-1.8-1.93-1.8ZM272.64 42.94V28.17h2.88v14.76h-2.88z"/>
  </g>
</svg>

          </span>
        </a>
        <div id="hamburger" @click.prevent="locked = !locked" class="absolute z-10 flex items-center justify-center w-[36px] h-[30px] overflow-hidden transform -translate-y-1/2 cursor-pointer group top-1/2 hamburger xl:hidden right-12" @click="navOpen = !navOpen">
          <span :class="transparentMenu ? 'bg-white' : 'bg-cta'" class="absolute top-0 inline-block w-full h-2.5 transition-all group-hover:bg-gray-black group-focus:bg-gray-black"></span>
          <span :class="transparentMenu ? 'bg-white' : 'bg-cta'" class="absolute inline-block w-full h-2.5 transition-all transform -translate-y-1/2 top-1/2 group-hover:bg-gray-black group-focus:bg-gray-black"></span>
          <span :class="transparentMenu ? 'bg-white' : 'bg-cta'" class="absolute bottom-0 inline-block w-full h-2.5 transition-all group-hover:bg-gray-black group-focus:bg-gray-black"></span>
        </div>
        <nav role="navigation" class="w-full overflow-x-hidden xl:overflow-x-visible xl:overflow-y-visible xl:h-auto pointer-events-none" :class="{ 'h-screen overflow-y-scroll': navOpen }">
          <ul class="relative z-10 block h-full px-6 ml-8 overflow-y-auto list-none transition-all duration-300 transform bg-white xl:items-center xl:flex xl:flex-row xl:overflow-y-visible xl:ml-0 xl:w-full xl:justify-end xl:h-auto xl:min-h-0 main-menu xl:px-0 xl:pt-0 xl:pl-20 xl:translate-x-0 xl:bg-transparent pointer-events-auto" :class="{ 'translate-x-0' : navOpen , 'translate-x-full' : !navOpen }" @click.outside="open = false, searchOpen = false, window.pageYOffset < 500 && isVideoKeyvisual(keyvisualVideo)">
            <div class="flex w-full pt-4 pb-14 xl:hidden">
                <div id="hamburger" @click.prevent="locked = !locked" class="group z-10 flex flex-shrink-0 items-center justify-center w-[36px] h-[30px] overflow-hidden transform cursor-pointer hamburger xl:hidden mr-[30px] mt-[7px]" @click="navOpen = !navOpen">
                  <span class="absolute top-0 inline-block w-full h-2.5 transition-all bg-cta group-hover:bg-gray-black group-focus:bg-gray-black"></span>
                  <span class="absolute inline-block w-full h-2.5 transform transition-all -translate-y-1/2 bg-cta top-1/2 group-hover:bg-gray-black group-focus:bg-gray-black"></span>
                  <span class="absolute bottom-0 inline-block w-full h-2.5 transition-all bg-cta group-hover:bg-gray-black group-focus:bg-gray-black"></span>
                </div>
                            <form class="flex w-full bg-gray-lighter" data-drupal-selector="views-exposed-form-site-wide-search-block-search-results" action="/zoekresultaten" method="get" accept-charset="UTF-8">
                  <input class="w-full p-5 text-lg bg-gray-lighter text-tertiary-cold-gray placeholder-gray-black" type="search" placeholder="Zoeken..." size="20" maxlength="128"  title="Zoeken"  data-drupal-selector="edit-search" id="edit-search" name="search">
                  <button class="flex items-center justify-end w-auto p-2 mr-3">
                    <span :class="transparentMenu ? 'fill-cta xl:fill-white' : 'fill-cta hover:fill-gray-black active:fill-gray-black focus:fill-gray-black'" class="mt-2">    <svg class="fill-current inline-block w-16 h-16 transform translate-y-0.5 ml-1 transition-all duration-300 ease-in-out" xmlns="http://www.w3.org/2000/svg">
   <path d="M12.257 0c6.77 0 12.257 5.488 12.257 12.257 0 3.036-1.112 5.827-2.941 7.977l.509.509h1.49L33 30.17 30.171 33l-9.428-9.429v-1.49l-.51-.508a12.286 12.286 0 0 1-7.976 2.941C5.487 24.514 0 19.027 0 12.257S5.488 0 12.257 0m0 3.771a8.45 8.45 0 0 0-8.486 8.486 8.45 8.45 0 0 0 8.486 8.486 8.45 8.45 0 0 0 8.486-8.486 8.45 8.45 0 0 0-8.486-8.486Z" fill-rule="nonzero"/>
</svg>
</span>
                  </button>
                </form>
            </div>
            <div class="fixed right-0 w-1/2 overflow-hidden transition-all duration-300 max-h-0 top-full search-overlay before:transition-all before:duration-300 before:ease-in-out" :class="searchOpen ? 'before:h-[68px]' : 'before:h-0' " :style="searchOpen ? 'max-height: ' + $refs.searchBox.scrollHeight + 'px' : ''">
              <div x-ref="searchBox">
                <form class="shadow xl:flex bg-gray-lighter" data-drupal-selector="views-exposed-form-site-wide-search-block-search-results" action="/zoekresultaten" method="get" accept-charset="UTF-8">
                  <input class="w-full p-5 text-2xl bg-gray-lighter text-tertiary-cold-gray" type="search" placeholder="Zoeken..." size="20" maxlength="128"  title="Zoeken"  data-drupal-selector="edit-search" id="edit-search" name="search" x-ref="searchInput">
                  <button class="flex items-center justify-end w-auto bg-cta">
                    <span class="block py-12 pr-12"><svg class="w-10 h-10 ml-12 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
  <path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/>
</svg>
</span>
                  </button>
                </form>
              </div>
            </div>
            <div class="fixed hidden transition-all duration-500 xl:block -z-10 -left-full -right-full top-full menu-shadow" :style="searchOpen ? 'height: ' + $refs.searchBox.scrollHeight + 'px' : ''" :class="searchOpen ? 'opacity-1' : 'opacity-0'"></div>
                                        
  
    
                                          <li class="relative py-4 xl:flex-shrink-0 xl:pl-11 first:ml-0 xl:pr-1.5 xl:py-14 xl:flex xl:items-center group group-menu">
            <a href="/ontwikkelen" :class="transparentMenu ? 'menu-link' : 'not-transparent'" class=" no-underline xl:group-hover:text-cta ml-32 xl:ml-0 text-7lg xl:text-lg transition-all duration-300">
              Ontwikkelen
            </a>
          </li>
                                                      <li class="xl:flex xl:flex-shrink-0 xl:items-center overflow-hidden xl:overflow-visible relative py-4 xl:ml-14 first:ml-0 xl:pr-1.5 xl:py-14 group-menu group cursor-pointer transition-all duration-500 min-h-0 xl:min-h-auto" @click="open !== 2 ? open = 2 : open = null, searchOpen = false, transparentMenu = false" :style="open === 2 ? 'min-height: ' + $refs.item_2.scrollHeight + 'px' : ''">
            <span :class="transparentMenu && 'menu-link'" class=" relative flex justify-between ml-32 no-underline xl:justify-start text-7lg xl:text-lg xl:ml-0 xl:group-hover:text-cta transition-all duration-300">
              Bouwen
              <span :class="transparentMenu ? 'fill-white group-hover:fill-cta' : 'fill-cta'" class="items-center justify-center hidden ml-4 xl:inline-flex">    <svg class="fill-current inline-block w-8 h-8 transform translate-y-0.5 ml-1 transition-all duration-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 15">
  <path d="M2.82 0 12 9.279 21.18 0 24 2.871 12 15 0 2.871z" fill-rule="nonzero"/>
</svg>
</span>
            </span>
                        <div class="absolute left-0 flex items-center justify-center w-16 h-16 ml-auto xl:hidden top-4 group">
              <span class="absolute inline-block w-2 transition-all duration-300 ease-in-out bg-cta group-hover:bg-gray-black group-focus:bg-gray-black" :class="open === 2 ? 'h-2' : 'h-16'"></span>
              <span class="absolute inline-block w-16 h-2 transition-transform duration-500 bg-cta group-hover:bg-gray-black group-focus:bg-gray-black"></span>
            </div>
            <div class="z-0 w-full overflow-hidden transition-all duration-500 ml-44 xl:ml-0 xl:right-32 max-h-0 submenu xl:duration-200 xl:h-auto xl:fixed xl:top-full" x-ref="item_2" :style="open === 2 ? 'max-height: ' + $refs.item_2.scrollHeight + 'px' : ''">
              <div class="xl:container">
                <div class="pt-8 overflow-hidden text-left xl:bg-gray-lighter xl:py-20 xl:px-20 menu-overlay">
                  <ul class="w-full list-none menu-columns">
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/bouwen" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Bouwen
                      </a>
                                          </li>
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/bouwen/woningbouw" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Woningbouw
                      </a>
                                          </li>
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/bouwen/utiliteitsbouw" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Utiliteitsbouw
                      </a>
                                          </li>
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/bouwen/transformeren" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Transformeren
                      </a>
                                          </li>
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/bouwen/tbi-woonlab" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        TBI-WOONlab
                      </a>
                                          </li>
                                    </ul>
                </div>
              </div>
              <div class="fixed hidden transition-all duration-500 xl:block -z-10 -left-full -right-full top-full menu-shadow" :style="open === 2 ? 'height: ' + $refs.item_2.scrollHeight + 'px' : ''" :class="open === 2 ? 'opacity-1' : 'opacity-0'"></div>
            </div>
                      </li>
                                                      <li class="xl:flex xl:flex-shrink-0 xl:items-center overflow-hidden xl:overflow-visible relative py-4 xl:ml-14 first:ml-0 xl:pr-1.5 xl:py-14 group-menu group cursor-pointer transition-all duration-500 min-h-0 xl:min-h-auto" @click="open !== 3 ? open = 3 : open = null, searchOpen = false, transparentMenu = false" :style="open === 3 ? 'min-height: ' + $refs.item_3.scrollHeight + 'px' : ''">
            <span :class="transparentMenu && 'menu-link'" class=" relative flex justify-between ml-32 no-underline xl:justify-start text-7lg xl:text-lg xl:ml-0 xl:group-hover:text-cta transition-all duration-300">
              Verduurzamen
              <span :class="transparentMenu ? 'fill-white group-hover:fill-cta' : 'fill-cta'" class="items-center justify-center hidden ml-4 xl:inline-flex">    <svg class="fill-current inline-block w-8 h-8 transform translate-y-0.5 ml-1 transition-all duration-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 15">
  <path d="M2.82 0 12 9.279 21.18 0 24 2.871 12 15 0 2.871z" fill-rule="nonzero"/>
</svg>
</span>
            </span>
                        <div class="absolute left-0 flex items-center justify-center w-16 h-16 ml-auto xl:hidden top-4 group">
              <span class="absolute inline-block w-2 transition-all duration-300 ease-in-out bg-cta group-hover:bg-gray-black group-focus:bg-gray-black" :class="open === 3 ? 'h-2' : 'h-16'"></span>
              <span class="absolute inline-block w-16 h-2 transition-transform duration-500 bg-cta group-hover:bg-gray-black group-focus:bg-gray-black"></span>
            </div>
            <div class="z-0 w-full overflow-hidden transition-all duration-500 ml-44 xl:ml-0 xl:right-32 max-h-0 submenu xl:duration-200 xl:h-auto xl:fixed xl:top-full" x-ref="item_3" :style="open === 3 ? 'max-height: ' + $refs.item_3.scrollHeight + 'px' : ''">
              <div class="xl:container">
                <div class="pt-8 overflow-hidden text-left xl:bg-gray-lighter xl:py-20 xl:px-20 menu-overlay">
                  <ul class="w-full list-none menu-columns">
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/verduurzamen/duurzame-impact" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Duurzame Impact
                      </a>
                                          </li>
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/verduurzamen/woning-en-wijk" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Woning en wijk
                      </a>
                                          </li>
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/verduurzamen/biobased" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Biobased menukaart
                      </a>
                                          </li>
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/verduurzamen/utiliteit" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Utiliteit
                      </a>
                                          </li>
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/verduurzamen/onze-verduurzamers" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Onze verduurzamers
                      </a>
                                          </li>
                                    </ul>
                </div>
              </div>
              <div class="fixed hidden transition-all duration-500 xl:block -z-10 -left-full -right-full top-full menu-shadow" :style="open === 3 ? 'height: ' + $refs.item_3.scrollHeight + 'px' : ''" :class="open === 3 ? 'opacity-1' : 'opacity-0'"></div>
            </div>
                      </li>
                                                      <li class="relative py-4 xl:flex-shrink-0 xl:pl-11 first:ml-0 xl:pr-1.5 xl:py-14 xl:flex xl:items-center group group-menu">
            <a href="/projecten" :class="transparentMenu ? 'menu-link' : 'not-transparent'" class=" no-underline xl:group-hover:text-cta ml-32 xl:ml-0 text-7lg xl:text-lg transition-all duration-300">
              Projecten
            </a>
          </li>
                                                      <li class="relative py-4 xl:flex-shrink-0 xl:pl-11 first:ml-0 xl:pr-1.5 xl:py-14 xl:flex xl:items-center group group-menu">
            <a href="/nieuws" :class="transparentMenu ? 'menu-link' : 'not-transparent'" class=" no-underline xl:group-hover:text-cta ml-32 xl:ml-0 text-7lg xl:text-lg transition-all duration-300">
              Nieuws
            </a>
          </li>
                                                      <li class="xl:flex xl:flex-shrink-0 xl:items-center overflow-hidden xl:overflow-visible relative py-4 xl:ml-14 first:ml-0 xl:pr-1.5 xl:py-14 group-menu group cursor-pointer transition-all duration-500 min-h-0 xl:min-h-auto" @click="open !== 6 ? open = 6 : open = null, searchOpen = false, transparentMenu = false" :style="open === 6 ? 'min-height: ' + $refs.item_6.scrollHeight + 'px' : ''">
            <span :class="transparentMenu && 'menu-link'" class=" relative flex justify-between ml-32 no-underline xl:justify-start text-7lg xl:text-lg xl:ml-0 xl:group-hover:text-cta transition-all duration-300">
              Over ons
              <span :class="transparentMenu ? 'fill-white group-hover:fill-cta' : 'fill-cta'" class="items-center justify-center hidden ml-4 xl:inline-flex">    <svg class="fill-current inline-block w-8 h-8 transform translate-y-0.5 ml-1 transition-all duration-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 15">
  <path d="M2.82 0 12 9.279 21.18 0 24 2.871 12 15 0 2.871z" fill-rule="nonzero"/>
</svg>
</span>
            </span>
                        <div class="absolute left-0 flex items-center justify-center w-16 h-16 ml-auto xl:hidden top-4 group">
              <span class="absolute inline-block w-2 transition-all duration-300 ease-in-out bg-cta group-hover:bg-gray-black group-focus:bg-gray-black" :class="open === 6 ? 'h-2' : 'h-16'"></span>
              <span class="absolute inline-block w-16 h-2 transition-transform duration-500 bg-cta group-hover:bg-gray-black group-focus:bg-gray-black"></span>
            </div>
            <div class="z-0 w-full overflow-hidden transition-all duration-500 ml-44 xl:ml-0 xl:right-32 max-h-0 submenu xl:duration-200 xl:h-auto xl:fixed xl:top-full" x-ref="item_6" :style="open === 6 ? 'max-height: ' + $refs.item_6.scrollHeight + 'px' : ''">
              <div class="xl:container">
                <div class="pt-8 overflow-hidden text-left xl:bg-gray-lighter xl:py-20 xl:px-20 menu-overlay">
                  <ul class="w-full list-none menu-columns">
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/over-ons" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Ons verhaal
                      </a>
                                          </li>
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/wie-we-zijn/onderdeel-van-tbi" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Onderdeel van TBI
                      </a>
                                          </li>
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/over-ons/veiligheid" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Veiligheid
                      </a>
                                          </li>
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/werken-bij" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Werken bij
                      </a>
                                          </li>
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/vacatures" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Vacatures
                      </a>
                                          </li>
                                      <li class="mb-8 font-normal text-tertiary-4 xl:text-gray-black xl:pl-12 xl:mb-14 xl:last:mb-0">
                      <a href="/over-ons/werken-en-leren" class="xl:text-gray-black relative flex justify-between w-full no-underline align-middle text-7lg xl:text-2sm text-tertiary-cold-gray xl:justify-start xl:pr-12 group sub-items xl:hover:text-cta">
                        Werken en leren
                      </a>
                                          </li>
                                    </ul>
                </div>
              </div>
              <div class="fixed hidden transition-all duration-500 xl:block -z-10 -left-full -right-full top-full menu-shadow" :style="open === 6 ? 'height: ' + $refs.item_6.scrollHeight + 'px' : ''" :class="open === 6 ? 'opacity-1' : 'opacity-0'"></div>
            </div>
                      </li>
                                                      <li class="relative py-4 xl:flex-shrink-0 xl:pl-11 first:ml-0 xl:pr-1.5 xl:py-14 xl:flex xl:items-center group group-menu">
            <a href="/contact" :class="transparentMenu ? 'menu-link' : 'not-transparent'" class=" no-underline xl:group-hover:text-cta ml-32 xl:ml-0 text-7lg xl:text-lg transition-all duration-300">
              Contact
            </a>
          </li>
                    



                                    <li class="relative flex xl:items-center pt-6 xl:pl-14 first:ml-0 xl:pr-1.5 xl:py-8 xl:flex-shrink-0">
              <a href="/werken-bij" class="button button--cta button--has-icon button--has-icon-right w-full font-bold">
                Werken bij
                <svg class="w-10 h-10 ml-12 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
  <path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/>
</svg>

              </a>
            </li>
                                                <li class="relative xl:flex xl:items-center py-4 hidden xl:pl-14 first:ml-0 xl:pr-1.5 xl:py-14">
              <button :class="transparentMenu ? 'fill-white hover:fill-cta' : 'fill-cta hover:fill-gray-black active:fill-gray-black focus:fill-gray-black'" class="no-underline text-primary xl:hover:text-cta"  @click="searchOpen = ! searchOpen, open = false, $refs.searchInput.focus(), transparentMenu = false">
                    <svg class="fill-current inline-block w-16 h-16 transform translate-y-0.5 ml-1 transition-all duration-300 ease-in-out" xmlns="http://www.w3.org/2000/svg">
   <path d="M12.257 0c6.77 0 12.257 5.488 12.257 12.257 0 3.036-1.112 5.827-2.941 7.977l.509.509h1.49L33 30.17 30.171 33l-9.428-9.429v-1.49l-.51-.508a12.286 12.286 0 0 1-7.976 2.941C5.487 24.514 0 19.027 0 12.257S5.488 0 12.257 0m0 3.771a8.45 8.45 0 0 0-8.486 8.486 8.45 8.45 0 0 0 8.486 8.486 8.45 8.45 0 0 0 8.486-8.486 8.45 8.45 0 0 0-8.486-8.486Z" fill-rule="nonzero"/>
</svg>

              </button>
            </li>
                                              </ul>
        </nav>
      </div>
    </div>
  </div>
  
  
  <main role="main">
    <a id="main-content" tabindex="-1"></a>    <div id="page" class="layout-content">
                  <div id="block-tbi-theme-content">
  
    
      <article>
  <div>
  
      <section class="relative z-20 w-full bg-white keyvisual mb-28">
  <div class="relative overflow-hidden">
    <div class="header-svg"></div>
    <div class="grid grid-cols-3 gap-8 lg:mr-28">
              <div class="col-span-1 aspect-cover aspect-w-1 aspect-h-2 lg:aspect-w-1 lg:aspect-h-1">
          
        
  <picture>
                  <source srcset="/sites/tbi-nl/files/styles/kv_left__fluid/public/usercontent/image/2024-10/20240926_hazenberg_003_4591_jason.jpg.webp?itok=pFnJBPsy 1x" media="all and (min-width: 1800px)" type="image/webp" width="800" height="800"/>
              <source srcset="/sites/tbi-nl/files/styles/kv_left__xxl/public/usercontent/image/2024-10/20240926_hazenberg_003_4591_jason.jpg.webp?itok=i7Oj1V8R 1x" media="all and (min-width: 1536px)" type="image/webp" width="600" height="600"/>
              <source srcset="/sites/tbi-nl/files/styles/kv_left__xl/public/usercontent/image/2024-10/20240926_hazenberg_003_4591_jason.jpg.webp?itok=QflRNBXw 1x" media="all and (min-width: 1280px)" type="image/webp" width="500" height="500"/>
              <source srcset="/sites/tbi-nl/files/styles/kv_left__lg/public/usercontent/image/2024-10/20240926_hazenberg_003_4591_jason.jpg.webp?itok=TarjiaCk 1x" media="all and (min-width: 1024px)" type="image/webp" width="400" height="800"/>
              <source srcset="/sites/tbi-nl/files/styles/kv_left__md/public/usercontent/image/2024-10/20240926_hazenberg_003_4591_jason.jpg.webp?itok=KMewCRci 1x" media="all and (min-width: 768px)" type="image/webp" width="340" height="680"/>
              <source srcset="/sites/tbi-nl/files/styles/kv_left__sm/public/usercontent/image/2024-10/20240926_hazenberg_003_4591_jason.jpg.webp?itok=_lpGMMt3 1x" media="all and (max-width: 767px)" type="image/webp" width="250" height="500"/>
                  <img loading="eager" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="" />

  </picture>


  

        </div>
        <div class="col-span-2 image-cover aspect-w-1 aspect-h-1 lg:aspect-w-2 lg:aspect-h-1">
          
        
  <picture>
                  <source srcset="/sites/tbi-nl/files/styles/kv_right__fluid/public/usercontent/image/2024-10/hazenberg_wervenkade_juli-2024_panorama-12-lr.jpg.webp?itok=-LvdaF0P 1x" media="all and (min-width: 1800px)" type="image/webp" width="1800" height="900"/>
              <source srcset="/sites/tbi-nl/files/styles/kv_right__xxl/public/usercontent/image/2024-10/hazenberg_wervenkade_juli-2024_panorama-12-lr.jpg.webp?itok=iFkUP1XG 1x" media="all and (min-width: 1536px)" type="image/webp" width="1200" height="600"/>
              <source srcset="/sites/tbi-nl/files/styles/kv_right__xl/public/usercontent/image/2024-10/hazenberg_wervenkade_juli-2024_panorama-12-lr.jpg.webp?itok=U2Jpkh3D 1x" media="all and (min-width: 1280px)" type="image/webp" width="1000" height="500"/>
              <source srcset="/sites/tbi-nl/files/styles/kv_right__lg/public/usercontent/image/2024-10/hazenberg_wervenkade_juli-2024_panorama-12-lr.jpg.webp?itok=ZWMSpd4Z 1x" media="all and (min-width: 1024px)" type="image/webp" width="820" height="410"/>
              <source srcset="/sites/tbi-nl/files/styles/kv_right__md/public/usercontent/image/2024-10/hazenberg_wervenkade_juli-2024_panorama-12-lr.jpg.webp?itok=txq6zDmO 1x" media="all and (min-width: 768px)" type="image/webp" width="680" height="680"/>
              <source srcset="/sites/tbi-nl/files/styles/kv_right__sm/public/usercontent/image/2024-10/hazenberg_wervenkade_juli-2024_panorama-12-lr.jpg.webp?itok=hrdysOXz 1x" media="all and (max-width: 767px)" type="image/webp" width="500" height="500"/>
                  <img loading="eager" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="" />

  </picture>


  

      </div>
          </div>
    <div class="container md:px-20 2xl:px-28">
      <div class="relative z-10 py-10 mr-16 bg-white transform px-14 -mt-28 md:-ml-14 md:mr-auto md:max-w-[728px] keyvisual-double pb-0 md:min-h-[163px] md:mt-[-163px] pr-0 md:pr-14">
        <h1 class="font-bold heading-lg md:pr-0 pr-14">
      Duurzame woningen en gebouwen van morgen
  </h1>
        <span class="keyvisual-date"></span>
                      <p class="pt-16 text-base text-gray-black md:text-5lg">
      <p>Wij zijn Hazenberg. Ontwikkelende bouwer met passie voor een gezonde en duurzame wereld van morgen. Dé partner met technische kennis en innovatiekracht om jouw ontwikkel- en bouwproject tot een succes te brengen.&nbsp;</p>

  </p>
                          </div>
    </div>
  </div>
</section>


  

      <section class="relative z-10 overflow-x-hidden">
    <div class="container space-y-12 md:px-20 2xl:px-28 md:space-y-0">
    <div class="px-8 component md:-ml-8">
      <h2 class="mb-16 heading-lg text-primary">
      Wat we doen
  </h2>
    </div>
  </div>
  
    



  <div  class="layout layout--base--threecols layout-background-color-gray relative layout--threecol z-10 mb-32">
    <div  class="container md:pl-20 md:pr-20 2xl:pl-28 2xl:pr-28">
      <div  class="flex flex-col md:flex-row justify-between space-y-12 md:space-y-0">
                  <div  class="layout__region layout__region--first w-full md:w-1/3 md:-ml-8 md:px-8 2xl:-ml-12 2xl:px-12 flex-grow">
            
<div class="component">
  

    <a href="/ontwikkelen">
  <div class="relative overflow-hidden transform group overlay-bottom aspect-cover aspect-w-3 aspect-h-2 md:aspect-w-1 md:aspect-h-1">

    <div class="duration-300 ease-in-out transform group-hover:scale-110">
      
      
        
  <picture>
                  <source srcset="/sites/tbi-nl/files/styles/responsive_3_2_1500w/public/usercontent/image/2023-06/hazenberg-projectontwikkeling-achttien81-dongen-4-klein.jpg.webp?itok=RCNGxrS4 1x" media="all and (min-width: 1800px)" type="image/webp" width="1500" height="1000"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_3_2_1500w/public/usercontent/image/2023-06/hazenberg-projectontwikkeling-achttien81-dongen-4-klein.jpg.webp?itok=RCNGxrS4 1x" media="all and (min-width: 1536px)" type="image/webp" width="1500" height="1000"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_1200w/public/usercontent/image/2023-06/hazenberg-projectontwikkeling-achttien81-dongen-4-klein.jpg.webp?itok=h5EA1c8n 1x" media="all and (min-width: 1280px)" type="image/webp" width="1200" height="600"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_1200w/public/usercontent/image/2023-06/hazenberg-projectontwikkeling-achttien81-dongen-4-klein.jpg.webp?itok=h5EA1c8n 1x" media="all and (min-width: 1024px)" type="image/webp" width="1200" height="600"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_900w/public/usercontent/image/2023-06/hazenberg-projectontwikkeling-achttien81-dongen-4-klein.jpg.webp?itok=RHmL_90l 1x" media="all and (min-width: 768px)" type="image/webp" width="900" height="450"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_3_2_900w/public/usercontent/image/2023-06/hazenberg-projectontwikkeling-achttien81-dongen-4-klein.jpg.webp?itok=sUQ0o0pO 1x" media="all and (max-width: 767px)" type="image/webp" width="900" height="600"/>
                  <img loading="eager" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="" />

  </picture>


  

  
    </div>

          <div class="absolute bottom-0 left-0 right-0 w-full overlay-50 bg-gradient-to-t from-gray-black to-transparent">
        <div class="absolute bottom-0 w-full pb-12 pl-12 md:pb-16 md:pl-16">
          <span class="font-bold text-white text-7lg">Ontwikkelen<svg class="w-10 h-10 ml-8 fill-white inline-block md:ml-28" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
  <path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/>
</svg>
</span>
        </div>
      </div>
        
    </div>
  </a>
</div>

          </div>
        
                  <div  class="layout__region layout__region--second w-full md:w-1/3 md:px-8 2xl:px-12 flex-grow">
            
<div class="component">
  

    <a href="/bouwen">
  <div class="relative overflow-hidden transform group overlay-bottom aspect-cover aspect-w-3 aspect-h-2 md:aspect-w-1 md:aspect-h-1">

    <div class="duration-300 ease-in-out transform group-hover:scale-110">
      
      
        
  <picture>
                  <source srcset="/sites/tbi-nl/files/styles/responsive_3_2_1500w/public/usercontent/image/2023-07/hazenberg-bouwen-wervenkade_dordrecht_035.jpg.webp?itok=DpJmm9Ai 1x" media="all and (min-width: 1800px)" type="image/webp" width="1500" height="1000"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_3_2_1500w/public/usercontent/image/2023-07/hazenberg-bouwen-wervenkade_dordrecht_035.jpg.webp?itok=DpJmm9Ai 1x" media="all and (min-width: 1536px)" type="image/webp" width="1500" height="1000"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_1200w/public/usercontent/image/2023-07/hazenberg-bouwen-wervenkade_dordrecht_035.jpg.webp?itok=jlyfw-82 1x" media="all and (min-width: 1280px)" type="image/webp" width="1200" height="600"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_1200w/public/usercontent/image/2023-07/hazenberg-bouwen-wervenkade_dordrecht_035.jpg.webp?itok=jlyfw-82 1x" media="all and (min-width: 1024px)" type="image/webp" width="1200" height="600"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_900w/public/usercontent/image/2023-07/hazenberg-bouwen-wervenkade_dordrecht_035.jpg.webp?itok=Okm83q_D 1x" media="all and (min-width: 768px)" type="image/webp" width="900" height="450"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_3_2_900w/public/usercontent/image/2023-07/hazenberg-bouwen-wervenkade_dordrecht_035.jpg.webp?itok=9OYE8Jo- 1x" media="all and (max-width: 767px)" type="image/webp" width="900" height="600"/>
                  <img loading="eager" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="" />

  </picture>


  

  
    </div>

          <div class="absolute bottom-0 left-0 right-0 w-full overlay-50 bg-gradient-to-t from-gray-black to-transparent">
        <div class="absolute bottom-0 w-full pb-12 pl-12 md:pb-16 md:pl-16">
          <span class="font-bold text-white text-7lg">Bouwen<svg class="w-10 h-10 ml-8 fill-white inline-block md:ml-28" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
  <path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/>
</svg>
</span>
        </div>
      </div>
        
    </div>
  </a>
</div>

          </div>
        
                  <div  class="layout__region layout__region--third w-full md:w-1/3 md:-mr-8 md:px-8 2xl:-mr-12 2xl:px-12 flex-grow">
            
<div class="component">
  

    <a href="/verduurzamen/woning-en-wijk">
  <div class="relative overflow-hidden transform group overlay-bottom aspect-cover aspect-w-3 aspect-h-2 md:aspect-w-1 md:aspect-h-1">

    <div class="duration-300 ease-in-out transform group-hover:scale-110">
      
      
        
  <picture>
                  <source srcset="/sites/tbi-nl/files/styles/responsive_3_2_1500w/public/usercontent/image/2025-01/renovatie-tbi-026-b-kopie.jpg.webp?itok=866Hvopp 1x" media="all and (min-width: 1800px)" type="image/webp" width="1500" height="1000"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_3_2_1500w/public/usercontent/image/2025-01/renovatie-tbi-026-b-kopie.jpg.webp?itok=866Hvopp 1x" media="all and (min-width: 1536px)" type="image/webp" width="1500" height="1000"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_1200w/public/usercontent/image/2025-01/renovatie-tbi-026-b-kopie.jpg.webp?itok=jn8QS4tO 1x" media="all and (min-width: 1280px)" type="image/webp" width="1200" height="600"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_1200w/public/usercontent/image/2025-01/renovatie-tbi-026-b-kopie.jpg.webp?itok=jn8QS4tO 1x" media="all and (min-width: 1024px)" type="image/webp" width="1200" height="600"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_900w/public/usercontent/image/2025-01/renovatie-tbi-026-b-kopie.jpg.webp?itok=M6ecBLu_ 1x" media="all and (min-width: 768px)" type="image/webp" width="900" height="450"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_3_2_900w/public/usercontent/image/2025-01/renovatie-tbi-026-b-kopie.jpg.webp?itok=yMlL4MPx 1x" media="all and (max-width: 767px)" type="image/webp" width="900" height="600"/>
                  <img loading="eager" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="" />

  </picture>


  

  
    </div>

          <div class="absolute bottom-0 left-0 right-0 w-full overlay-50 bg-gradient-to-t from-gray-black to-transparent">
        <div class="absolute bottom-0 w-full pb-12 pl-12 md:pb-16 md:pl-16">
          <span class="font-bold text-white text-7lg">Verduurzamen en renoveren<svg class="w-10 h-10 ml-8 fill-white inline-block md:ml-28" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
  <path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/>
</svg>
</span>
        </div>
      </div>
        
    </div>
  </a>
</div>

          </div>
              </div>
    </div>
  </div>

</section>

      <section class="relative z-10 overflow-x-hidden">
    <div class="container space-y-12 md:px-20 2xl:px-28 md:space-y-0">
    <div class="px-8 component md:-ml-8">
      <h2 class="mb-16 heading-lg text-primary">
      Zo maken we morgen
  </h2>
    </div>
  </div>
  
      <div  class="layout layout--base--onecol layout-background-color-white relative layout__region layout__region--content layout--onecol z-10 mb-32">
    <div  class="container md:pl-20 md:pr-20 2xl:pl-28 2xl:pr-28 space-y-12 md:space-y-0">
      <div >
        

<div class="component">
  
  <div class="accent ">
      <div class="md:mr-auto md:ml-auto md:w-[63%] md:bg-accent-color ml-0">
    <div class="grid grid-cols-2 md:grid-cols-4">
          <div class="col-span-1 transform -translate-x-14 translate-y-14 md:-translate-x-28 md:-translate-y-28">
      
    </div>
        <div class="col-span-2 bg-accent-color md:bg-transparent md:col-span-4 md:ml-28 ml-0 pt-14 md:pt-0">
    <div class="mb-6 ml-6 mr-6 text-xl md:text-2xl md:ml-0 md:mr-28 md:mt-28 md:mb-8 text-accent-color">
      
      &quot;We voelen ons verantwoordelijk voor de wereld om ons heen voor de generaties van vandaag en morgen. We creëren prettige leefomgevingen die gebouw, mens en natuur verbinden. Daarom ontwikkelen, bouwen, transformeren en verduurzamen we toekomstbestendige woningen en gebouwen die het levensgeluk verhogen van de mensen die er samen leven.&quot;
  
    </div>
    <div class="pl-6 text-base pb-14 md:pb-28 md:pl-0 text-accent-color">
      
      Ruud Schapendonk, directeur Hazenberg | TBI
  
    </div>
  </div>
        </div>
  </div>
  </div>
</div>

      </div>
    </div>
  </div>

</section>

      <section class="relative z-10 overflow-x-hidden">
    



  <div  class="layout layout--base--fourcols layout-background-color-white relative layout--fourcol z-10 mb-32">
    <div  class="container md:pl-20 md:pr-20 2xl:pl-28 2xl:pr-28">
      <div  class="flex flex-col md:flex-row space-y-12 md:space-y-0">
                  <div  class="layout__region layout__region--first w-full md:w-1/4 md:-ml-8 md:px-8 2xl:-ml-8 2xl:px-8 flex-grow">
              
<div class="component">
  <div class="accent ">
  
      <div class="group">
  
        <div class="mr-16 md:mr-8">
                  <figure>
      
      <img  class="lazyload"width="100%" height="100%" src="data:image/webp;base64,UklGRv4BAABXRUJQVlA4WAoAAAAQAAAAYAAAMQAAQUxQSMMAAAABgGJt27LoxYksQpNGMsk1OpGNaGIJJA7xTzhEZ1yiu6RJ9h1cvsMzmiJiAugfutRdGJzdXOwWQ0pMhvbHeDkb2fAYBuO17Xo9lNDHeIN5KKnxZstAOuNNX5VKIILjzR+CUL1xGFcx1MdcIajHfO0IBE6HCMb8t86CL4WvjG8X3ym+XXxVfDl8Vnz0E7Bzyvn926cf8PFDsH6gI4pwIZA/AaLkhggq+wIYQzcvTTy8vo3H7Om0TrAFQXh5eSmXy9+4f+0AVlA4IBQBAADwCQCdASphADIAPm0ylEckIyIhLbVYAIANiWkACwUnVbWdZrUZQMn/KWALvqG877mhcMNFIpkgQJkdnCUfmV+OcvPuZKhrhGBFjZlqCZPb+IuIDvAF55wAAP78XSCdixoOB/6h9EnS1pC+GV9RyCTVhX/R0jLy7MsZ2skCH4uAWvUf0ddtl2Q38KwDkIiS6qkpEWZyHBfKnnAuyLXJeHHfb4oo9QBAE8Th1CS0EDh76UsOMdTz/c0g11tI/WE7cjBGKIme35fbXvGIZxCM/itybh0Fr4yTQ+UjJbwdgvP4OdkZW+Vd9bP0M+o/W7oLFK5kQRn1JsGfu24jHrU48LCweZSGniQRDfi3/z7YuaV+4AAAAAA=" data-srcset="/sites/tbi-nl/files/styles/responsive_width_300w/public/usercontent/image/2025-01/sterke-samenleving_groen-rechthoek-v2.png.webp?itok=uyC3W1Rx 300w,/sites/tbi-nl/files/styles/responsive_width_600w/public/usercontent/image/2025-01/sterke-samenleving_groen-rechthoek-v2.png.webp?itok=CTj6iRqr 600w,/sites/tbi-nl/files/styles/responsive_width_900w/public/usercontent/image/2025-01/sterke-samenleving_groen-rechthoek-v2.png.webp?itok=UOwiYN0w 900w,/sites/tbi-nl/files/styles/responsive_width_1200w/public/usercontent/image/2025-01/sterke-samenleving_groen-rechthoek-v2.png.webp?itok=k6JGQ9X9 1200w,/sites/tbi-nl/files/styles/responsive_width_1500w/public/usercontent/image/2025-01/sterke-samenleving_groen-rechthoek-v2.png.webp?itok=bV4SRkZO 1500w,/sites/tbi-nl/files/styles/responsive_width_1800w/public/usercontent/image/2025-01/sterke-samenleving_groen-rechthoek-v2.png.webp?itok=w4jf-4uF 1800w" sizes=&quot;(min-width: 320px) 100vw&quot; />

  

  </figure>
                  </div>
  
          <div class="block p-8 ml-16 transform bg-accent-color -translate-y-28 md:-translate-y-8 md:ml-8">
      <h3 class="mb-4 font-bold heading-sm md:text-2sm text-accent-title">
      Sterke samenleving
  </h3>
    <p class="m-0 text-2lg md:text-sm text-accent-color"></p>
          </div>
      
    </div>
  </div>
</div>

          </div>
        
                  <div  class="layout__region layout__region--second w-full md:w-1/4 md:px-8 2xl:px-8 flex-grow">
              
<div class="component">
  <div class="accent ">
  
      <div class="group">
  
        <div class="mr-16 md:mr-8">
                  <figure>
      
      <img  class="lazyload"width="100%" height="100%" src="data:image/webp;base64,UklGRvYBAABXRUJQVlA4WAoAAAAQAAAAYAAAMQAAQUxQSMgAAAABgGNt2/HojbMQfVW0AusvU2UZqVJx6qmMBcwizNI2Ktux+Z7/GVYRMQH0D130rd9lcpm79QGBKXpVafcmiif2Uuk4HgxCGat0cwLKXKW7+2ocT5VuvywsgOitdP8ChKPCuY7hlKUCQarwhhGsM20D0FfYS7KL4BvHt8xXkd0pvnN8x/iW8A3gc+Kjn4CXSRJCfoYlHgHBkkNHJLEQyJ8AkdSVXIagZkqdZTJgPj4y6JqKmcOLTOZlYaSHYMfj8c3NzZ6e79y/dlZQOCAIAQAAkAkAnQEqYQAyAD5tMpRGpCMiIS22qACADYlpAAPnIueZ+U/m/ZLxv5rwDAn5zjr1QLPsy9qhy/0qtHKDa/c16SgOJ0RwUKbUdGDDvPFzpnukFG7JgAD+/F0gyCu/6BjtSV+rYNXmW7ctgrY+31z/gRnSCp9AOViF28ILopyvndH/yep3b1cjTxWqquj7qcqcJD7m//T9Y2vLSh1zlbb2ZbDX8elcNXK9JMnDbHVH2ohiO4JJrXYaUJJ8X3rZYuoPdrqA9xfPPQtxVFIB9KOu/J1yy6UesuAG8DExErgpXjnqWIMm7tkedcwAJUERvrGA1WXSoJlqgWMbpivjdMX/0NxruUAAAAAA" data-srcset="/sites/tbi-nl/files/styles/responsive_width_300w/public/usercontent/image/2025-01/prettige-leefomgevingen-copy-2-rechthoek-v2.png.webp?itok=7Z3KRDDi 300w,/sites/tbi-nl/files/styles/responsive_width_600w/public/usercontent/image/2025-01/prettige-leefomgevingen-copy-2-rechthoek-v2.png.webp?itok=cxcU0dn6 600w,/sites/tbi-nl/files/styles/responsive_width_900w/public/usercontent/image/2025-01/prettige-leefomgevingen-copy-2-rechthoek-v2.png.webp?itok=IJeiefXW 900w,/sites/tbi-nl/files/styles/responsive_width_1200w/public/usercontent/image/2025-01/prettige-leefomgevingen-copy-2-rechthoek-v2.png.webp?itok=xi2vVCFQ 1200w,/sites/tbi-nl/files/styles/responsive_width_1500w/public/usercontent/image/2025-01/prettige-leefomgevingen-copy-2-rechthoek-v2.png.webp?itok=GTFJtVEJ 1500w,/sites/tbi-nl/files/styles/responsive_width_1800w/public/usercontent/image/2025-01/prettige-leefomgevingen-copy-2-rechthoek-v2.png.webp?itok=Sbc924RI 1800w" sizes=&quot;(min-width: 320px) 100vw&quot; />

  

  </figure>
                  </div>
  
          <div class="block p-8 ml-16 transform bg-accent-color -translate-y-28 md:-translate-y-8 md:ml-8">
      <h3 class="mb-4 font-bold heading-sm md:text-2sm text-accent-title">
      Prettige leefomgevingen
  </h3>
    <p class="m-0 text-2lg md:text-sm text-accent-color"></p>
          </div>
      
    </div>
  </div>
</div>

          </div>
        
                  <div  class="layout__region layout__region--third w-full md:w-1/4 md:px-8 2xl:px-8 flex-grow">
              
<div class="component">
  <div class="accent ">
  
      <div class="group">
  
        <div class="mr-16 md:mr-8">
                  <figure>
      
      <img  class="lazyload"width="100%" height="100%" src="data:image/webp;base64,UklGRg4CAABXRUJQVlA4WAoAAAAQAAAAYAAAMQAAQUxQSMcAAAABgGLb1vLmC0cyyMiMIToKB8EMU4hGGcUoU+bKympUqJi5DcNb3y2qiJgA9h/dGKttbq1XAgZQmsJVZ/RZXoFH0e5MLBeLoVgeOpNfmaEkOtP1AFnuTLvm8YBwdqafAqF4IngKYdjskEIwdWgNCNaJWgDEHeq7O+6sZE/8Vcje+Nsm63S4O8R3+gPYwbeIL4ZPg499ARWipNXKn+uOxgohB4+xBgkD+RNg4vkpMag/gUFz423I280hg31wcPDx8bG3t/eN+9cOAFZQOCAgAQAAMAoAnQEqYQAyAD5tMpVHJCMiIS21WACADYlpAAUTPu6Wa1GUVriFwUEpvVMSAKJC0nHyA4D6/ASvUXaWqwOG2P/UtrkCJ3CM02uB46Tdlob9jNhE/9s0RV+AAP78XSDauj/y0vB4Gv2KNtNTn1G0UtSP/1SOP36x9hzi4EOv+safKOx7c5fVd1rAJgeO901CO/gnOsNgqrNEd2eM7gsLFhPJ6C7Z2pzJNBnnRGjvNoPfYNfCey2S+60eUL+uDaePZgsebpRDP0Ty68AhfXtvw8CcZ2pTe/7NEYqNqniCgU45yhQsbiWUij+o/4PbtUImldrBNZZxvi8SGvjBobn2CZ48gkuGoGDUHr031S7jbFhFGv/G0PWj/z7XTXgAAAAA" data-srcset="/sites/tbi-nl/files/styles/responsive_width_300w/public/usercontent/image/2025-01/gezonde-wereld_groen-rechthoek-v2.png.webp?itok=4y1Vy4rn 300w,/sites/tbi-nl/files/styles/responsive_width_600w/public/usercontent/image/2025-01/gezonde-wereld_groen-rechthoek-v2.png.webp?itok=W1bLh5F1 600w,/sites/tbi-nl/files/styles/responsive_width_900w/public/usercontent/image/2025-01/gezonde-wereld_groen-rechthoek-v2.png.webp?itok=75qKAvhU 900w,/sites/tbi-nl/files/styles/responsive_width_1200w/public/usercontent/image/2025-01/gezonde-wereld_groen-rechthoek-v2.png.webp?itok=i_tXImjU 1200w,/sites/tbi-nl/files/styles/responsive_width_1500w/public/usercontent/image/2025-01/gezonde-wereld_groen-rechthoek-v2.png.webp?itok=7z88YdyC 1500w,/sites/tbi-nl/files/styles/responsive_width_1800w/public/usercontent/image/2025-01/gezonde-wereld_groen-rechthoek-v2.png.webp?itok=IqbjOlak 1800w" sizes=&quot;(min-width: 320px) 100vw&quot; />

  

  </figure>
                  </div>
  
          <div class="block p-8 ml-16 transform bg-accent-color -translate-y-28 md:-translate-y-8 md:ml-8">
      <h3 class="mb-4 font-bold heading-sm md:text-2sm text-accent-title">
      Gezonde wereld
  </h3>
    <p class="m-0 text-2lg md:text-sm text-accent-color"></p>
          </div>
      
    </div>
  </div>
</div>

          </div>
        
                  <div  class="layout__region layout__region--fourth w-full md:w-1/4 md:-mr-8 md:px-8 2xl:-mr-8 2xl:px-8 flex-grow">
              
<div class="component">
  <div class="accent ">
  
      <div class="group">
  
        <div class="mr-16 md:mr-8">
                <a href="/over-ons" target="_self">
            <figure>
      
      <img  class="lazyload"width="100%" height="100%" src="data:image/webp;base64,UklGRvoBAABXRUJQVlA4WAoAAAAQAAAAYAAAMQAAQUxQSMsAAAABgCJr27Ll+d0VjSzANZN1BUT7EsMCPP6R6K4LILlmdyJDcvdnfpdn3htNETEB9B89WxuZ21iYaM4B5ey+CMa/GcnGY+3jYLJeqxVK8U0w+ZdaKHUcTGkXkL5gqhdaW0GUB1M/A8J4I8ABDGNBUQjpLJOPYCQou4IgKP3xoVyuGKvXJRZUb1YuqNwmvkN8u/hW8PXgq8RnxEdfQIvQlKapV3Emo0Goh0cUECGQPwGikRQR1J9AdP7AG0d9PJwT7MPDQ2Y+PT39xv1rBwBWUDggCAEAABAJAJ0BKmEAMgA+bTKVRyQjIiEttAgAgA2JaQAD5jKu+FvUh/RPIY4hsge694hwGK5GBuA2ZyuFum0Xz9JOXQHIBdx0zxhCvaAAnxOzYvFNQAD+/F0g2ro/8ZSbs0Px82Y9fvKUK6SbLFB/wi0lIJm/mt1lP6xHLT0rR/8uKfsP50wZkVtgcyk2CVirKDTCsYOL3jktas5eWe3FAFgqDLD1sYCAmxAPa9JBfuU6YcehWNl3bevT6VZ7C+/AdJendTLbKR8mBewaMYeCkiNDin92Qb2Cma7lN7kAb7ZTtB7w/zotmFhegaFvonsdio0DCw9t1fCYpQYqLZbou7VJ/8+oepYAAAAAAA==" data-srcset="/sites/tbi-nl/files/styles/responsive_width_300w/public/usercontent/image/2025-01/toekomstbestendige-gebouwen_groen-rechthoek-v2.png.webp?itok=unWAH7NM 300w,/sites/tbi-nl/files/styles/responsive_width_600w/public/usercontent/image/2025-01/toekomstbestendige-gebouwen_groen-rechthoek-v2.png.webp?itok=iNx7jzl8 600w,/sites/tbi-nl/files/styles/responsive_width_900w/public/usercontent/image/2025-01/toekomstbestendige-gebouwen_groen-rechthoek-v2.png.webp?itok=c65W5fZv 900w,/sites/tbi-nl/files/styles/responsive_width_1200w/public/usercontent/image/2025-01/toekomstbestendige-gebouwen_groen-rechthoek-v2.png.webp?itok=Yyd-7q-d 1200w,/sites/tbi-nl/files/styles/responsive_width_1500w/public/usercontent/image/2025-01/toekomstbestendige-gebouwen_groen-rechthoek-v2.png.webp?itok=cMCFeclz 1500w,/sites/tbi-nl/files/styles/responsive_width_1800w/public/usercontent/image/2025-01/toekomstbestendige-gebouwen_groen-rechthoek-v2.png.webp?itok=Wj6-JFp- 1800w" sizes=&quot;(min-width: 320px) 100vw&quot; />

  

  </figure>
              </a>
              </div>
  
          <a href="/over-ons" target="_self" class="block p-8 pr-[36px] ml-16 transform bg-accent-color -translate-y-28 md:-translate-y-8 md:ml-8">
      <h3 class="mb-4 font-bold heading-sm md:text-2sm text-accent-title">
      Toekomstbestendige gebouwen
  </h3>
    <p class="m-0 text-2lg md:text-sm text-accent-color"></p>
            <div class="button button--primary mt-10">
          Lees ons verhaal
          <svg class="fill-white h-10 w-10 ml-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
  <path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/>
</svg>

        </div>
      </a>
      
    </div>
  </div>
</div>

          </div>
              </div>
    </div>
  </div>

</section>

      <section class="relative z-10 overflow-x-hidden">
      <div  class="layout layout--base--onecol layout-background-color-gray relative layout__region layout__region--content layout--onecol z-10 mb-32">
    <div  class="container md:pl-20 md:pr-20 2xl:pl-28 2xl:pr-28 space-y-12 md:space-y-0">
      <div >
        
                                          
<div class="component">
  
  <div class="accent ">
    <h2 class="px-8 mb-16 heading-lg text-primary md:-ml-8">
      Wat we maken
  </h2>
              







            <div class="flex flex-col md:flex-row mb-16 gap-28 md:mb-28 twocol gap-24 md:mb-40 fourcol">
      

<a class="flex-1 md:h-full md:flex md:flex-col md:justify-between group" href="/projecten/poort-van-stappegoor-tilburg">
    <div class="mr-16 md:ml-0 card_image">
    <div class="inner">
      
      
        
  <picture>
                  <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2024-01/poort-van-stappegoor-tilburg-1.jpg.webp?itok=OFGw3OLz 1x" media="all and (min-width: 1800px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2024-01/poort-van-stappegoor-tilburg-1.jpg.webp?itok=OFGw3OLz 1x" media="all and (min-width: 1536px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2024-01/poort-van-stappegoor-tilburg-1.jpg.webp?itok=OFGw3OLz 1x" media="all and (min-width: 1280px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2024-01/poort-van-stappegoor-tilburg-1.jpg.webp?itok=OFGw3OLz 1x" media="all and (min-width: 1024px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_300w/public/usercontent/image/2024-01/poort-van-stappegoor-tilburg-1.jpg.webp?itok=mxJdNxgF 1x" media="all and (min-width: 768px)" type="image/webp" width="300" height="150"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_900w/public/usercontent/image/2024-01/poort-van-stappegoor-tilburg-1.jpg.webp?itok=iX-Ck06v 1x" media="all and (max-width: 767px)" type="image/webp" width="900" height="450"/>
                  <img loading="eager" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="" />

  </picture>


  

  
    </div>
  </div>
  <div class="p-8 pr-24 ml-16 mr-0 transition duration-300 ease-in-out transform -translate-y-16 md:h-full md:flex md:flex-col md:justify-between bg-accent-color md:pr-72 news-card_title md:p-20 md:col-span-3 md:ml-28 md:-translate-y-28">
    <h3 class="mb-8 font-bold md:mb-16 text-3lg md:heading-md text-accent-title"><span>Poort van Stappegoor Tilburg</span>
</h3>
        <span class="hidden text-xs location text-gray-black">
      Tilburg
  </span>
    <svg class="absolute w-10 h-10 transition duration-300 transform ml-28 md:ml-40 bottom-8 right-8 group-hover:translate-x-1 fill-cta" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/></svg>
      </div>
</a>

      

<a class="flex-1 md:h-full md:flex md:flex-col md:justify-between group" href="/projecten/city-tilburg">
    <div class="mr-16 md:ml-0 card_image">
    <div class="inner">
      
      
        
  <picture>
                  <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2024-08/the-city_tilburg_juli-2024_pano-52-lr.jpg.webp?itok=HTKGUmnG 1x" media="all and (min-width: 1800px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2024-08/the-city_tilburg_juli-2024_pano-52-lr.jpg.webp?itok=HTKGUmnG 1x" media="all and (min-width: 1536px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2024-08/the-city_tilburg_juli-2024_pano-52-lr.jpg.webp?itok=HTKGUmnG 1x" media="all and (min-width: 1280px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2024-08/the-city_tilburg_juli-2024_pano-52-lr.jpg.webp?itok=HTKGUmnG 1x" media="all and (min-width: 1024px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_300w/public/usercontent/image/2024-08/the-city_tilburg_juli-2024_pano-52-lr.jpg.webp?itok=YNnTDe3y 1x" media="all and (min-width: 768px)" type="image/webp" width="300" height="150"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_900w/public/usercontent/image/2024-08/the-city_tilburg_juli-2024_pano-52-lr.jpg.webp?itok=GEG5YaFg 1x" media="all and (max-width: 767px)" type="image/webp" width="900" height="450"/>
                  <img loading="eager" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="" />

  </picture>


  

  
    </div>
  </div>
  <div class="p-8 pr-24 ml-16 mr-0 transition duration-300 ease-in-out transform -translate-y-16 md:h-full md:flex md:flex-col md:justify-between bg-accent-color md:pr-72 news-card_title md:p-20 md:col-span-3 md:ml-28 md:-translate-y-28">
    <h3 class="mb-8 font-bold md:mb-16 text-3lg md:heading-md text-accent-title"><span>The City Tilburg</span>
</h3>
        <span class="hidden text-xs location text-gray-black">
      Tilburg
  </span>
    <svg class="absolute w-10 h-10 transition duration-300 transform ml-28 md:ml-40 bottom-8 right-8 group-hover:translate-x-1 fill-cta" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/></svg>
      </div>
</a>

      

<a class="flex-1 md:h-full md:flex md:flex-col md:justify-between group" href="/projecten/corporatiewoningen-zanddonk-zuid-waalwijk">
    <div class="mr-16 md:ml-0 card_image">
    <div class="inner">
      
      
        
  <picture>
                  <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2023-05/hazenberg-verduurzaming-98-woningen-waalwijk-situatie-na_002_mr_0.jpg.webp?itok=Ku_maJnD 1x" media="all and (min-width: 1800px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2023-05/hazenberg-verduurzaming-98-woningen-waalwijk-situatie-na_002_mr_0.jpg.webp?itok=Ku_maJnD 1x" media="all and (min-width: 1536px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2023-05/hazenberg-verduurzaming-98-woningen-waalwijk-situatie-na_002_mr_0.jpg.webp?itok=Ku_maJnD 1x" media="all and (min-width: 1280px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2023-05/hazenberg-verduurzaming-98-woningen-waalwijk-situatie-na_002_mr_0.jpg.webp?itok=Ku_maJnD 1x" media="all and (min-width: 1024px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_300w/public/usercontent/image/2023-05/hazenberg-verduurzaming-98-woningen-waalwijk-situatie-na_002_mr_0.jpg.webp?itok=ZxPCN9fR 1x" media="all and (min-width: 768px)" type="image/webp" width="300" height="150"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_900w/public/usercontent/image/2023-05/hazenberg-verduurzaming-98-woningen-waalwijk-situatie-na_002_mr_0.jpg.webp?itok=AFscKpOn 1x" media="all and (max-width: 767px)" type="image/webp" width="900" height="450"/>
                  <img loading="eager" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="" />

  </picture>


  

  
    </div>
  </div>
  <div class="p-8 pr-24 ml-16 mr-0 transition duration-300 ease-in-out transform -translate-y-16 md:h-full md:flex md:flex-col md:justify-between bg-accent-color md:pr-72 news-card_title md:p-20 md:col-span-3 md:ml-28 md:-translate-y-28">
    <h3 class="mb-8 font-bold md:mb-16 text-3lg md:heading-md text-accent-title"><span>Corporatiewoningen Zanddonk-Zuid Waalwijk</span>
</h3>
        <span class="hidden text-xs location text-gray-black">
      Waalwijk
  </span>
    <svg class="absolute w-10 h-10 transition duration-300 transform ml-28 md:ml-40 bottom-8 right-8 group-hover:translate-x-1 fill-cta" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/></svg>
      </div>
</a>

      

<a class="flex-1 md:h-full md:flex md:flex-col md:justify-between group" href="/projecten/vredeoord-eindhoven">
    <div class="mr-16 md:ml-0 card_image">
    <div class="inner">
      
      
        
  <picture>
                  <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2023-05/hazenberg-gebiedsontwikkeling-vredeoord-eindhoven-20210528_0001-9352.jpg.webp?itok=lB3MqE2m 1x" media="all and (min-width: 1800px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2023-05/hazenberg-gebiedsontwikkeling-vredeoord-eindhoven-20210528_0001-9352.jpg.webp?itok=lB3MqE2m 1x" media="all and (min-width: 1536px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2023-05/hazenberg-gebiedsontwikkeling-vredeoord-eindhoven-20210528_0001-9352.jpg.webp?itok=lB3MqE2m 1x" media="all and (min-width: 1280px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2023-05/hazenberg-gebiedsontwikkeling-vredeoord-eindhoven-20210528_0001-9352.jpg.webp?itok=lB3MqE2m 1x" media="all and (min-width: 1024px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_300w/public/usercontent/image/2023-05/hazenberg-gebiedsontwikkeling-vredeoord-eindhoven-20210528_0001-9352.jpg.webp?itok=q-IjPq5r 1x" media="all and (min-width: 768px)" type="image/webp" width="300" height="150"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_900w/public/usercontent/image/2023-05/hazenberg-gebiedsontwikkeling-vredeoord-eindhoven-20210528_0001-9352.jpg.webp?itok=y0mDObay 1x" media="all and (max-width: 767px)" type="image/webp" width="900" height="450"/>
                  <img loading="eager" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="" />

  </picture>


  

  
    </div>
  </div>
  <div class="p-8 pr-24 ml-16 mr-0 transition duration-300 ease-in-out transform -translate-y-16 md:h-full md:flex md:flex-col md:justify-between bg-accent-color md:pr-72 news-card_title md:p-20 md:col-span-3 md:ml-28 md:-translate-y-28">
    <h3 class="mb-8 font-bold md:mb-16 text-3lg md:heading-md text-accent-title"><span>Vredeoord Eindhoven</span>
</h3>
        <span class="hidden text-xs location text-gray-black">
      Eindhoven
  </span>
    <svg class="absolute w-10 h-10 transition duration-300 transform ml-28 md:ml-40 bottom-8 right-8 group-hover:translate-x-1 fill-cta" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/></svg>
      </div>
</a>

    </div>












        <div class="text-center">
      
    </div>
  </div>
</div>

      </div>
    </div>
  </div>

</section>

      <section class="relative z-10 overflow-x-hidden">
    
  <div  class="layout layout--base--twocols layout-background-color-white layout--base--twocols--50-50 relative layout--twocol z-10 mb-32">
    <div  class="container md:pl-20 md:pr-20 2xl:pl-28 2xl:pr-28">
      <div  class="flex flex-col md:flex-row justify-between space-y-12 md:space-y-0">
                  <div  class="layout__region layout__region--first w-full md:w-1/2 md:-ml-8 md:px-8 2xl:-ml-14 2xl:px-14 flex-grow">
            
<div class="component external-url" x-data="{ init() { targetBlank(); } }">
  
  <div class="accent ">
  
      <div class="bg-accent-color">
    
        <div class="px-16 py-16 wysiwyg-padding wysiwyg prose-mobile md:prose-lg text-accent-color">
    
      <h2>Aan de slag bij Hazenberg&nbsp;</h2>
<p>Bij Hazenberg werken we aan een duurzame bouwwereld en zijn we koploper in innovatie. Onze collega's dragen bij vanuit hun eigen expertise aan unieke projecten, van nieuwbouw tot transformatie. Als onderdeel van TBI combineren we de voordelen van een groot concern met de gezelligheid van een familiebedrijf. Zo maken we morgen.&nbsp;</p>
<p>&nbsp;</p>

  
  </div>
      <div class="ml-16 wysiwyg-button md:ml-0">
    
      <a href="/werken-bij" class="button button--cta button--has-icon button--has-icon-right mb-16 font-bold group">
      Werken bij Hazenberg
      <svg class="w-10 h-10 ml-28 md:ml-40 fill-white group-hover:fill-accent-hover transition-all duration-300 ease-in-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
  <path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/>
</svg>

    </a>
  </div>
          
    </div>
  </div>
</div>

          </div>
                          <div  class="layout__region layout__region--second w-full md:w-1/2 md:-mr-8 md:px-8 2xl:-mr-14 2xl:px-14 flex-grow">
              
  <div class="component ">
  <div class="accent ">
  
      <div class="group">
  
    <div class="">
                      <figure>
      
      <img  class="lazyload"width="100%" height="100%" src="data:image/webp;base64,UklGRoACAABXRUJQVlA4IHQCAAAwEACdASpBADIAPmEmjkWkIiEb/d2YQAYEtIAJ71xU8+IljN9mhPq1Ne0geWeG+2Sf/7z5O3QaSKH7Ex/CSKqs3gYBraNEhy8vChUfqLLM1NRoh1j+m7JPnWi2PtCVhxSLdpOn5K/vSegoFZseh7ttG2CgYlW3WlZWXkXC6WaLS+m/5+Ll6AKF4AAA/q7fLElOp+t+y2r2bcllh084csAOwhMDEN4N5RK+++u0fRFdmi4VamOlweagFsZUTeY6pYzLjE7kxN/QtU4ODwYXbTZeQY3J5u02Nks3jK2KK4AYPB2B3kcbU6sojtiGKCArgtthqhcMxh0h8RvFnhtMjz+yswDFBNbDXZX33X9Nl1DaVjZ7XMMzLS1AWAQ0YXCpk+5swB4lX3BkG/3ByzXeCDuW9ebI8IpZduPxBp+W9k/LDpLWgEoslQ+w1DIrSCq5KRXJdywUVdECEX9Vj3PEei6vPnR1ycL8gqL/PU6EEQciNREuphEYJhpfoTbrsYOXglHVK+hWq5ov6lWUIwXF013bUkjZAvadTWJTKUla+nfBnYQtGaYmKBzh9pBZjPv/SiPWFf++rHIh9mslS8UUoDScyyD4UZltQZTsQH1kcX9gRIhSViHqNvbyN0cPRQSCrUv4rppXd9hdd8q+GXjfq75Kq/Y5PhjBfZZ6HB1a/YOAumFD8zVBeX0qvhLPIRd0kh5TYjAEnzNXp5mZEeVdxVyFtyt6TyV4rHZLI32HJgK0Zw+wUO32QYLVXQykV/j3Jet6iespqBQa9jDDd0KmyAMPwinlYyCgbD6GA99rPJnqJgU4loJKdwHo2XEwaBFj91TwAAAA" data-srcset="/sites/tbi-nl/files/styles/responsive_width_300w/public/usercontent/image/2023-07/hzenberg-medewerkers-deelname-vestingloop-2021.jpg.webp?itok=zq_Qi0da 300w,/sites/tbi-nl/files/styles/responsive_width_600w/public/usercontent/image/2023-07/hzenberg-medewerkers-deelname-vestingloop-2021.jpg.webp?itok=m1oeeSxR 600w,/sites/tbi-nl/files/styles/responsive_width_900w/public/usercontent/image/2023-07/hzenberg-medewerkers-deelname-vestingloop-2021.jpg.webp?itok=hjCNIDZ1 900w,/sites/tbi-nl/files/styles/responsive_width_1200w/public/usercontent/image/2023-07/hzenberg-medewerkers-deelname-vestingloop-2021.jpg.webp?itok=uNyOE9iO 1200w,/sites/tbi-nl/files/styles/responsive_width_1500w/public/usercontent/image/2023-07/hzenberg-medewerkers-deelname-vestingloop-2021.jpg.webp?itok=F_W6csfN 1500w,/sites/tbi-nl/files/styles/responsive_width_1800w/public/usercontent/image/2023-07/hzenberg-medewerkers-deelname-vestingloop-2021.jpg.webp?itok=CVQjmcf3 1800w" sizes=&quot;(min-width: 320px) 100vw&quot; />

  

  </figure>
                  </div>

          
    </div>
  </div>
</div>

          </div>
              </div>
    </div>
  </div>

</section>

      <section class="relative z-10 overflow-x-hidden">
      <div  class="layout layout--base--onecol layout-background-color-gray relative layout__region layout__region--content layout--onecol z-10 mb-32">
    <div  class="container md:pl-20 md:pr-20 2xl:pl-28 2xl:pr-28 space-y-12 md:space-y-0">
      <div >
        
    
<div class="component">
  
  <div class="accent active">
    <div class="news-cards">
    <h2 class="mb-16 heading-lg text-primary">
      In het nieuws
  </h2>
                  







            <div class="flex flex-col md:flex-row mb-16 gap-28 md:mb-28 twocol gap-24 md:mb-40 fourcol">
      




<a class="flex-1 md:flex md:flex-col md:justify-between group" href="/nieuws/veiligheidsontbijt-samen-bewust-van-onbewust-gedrag">
    <div class="mr-16 md:ml-0 card_image">
    <div class="inner">
              
      
        
  <picture>
                  <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2025-01/dscf2100.jpg.webp?itok=T132Hl4m 1x" media="all and (min-width: 1800px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2025-01/dscf2100.jpg.webp?itok=T132Hl4m 1x" media="all and (min-width: 1536px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2025-01/dscf2100.jpg.webp?itok=T132Hl4m 1x" media="all and (min-width: 1280px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2025-01/dscf2100.jpg.webp?itok=T132Hl4m 1x" media="all and (min-width: 1024px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_300w/public/usercontent/image/2025-01/dscf2100.jpg.webp?itok=S_l5Zbcy 1x" media="all and (min-width: 768px)" type="image/webp" width="300" height="150"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_900w/public/usercontent/image/2025-01/dscf2100.jpg.webp?itok=MpiMmsuK 1x" media="all and (max-width: 767px)" type="image/webp" width="900" height="450"/>
                  <img loading="eager" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="" />

  </picture>


  

  
          </div>
  </div>
  <div class="p-8 pr-24 ml-16 mr-0 transition duration-300 ease-in-out transform -translate-y-16 md:h-full md:flex md:flex-col md:justify-between bg-accent-color md:pr-72 news-card_title md:p-20 md:col-span-3 md:ml-28 md:-translate-y-28">
    <h3 class="mb-4 font-bold text-3lg md:heading-md text-accent-title"><span>Veiligheidsontbijt - samen bewust van onbewust gedrag</span>
</h3>
    <p class="text-sm text-gray-darker">30 januari 2025
 <svg class="w-10 h-10 ml-28 md:ml-40 fill-accent-color absolute bottom-8 right-8 transform transition duration-300 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
  <path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/>
</svg>
</p>
  </div>
</a>

      




<a class="flex-1 md:flex md:flex-col md:justify-between group" href="/nieuws/innovatie-biobased-vloerrenovatie">
    <div class="mr-16 md:ml-0 card_image">
    <div class="inner">
              
      
        
  <picture>
                  <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2025-01/dscf0483_0.jpg.webp?itok=Ovi5Hc-D 1x" media="all and (min-width: 1800px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2025-01/dscf0483_0.jpg.webp?itok=Ovi5Hc-D 1x" media="all and (min-width: 1536px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2025-01/dscf0483_0.jpg.webp?itok=Ovi5Hc-D 1x" media="all and (min-width: 1280px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2025-01/dscf0483_0.jpg.webp?itok=Ovi5Hc-D 1x" media="all and (min-width: 1024px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_300w/public/usercontent/image/2025-01/dscf0483_0.jpg.webp?itok=ayUArlti 1x" media="all and (min-width: 768px)" type="image/webp" width="300" height="150"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_900w/public/usercontent/image/2025-01/dscf0483_0.jpg.webp?itok=2S4hOp8a 1x" media="all and (max-width: 767px)" type="image/webp" width="900" height="450"/>
                  <img loading="eager" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="" />

  </picture>


  

  
          </div>
  </div>
  <div class="p-8 pr-24 ml-16 mr-0 transition duration-300 ease-in-out transform -translate-y-16 md:h-full md:flex md:flex-col md:justify-between bg-accent-color md:pr-72 news-card_title md:p-20 md:col-span-3 md:ml-28 md:-translate-y-28">
    <h3 class="mb-4 font-bold text-3lg md:heading-md text-accent-title"><span>Innovatie in biobased vloerrenovatie</span>
</h3>
    <p class="text-sm text-gray-darker">29 januari 2025
 <svg class="w-10 h-10 ml-28 md:ml-40 fill-accent-color absolute bottom-8 right-8 transform transition duration-300 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
  <path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/>
</svg>
</p>
  </div>
</a>

      




<a class="flex-1 md:flex md:flex-col md:justify-between group" href="/nieuws/inspirerende-dag-voor-jongeren-van-hazenberg">
    <div class="mr-16 md:ml-0 card_image">
    <div class="inner">
              
      
        
  <picture>
                  <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2025-01/afbeelding-20250121-142659-6e49429d.jpg.webp?itok=W9HIcCBI 1x" media="all and (min-width: 1800px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2025-01/afbeelding-20250121-142659-6e49429d.jpg.webp?itok=W9HIcCBI 1x" media="all and (min-width: 1536px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2025-01/afbeelding-20250121-142659-6e49429d.jpg.webp?itok=W9HIcCBI 1x" media="all and (min-width: 1280px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2025-01/afbeelding-20250121-142659-6e49429d.jpg.webp?itok=W9HIcCBI 1x" media="all and (min-width: 1024px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_300w/public/usercontent/image/2025-01/afbeelding-20250121-142659-6e49429d.jpg.webp?itok=27EE3nP- 1x" media="all and (min-width: 768px)" type="image/webp" width="300" height="150"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_900w/public/usercontent/image/2025-01/afbeelding-20250121-142659-6e49429d.jpg.webp?itok=Xx4ZNhe0 1x" media="all and (max-width: 767px)" type="image/webp" width="900" height="450"/>
                  <img loading="eager" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="" />

  </picture>


  

  
          </div>
  </div>
  <div class="p-8 pr-24 ml-16 mr-0 transition duration-300 ease-in-out transform -translate-y-16 md:h-full md:flex md:flex-col md:justify-between bg-accent-color md:pr-72 news-card_title md:p-20 md:col-span-3 md:ml-28 md:-translate-y-28">
    <h3 class="mb-4 font-bold text-3lg md:heading-md text-accent-title"><span>Inspirerende dag voor jongeren van Hazenberg</span>
</h3>
    <p class="text-sm text-gray-darker">24 januari 2025
 <svg class="w-10 h-10 ml-28 md:ml-40 fill-accent-color absolute bottom-8 right-8 transform transition duration-300 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
  <path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/>
</svg>
</p>
  </div>
</a>

      




<a class="flex-1 md:flex md:flex-col md:justify-between group" href="/nieuws/eigenzinnig-wonen-ontmoeten-en-verbinden-een-groene-omgeving">
    <div class="mr-16 md:ml-0 card_image">
    <div class="inner">
              
      
        
  <picture>
                  <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2024-12/1-copy-groosman.jpg.webp?itok=OOgH93QQ 1x" media="all and (min-width: 1800px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2024-12/1-copy-groosman.jpg.webp?itok=OOgH93QQ 1x" media="all and (min-width: 1536px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2024-12/1-copy-groosman.jpg.webp?itok=OOgH93QQ 1x" media="all and (min-width: 1280px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_1_1_300w/public/usercontent/image/2024-12/1-copy-groosman.jpg.webp?itok=OOgH93QQ 1x" media="all and (min-width: 1024px)" type="image/webp" width="300" height="300"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_300w/public/usercontent/image/2024-12/1-copy-groosman.jpg.webp?itok=C0eFFhGa 1x" media="all and (min-width: 768px)" type="image/webp" width="300" height="150"/>
              <source srcset="/sites/tbi-nl/files/styles/responsive_2_1_900w/public/usercontent/image/2024-12/1-copy-groosman.jpg.webp?itok=TOQLgFeG 1x" media="all and (max-width: 767px)" type="image/webp" width="900" height="450"/>
                  <img loading="eager" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="" />

  </picture>


  

  
          </div>
  </div>
  <div class="p-8 pr-24 ml-16 mr-0 transition duration-300 ease-in-out transform -translate-y-16 md:h-full md:flex md:flex-col md:justify-between bg-accent-color md:pr-72 news-card_title md:p-20 md:col-span-3 md:ml-28 md:-translate-y-28">
    <h3 class="mb-4 font-bold text-3lg md:heading-md text-accent-title"><span>Eigenzinnig wonen, ontmoeten en verbinden in een groene omgeving </span>
</h3>
    <p class="text-sm text-gray-darker">20 december 2024
 <svg class="w-10 h-10 ml-28 md:ml-40 fill-accent-color absolute bottom-8 right-8 transform transition duration-300 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
  <path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/>
</svg>
</p>
  </div>
</a>

    </div>












            <div class="text-center">
        
<div class="inline-block group">
  <a href="/nieuws" class="button button--ghost button--has-icon button--has-icon-right font-bold w-full md:w-auto" target="_self">
    Alle nieuwsberichten
    <svg class="w-10 min-w-[1.25rem] h-10 ml-28 md:ml-40 fill-cta transition-all duration-300 ease-in-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
  <path d="M0 8.737v2.526h15.152l-6.945 6.944L10 20l10-10L10 0 8.207 1.793l6.945 6.944z" fill-rule="nonzero"/>
</svg>

  </a>
</div>

      </div>
    </div>
  </div>
</div>

      </div>
    </div>
  </div>

</section>

  
  </div>
</article>

  </div>


          </div>
  </main>
  <footer class="bg-footer">
    <div class="footer-svg"></div>
    <div class="container px-16 md:pl-20 md:pr-20 2xl:pl-28 2xl:pr-28 md:px-0 pt-14 md:pt-28 pb-14 md:pb-28" x-data="{ open: 0 }">
      <div class="grid grid-cols-12 footer-menu">
                
  
                    <div class="z-10 col-span-12 sm:col-span-6 lg:col-span-3">
                                <div role="button" tabIndex="0" @click="open !== 1 ? open = 1 : open = null" class="flex items-center justify-between mb-16 md:mb-8 sm:pointer-events-none">
                <h2 class="text-xl title-footer">Wat wij doen</h2>
                <div class="relative flex items-center justify-center w-16 h-16 sm:hidden">
                  <span class="absolute w-2.5 h-16 transition duration-300 ease-in-out bg-cta" :class="open === 1 && 'transform rotate-90'"></span>
                  <span class="absolute w-16 h-2.5 bg-cta"></span>
                </div>
              </div>
                                <ul class="overflow-hidden list-none transition-all duration-300 max-h-0 sm:max-h-full sm:overflow-visible" x-ref="item_1" :style="open === 1 ? 'max-height: ' + $refs.item_1.scrollHeight + 'px' : ''">
                                        <li class="mb-3 last:mb-20 sm:last:mb-7 md:last:mb-0 first:mt-5">
                      <a href="/ontwikkelen" class="pb-1 transition-all duration-300 ease-in-out link-footer leading-[2.25rem] hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline" data-drupal-link-system-path="node/995">Ontwikkelen</a>
                    </li>
                                        <li class="mb-3 last:mb-20 sm:last:mb-7 md:last:mb-0 first:mt-5">
                      <a href="/bouwen" class="pb-1 transition-all duration-300 ease-in-out link-footer leading-[2.25rem] hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline" data-drupal-link-system-path="node/996">Bouwen</a>
                    </li>
                                        <li class="mb-3 last:mb-20 sm:last:mb-7 md:last:mb-0 first:mt-5">
                      <a href="/verduurzamen/woning-en-wijk" class="pb-1 transition-all duration-300 ease-in-out link-footer leading-[2.25rem] hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline" data-drupal-link-system-path="node/997">Verduurzamen </a>
                    </li>
                                      </ul>
                                      </div>
                  <div class="z-10 col-span-12 sm:col-span-6 lg:col-span-3">
                                <div role="button" tabIndex="0" @click="open !== 2 ? open = 2 : open = null" class="flex items-center justify-between mb-16 md:mb-8 sm:pointer-events-none">
                <h2 class="text-xl title-footer">Wie we zijn</h2>
                <div class="relative flex items-center justify-center w-16 h-16 sm:hidden">
                  <span class="absolute w-2.5 h-16 transition duration-300 ease-in-out bg-cta" :class="open === 2 && 'transform rotate-90'"></span>
                  <span class="absolute w-16 h-2.5 bg-cta"></span>
                </div>
              </div>
                                <ul class="overflow-hidden list-none transition-all duration-300 max-h-0 sm:max-h-full sm:overflow-visible" x-ref="item_2" :style="open === 2 ? 'max-height: ' + $refs.item_2.scrollHeight + 'px' : ''">
                                        <li class="mb-3 last:mb-20 sm:last:mb-7 md:last:mb-0 first:mt-5">
                      <a href="/over-ons" class="pb-1 transition-all duration-300 ease-in-out link-footer leading-[2.25rem] hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline" data-drupal-link-system-path="node/94">Over Ons</a>
                    </li>
                                        <li class="mb-3 last:mb-20 sm:last:mb-7 md:last:mb-0 first:mt-5">
                      <a href="https://www.nicodebont.nl" class="pb-1 transition-all duration-300 ease-in-out link-footer leading-[2.25rem] hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline">Samen met Nico de Bont | TBI</a>
                    </li>
                                        <li class="mb-3 last:mb-20 sm:last:mb-7 md:last:mb-0 first:mt-5">
                      <a href="/wie-we-zijn/onderdeel-van-tbi" class="pb-1 transition-all duration-300 ease-in-out link-footer leading-[2.25rem] hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline" title="Onderdeel van TBI" data-drupal-link-system-path="node/1019">Onderdeel van TBI</a>
                    </li>
                                        <li class="mb-3 last:mb-20 sm:last:mb-7 md:last:mb-0 first:mt-5">
                      <a href="/verduurzamen/duurzame-impact" class="pb-1 transition-all duration-300 ease-in-out link-footer leading-[2.25rem] hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline" data-drupal-link-system-path="node/127">Duurzame Impact</a>
                    </li>
                                      </ul>
                                      </div>
                  <div class="z-10 col-span-12 sm:col-span-6 lg:col-span-3">
                                <div role="button" tabIndex="0" @click="open !== 3 ? open = 3 : open = null" class="flex items-center justify-between mb-16 md:mb-8 sm:pointer-events-none">
                <h2 class="text-xl title-footer">Ga direct naar</h2>
                <div class="relative flex items-center justify-center w-16 h-16 sm:hidden">
                  <span class="absolute w-2.5 h-16 transition duration-300 ease-in-out bg-cta" :class="open === 3 && 'transform rotate-90'"></span>
                  <span class="absolute w-16 h-2.5 bg-cta"></span>
                </div>
              </div>
                                <ul class="overflow-hidden list-none transition-all duration-300 max-h-0 sm:max-h-full sm:overflow-visible" x-ref="item_3" :style="open === 3 ? 'max-height: ' + $refs.item_3.scrollHeight + 'px' : ''">
                                        <li class="mb-3 last:mb-20 sm:last:mb-7 md:last:mb-0 first:mt-5">
                      <a href="/contact" class="pb-1 transition-all duration-300 ease-in-out link-footer leading-[2.25rem] hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline" data-drupal-link-system-path="node/100">Contact</a>
                    </li>
                                        <li class="mb-3 last:mb-20 sm:last:mb-7 md:last:mb-0 first:mt-5">
                      <a href="/projecten" class="pb-1 transition-all duration-300 ease-in-out link-footer leading-[2.25rem] hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline" data-drupal-link-system-path="node/277">Projecten</a>
                    </li>
                                        <li class="mb-3 last:mb-20 sm:last:mb-7 md:last:mb-0 first:mt-5">
                      <a href="/nieuws" class="pb-1 transition-all duration-300 ease-in-out link-footer leading-[2.25rem] hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline" data-drupal-link-system-path="node/9">Nieuws</a>
                    </li>
                                        <li class="mb-3 last:mb-20 sm:last:mb-7 md:last:mb-0 first:mt-5">
                      <a href="/vacatures" class="pb-1 transition-all duration-300 ease-in-out link-footer leading-[2.25rem] hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline" data-drupal-link-system-path="node/278">Vacatures</a>
                    </li>
                                      </ul>
                                      </div>
      





                <div class="z-10 col-span-12 mt-24 mb-24 md:mb-0 sm:mt-0 sm:col-span-6 xl:col-span-3 xl:col-start-10">
          <h2 class="mb-16 text-xl title-footer">Volg ons op</h2>
          <div class="flex transform">
            

              
  <a href="https://www.linkedin.com/company/b-v--bouwbedrijf-hazenberg/" target="_blank" class="button button--has-icon button--icon-only flex items-center justify-center mr-6 last:mr-0 social">
      
<svg xmlns="http://www.w3.org/2000/svg" class="w-20 h-20" viewBox="0 0 32 32">
  <g fill="currentColor" fill-rule="evenodd">
    <path fill-rule="nonzero" d="M27.92.674a3.406 3.406 0 0 1 3.406 3.406v23.84a3.406 3.406 0 0 1-3.406 3.406H4.08A3.406 3.406 0 0 1 .674 27.92V4.08A3.406 3.406 0 0 1 4.08.674h23.84ZM9.648 12.816H4.931v14.253h4.717V12.816Zm11.79-.353c-1.438 0-3.11.88-3.922 2.2v-1.878H12.8v14.162h4.716v-8.342a2.36 2.36 0 0 1 2.35-2.369 2.368 2.368 0 0 1 2.366 2.37v8.341h4.715V17.98a5.513 5.513 0 0 0-5.51-5.516ZM7.28 4.403a2.878 2.878 0 0 0-2.878 2.878 2.87 2.87 0 0 0 2.878 2.86 2.86 2.86 0 0 0 2.86-2.86 2.87 2.87 0 0 0-2.86-2.878Z"/>
    <path d="M0 0h32v3H0zm0 29h32v3H0z"/>
    <path d="M28 1h4v31h-4zM0 1h4v31H0z"/>
  </g>
</svg>

  </a>
              
  <a href="https://www.youtube.com/@hazenbergbouw4782/videos" target="_blank" class="button button--has-icon button--icon-only flex items-center justify-center mr-6 last:mr-0 social">
      
<svg xmlns="http://www.w3.org/2000/svg" class="w-20 h-20" viewBox="0 0 32 32">
  <g fill="currentColor" fill-rule="evenodd">
    <path fill-rule="nonzero" d="M28.528 4.794c1.44.433 2.368 1.438 2.768 2.997.208.814.352 1.905.448 3.291a45.1 45.1 0 0 1 .16 3.62L32 16.159c0 3.794-.256 6.583-.704 8.367-.4 1.56-1.328 2.564-2.768 2.997-.752.225-2.128.381-4.24.485-2.08.121-3.984.173-5.744.173L16 28.284c-6.704 0-10.88-.277-12.528-.762-1.44-.433-2.368-1.438-2.768-2.997-.208-.814-.352-1.906-.448-3.291a45.103 45.103 0 0 1-.16-3.62L0 16.157c0-3.794.256-6.583.704-8.367.4-1.56 1.328-2.564 2.768-2.997.752-.225 2.128-.381 4.24-.485a98.516 98.516 0 0 1 5.744-.173L16 4.032c6.704 0 10.88.277 12.528.762Zm-15.79 6.311v10.442l8.388-5.22-8.388-5.222Z"/>
    <path d="M0 0h32v8H0zm0 24h32v8H0z"/>
    <path d="M27 5h5v21h-5zM0 5h5v21H0z"/>
  </g>
</svg>

  </a>
              
  <a href="https://www.facebook.com/hazenbergbouw" target="_blank" class="button button--has-icon button--icon-only flex items-center justify-center mr-6 last:mr-0 social">
      
<svg xmlns="http://www.w3.org/2000/svg" class="w-20 h-20" viewBox="0 0 32 32">
  <g fill="currentColor" fill-rule="evenodd">
    <path fill-rule="nonzero" d="M17.6 32V20.852h4.8V16.04h-4.8v-3.208c0-.882.72-1.604 1.6-1.604h3.2V6.416h-4c-3.088 0-5.6 2.518-5.6 5.614v4.01H9.6v4.812h3.2V31.76C5.504 30.268 0 23.804 0 16.04 0 8.356 5.4 1.928 12.6.364L12.234 0H32l-.001 15.961.001.08V32H17.6Z"/>
    <path d="M0 0h16l-4.436 7.929-6.501 13.286 6.747 6.907.99 3.637V32H0z"/>
  </g>
</svg>

  </a>
              
  <a href="https://www.instagram.com/hazenbergbouw/" target="_blank" class="button button--has-icon button--icon-only flex items-center justify-center mr-6 last:mr-0 social">
      
<svg xmlns="http://www.w3.org/2000/svg" class="w-20 h-20" viewBox="0 0 32 32">
  <path fill="currentColor" fill-rule="evenodd" d="M0 0h32v32H0V0Zm22.5 8a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm5.428 3.056a9.108 9.108 0 0 0-.552-2.916 5.928 5.928 0 0 0-1.392-2.124 5.64 5.64 0 0 0-2.124-1.38 8.76 8.76 0 0 0-2.916-.564C19.672 4 19.264 4 16 4c-3.264 0-3.672 0-4.944.072a8.76 8.76 0 0 0-2.916.564 5.736 5.736 0 0 0-2.124 1.38 5.64 5.64 0 0 0-1.38 2.124 8.76 8.76 0 0 0-.564 2.916C4 12.328 4 12.736 4 16c0 3.264 0 3.672.072 4.944a8.76 8.76 0 0 0 .564 2.916 5.64 5.64 0 0 0 1.38 2.124 5.736 5.736 0 0 0 2.124 1.38 8.76 8.76 0 0 0 2.916.564C12.328 28 12.736 28 16 28c3.264 0 3.672 0 4.944-.072a8.76 8.76 0 0 0 2.916-.564 5.64 5.64 0 0 0 2.124-1.38 5.82 5.82 0 0 0 1.392-2.124 9.1 9.1 0 0 0 .552-2.916c0-1.272.072-1.68.072-4.944 0-3.264 0-3.672-.072-4.944Zm-2.001 9.858a6.873 6.873 0 0 1-.415 2.274 3.742 3.742 0 0 1-.914 1.406 3.89 3.89 0 0 1-1.403.917 6.827 6.827 0 0 1-2.268.416c-1.22.06-1.67.073-4.878.073s-3.659 0-4.878-.073a6.972 6.972 0 0 1-2.366-.367 3.987 3.987 0 0 1-1.342-.917 3.668 3.668 0 0 1-.902-1.406 6.787 6.787 0 0 1-.488-2.323c0-1.222-.073-1.674-.073-4.89 0-3.215 0-3.667.073-4.89A6.79 6.79 0 0 1 6.5 8.812c.215-.516.544-.976.963-1.345a3.83 3.83 0 0 1 1.342-.978 6.973 6.973 0 0 1 2.317-.416C12.342 6.073 12.792 6 16 6c3.207 0 3.659 0 4.878.073.774.01 1.541.15 2.268.416a3.731 3.731 0 0 1 1.452.978c.4.376.711.835.914 1.345.271.744.412 1.53.415 2.322.06 1.223.073 1.675.073 4.89 0 3.216-.012 3.668-.073 4.89ZM15.988 10A6 6 0 1 0 22 16a5.988 5.988 0 0 0-6.012-6ZM16 20a4 4 0 1 1 0-8 4 4 0 0 1 0 8Z"/>
</svg>

  </a>

          </div>
        </div>
      </div>
    </div>
    <section class="relative px-16 pb-24 md:px-0">
      <div class="container md:pl-20 md:pr-20 2xl:pl-28 2xl:pr-28">
        <div class="grid grid-cols-12">
          <div class="order-1 col-span-12 mt-5 mb-6 sm:order-0 md:flex md:items-center md:col-span-6 xl:col-span-8 md:mt-0 md:mb-0">
            <nav role="navigation" aria-labelledby="block-service-menu" id="block-service">
            
  <h2 class="visually-hidden" id="block-service-menu">Service</h2>
  

        
      <ul class="flex flex-wrap justify-around list-none sm:justify-start link-footer">
              <li class="mb-2 sm:mr-12 sm:last:mr-0 last:mb-0 sm:mb-0"><a class="text-sm antialiased no-underline transition-all duration-300 ease-in-out service-link font-extralight text-tertiary-4 hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline" href="/voor-partners">Voor partners</a></li>
              <li class="mb-2 sm:mr-12 sm:last:mr-0 last:mb-0 sm:mb-0"><a class="text-sm antialiased no-underline transition-all duration-300 ease-in-out service-link font-extralight text-tertiary-4 hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline" href="/disclaimer">Disclaimer</a></li>
              <li class="mb-2 sm:mr-12 sm:last:mr-0 last:mb-0 sm:mb-0"><a class="text-sm antialiased no-underline transition-all duration-300 ease-in-out service-link font-extralight text-tertiary-4 hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline" href="/privacy">Privacy</a></li>
              <li class="mb-2 sm:mr-12 sm:last:mr-0 last:mb-0 sm:mb-0"><a class="text-sm antialiased no-underline transition-all duration-300 ease-in-out service-link font-extralight text-tertiary-4 hover:link-footer hover:underline active:link-footer active:underline focus:link-footer focus:underline" href="/cookiestatement">Cookiestatement</a></li>
          </ul>
  

<span
  x-data="{
    init() {
      serviceMenuTargetBlank();
    }
  }
">
</span>

  </nav>

          </div>
                    <div class="col-span-12 mb-24 text-right order-0 sm:order-1 md:col-span-6 xl:col-span-4 md:mb-0">
            
        <img src="/sites/tbi-nl/files/usercontent/slogan/zo-maken-we-morgen.svg" alt="Zo maken we morgen" loading="lazy" />


  
          </div>
                  </div>
      </div>
    </section>
  </footer>
</div>

  </div>

    
    <script src="/sites/tbi-nl/files/js/js_aoxItJdbXW0T5yBqUqVjLxa3QE80k6SlxZEgULZwx6I.js?scope=footer&amp;delta=0&amp;language=nl&amp;theme=tbi_theme&amp;include=eJwrScqML8lIzU3VT0osTtXJSayqjC9KLS7IzyvOLEuNz8xNTE_VL86sSi3GIQcUAMoW6ZTADcpITUxJLQIAQaQjdw"></script>

  </body>
</html>

{
  "error": false,
  "result": {
    "success": true,
    "ogSiteName": "Hazenberg",
    "ogUrl": "https://www.hazenberg.nl/home",
    "ogTitle": "Home",
    "ogImage": [
      {
        "url": "https://www.hazenberg.nl/sites/tbi-nl/files/usercontent/image/2024-10/20240926_hazenberg_003_4591_jason.jpg",
        "type": "jpg"
      },
      {
        "url": "https://www.hazenberg.nl/sites/tbi-nl/files/usercontent/image/2024-10/hazenberg_wervenkade_juli-2024_panorama-12-lr.jpg",
        "type": "jpg"
      }
    ],
    "ogDescription": "Welkom op de website van Hazenberg. Hazenberg ontwikkelt, bouwt en verduurzaamt woningen en gebouwen. Met een passie voor een gezonde en duurzame wereld.",
    "ogLocale": "nl",
    "favicon": "/themes/custom/tbi/favicons/tbi/favicon.ico",
    "charset": "UTF-8",
    "requestUrl": "https://hazenberg.nl"
  },
  "response": {}
}

{
  "status": 200,
  "statusText": "",
  "headers": {
    "accept-ranges": "bytes",
    "age": "25",
    "cache-control": "max-age=31536000, public, s-maxage=600, stale-if-error=604800, stale-while-revalidate=3600",
    "connection": "keep-alive",
    "content-encoding": "gzip",
    "content-language": "nl",
    "content-length": "20844",
    "content-type": "text/html; charset=UTF-8",
    "date": "Sat, 01 Feb 2025 00:59:41 GMT",
    "etag": "W/\"1738369576\"",
    "expires": "Sun, 19 Nov 1978 05:00:00 GMT",
    "fastly-drupal-html": "YES",
    "fastly-request-id": "90db332fb2df8d0126f44440",
    "last-modified": "Sat, 01 Feb 2025 00:26:16 GMT",
    "server-timing": "HIT, fastly;desc=\"Edge time\";dur=0, HIT-WAIT-CLUSTER, fastly;desc=\"Edge time\";dur=73",
    "vary": "Cookie, Origin, Accept-Encoding",
    "x-content-type-options": "nosniff",
    "x-frame-options": "SAMEORIGIN",
    "x-lagoon": "amazeeio-de3>ingress-nginx>tbi-hazenberg-production:nginx>nginx-67d965b84-9tw8r"
  }
}

{
  "whois.domain-registry.nl": {
    "Domain Status": [
      "active"
    ],
    "Name Server": [
      "ns1-35.azure-dns.com",
      "ns4-35.azure-dns.info",
      "ns3-35.azure-dns.org",
      "ns2-35.azure-dns.net"
    ],
    "Domain Name": "hazenberg.nl",
    "Registrar": "KPN Röntgenlaan 75 2719DX Zoetermeer Netherlands SIDN BV",
    "Abuse Contact": "[email protected]",
    "DNSSEC": "yes",
    "Created Date": "1997-07-23",
    "Updated Date": "2025-01-06",
    "text": [
      ""
    ]
  }
}