{"id":110,"date":"2026-09-27T09:52:29","date_gmt":"2026-09-27T09:52:29","guid":{"rendered":"https:\/\/doeeensnatuurlijk.nl\/?page_id=110"},"modified":"2026-10-03T18:36:28","modified_gmt":"2026-10-03T18:36:28","slug":"tuinrapport-zwolle","status":"publish","type":"page","link":"https:\/\/doeeensnatuurlijk.nl\/index.php\/tuinrapport-zwolle\/","title":{"rendered":"Tuinrapport Zwolle"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n  <title>Ontdek je tuin | Tuinrapport.nl<\/title>\n\n  <style>\n    \/* Basisinstellingen *\/\n    html,\n    body {\n      width: 100%;\n      min-width: 100%;\n      margin: 0 !important;\n      padding: 0 !important;\n      overflow-x: hidden;\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    body {\n      font-family: Arial, Helvetica, sans-serif;\n      color: #243229;\n      line-height: 1.6;\n      background: #ffffff;\n    }\n\n    a {\n      color: inherit;\n    }\n\n    \/* Belangrijk:\n       Hiermee breekt een onderdeel uit een eventueel begrensde container *\/\n    .full-bleed {\n      width: 100vw !important;\n      max-width: 100vw !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n    }\n\n    \/* Navigatie *\/\n    .topbar {\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 20;\n      width: 100vw;\n      padding: 24px 5vw;\n      color: #ffffff;\n    }\n\n    .topbar-inner {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n    }\n\n    .logo {\n      color: #ffffff;\n      font-size: 1.25rem;\n      font-weight: 700;\n      text-decoration: none;\n    }\n\n    .menu-link {\n      padding: 9px 18px;\n      color: #ffffff;\n      border: 1px solid #ffffff;\n      border-radius: 30px;\n      font-weight: 600;\n      text-decoration: none;\n    }\n\n    .menu-link:hover {\n      color: #214d35;\n      background: #ffffff;\n    }\n\n    \/* Hero: volledig schermbreed *\/\n    .hero {\n      position: relative;\n      display: flex;\n      align-items: center;\n      width: 100vw !important;\n      max-width: 100vw !important;\n      min-height: 760px;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      padding: 160px 5vw 110px;\n      overflow: hidden;\n      color: #ffffff;\n      background: #214d35;\n    }\n\n    \/* De afbeelding vult de volledige hero *\/\n    .hero-image {\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n    }\n\n    \/* Donkere laag over de afbeelding *\/\n    .hero-overlay {\n      position: absolute;\n      inset: 0;\n      z-index: 1;\n      background: rgba(24, 68, 42, 0.68);\n    }\n\n    \/* Tekst loopt breed mee met het scherm *\/\n    .hero-content {\n      position: relative;\n      z-index: 2;\n      width: 100%;\n      max-width: none;\n      margin: 0;\n      padding: 0;\n    }\n\n    .hero-content-inner {\n      width: 100%;\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    .label {\n      display: inline-block;\n      margin-bottom: 20px;\n      color: #fff1b8;\n      font-size: 0.9rem;\n      font-weight: 700;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n    }\n\n    h1 {\n      max-width: 1100px;\n      margin: 0 0 25px;\n      font-size: clamp(2.8rem, 8vw, 7rem);\n      line-height: 1;\n    }\n\n    .hero-text {\n      max-width: 950px;\n      margin-bottom: 32px;\n      font-size: clamp(1.1rem, 2vw, 1.5rem);\n    }\n\n    .buttons {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px;\n    }\n\n    .button {\n      display: inline-block;\n      padding: 15px 25px;\n      border-radius: 30px;\n      font-weight: 700;\n      text-decoration: none;\n      transition: 0.2s ease;\n    }\n\n    .button:hover {\n      transform: translateY(-2px);\n    }\n\n    .button-yellow {\n      color: #26351e;\n      background: #f5bf4f;\n    }\n\n    .button-yellow:hover {\n      background: #ffd873;\n    }\n\n    .button-white {\n      color: #ffffff;\n      border: 2px solid #ffffff;\n    }\n\n    .button-white:hover {\n      color: #214d35;\n      background: #ffffff;\n    }\n\n    \/* Algemene secties *\/\n    .section {\n      width: 100vw !important;\n      max-width: 100vw !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      padding: 95px 5vw;\n      background: #ffffff;\n    }\n\n    .section-inner {\n      width: 100%;\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    .intro {\n      max-width: 900px;\n      margin: 0 auto 55px;\n      text-align: center;\n    }\n\n    h2 {\n      margin: 0 0 20px;\n      color: #214d35;\n      font-size: clamp(2rem, 4vw, 3.8rem);\n      line-height: 1.1;\n    }\n\n    .intro p {\n      font-size: 1.15rem;\n    }\n\n    .cards {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 28px;\n      width: 100%;\n    }\n\n    .card {\n      min-height: 240px;\n      padding: 35px;\n      border-radius: 18px;\n      background: #ffffff;\n      box-shadow: 0 12px 35px rgba(35, 77, 53, 0.12);\n    }\n\n    .card-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 55px;\n      height: 55px;\n      margin-bottom: 20px;\n      border-radius: 50%;\n      background: #edf6eb;\n      font-size: 1.6rem;\n    }\n\n    .card h3 {\n      margin: 0 0 10px;\n      color: #214d35;\n      font-size: 1.35rem;\n    }\n\n    \/* Tuincoach *\/\n    .coach-section {\n      width: 100vw !important;\n      max-width: 100vw !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      padding: 95px 5vw;\n      background: #edf6eb;\n    }\n\n    .coach-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      align-items: center;\n      gap: 70px;\n      width: 100%;\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    .coach-text p {\n      margin-bottom: 18px;\n      font-size: 1.1rem;\n    }\n\n    .coach-box {\n      padding: 40px;\n      border-left: 7px solid #f5bf4f;\n      border-radius: 18px;\n      background: #ffffff;\n      box-shadow: 0 12px 35px rgba(35, 77, 53, 0.12);\n    }\n\n    .coach-box h3 {\n      margin: 0 0 15px;\n      color: #214d35;\n      font-size: 1.6rem;\n    }\n\n    .coach-box ul {\n      margin: 20px 0 28px 20px;\n    }\n\n    .button-green {\n      color: #ffffff;\n      background: #4f825d;\n    }\n\n    .button-green:hover {\n      background: #214d35;\n    }\n\n    \/* CTA *\/\n    .cta {\n      width: 100vw !important;\n      max-width: 100vw !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      padding: 100px 5vw;\n      color: #ffffff;\n      background: #214d35;\n      text-align: center;\n    }\n\n    .cta-inner {\n      width: 100%;\n      max-width: 1000px;\n      margin: 0 auto;\n    }\n\n    .cta h2 {\n      color: #ffffff;\n    }\n\n    .cta p {\n      margin-bottom: 30px;\n      font-size: 1.15rem;\n    }\n\n    .cta .buttons {\n      justify-content: center;\n    }\n\n    \/* Footer *\/\n    footer {\n      width: 100vw !important;\n      max-width: 100vw !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      padding: 30px 5vw;\n      color: #d9e8d8;\n      background: #193b28;\n      text-align: center;\n    }\n\n    footer a {\n      color: #ffffff;\n      text-decoration: none;\n    }\n\n    \/* Mobiel *\/\n    @media (max-width: 850px) {\n      .hero {\n        min-height: 700px;\n      }\n\n      .cards,\n      .coach-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .coach-grid {\n        gap: 35px;\n      }\n    }\n\n    @media (max-width: 520px) {\n      .topbar {\n        padding: 18px 5vw;\n      }\n\n      .logo {\n        font-size: 1rem;\n      }\n\n      .menu-link {\n        padding: 8px 13px;\n        font-size: 0.85rem;\n      }\n\n      .hero {\n        padding-top: 140px;\n      }\n\n      .button {\n        width: 100%;\n        text-align: center;\n      }\n\n      .card,\n      .coach-box {\n        padding: 28px;\n      }\n    }\n  <\/style>\n\n\n\n\n  <header class=\"topbar\">\n    <div class=\"topbar-inner\">\n      <a class=\"logo\" href=\"https:\/\/tuinrapport.nl\" target=\"_blank\" rel=\"noopener\">\n        Tuinrapport.nl\n      <\/a>\n\n      <a class=\"menu-link\" href=\"#hoe-werkt-het\">\n        Hoe werkt het?\n      <\/a>\n    <\/div>\n  <\/header>\n\n  <main>\n\n    <!-- VOLLEDIG BREED HERO-BLOK -->\n    <section class=\"hero full-bleed\">\n\n      <img decoding=\"async\" class=\"hero-image\" src=\"https:\/\/doeeensnatuurlijk.nl\/wp-content\/uploads\/2026\/09\/tuinrapport.png\" alt=\"Groene tuin met natuurlijke elementen\">\n\n      <div class=\"hero-overlay\"><\/div>\n\n      <div class=\"hero-content\">\n        <div class=\"hero-content-inner\">\n\n          <span class=\"label\">\n            Ontdek het leven in je tuin\n          <\/span>\n\n          <h1>\n            Er leeft zoveel dichtbij \ud83d\ude42\n          <\/h1>\n\n          <p class=\"hero-text\">\n            Met Tuinrapport.nl ontdek je op een eenvoudige manier wat jouw\n            tuin bijzonder maakt en welke kansen er liggen voor meer natuur,\n            sfeer en biodiversiteit.\n          <\/p>\n\n          <div class=\"buttons\">\n            <a class=\"button button-yellow\" href=\"https:\/\/tuinrapport.nl\" target=\"_blank\" rel=\"noopener\">\n              Ontdek je tuin\n            <\/a>\n\n            <a class=\"button button-white\" href=\"#tuincoach\">\n              Persoonlijke hulp in Zwolle\n            <\/a>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- INFORMATIE -->\n    <section id=\"hoe-werkt-het\" class=\"section full-bleed\">\n      <div class=\"section-inner\">\n\n        <div class=\"intro\">\n          <h2>Je tuin in \u00e9\u00e9n overzicht<\/h2>\n\n          <p>\n            Tuinrapport.nl helpt je om met een frisse blik naar je tuin te\n            kijken. Je krijgt praktische informatie en inspiratie om stap\n            voor stap aan de slag te gaan.\n          <\/p>\n        <\/div>\n\n        <div class=\"cards\">\n\n          <article class=\"card\">\n            <div class=\"card-icon\">\ud83c\udf3f<\/div>\n\n            <h3>Leer je tuin kennen<\/h3>\n\n            <p>\n              Ontdek welke kenmerken jouw tuin heeft en welke planten, dieren\n              en natuurlijke elementen er al aanwezig zijn.\n            <\/p>\n          <\/article>\n\n          <article class=\"card\">\n            <div class=\"card-icon\">\ud83d\udd0e<\/div>\n\n            <h3>Zie nieuwe kansen<\/h3>\n\n            <p>\n              Krijg inzicht in mogelijkheden voor meer groen, wateropvang,\n              biodiversiteit en een prettige buitenruimte.\n            <\/p>\n          <\/article>\n\n          <article class=\"card\">\n            <div class=\"card-icon\">\ud83c\udf31<\/div>\n\n            <h3>Ga praktisch aan de slag<\/h3>\n\n            <p>\n              Gebruik het tuinrapport als inspiratie om haalbare verbeteringen\n              in je eigen tuin door te voeren.\n            <\/p>\n          <\/article>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- TUINCOACH -->\n    <section id=\"tuincoach\" class=\"coach-section full-bleed\">\n      <div class=\"coach-grid\">\n\n        <div class=\"coach-text\">\n          <h2>Woon je in Zwolle?<\/h2>\n\n          <p>\n            Dan kun je het nog laagdrempeliger maken. Een tuincoach van\n            <a href=\"https:\/\/tuincoachzwolle.nl\" target=\"_blank\" rel=\"noopener\">\n              Tuincoachzwolle.nl\n            <\/a>\n            kan bij je langskomen om samen het tuinrapport te maken.\n          <\/p>\n\n          <p>\n            Je hoeft dus niet zelf alles uit te zoeken. Tijdens het bezoek\n            kijk je samen naar jouw tuin, je wensen en de mogelijkheden die\n            passen bij jouw situatie.\n          <\/p>\n        <\/div>\n\n        <div class=\"coach-box\">\n          <h3>Persoonlijk tuinrapport aan huis<\/h3>\n\n          <ul>\n            <li>Persoonlijke uitleg in je eigen tuin<\/li>\n            <li>Praktische tips die passen bij jouw wensen<\/li>\n            <li>Laagdrempelig en direct toepasbaar<\/li>\n            <li>Beschikbaar voor inwoners van Zwolle<\/li>\n          <\/ul>\n\n          <a class=\"button button-green\" href=\"https:\/\/tuincoach.nl\" target=\"_blank\" rel=\"noopener\">\n            Bekijk Tuincoach.nl\n          <\/a>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- CTA -->\n    <section class=\"cta full-bleed\">\n      <div class=\"cta-inner\">\n\n        <h2>Ontdek vandaag nog jouw tuin<\/h2>\n\n        <p>\n          Bekijk Tuinrapport.nl en zet de eerste stap naar een tuin die beter\n          past bij jou, de natuur en de omgeving.\n        <\/p>\n\n        <div class=\"buttons\">\n          <a class=\"button button-yellow\" href=\"https:\/\/tuinrapport.nl\" target=\"_blank\" rel=\"noopener\">\n            Ga naar Tuinrapport.nl\n          <\/a>\n\n          <a class=\"button button-white\" href=\"https:\/\/tuincoachzwolle.nl\" target=\"_blank\" rel=\"noopener\">\n            Tuincoach in Zwolle\n          <\/a>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n  <footer class=\"full-bleed\">\n    <p>\n      \u00a9 2026\n      <a href=\"https:\/\/tuinrapport.nl\" target=\"_blank\" rel=\"noopener\">\n        Tuinrapport.nl\n      <\/a>\n      \u00b7 De natuur is super dichtbij.\n    <\/p>\n  <\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Ontdek je tuin | Tuinrapport.nl Tuinrapport.nl Hoe werkt het? Ontdek het leven in je tuin Er leeft zoveel dichtbij \ud83d\ude42 Met Tuinrapport.nl ontdek je op een eenvoudige manier wat jouw tuin bijzonder maakt en welke kansen er liggen voor meer natuur, sfeer en biodiversiteit. Ontdek je tuin Persoonlijke hulp in Zwolle Je tuin in \u00e9\u00e9n [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-width.php","meta":{"footnotes":""},"class_list":["post-110","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doeeensnatuurlijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doeeensnatuurlijk.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doeeensnatuurlijk.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doeeensnatuurlijk.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doeeensnatuurlijk.nl\/index.php\/wp-json\/wp\/v2\/comments?post=110"}],"version-history":[{"count":4,"href":"https:\/\/doeeensnatuurlijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/110\/revisions"}],"predecessor-version":[{"id":141,"href":"https:\/\/doeeensnatuurlijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/110\/revisions\/141"}],"wp:attachment":[{"href":"https:\/\/doeeensnatuurlijk.nl\/index.php\/wp-json\/wp\/v2\/media?parent=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}