Samenvatting \u2013 Boek<\/title>\r\n <meta name=\"description\" content=\"Mooie, printvriendelijke samenvattingspagina met post-it begrippen, TL;DR en boeknavigatie.\" \/>\r\n <style>\r\n \/* ====== Design tokens ====== *\/\r\n :root {\r\n --bg: #f7f7fb;\r\n --surface: #ffffff;\r\n --ink: #0b1020;\r\n --muted: #5e647a;\r\n --accent: #5b7cfa; \/* primaire accentkleur *\/\r\n --accent-2: #9a7bf9; \/* verloop voor knoppen *\/\r\n --ring: rgba(91,124,250,.35);\r\n --shadow: 0 10px 30px rgba(11,16,32,.08);\r\n --radius: 18px;\r\n --note: #fff4b1; \/* post-it geel *\/\r\n --note-ink: #3e3a17;\r\n --success: #2ecc71;\r\n --danger: #ff6b6b;\r\n }\r\n\r\n @media (prefers-color-scheme: dark) {\r\n :root {\r\n --bg: #0e1220;\r\n --surface: #151a2c;\r\n --ink: #eef1ff;\r\n --muted: #a9b0d1;\r\n --accent: #7aa2ff;\r\n --accent-2: #b690ff;\r\n --ring: rgba(122,162,255,.35);\r\n --shadow: 0 10px 30px rgba(0,0,0,.35);\r\n --note: #f6dd7b;\r\n --note-ink: #2a2610;\r\n }\r\n }\r\n\r\n \/* ====== Base ====== *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box\r\n }\r\n\r\n html, body {\r\n height: 100%\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background: radial-gradient(1200px 600px at 10% -10%, rgba(91,124,250,.08), transparent 60%), radial-gradient(1000px 700px at 120% 30%, rgba(154,123,249,.06), transparent 60%), var(--bg);\r\n color: var(--ink);\r\n font: 16px\/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\r\n }\r\n\r\n a {\r\n color: var(--accent);\r\n text-decoration: none\r\n }\r\n\r\n a:hover {\r\n text-decoration: underline\r\n }\r\n\r\n .container {\r\n max-width: 1600px;\r\n margin-inline: auto;\r\n padding: 24px;\r\n }\r\n\r\n \/* ====== Topbar \/ header ====== *\/\r\n .topbar {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n justify-content: space-between;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px\r\n }\r\n\r\n .brand .logo {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n box-shadow: var(--shadow);\r\n display: grid;\r\n place-items: center\r\n }\r\n\r\n .brand .logo svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: white\r\n }\r\n\r\n .brand h1 {\r\n font-size: clamp(18px, 3vw, 24px);\r\n margin: 0\r\n }\r\n\r\n .chapter-meta {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--muted)\r\n }\r\n\r\n .badge {\r\n background: linear-gradient(135deg, rgba(91,124,250,.15), rgba(154,123,249,.15));\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n font-weight: 600\r\n }\r\n\r\n \/* ====== Progress ====== *\/\r\n .progress-wrap {\r\n margin: 6px 0 20px 0\r\n }\r\n\r\n .progress {\r\n height: 8px;\r\n background: rgba(91,124,250,.15);\r\n border-radius: 999px;\r\n overflow: hidden\r\n }\r\n\r\n .progress > span {\r\n display: block;\r\n height: 100%;\r\n width: 0;\r\n background: linear-gradient(90deg,var(--accent),var(--accent-2));\r\n transition: width .35s ease\r\n }\r\n\r\n \/* ====== Layout ====== *\/\r\n .layout {\r\n display: grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap: 20px\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .layout {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* ====== Cards ====== *\/\r\n .card {\r\n background: var(--surface);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n position: relative\r\n }\r\n\r\n .summary {\r\n padding: 24px\r\n }\r\n\r\n .summary h2 {\r\n margin: 0 0 8px 0;\r\n font-size: clamp(22px, 3.2vw, 32px)\r\n }\r\n\r\n .summary .subtitle {\r\n color: var(--muted);\r\n margin: 0 0 18px 0\r\n }\r\n\r\n .summary p {\r\n margin: 0 0 12px 0\r\n }\r\n\r\n .summary ul, .summary ol {\r\n padding-left: 22px\r\n }\r\n\r\n .side {\r\n display: grid;\r\n gap: 20px;\r\n align-content: start\r\n }\r\n\r\n \/* ====== Post-it note (begrippen) ====== *\/\r\n .note {\r\n background: var(--note);\r\n color: var(--note-ink);\r\n border-radius: 10px;\r\n padding: 18px 18px 70px 18px; \/* extra ruimte voor knop *\/\r\n position: relative;\r\n box-shadow: 0 18px 35px rgba(0,0,0,.12);\r\n transform: rotate(-0.7deg);\r\n filter: drop-shadow(0 8px 14px rgba(0,0,0,.08));\r\n isolation: isolate;\r\n }\r\n\r\n .note::before { \/* plakband *\/\r\n content: \"\";\r\n position: absolute;\r\n top: -10px;\r\n left: 40px;\r\n width: 70px;\r\n height: 26px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.25));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.12);\r\n transform: rotate(-6deg);\r\n border-radius: 4px;\r\n }\r\n\r\n .note h3 {\r\n margin: 2px 0 8px 0;\r\n font-size: 20px\r\n }\r\n\r\n .terms {\r\n margin: 0;\r\n padding-left: 18px\r\n }\r\n\r\n .terms li {\r\n margin: 6px 0\r\n }\r\n\r\n .more-link {\r\n position: absolute;\r\n bottom: 12px;\r\n right: 12px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 10px 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n color: #fff;\r\n box-shadow: 0 10px 22px var(--ring);\r\n }\r\n\r\n .more-link:focus {\r\n outline: 3px solid var(--ring);\r\n outline-offset: 3px\r\n }\r\n\r\n \/* ====== TL;DR ====== *\/\r\n .tldr {\r\n padding: 16px 18px\r\n }\r\n\r\n .tldr h3 {\r\n margin: 0 0 8px 0;\r\n font-size: 18px\r\n }\r\n\r\n .tldr p {\r\n margin: 8px 0\r\n }\r\n\r\n \/* ====== Book navigation ====== *\/\r\n .book-nav {\r\n position: sticky;\r\n bottom: 10px;\r\n margin-top: 26px;\r\n z-index: 5;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n }\r\n\r\n .nav-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 12px 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .nav-btn svg {\r\n width: 22px;\r\n height: 22px;\r\n opacity: .9\r\n }\r\n\r\n .nav-btn:hover {\r\n outline: 3px solid var(--ring)\r\n }\r\n\r\n .nav-btn[disabled] {\r\n opacity: .5;\r\n cursor: not-allowed\r\n }\r\n\r\n .nav-info {\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n padding: 10px 14px;\r\n border-radius: 999px;\r\n color: var(--muted)\r\n }\r\n\r\n \/* ====== Helpers ====== *\/\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n }\r\n\r\n mark {\r\n background: linear-gradient(transparent 60%, rgba(91,124,250,.25) 60%)\r\n }\r\n\r\n \/* ====== Print styles ====== *\/\r\n @media print {\r\n body {\r\n background: #fff\r\n }\r\n\r\n .topbar .brand .logo {\r\n display: none\r\n }\r\n\r\n .progress-wrap, .book-nav, .note::before {\r\n display: none\r\n }\r\n\r\n .layout {\r\n grid-template-columns: 1fr .6fr\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none\r\n }\r\n }\r\n\r\n \/* ====== Hoofdstukafbeelding (boven begrippen, vaste grootte) ====== *\/\r\n .image-note {\r\n background: #fff;\r\n border-radius: 14px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,.12);\r\n padding: 12px;\r\n margin: 0;\r\n position: relative;\r\n transform: rotate(-1.2deg);\r\n width: 100%;\r\n height: 800px; \/* vaste weergavegrootte desktop *\/\r\n max-height: 800px;\r\n overflow: hidden;\r\n }\r\n\r\n .image-note img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain; \/* past binnen het kader, nooit te lang\/breed *\/\r\n border-radius: 10px;\r\n }\r\n\r\n .image-note .tape {\r\n content: \"\";\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%) rotate(-4deg);\r\n width: 80px;\r\n height: 28px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.3));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.2);\r\n border-radius: 4px;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .image-note {\r\n height: 420px;\r\n max-height: 420px;\r\n }\r\n \/* mobiel *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <a class=\"sr-only\" href=\"#main\">Ga naar inhoud<\/a>\r\n <div class=\"container\">\r\n <header class=\"topbar\">\r\n <div class=\"brand\" aria-label=\"Boekgegevens\">\r\n <div class=\"logo\" aria-hidden=\"true\">\r\n \r\n <svg viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Boekpictogram\"><path d=\"M6 2h9a3 3 0 0 1 3 3v14.5a.5.5 0 0 1-.8.4c-1.1-.8-2.5-1.1-3.9-1.1H6a2 2 0 0 0-2 2V4a2 2 0 0 1 2-2Zm0 2a0 0 0 0 0 0 0v13h7.3c1.3 0 2.6.3 3.7.9V5a1 1 0 0 0-1-1Z\" \/><\/svg>\r\n <\/div>\r\n <div>\r\n <h1 id=\"bookTitle\">Titel van het boek<\/h1>\r\n <div class=\"chapter-meta\">\r\n <span class=\"badge\" id=\"chapterBadge\">Basisstof 1<\/span>\r\n <span id=\"chapterSub\" aria-live=\"polite\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chapter-meta\" aria-live=\"polite\">\r\n <span id=\"pageIndicator\">1 \/ 1<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"progress-wrap\" aria-hidden=\"true\">\r\n <div class=\"progress\"><span id=\"progressBar\"><\/span><\/div>\r\n <\/div>\r\n\r\n <main id=\"main\" class=\"layout\" tabindex=\"-1\">\r\n <section class=\"card summary\" aria-labelledby=\"chapterTitle\">\r\n <h2 id=\"chapterTitle\">Hoofdstuknaam<\/h2>\r\n <p class=\"subtitle\" id=\"chapterSubtitle\">Korte inleiding of doel van dit hoofdstuk.<\/p>\r\n <div id=\"summaryBody\">\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <aside class=\"side\">\r\n \r\n <section class=\"image-note\" id=\"chapterImageWrap\">\r\n <img decoding=\"async\" id=\"chapterImage\" src=\"\" alt=\"Illustratie bij dit hoofdstuk\" loading=\"lazy\">\r\n <span class=\"tape\"><\/span>\r\n <\/section>\r\n \r\n\r\n <section class=\"note\" aria-labelledby=\"begrippenTitle\">\r\n <h3 id=\"begrippenTitle\">Belangrijke begrippen<\/h3>\r\n <ul class=\"terms\" id=\"termsList\"><\/ul>\r\n <a id=\"moreTerms\" class=\"more-link\" href=\"http:\/\/begrippen.biologiehuis.com:3000\/index.html\" target=\"_blank\" rel=\"noopener\">Meer begrippen \u2192<\/a>\r\n <\/section>\r\n\r\n <section class=\"tldr card\" aria-labelledby=\"tldrTitle\">\r\n <h3 id=\"tldrTitle\">Kort samengevat<\/h3>\r\n <div id=\"tldrBody\"><\/div>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n\r\n <nav class=\"book-nav\" aria-label=\"Hoofdstuknavigatie\">\r\n <button id=\"prevBtn\" class=\"nav-btn\" aria-label=\"Ga naar vorig hoofdstuk\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" \/><\/svg>\r\n Vorige\r\n <\/button>\r\n <div class=\"nav-info\"><span id=\"chapterCounter\">Basisstof 1 van 1<\/span><\/div>\r\n <button id=\"nextBtn\" class=\"nav-btn\" aria-label=\"Ga naar volgend hoofdstuk\">\r\n Volgende\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z\" \/><\/svg>\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n\r\n <script>\r\n const BOOK = {\r\n title: \"Thema 6: Ecologie en duurzaamheid\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n {\r\n id: 1,\r\n title: \"Organismen en hun omgeving\",\r\n subtitle: \"Hoe levende wezens worden be\u00efnvloed door hun leefomgeving\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-18_15_37.png\",\r\n summary: `\r\n <h3 data-start=\"519\" data-end=\"535\">Organismen<\/h3>\r\n<p data-start=\"536\" data-end=\"576\">Een <strong data-start=\"540\" data-end=\"553\">organisme<\/strong> is elk levend wezen.<\/p>\r\n<ul data-start=\"577\" data-end=\"695\">\r\n<li data-start=\"577\" data-end=\"638\">\r\n<p data-start=\"579\" data-end=\"638\">Voorbeelden zijn planten, dieren, schimmels en bacteriën.<\/p>\r\n<\/li>\r\n<li data-start=\"639\" data-end=\"695\">\r\n<p data-start=\"641\" data-end=\"695\">Elk organisme heeft bepaalde kenmerken en behoeften.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"697\" data-end=\"769\">Om te kunnen overleven heeft een organisme een geschikte omgeving nodig.<\/p>\r\n<h3 data-start=\"771\" data-end=\"785\">Omgeving<\/h3>\r\n<p data-start=\"786\" data-end=\"875\">De <strong data-start=\"789\" data-end=\"801\">omgeving<\/strong> van een organisme bestaat uit alles wat invloed heeft op dat organisme.<\/p>\r\n<ul data-start=\"876\" data-end=\"983\">\r\n<li data-start=\"876\" data-end=\"929\">\r\n<p data-start=\"878\" data-end=\"929\">Dit kunnen levende en niet-levende factoren zijn.<\/p>\r\n<\/li>\r\n<li data-start=\"930\" data-end=\"983\">\r\n<p data-start=\"932\" data-end=\"983\">De omgeving bepaalt waar een organisme kan leven.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"985\" data-end=\"1033\">Organismen reageren voortdurend op hun omgeving.<\/p>\r\n<h3 data-start=\"1035\" data-end=\"1059\">Biotische factoren<\/h3>\r\n<p data-start=\"1060\" data-end=\"1125\"><strong data-start=\"1060\" data-end=\"1082\">Biotische factoren<\/strong> zijn levende onderdelen van de omgeving.<\/p>\r\n<ul data-start=\"1126\" data-end=\"1223\">\r\n<li data-start=\"1126\" data-end=\"1187\">\r\n<p data-start=\"1128\" data-end=\"1187\">Voorbeelden zijn planten, dieren, schimmels en bacteriën.<\/p>\r\n<\/li>\r\n<li data-start=\"1188\" data-end=\"1223\">\r\n<p data-start=\"1190\" data-end=\"1223\">Ook soortgenoten horen hierbij.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1225\" data-end=\"1309\">Biotische factoren kunnen zorgen voor voedsel, maar ook voor concurrentie of gevaar.<\/p>\r\n<h3 data-start=\"1311\" data-end=\"1336\">Abiotische factoren<\/h3>\r\n<p data-start=\"1337\" data-end=\"1408\"><strong data-start=\"1337\" data-end=\"1360\">Abiotische factoren<\/strong> zijn niet-levende onderdelen van de omgeving.<\/p>\r\n<ul data-start=\"1409\" data-end=\"1543\">\r\n<li data-start=\"1409\" data-end=\"1475\">\r\n<p data-start=\"1411\" data-end=\"1475\">Voorbeelden zijn licht, temperatuur, water, bodem en zuurstof.<\/p>\r\n<\/li>\r\n<li data-start=\"1476\" data-end=\"1543\">\r\n<p data-start=\"1478\" data-end=\"1543\">Deze factoren bepalen of een gebied geschikt is om in te leven.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1545\" data-end=\"1615\">Zonder geschikte abiotische factoren kan een organisme niet overleven.<\/p>\r\n<h3 data-start=\"1617\" data-end=\"1633\">Leefgebied<\/h3>\r\n<p data-start=\"1634\" data-end=\"1691\">Het <strong data-start=\"1638\" data-end=\"1652\">leefgebied<\/strong> is de plek waar een organisme leeft.<\/p>\r\n<ul data-start=\"1692\" data-end=\"1820\">\r\n<li data-start=\"1692\" data-end=\"1741\">\r\n<p data-start=\"1694\" data-end=\"1741\">Dit kan een bos, sloot, zee of woestijn zijn.<\/p>\r\n<\/li>\r\n<li data-start=\"1742\" data-end=\"1820\">\r\n<p data-start=\"1744\" data-end=\"1820\">In een leefgebied komen specifieke biotische en abiotische factoren samen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1822\" data-end=\"1867\">Organismen zijn aangepast aan hun leefgebied.<\/p>\r\n<h3 data-start=\"1869\" data-end=\"1883\">Ecologie<\/h3>\r\n<p data-start=\"1884\" data-end=\"1984\"><strong data-start=\"1884\" data-end=\"1896\">Ecologie<\/strong> is de wetenschap die onderzoekt hoe organismen omgaan met elkaar en met hun omgeving.<\/p>\r\n<ul data-start=\"1985\" data-end=\"2100\">\r\n<li data-start=\"1985\" data-end=\"2036\">\r\n<p data-start=\"1987\" data-end=\"2036\">Ecologen bestuderen relaties tussen organismen.<\/p>\r\n<\/li>\r\n<li data-start=\"2037\" data-end=\"2100\">\r\n<p data-start=\"2039\" data-end=\"2100\">Ook kijken ze naar de invloed van de omgeving op het leven.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2102\" data-end=\"2163\">Ecologie helpt om natuur beter te begrijpen en te beschermen.<\/p>\r\n<h3 data-start=\"2165\" data-end=\"2197\">Aanpassing aan de omgeving<\/h3>\r\n<p data-start=\"2198\" data-end=\"2262\">Organismen hebben <strong data-start=\"2216\" data-end=\"2232\">aanpassingen<\/strong> die helpen om te overleven.<\/p>\r\n<ul data-start=\"2263\" data-end=\"2397\">\r\n<li data-start=\"2263\" data-end=\"2326\">\r\n<p data-start=\"2265\" data-end=\"2326\">Dit kunnen uiterlijke kenmerken zijn, zoals vacht of kleur.<\/p>\r\n<\/li>\r\n<li data-start=\"2327\" data-end=\"2397\">\r\n<p data-start=\"2329\" data-end=\"2397\">Ook gedrag kan een aanpassing zijn, zoals schuilen of samenwerken.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2399\" data-end=\"2449\">Deze aanpassingen zijn het resultaat van evolutie.<\/p>\r\n `,\r\n terms: [\r\n \"Organisme \u2013 een levend wezen\",\r\n \"Omgeving \u2013 alles wat invloed heeft op een organisme\",\r\n \"Biotische factoren \u2013 levende invloeden uit de omgeving\",\r\n \"Abiotische factoren \u2013 niet-levende invloeden uit de omgeving\",\r\n \"Leefgebied \u2013 plaats waar een organisme leeft\",\r\n \"Ecologie \u2013 wetenschap die relaties tussen organismen en hun omgeving bestudeert\",\r\n \"Aanpassing \u2013 kenmerk dat het overleven in een omgeving vergroot\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Organismen leven nooit los van hun omgeving. Zowel biotische als abiotische factoren be\u00efnvloeden waar en hoe een organisme kan leven. Elk organisme heeft een leefgebied waarin het is aangepast aan de omstandigheden. De ecologie onderzoekt deze samenhang en laat zien hoe belangrijk het evenwicht in de natuur is.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"Voedselrelaties en kringlopen\",\r\n subtitle: \"Hoe organismen met elkaar verbonden zijn via voedsel en hergebruik van stoffen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-18_15_42.png\",\r\n summary: `\r\n <h3 data-start=\"552\" data-end=\"573\">Voedselrelaties<\/h3>\r\n<p data-start=\"574\" data-end=\"656\">In een ecosysteem zijn organismen met elkaar verbonden door <strong data-start=\"634\" data-end=\"653\">voedselrelaties<\/strong>.<\/p>\r\n<ul data-start=\"657\" data-end=\"760\">\r\n<li data-start=\"657\" data-end=\"713\">\r\n<p data-start=\"659\" data-end=\"713\">Organismen zijn afhankelijk van elkaar voor voedsel.<\/p>\r\n<\/li>\r\n<li data-start=\"714\" data-end=\"760\">\r\n<p data-start=\"716\" data-end=\"760\">De ene soort wordt gegeten door de andere.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"762\" data-end=\"834\">Samen vormen deze relaties een netwerk waarin energie wordt doorgegeven.<\/p>\r\n<h3 data-start=\"836\" data-end=\"853\">Producenten<\/h3>\r\n<p data-start=\"854\" data-end=\"918\"><strong data-start=\"854\" data-end=\"869\">Producenten<\/strong> zijn organismen die zelf voedsel kunnen maken.<\/p>\r\n<ul data-start=\"919\" data-end=\"1027\">\r\n<li data-start=\"919\" data-end=\"954\">\r\n<p data-start=\"921\" data-end=\"954\">Dit zijn vooral groene planten.<\/p>\r\n<\/li>\r\n<li data-start=\"955\" data-end=\"1027\">\r\n<p data-start=\"957\" data-end=\"1027\">Zij maken met <strong data-start=\"971\" data-end=\"987\">fotosynthese<\/strong> glucose uit water en koolstofdioxide.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1029\" data-end=\"1088\">Producenten vormen altijd het begin van een voedselrelatie.<\/p>\r\n<h3 data-start=\"1090\" data-end=\"1107\">Consumenten<\/h3>\r\n<p data-start=\"1108\" data-end=\"1181\"><strong data-start=\"1108\" data-end=\"1123\">Consumenten<\/strong> zijn organismen die hun voedsel niet zelf kunnen maken.<\/p>\r\n<ul data-start=\"1182\" data-end=\"1264\">\r\n<li data-start=\"1182\" data-end=\"1219\">\r\n<p data-start=\"1184\" data-end=\"1219\">Ze eten planten of andere dieren.<\/p>\r\n<\/li>\r\n<li data-start=\"1220\" data-end=\"1264\">\r\n<p data-start=\"1222\" data-end=\"1264\">Er zijn verschillende typen consumenten.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1266\" data-end=\"1379\"><strong data-start=\"1266\" data-end=\"1282\">Planteneters<\/strong> eten alleen planten, <strong data-start=\"1304\" data-end=\"1318\">vleeseters<\/strong> eten dieren en <strong data-start=\"1334\" data-end=\"1348\">alleseters<\/strong> eten zowel planten als dieren.<\/p>\r\n<h3 data-start=\"1381\" data-end=\"1397\">Redumenten<\/h3>\r\n<p data-start=\"1398\" data-end=\"1456\"><strong data-start=\"1398\" data-end=\"1412\">Reducenten<\/strong> zijn organismen die dode resten afbreken.<\/p>\r\n<ul data-start=\"1457\" data-end=\"1565\">\r\n<li data-start=\"1457\" data-end=\"1501\">\r\n<p data-start=\"1459\" data-end=\"1501\">Voorbeelden zijn bacteriën en schimmels.<\/p>\r\n<\/li>\r\n<li data-start=\"1502\" data-end=\"1565\">\r\n<p data-start=\"1504\" data-end=\"1565\">Ze breken dode planten en dieren af tot eenvoudige stoffen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1567\" data-end=\"1658\">Deze stoffen komen weer in de bodem terecht en kunnen opnieuw worden gebruikt door planten.<\/p>\r\n<h3 data-start=\"1660\" data-end=\"1678\">Voedselketen<\/h3>\r\n<p data-start=\"1679\" data-end=\"1726\">Een <strong data-start=\"1683\" data-end=\"1699\">voedselketen<\/strong> laat zien wie wie opeet.<\/p>\r\n<ul data-start=\"1727\" data-end=\"1823\">\r\n<li data-start=\"1727\" data-end=\"1780\">\r\n<p data-start=\"1729\" data-end=\"1780\">Een voedselketen begint altijd met een producent.<\/p>\r\n<\/li>\r\n<li data-start=\"1781\" data-end=\"1823\">\r\n<p data-start=\"1783\" data-end=\"1823\">Daarna volgen één of meer consumenten.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1825\" data-end=\"1863\">Een voorbeeld is: gras → konijn → vos.<\/p>\r\n<h3 data-start=\"1865\" data-end=\"1881\">Voedselweb<\/h3>\r\n<p data-start=\"1882\" data-end=\"1983\">In de natuur bestaan meestal meerdere voedselketens tegelijk. Samen vormen deze een <strong data-start=\"1966\" data-end=\"1980\">voedselweb<\/strong>.<\/p>\r\n<ul data-start=\"1984\" data-end=\"2093\">\r\n<li data-start=\"1984\" data-end=\"2035\">\r\n<p data-start=\"1986\" data-end=\"2035\">Organismen hebben vaak meerdere voedselbronnen.<\/p>\r\n<\/li>\r\n<li data-start=\"2036\" data-end=\"2093\">\r\n<p data-start=\"2038\" data-end=\"2093\">Een voedselweb is realistischer dan één voedselketen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2095\" data-end=\"2165\">Hoe meer verbindingen in een voedselweb, hoe stabieler het ecosysteem.<\/p>\r\n<h3 data-start=\"2167\" data-end=\"2183\">Kringlopen<\/h3>\r\n<p data-start=\"2184\" data-end=\"2266\">In de natuur worden stoffen steeds opnieuw gebruikt. Dit noem je <strong data-start=\"2249\" data-end=\"2263\">kringlopen<\/strong>.<\/p>\r\n<ul data-start=\"2267\" data-end=\"2383\">\r\n<li data-start=\"2267\" data-end=\"2318\">\r\n<p data-start=\"2269\" data-end=\"2318\">Stoffen zoals water en mineralen raken niet op.<\/p>\r\n<\/li>\r\n<li data-start=\"2319\" data-end=\"2383\">\r\n<p data-start=\"2321\" data-end=\"2383\">Ze circuleren voortdurend tussen organismen en hun omgeving.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2385\" data-end=\"2470\">Reducenten spelen een belangrijke rol in kringlopen doordat zij dode resten afbreken.<\/p>\r\n<h3 data-start=\"2472\" data-end=\"2500\">Energie in ecosystemen<\/h3>\r\n<p data-start=\"2501\" data-end=\"2539\">Energie stroomt door een ecosysteem.<\/p>\r\n<ul data-start=\"2540\" data-end=\"2641\">\r\n<li data-start=\"2540\" data-end=\"2581\">\r\n<p data-start=\"2542\" data-end=\"2581\">Energie komt uiteindelijk van de zon.<\/p>\r\n<\/li>\r\n<li data-start=\"2582\" data-end=\"2641\">\r\n<p data-start=\"2584\" data-end=\"2641\">Bij elke stap in de voedselketen gaat energie verloren.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2643\" data-end=\"2691\">Daarom zijn voedselketens meestal niet erg lang.<\/p>\r\n`,\r\n terms: [\r\n \"Voedselrelaties \u2013 relaties tussen organismen door voedsel\",\r\n \"Producenten \u2013 organismen die zelf voedsel maken\",\r\n \"Consumenten \u2013 organismen die andere organismen eten\",\r\n \"Reducenten \u2013 organismen die dode resten afbreken\",\r\n \"Voedselketen \u2013 reeks van organismen waarbij de ene de andere eet\",\r\n \"Voedselweb \u2013 netwerk van met elkaar verbonden voedselketens\",\r\n \"Kringlopen \u2013 hergebruik van stoffen in de natuur\",\r\n \"Ecosysteem \u2013 geheel van organismen en hun omgeving\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Organismen zijn met elkaar verbonden door voedselrelaties. Producenten maken voedsel, consumenten eten andere organismen en reducenten breken dode resten af. Via voedselketens en voedselwebben stroomt energie door het ecosysteem, terwijl stoffen steeds opnieuw worden hergebruikt in kringlopen. Zo blijft de natuur in evenwicht.\"\r\n },\r\n\r\n {\r\n id: 3,\r\n title: \"Samenleven\",\r\n subtitle: \"Hoe organismen elkaar be\u00efnvloeden in een ecosysteem\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-18_15_33.png\",\r\n summary: `\r\n<h3 data-start=\"484\" data-end=\"500\">Samenleven<\/h3>\r\n<p data-start=\"501\" data-end=\"713\">In een ecosysteem leven organismen niet alleen, maar <strong data-start=\"554\" data-end=\"563\">samen<\/strong>. Dit samenleven betekent dat organismen elkaar beïnvloeden, positief of negatief. Deze relaties hebben invloed op overleving, groei en voortplanting.<\/p>\r\n<h3 data-start=\"715\" data-end=\"733\">Concurrentie<\/h3>\r\n<p data-start=\"734\" data-end=\"815\"><strong data-start=\"734\" data-end=\"750\">Concurrentie<\/strong> ontstaat wanneer organismen dezelfde hulpbronnen nodig hebben.<\/p>\r\n<ul data-start=\"816\" data-end=\"956\">\r\n<li data-start=\"816\" data-end=\"872\">\r\n<p data-start=\"818\" data-end=\"872\">Voorbeelden zijn voedsel, ruimte, licht of partners.<\/p>\r\n<\/li>\r\n<li data-start=\"873\" data-end=\"956\">\r\n<p data-start=\"875\" data-end=\"956\">Concurrentie kan plaatsvinden tussen verschillende soorten of binnen één soort.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"958\" data-end=\"1025\">Door concurrentie kunnen zwakkere organismen minder goed overleven.<\/p>\r\n<h3 data-start=\"1027\" data-end=\"1041\">Predatie<\/h3>\r\n<p data-start=\"1042\" data-end=\"1106\">Bij <strong data-start=\"1046\" data-end=\"1058\">predatie<\/strong> vangt en eet het ene organisme het andere op.<\/p>\r\n<ul data-start=\"1107\" data-end=\"1202\">\r\n<li data-start=\"1107\" data-end=\"1151\">\r\n<p data-start=\"1109\" data-end=\"1151\">Het etende dier noem je de <strong data-start=\"1136\" data-end=\"1148\">predator<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"1152\" data-end=\"1202\">\r\n<p data-start=\"1154\" data-end=\"1202\">Het dier dat gegeten wordt, heet de <strong data-start=\"1190\" data-end=\"1199\">prooi<\/strong>.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1204\" data-end=\"1256\">Predatie helpt om populaties in evenwicht te houden.<\/p>\r\n<h3 data-start=\"1258\" data-end=\"1274\">Parasieten<\/h3>\r\n<p data-start=\"1275\" data-end=\"1346\">Een <strong data-start=\"1279\" data-end=\"1291\">parasiet<\/strong> leeft op of in een ander organisme, de <strong data-start=\"1331\" data-end=\"1343\">gastheer<\/strong>.<\/p>\r\n<ul data-start=\"1347\" data-end=\"1450\">\r\n<li data-start=\"1347\" data-end=\"1400\">\r\n<p data-start=\"1349\" data-end=\"1400\">De parasiet profiteert, de gastheer heeft nadeel.<\/p>\r\n<\/li>\r\n<li data-start=\"1401\" data-end=\"1450\">\r\n<p data-start=\"1403\" data-end=\"1450\">Voorbeelden zijn luizen, teken en lintwormen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1452\" data-end=\"1537\">Parasieten doden hun gastheer meestal niet direct, omdat ze daarvan afhankelijk zijn.<\/p>\r\n<h3 data-start=\"1539\" data-end=\"1555\">Mutualisme<\/h3>\r\n<p data-start=\"1556\" data-end=\"1629\">Bij <strong data-start=\"1560\" data-end=\"1574\">mutualisme<\/strong> hebben beide organismen voordeel van het samenleven.<\/p>\r\n<ul data-start=\"1630\" data-end=\"1736\">\r\n<li data-start=\"1630\" data-end=\"1659\">\r\n<p data-start=\"1632\" data-end=\"1659\">Beide soorten profiteren.<\/p>\r\n<\/li>\r\n<li data-start=\"1660\" data-end=\"1736\">\r\n<p data-start=\"1662\" data-end=\"1736\">Een voorbeeld is een bij die nectar krijgt en tegelijk bloemen bestuift.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1738\" data-end=\"1795\">Mutualisme vergroot de overlevingskans van beide soorten.<\/p>\r\n<h3 data-start=\"1797\" data-end=\"1816\">Commensalisme<\/h3>\r\n<p data-start=\"1817\" data-end=\"1936\"><strong data-start=\"1817\" data-end=\"1834\">Commensalisme<\/strong> is een vorm van samenleven waarbij één organisme voordeel heeft en het andere geen voor- of nadeel.<\/p>\r\n<ul data-start=\"1937\" data-end=\"2034\">\r\n<li data-start=\"1937\" data-end=\"1992\">\r\n<p data-start=\"1939\" data-end=\"1992\">Een voorbeeld is een vogel die nestelt in een boom.<\/p>\r\n<\/li>\r\n<li data-start=\"1993\" data-end=\"2034\">\r\n<p data-start=\"1995\" data-end=\"2034\">De boom wordt hierbij niet beïnvloed.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2036\" data-end=\"2085\">Deze relatie is neutraal voor één van de soorten.<\/p>\r\n<h3 data-start=\"2087\" data-end=\"2115\">Invloed op ecosystemen<\/h3>\r\n<p data-start=\"2116\" data-end=\"2198\">De manier waarop organismen samenleven, bepaalt hoe een ecosysteem functioneert.<\/p>\r\n<ul data-start=\"2199\" data-end=\"2333\">\r\n<li data-start=\"2199\" data-end=\"2272\">\r\n<p data-start=\"2201\" data-end=\"2272\">Verandert één soort, dan kan dit gevolgen hebben voor andere soorten.<\/p>\r\n<\/li>\r\n<li data-start=\"2273\" data-end=\"2333\">\r\n<p data-start=\"2275\" data-end=\"2333\">Evenwicht tussen soorten is belangrijk voor stabiliteit.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2335\" data-end=\"2379\">Samenleven zorgt voor dynamiek in de natuur.<\/p>\r\n`,\r\n terms: [\r\n \"Samenleven \u2013 relaties tussen organismen in een ecosysteem\",\r\n \"Concurrentie \u2013 strijd om voedsel, ruimte of andere hulpbronnen\",\r\n \"Predatie \u2013 relatie tussen predator en prooi\",\r\n \"Predator \u2013 dier dat een ander dier vangt en opeet\",\r\n \"Prooi \u2013 dier dat wordt gegeten\",\r\n \"Parasiet \u2013 organisme dat leeft ten koste van een ander\",\r\n \"Gastheer \u2013 organisme waarop of waarin een parasiet leeft\",\r\n \"Mutualisme \u2013 samenleven waarbij beide organismen voordeel hebben\",\r\n \"Commensalisme \u2013 samenleven waarbij \u00e9\u00e9n voordeel heeft en de ander geen effect merkt\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Organismen leven samen en be\u00efnvloeden elkaar op verschillende manieren. Er kan sprake zijn van concurrentie, predatie, parasitisme, mutualisme of commensalisme. Deze vormen van samenleven bepalen het evenwicht en de stabiliteit van ecosystemen. Veranderingen in \u00e9\u00e9n soort kunnen gevolgen hebben voor het hele ecosysteem.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"Natuurbeheer\",\r\n subtitle: \"Hoe mensen proberen natuur te beschermen en in evenwicht te houden\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-18_15_47.png\",\r\n summary: `\r\n<h3 data-start=\"513\" data-end=\"531\">Natuurbeheer<\/h3>\r\n<p data-start=\"532\" data-end=\"737\"><strong data-start=\"532\" data-end=\"548\">Natuurbeheer<\/strong> is het bewust omgaan met natuur om planten en dieren te beschermen. Het doel van natuurbeheer is het behouden en verbeteren van natuurgebieden, zodat ecosystemen goed blijven functioneren.<\/p>\r\n<h3 data-start=\"739\" data-end=\"759\">Biodiversiteit<\/h3>\r\n<p data-start=\"760\" data-end=\"851\"><strong data-start=\"760\" data-end=\"778\">Biodiversiteit<\/strong> betekent de verscheidenheid aan planten- en diersoorten in een gebied.<\/p>\r\n<ul data-start=\"852\" data-end=\"995\">\r\n<li data-start=\"852\" data-end=\"915\">\r\n<p data-start=\"854\" data-end=\"915\">Hoe groter de biodiversiteit, hoe stabieler het ecosysteem.<\/p>\r\n<\/li>\r\n<li data-start=\"916\" data-end=\"995\">\r\n<p data-start=\"918\" data-end=\"995\">Veel verschillende soorten maken de natuur weerbaarder tegen veranderingen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"997\" data-end=\"1061\">Natuurbeheer richt zich vaak op het behouden van biodiversiteit.<\/p>\r\n<h3 data-start=\"1063\" data-end=\"1083\">Natuurgebieden<\/h3>\r\n<p data-start=\"1084\" data-end=\"1168\">Een <strong data-start=\"1088\" data-end=\"1104\">natuurgebied<\/strong> is een gebied waar de natuur zoveel mogelijk wordt beschermd.<\/p>\r\n<ul data-start=\"1169\" data-end=\"1273\">\r\n<li data-start=\"1169\" data-end=\"1226\">\r\n<p data-start=\"1171\" data-end=\"1226\">Hier krijgen planten en dieren de ruimte om te leven.<\/p>\r\n<\/li>\r\n<li data-start=\"1227\" data-end=\"1273\">\r\n<p data-start=\"1229\" data-end=\"1273\">Menselijke activiteiten zijn vaak beperkt.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1275\" data-end=\"1327\">Voorbeelden zijn bossen, duinen, heide en moerassen.<\/p>\r\n<h3 data-start=\"1329\" data-end=\"1362\">Bedreigingen voor de natuur<\/h3>\r\n<p data-start=\"1363\" data-end=\"1420\">De natuur wordt beïnvloed door menselijke activiteiten.<\/p>\r\n<ul data-start=\"1421\" data-end=\"1538\">\r\n<li data-start=\"1421\" data-end=\"1489\">\r\n<p data-start=\"1423\" data-end=\"1489\">Ontbossing, vervuiling en verstedelijking kunnen natuur schaden.<\/p>\r\n<\/li>\r\n<li data-start=\"1490\" data-end=\"1538\">\r\n<p data-start=\"1492\" data-end=\"1538\">Ook klimaatverandering vormt een bedreiging.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1540\" data-end=\"1613\">Door deze invloeden kunnen leefgebieden verdwijnen en soorten uitsterven.<\/p>\r\n<h3 data-start=\"1615\" data-end=\"1638\">Beheermaatregelen<\/h3>\r\n<p data-start=\"1639\" data-end=\"1711\">Bij natuurbeheer worden verschillende <strong data-start=\"1677\" data-end=\"1698\">beheermaatregelen<\/strong> toegepast.<\/p>\r\n<ul data-start=\"1712\" data-end=\"1870\">\r\n<li data-start=\"1712\" data-end=\"1762\">\r\n<p data-start=\"1714\" data-end=\"1762\">Maaien of begrazen om gebieden open te houden.<\/p>\r\n<\/li>\r\n<li data-start=\"1763\" data-end=\"1815\">\r\n<p data-start=\"1765\" data-end=\"1815\">Planten of dieren beschermen of herintroduceren.<\/p>\r\n<\/li>\r\n<li data-start=\"1816\" data-end=\"1870\">\r\n<p data-start=\"1818\" data-end=\"1870\">Waterpeil aanpassen om natte gebieden te behouden.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1872\" data-end=\"1942\">Deze maatregelen zijn afgestemd op de behoeften van planten en dieren.<\/p>\r\n<h3 data-start=\"1944\" data-end=\"1973\">Bescherming van soorten<\/h3>\r\n<p data-start=\"1974\" data-end=\"2029\">Sommige planten en dieren zijn <strong data-start=\"2005\" data-end=\"2026\">bedreigde soorten<\/strong>.<\/p>\r\n<ul data-start=\"2030\" data-end=\"2128\">\r\n<li data-start=\"2030\" data-end=\"2073\">\r\n<p data-start=\"2032\" data-end=\"2073\">Deze soorten krijgen extra bescherming.<\/p>\r\n<\/li>\r\n<li data-start=\"2074\" data-end=\"2128\">\r\n<p data-start=\"2076\" data-end=\"2128\">Dit kan door wetten, reservaten of fokprogramma’s.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2130\" data-end=\"2179\">Soortenbescherming helpt uitsterven te voorkomen.<\/p>\r\n<h3 data-start=\"2181\" data-end=\"2202\">Rol van de mens<\/h3>\r\n<p data-start=\"2203\" data-end=\"2250\">De mens speelt een grote rol in natuurbeheer.<\/p>\r\n<ul data-start=\"2251\" data-end=\"2398\">\r\n<li data-start=\"2251\" data-end=\"2289\">\r\n<p data-start=\"2253\" data-end=\"2289\">Overheden maken regels en plannen.<\/p>\r\n<\/li>\r\n<li data-start=\"2290\" data-end=\"2331\">\r\n<p data-start=\"2292\" data-end=\"2331\">Natuurorganisaties voeren beheer uit.<\/p>\r\n<\/li>\r\n<li data-start=\"2332\" data-end=\"2398\">\r\n<p data-start=\"2334\" data-end=\"2398\">Ook burgers kunnen bijdragen, bijvoorbeeld door bewust gedrag.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2400\" data-end=\"2461\">Goede samenwerking is belangrijk voor succesvol natuurbeheer.<\/p>\r\n`,\r\n terms: [\r\n \"Natuurbeheer \u2013 het beschermen en onderhouden van natuur\",\r\n \"Biodiversiteit \u2013 verscheidenheid aan planten- en diersoorten\",\r\n \"Natuurgebied \u2013 beschermd gebied waar natuur centraal staat\",\r\n \"Bedreigde soorten \u2013 soorten die kans hebben om uit te sterven\",\r\n \"Beheermaatregelen \u2013 acties om natuur te beschermen of te herstellen\",\r\n \"Soortenbescherming \u2013 maatregelen om bepaalde soorten te behouden\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Natuurbeheer is nodig om natuur en biodiversiteit te behouden. Door bedreigingen zoals vervuiling en klimaatverandering staan veel soorten onder druk. Met gerichte beheermaatregelen en bescherming van natuurgebieden en soorten probeert de mens ecosystemen in evenwicht te houden en de natuur te beschermen voor de toekomst.\"\r\n },\r\n\r\n {\r\n id: 5,\r\n title: \"Mens en milieu\",\r\n subtitle: \"Hoe menselijk gedrag het milieu verandert en waarom duurzaamheid belangrijk is\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-18_15_44.png\",\r\n summary: `\r\n<h3 data-start=\"525\" data-end=\"545\">Mens en milieu<\/h3>\r\n<p data-start=\"546\" data-end=\"798\">De <strong data-start=\"549\" data-end=\"557\">mens<\/strong> maakt deel uit van de natuur, maar heeft ook grote invloed op het <strong data-start=\"624\" data-end=\"634\">milieu<\/strong>. Door wonen, werken, landbouw en industrie verandert de mens de omgeving. Deze veranderingen kunnen positieve, maar ook negatieve gevolgen hebben voor ecosystemen.<\/p>\r\n<h3 data-start=\"800\" data-end=\"812\">Milieu<\/h3>\r\n<p data-start=\"813\" data-end=\"907\">Het <strong data-start=\"817\" data-end=\"827\">milieu<\/strong> bestaat uit alle levende en niet-levende factoren in de omgeving van de mens.<\/p>\r\n<ul data-start=\"908\" data-end=\"1023\">\r\n<li data-start=\"908\" data-end=\"948\">\r\n<p data-start=\"910\" data-end=\"948\">Lucht, water en bodem horen hierbij.<\/p>\r\n<\/li>\r\n<li data-start=\"949\" data-end=\"1023\">\r\n<p data-start=\"951\" data-end=\"1023\">Ook planten, dieren en micro-organismen maken deel uit van het milieu.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1025\" data-end=\"1077\">Een gezond milieu is belangrijk voor mens en natuur.<\/p>\r\n<h3 data-start=\"1079\" data-end=\"1100\">Milieuproblemen<\/h3>\r\n<p data-start=\"1101\" data-end=\"1156\">Door menselijk handelen ontstaan <strong data-start=\"1134\" data-end=\"1153\">milieuproblemen<\/strong>.<\/p>\r\n<ul data-start=\"1157\" data-end=\"1278\">\r\n<li data-start=\"1157\" data-end=\"1230\">\r\n<p data-start=\"1159\" data-end=\"1230\">Voorbeelden zijn luchtvervuiling, watervervuiling en bodemvervuiling.<\/p>\r\n<\/li>\r\n<li data-start=\"1231\" data-end=\"1278\">\r\n<p data-start=\"1233\" data-end=\"1278\">Ook afval en geluidsoverlast horen hierbij.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1280\" data-end=\"1370\">Milieuproblemen kunnen schade veroorzaken aan ecosystemen en aan de gezondheid van mensen.<\/p>\r\n<h3 data-start=\"1372\" data-end=\"1405\">Uitputting van grondstoffen<\/h3>\r\n<p data-start=\"1406\" data-end=\"1500\">De mens gebruikt veel <strong data-start=\"1428\" data-end=\"1444\">grondstoffen<\/strong>, zoals hout, water, metalen en fossiele brandstoffen.<\/p>\r\n<ul data-start=\"1501\" data-end=\"1597\">\r\n<li data-start=\"1501\" data-end=\"1535\">\r\n<p data-start=\"1503\" data-end=\"1535\">Sommige grondstoffen raken op.<\/p>\r\n<\/li>\r\n<li data-start=\"1536\" data-end=\"1597\">\r\n<p data-start=\"1538\" data-end=\"1597\">Overmatig gebruik kan leiden tot uitputting van de aarde.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1599\" data-end=\"1651\">Zuinig omgaan met grondstoffen is daarom belangrijk.<\/p>\r\n<h3 data-start=\"1653\" data-end=\"1677\">Klimaatverandering<\/h3>\r\n<p data-start=\"1678\" data-end=\"1772\">Door de uitstoot van broeikasgassen, zoals koolstofdioxide, ontstaat <strong data-start=\"1747\" data-end=\"1769\">klimaatverandering<\/strong>.<\/p>\r\n<ul data-start=\"1773\" data-end=\"1875\">\r\n<li data-start=\"1773\" data-end=\"1819\">\r\n<p data-start=\"1775\" data-end=\"1819\">De gemiddelde temperatuur op aarde stijgt.<\/p>\r\n<\/li>\r\n<li data-start=\"1820\" data-end=\"1875\">\r\n<p data-start=\"1822\" data-end=\"1875\">Dit heeft gevolgen voor weer, natuur en zeespiegel.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1877\" data-end=\"1952\">Klimaatverandering kan leefgebieden aantasten en soorten in gevaar brengen.<\/p>\r\n<h3 data-start=\"1954\" data-end=\"1972\">Duurzaamheid<\/h3>\r\n<p data-start=\"1973\" data-end=\"2083\"><strong data-start=\"1973\" data-end=\"1989\">Duurzaamheid<\/strong> betekent dat de mens zo leeft dat de aarde ook geschikt blijft voor toekomstige generaties.<\/p>\r\n<ul data-start=\"2084\" data-end=\"2204\">\r\n<li data-start=\"2084\" data-end=\"2150\">\r\n<p data-start=\"2086\" data-end=\"2150\">Er wordt rekening gehouden met natuur, milieu en grondstoffen.<\/p>\r\n<\/li>\r\n<li data-start=\"2151\" data-end=\"2204\">\r\n<p data-start=\"2153\" data-end=\"2204\">Duurzaam leven voorkomt uitputting en vervuiling.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2206\" data-end=\"2281\">Voorbeelden zijn hergebruik, recycling en het gebruik van duurzame energie.<\/p>\r\n<h3 data-start=\"2283\" data-end=\"2305\">Wat kun jij doen<\/h3>\r\n<p data-start=\"2306\" data-end=\"2352\">Iedereen kan bijdragen aan een beter milieu.<\/p>\r\n<ul data-start=\"2353\" data-end=\"2451\">\r\n<li data-start=\"2353\" data-end=\"2381\">\r\n<p data-start=\"2355\" data-end=\"2381\">Minder afval produceren.<\/p>\r\n<\/li>\r\n<li data-start=\"2382\" data-end=\"2403\">\r\n<p data-start=\"2384\" data-end=\"2403\">Energie besparen.<\/p>\r\n<\/li>\r\n<li data-start=\"2404\" data-end=\"2451\">\r\n<p data-start=\"2406\" data-end=\"2451\">Bewuste keuzes maken in vervoer en voeding.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2453\" data-end=\"2521\">Kleine veranderingen in gedrag kunnen samen een groot effect hebben.<\/p>\r\n`,\r\n terms: [\r\n \"Milieu \u2013 alle levende en niet-levende factoren in de omgeving\",\r\n \"Milieuproblemen \u2013 problemen door vervuiling en aantasting van het milieu\",\r\n \"Grondstoffen \u2013 natuurlijke materialen die door de mens worden gebruikt\",\r\n \"Klimaatverandering \u2013 langdurige verandering van het klimaat op aarde\",\r\n \"Duurzaamheid \u2013 leven zonder de aarde uit te putten\",\r\n \"Recycling \u2013 hergebruik van materialen\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De mens heeft een grote invloed op het milieu. Door vervuiling, uitputting van grondstoffen en klimaatverandering ontstaan milieuproblemen. Duurzaam omgaan met natuur en grondstoffen is noodzakelijk om het milieu gezond te houden. Iedereen kan bijdragen door bewuste en milieuvriendelijke keuzes te maken.\"\r\n },\r\n\r\n {\r\n id: 6,\r\n title: \"Duurzaamheid\",\r\n subtitle: \"Hoe mens en natuur in balans kunnen blijven\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-18_15_49.png\",\r\n summary: `\r\n<h3 data-start=\"484\" data-end=\"502\">Duurzaamheid<\/h3>\r\n<p data-start=\"503\" data-end=\"712\"><strong data-start=\"503\" data-end=\"519\">Duurzaamheid<\/strong> betekent dat mensen zo omgaan met de aarde dat ook toekomstige generaties er goed van kunnen leven. Hierbij wordt rekening gehouden met natuur, milieu, economie en de leefbaarheid voor mensen.<\/p>\r\n<h3 data-start=\"714\" data-end=\"749\">Drie pijlers van duurzaamheid<\/h3>\r\n<p data-start=\"750\" data-end=\"830\">Duurzaamheid bestaat uit drie onderdelen, ook wel de <strong data-start=\"803\" data-end=\"819\">drie pijlers<\/strong> genoemd.<\/p>\r\n<ul data-start=\"831\" data-end=\"1040\">\r\n<li data-start=\"831\" data-end=\"896\">\r\n<p data-start=\"833\" data-end=\"896\"><strong data-start=\"833\" data-end=\"847\">Ecologisch<\/strong>: zorgen voor natuur, milieu en biodiversiteit.<\/p>\r\n<\/li>\r\n<li data-start=\"897\" data-end=\"966\">\r\n<p data-start=\"899\" data-end=\"966\"><strong data-start=\"899\" data-end=\"913\">Economisch<\/strong>: verantwoord omgaan met geld, productie en handel.<\/p>\r\n<\/li>\r\n<li data-start=\"967\" data-end=\"1040\">\r\n<p data-start=\"969\" data-end=\"1040\"><strong data-start=\"969\" data-end=\"980\">Sociaal<\/strong>: aandacht voor gezondheid, welzijn en eerlijke verdeling.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1042\" data-end=\"1115\">Pas als deze drie in evenwicht zijn, is er sprake van echte duurzaamheid.<\/p>\r\n<h3 data-start=\"1117\" data-end=\"1143\">Hernieuwbare energie<\/h3>\r\n<p data-start=\"1144\" data-end=\"1199\"><strong data-start=\"1144\" data-end=\"1168\">Hernieuwbare energie<\/strong> is energie die niet opraakt.<\/p>\r\n<ul data-start=\"1200\" data-end=\"1318\">\r\n<li data-start=\"1200\" data-end=\"1263\">\r\n<p data-start=\"1202\" data-end=\"1263\">Voorbeelden zijn zonne-energie, windenergie en waterkracht.<\/p>\r\n<\/li>\r\n<li data-start=\"1264\" data-end=\"1318\">\r\n<p data-start=\"1266\" data-end=\"1318\">Deze energiebronnen veroorzaken minder vervuiling.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1320\" data-end=\"1397\">Het gebruik van hernieuwbare energie helpt klimaatverandering te verminderen.<\/p>\r\n<h3 data-start=\"1399\" data-end=\"1426\">Fossiele brandstoffen<\/h3>\r\n<p data-start=\"1427\" data-end=\"1493\"><strong data-start=\"1427\" data-end=\"1452\">Fossiele brandstoffen<\/strong> zoals olie, gas en steenkool raken op.<\/p>\r\n<ul data-start=\"1494\" data-end=\"1588\">\r\n<li data-start=\"1494\" data-end=\"1545\">\r\n<p data-start=\"1496\" data-end=\"1545\">Bij verbranding komen veel broeikasgassen vrij.<\/p>\r\n<\/li>\r\n<li data-start=\"1546\" data-end=\"1588\">\r\n<p data-start=\"1548\" data-end=\"1588\">Dit draagt bij aan klimaatverandering.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1590\" data-end=\"1671\">Daarom is het belangrijk om het gebruik van fossiele brandstoffen te verminderen.<\/p>\r\n<h3 data-start=\"1673\" data-end=\"1697\">Duurzame productie<\/h3>\r\n<p data-start=\"1698\" data-end=\"1770\">Bij <strong data-start=\"1702\" data-end=\"1724\">duurzame productie<\/strong> wordt rekening gehouden met mens en milieu.<\/p>\r\n<ul data-start=\"1771\" data-end=\"1861\">\r\n<li data-start=\"1771\" data-end=\"1810\">\r\n<p data-start=\"1773\" data-end=\"1810\">Er wordt minder afval geproduceerd.<\/p>\r\n<\/li>\r\n<li data-start=\"1811\" data-end=\"1861\">\r\n<p data-start=\"1813\" data-end=\"1861\">Grondstoffen worden hergebruikt of gerecycled.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1863\" data-end=\"1927\">Ook eerlijke arbeidsomstandigheden horen bij duurzame productie.<\/p>\r\n<h3 data-start=\"1929\" data-end=\"1955\">Consumptie en keuzes<\/h3>\r\n<p data-start=\"1956\" data-end=\"2023\">De manier waarop mensen consumeren heeft invloed op duurzaamheid.<\/p>\r\n<ul data-start=\"2024\" data-end=\"2154\">\r\n<li data-start=\"2024\" data-end=\"2086\">\r\n<p data-start=\"2026\" data-end=\"2086\">Minder kopen en langer gebruiken is beter voor het milieu.<\/p>\r\n<\/li>\r\n<li data-start=\"2087\" data-end=\"2154\">\r\n<p data-start=\"2089\" data-end=\"2154\">Kiezen voor lokale en duurzame producten vermindert vervuiling.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2156\" data-end=\"2213\">Bewuste keuzes helpen om de druk op de aarde te verlagen.<\/p>\r\n<h3 data-start=\"2215\" data-end=\"2243\">Toekomstgericht denken<\/h3>\r\n<p data-start=\"2244\" data-end=\"2296\">Duurzaamheid vraagt om <strong data-start=\"2267\" data-end=\"2293\">toekomstgericht denken<\/strong>.<\/p>\r\n<ul data-start=\"2297\" data-end=\"2391\">\r\n<li data-start=\"2297\" data-end=\"2342\">\r\n<p data-start=\"2299\" data-end=\"2342\">Niet alleen kijken naar wat nu handig is.<\/p>\r\n<\/li>\r\n<li data-start=\"2343\" data-end=\"2391\">\r\n<p data-start=\"2345\" data-end=\"2391\">Ook nadenken over gevolgen op lange termijn.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2393\" data-end=\"2462\">Door duurzaam te leven, blijft de aarde leefbaar voor mens en natuur.<\/p>\r\n`,\r\n terms: [\r\n \"Duurzaamheid \u2013 leven zonder de aarde uit te putten\",\r\n \"Hernieuwbare energie \u2013 energie die niet opraakt\",\r\n \"Fossiele brandstoffen \u2013 brandstoffen die opraken en vervuilen\",\r\n \"Duurzame productie \u2013 produceren met zo min mogelijk schade aan milieu en mens\",\r\n \"Consumptie \u2013 het gebruik van producten en grondstoffen\",\r\n \"Toekomstgericht denken \u2013 rekening houden met de lange termijn\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Duurzaamheid betekent verantwoord omgaan met natuur, milieu en grondstoffen. Door gebruik te maken van hernieuwbare energie, duurzaam te produceren en bewuste keuzes te maken in consumptie, kan de mens de aarde beschermen. Duurzaam leven is noodzakelijk om ook toekomstige generaties een goede leefomgeving te bieden.\"\r\n },\r\n ]\r\n };\r\n\r\n \/\/ ====== APP LOGICA ======\r\n const els = {\r\n bookTitle: document.getElementById('bookTitle'),\r\n chapterBadge: document.getElementById('chapterBadge'),\r\n chapterSub: document.getElementById('chapterSub'),\r\n pageIndicator: document.getElementById('pageIndicator'),\r\n progressBar: document.getElementById('progressBar'),\r\n chapterTitle: document.getElementById('chapterTitle'),\r\n chapterSubtitle: document.getElementById('chapterSubtitle'),\r\n summaryBody: document.getElementById('summaryBody'),\r\n termsList: document.getElementById('termsList'),\r\n moreTerms: document.getElementById('moreTerms'),\r\n tldrBody: document.getElementById('tldrBody'),\r\n chapterCounter: document.getElementById('chapterCounter'),\r\n prevBtn: document.getElementById('prevBtn'),\r\n nextBtn: document.getElementById('nextBtn'),\r\n chapterImage: document.getElementById('chapterImage'),\r\n chapterImageWrap: document.getElementById('chapterImageWrap'),\r\n };\r\n\r\n function getChapterIndexFromURL(){\r\n const url = new URL(window.location);\r\n const h = parseInt(url.searchParams.get('h') || url.hash.replace('#h=',''));\r\n const idx = isFinite(h) && h>0 ? h-1 : 0;\r\n return Math.max(0, Math.min(BOOK.chapters.length-1, idx));\r\n }\r\n\r\n let currentIndex = getChapterIndexFromURL();\r\n\r\n function updateURL(){\r\n const h = currentIndex + 1;\r\n const url = new URL(window.location);\r\n url.searchParams.set('h', String(h));\r\n history.replaceState({}, '', url);\r\n document.title = `${BOOK.title} \u2013 Basisstof ${h}`;\r\n }\r\n\r\n function render(){\r\n const total = BOOK.chapters.length;\r\n const ch = BOOK.chapters[currentIndex];\r\n\r\n els.bookTitle.textContent = BOOK.title;\r\n els.chapterBadge.textContent = `Basisstof ${ch.id}`;\r\n els.chapterSub.textContent = ch.title;\r\n\r\n els.chapterTitle.textContent = ch.title;\r\n els.chapterSubtitle.textContent = ch.subtitle || '';\r\n els.summaryBody.innerHTML = ch.summary;\r\n\r\n \/\/ Afbeelding per hoofdstuk invullen of het hele blok verbergen\r\n if (ch.image) {\r\n els.chapterImage.src = ch.image;\r\n els.chapterImage.alt = `Illustratie bij: ${ch.title}`;\r\n els.chapterImageWrap.style.display = 'block';\r\n } else {\r\n els.chapterImage.src = '';\r\n els.chapterImageWrap.style.display = 'none';\r\n }\r\n\r\n els.termsList.innerHTML = (ch.terms||[]).map(t => `<li>${t}<\/li>`).join('');\r\n els.moreTerms.href = ch.moreTermsUrl || '#';\r\n\r\n els.tldrBody.innerHTML = `<p>${ch.tldr||''}<\/p>`;\r\n\r\n els.pageIndicator.textContent = `${ch.id} \/ ${total}`;\r\n els.chapterCounter.textContent = `Basisstof ${ch.id} van ${total}`;\r\n els.progressBar.style.width = `${(ch.id\/total)*100}%`;\r\n\r\n els.prevBtn.disabled = currentIndex === 0;\r\n els.nextBtn.disabled = currentIndex === total-1;\r\n\r\n updateURL();\r\n }\r\n\r\n function go(delta){\r\n const next = currentIndex + delta;\r\n if(next < 0 || next >= BOOK.chapters.length) return;\r\n currentIndex = next; render();\r\n \/\/ verplaats focus netjes\r\n document.getElementById('main').focus({preventScroll:true});\r\n }\r\n\r\n els.prevBtn.addEventListener('click', () => go(-1));\r\n els.nextBtn.addEventListener('click', () => go(1));\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if(e.key === 'ArrowLeft') { go(-1); }\r\n if(e.key === 'ArrowRight'){ go(1); }\r\n });\r\n\r\n \/\/ Initial render\r\n render();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Samenvatting \u2013 Boek Ga naar inhoud Titel van het boek Basisstof 1 1 \/ 1 Hoofdstuknaam Korte inleiding of doel van dit hoofdstuk. Belangrijke begrippen Meer begrippen \u2192 Kort samengevat Vorige Basisstof 1 van 1 Volgende<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[44],"class_list":["post-841","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=841"}],"version-history":[{"count":4,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/841\/revisions"}],"predecessor-version":[{"id":3325,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/841\/revisions\/3325"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=841"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Samenvatting \u2013 Boek<\/title>\r\n <meta name=\"description\" content=\"Mooie, printvriendelijke samenvattingspagina met post-it begrippen, TL;DR en boeknavigatie.\" \/>\r\n <style>\r\n \/* ====== Design tokens ====== *\/\r\n :root {\r\n --bg: #f7f7fb;\r\n --surface: #ffffff;\r\n --ink: #0b1020;\r\n --muted: #5e647a;\r\n --accent: #5b7cfa; \/* primaire accentkleur *\/\r\n --accent-2: #9a7bf9; \/* verloop voor knoppen *\/\r\n --ring: rgba(91,124,250,.35);\r\n --shadow: 0 10px 30px rgba(11,16,32,.08);\r\n --radius: 18px;\r\n --note: #fff4b1; \/* post-it geel *\/\r\n --note-ink: #3e3a17;\r\n --success: #2ecc71;\r\n --danger: #ff6b6b;\r\n }\r\n\r\n @media (prefers-color-scheme: dark) {\r\n :root {\r\n --bg: #0e1220;\r\n --surface: #151a2c;\r\n --ink: #eef1ff;\r\n --muted: #a9b0d1;\r\n --accent: #7aa2ff;\r\n --accent-2: #b690ff;\r\n --ring: rgba(122,162,255,.35);\r\n --shadow: 0 10px 30px rgba(0,0,0,.35);\r\n --note: #f6dd7b;\r\n --note-ink: #2a2610;\r\n }\r\n }\r\n\r\n \/* ====== Base ====== *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box\r\n }\r\n\r\n html, body {\r\n height: 100%\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background: radial-gradient(1200px 600px at 10% -10%, rgba(91,124,250,.08), transparent 60%), radial-gradient(1000px 700px at 120% 30%, rgba(154,123,249,.06), transparent 60%), var(--bg);\r\n color: var(--ink);\r\n font: 16px\/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\r\n }\r\n\r\n a {\r\n color: var(--accent);\r\n text-decoration: none\r\n }\r\n\r\n a:hover {\r\n text-decoration: underline\r\n }\r\n\r\n .container {\r\n max-width: 1600px;\r\n margin-inline: auto;\r\n padding: 24px;\r\n }\r\n\r\n \/* ====== Topbar \/ header ====== *\/\r\n .topbar {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n justify-content: space-between;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px\r\n }\r\n\r\n .brand .logo {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n box-shadow: var(--shadow);\r\n display: grid;\r\n place-items: center\r\n }\r\n\r\n .brand .logo svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: white\r\n }\r\n\r\n .brand h1 {\r\n font-size: clamp(18px, 3vw, 24px);\r\n margin: 0\r\n }\r\n\r\n .chapter-meta {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--muted)\r\n }\r\n\r\n .badge {\r\n background: linear-gradient(135deg, rgba(91,124,250,.15), rgba(154,123,249,.15));\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n font-weight: 600\r\n }\r\n\r\n \/* ====== Progress ====== *\/\r\n .progress-wrap {\r\n margin: 6px 0 20px 0\r\n }\r\n\r\n .progress {\r\n height: 8px;\r\n background: rgba(91,124,250,.15);\r\n border-radius: 999px;\r\n overflow: hidden\r\n }\r\n\r\n .progress > span {\r\n display: block;\r\n height: 100%;\r\n width: 0;\r\n background: linear-gradient(90deg,var(--accent),var(--accent-2));\r\n transition: width .35s ease\r\n }\r\n\r\n \/* ====== Layout ====== *\/\r\n .layout {\r\n display: grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap: 20px\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .layout {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* ====== Cards ====== *\/\r\n .card {\r\n background: var(--surface);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n position: relative\r\n }\r\n\r\n .summary {\r\n padding: 24px\r\n }\r\n\r\n .summary h2 {\r\n margin: 0 0 8px 0;\r\n font-size: clamp(22px, 3.2vw, 32px)\r\n }\r\n\r\n .summary .subtitle {\r\n color: var(--muted);\r\n margin: 0 0 18px 0\r\n }\r\n\r\n .summary p {\r\n margin: 0 0 12px 0\r\n }\r\n\r\n .summary ul, .summary ol {\r\n padding-left: 22px\r\n }\r\n\r\n .side {\r\n display: grid;\r\n gap: 20px;\r\n align-content: start\r\n }\r\n\r\n \/* ====== Post-it note (begrippen) ====== *\/\r\n .note {\r\n background: var(--note);\r\n color: var(--note-ink);\r\n border-radius: 10px;\r\n padding: 18px 18px 70px 18px; \/* extra ruimte voor knop *\/\r\n position: relative;\r\n box-shadow: 0 18px 35px rgba(0,0,0,.12);\r\n transform: rotate(-0.7deg);\r\n filter: drop-shadow(0 8px 14px rgba(0,0,0,.08));\r\n isolation: isolate;\r\n }\r\n\r\n .note::before { \/* plakband *\/\r\n content: \"\";\r\n position: absolute;\r\n top: -10px;\r\n left: 40px;\r\n width: 70px;\r\n height: 26px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.25));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.12);\r\n transform: rotate(-6deg);\r\n border-radius: 4px;\r\n }\r\n\r\n .note h3 {\r\n margin: 2px 0 8px 0;\r\n font-size: 20px\r\n }\r\n\r\n .terms {\r\n margin: 0;\r\n padding-left: 18px\r\n }\r\n\r\n .terms li {\r\n margin: 6px 0\r\n }\r\n\r\n .more-link {\r\n position: absolute;\r\n bottom: 12px;\r\n right: 12px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 10px 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n color: #fff;\r\n box-shadow: 0 10px 22px var(--ring);\r\n }\r\n\r\n .more-link:focus {\r\n outline: 3px solid var(--ring);\r\n outline-offset: 3px\r\n }\r\n\r\n \/* ====== TL;DR ====== *\/\r\n .tldr {\r\n padding: 16px 18px\r\n }\r\n\r\n .tldr h3 {\r\n margin: 0 0 8px 0;\r\n font-size: 18px\r\n }\r\n\r\n .tldr p {\r\n margin: 8px 0\r\n }\r\n\r\n \/* ====== Book navigation ====== *\/\r\n .book-nav {\r\n position: sticky;\r\n bottom: 10px;\r\n margin-top: 26px;\r\n z-index: 5;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n }\r\n\r\n .nav-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 12px 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .nav-btn svg {\r\n width: 22px;\r\n height: 22px;\r\n opacity: .9\r\n }\r\n\r\n .nav-btn:hover {\r\n outline: 3px solid var(--ring)\r\n }\r\n\r\n .nav-btn[disabled] {\r\n opacity: .5;\r\n cursor: not-allowed\r\n }\r\n\r\n .nav-info {\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n padding: 10px 14px;\r\n border-radius: 999px;\r\n color: var(--muted)\r\n }\r\n\r\n \/* ====== Helpers ====== *\/\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n }\r\n\r\n mark {\r\n background: linear-gradient(transparent 60%, rgba(91,124,250,.25) 60%)\r\n }\r\n\r\n \/* ====== Print styles ====== *\/\r\n @media print {\r\n body {\r\n background: #fff\r\n }\r\n\r\n .topbar .brand .logo {\r\n display: none\r\n }\r\n\r\n .progress-wrap, .book-nav, .note::before {\r\n display: none\r\n }\r\n\r\n .layout {\r\n grid-template-columns: 1fr .6fr\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none\r\n }\r\n }\r\n\r\n \/* ====== Hoofdstukafbeelding (boven begrippen, vaste grootte) ====== *\/\r\n .image-note {\r\n background: #fff;\r\n border-radius: 14px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,.12);\r\n padding: 12px;\r\n margin: 0;\r\n position: relative;\r\n transform: rotate(-1.2deg);\r\n width: 100%;\r\n height: 800px; \/* vaste weergavegrootte desktop *\/\r\n max-height: 800px;\r\n overflow: hidden;\r\n }\r\n\r\n .image-note img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain; \/* past binnen het kader, nooit te lang\/breed *\/\r\n border-radius: 10px;\r\n }\r\n\r\n .image-note .tape {\r\n content: \"\";\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%) rotate(-4deg);\r\n width: 80px;\r\n height: 28px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.3));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.2);\r\n border-radius: 4px;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .image-note {\r\n height: 420px;\r\n max-height: 420px;\r\n }\r\n \/* mobiel *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <a class=\"sr-only\" href=\"#main\">Ga naar inhoud<\/a>\r\n <div class=\"container\">\r\n <header class=\"topbar\">\r\n <div class=\"brand\" aria-label=\"Boekgegevens\">\r\n <div class=\"logo\" aria-hidden=\"true\">\r\n \r\n <svg viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Boekpictogram\"><path d=\"M6 2h9a3 3 0 0 1 3 3v14.5a.5.5 0 0 1-.8.4c-1.1-.8-2.5-1.1-3.9-1.1H6a2 2 0 0 0-2 2V4a2 2 0 0 1 2-2Zm0 2a0 0 0 0 0 0 0v13h7.3c1.3 0 2.6.3 3.7.9V5a1 1 0 0 0-1-1Z\" \/><\/svg>\r\n <\/div>\r\n <div>\r\n <h1 id=\"bookTitle\">Titel van het boek<\/h1>\r\n <div class=\"chapter-meta\">\r\n <span class=\"badge\" id=\"chapterBadge\">Basisstof 1<\/span>\r\n <span id=\"chapterSub\" aria-live=\"polite\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chapter-meta\" aria-live=\"polite\">\r\n <span id=\"pageIndicator\">1 \/ 1<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"progress-wrap\" aria-hidden=\"true\">\r\n <div class=\"progress\"><span id=\"progressBar\"><\/span><\/div>\r\n <\/div>\r\n\r\n <main id=\"main\" class=\"layout\" tabindex=\"-1\">\r\n <section class=\"card summary\" aria-labelledby=\"chapterTitle\">\r\n <h2 id=\"chapterTitle\">Hoofdstuknaam<\/h2>\r\n <p class=\"subtitle\" id=\"chapterSubtitle\">Korte inleiding of doel van dit hoofdstuk.<\/p>\r\n <div id=\"summaryBody\">\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <aside class=\"side\">\r\n \r\n <section class=\"image-note\" id=\"chapterImageWrap\">\r\n <img decoding=\"async\" id=\"chapterImage\" src=\"\" alt=\"Illustratie bij dit hoofdstuk\" loading=\"lazy\">\r\n <span class=\"tape\"><\/span>\r\n <\/section>\r\n \r\n\r\n <section class=\"note\" aria-labelledby=\"begrippenTitle\">\r\n <h3 id=\"begrippenTitle\">Belangrijke begrippen<\/h3>\r\n <ul class=\"terms\" id=\"termsList\"><\/ul>\r\n <a id=\"moreTerms\" class=\"more-link\" href=\"http:\/\/begrippen.biologiehuis.com:3000\/index.html\" target=\"_blank\" rel=\"noopener\">Meer begrippen \u2192<\/a>\r\n <\/section>\r\n\r\n <section class=\"tldr card\" aria-labelledby=\"tldrTitle\">\r\n <h3 id=\"tldrTitle\">Kort samengevat<\/h3>\r\n <div id=\"tldrBody\"><\/div>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n\r\n <nav class=\"book-nav\" aria-label=\"Hoofdstuknavigatie\">\r\n <button id=\"prevBtn\" class=\"nav-btn\" aria-label=\"Ga naar vorig hoofdstuk\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" \/><\/svg>\r\n Vorige\r\n <\/button>\r\n <div class=\"nav-info\"><span id=\"chapterCounter\">Basisstof 1 van 1<\/span><\/div>\r\n <button id=\"nextBtn\" class=\"nav-btn\" aria-label=\"Ga naar volgend hoofdstuk\">\r\n Volgende\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z\" \/><\/svg>\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n\r\n <script>\r\n const BOOK = {\r\n title: \"Thema 6: Ecologie en duurzaamheid\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n {\r\n id: 1,\r\n title: \"Organismen en hun omgeving\",\r\n subtitle: \"Hoe levende wezens worden be\u00efnvloed door hun leefomgeving\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-18_15_37.png\",\r\n summary: `\r\n <h3 data-start=\"519\" data-end=\"535\">Organismen<\/h3>\r\n<p data-start=\"536\" data-end=\"576\">Een <strong data-start=\"540\" data-end=\"553\">organisme<\/strong> is elk levend wezen.<\/p>\r\n<ul data-start=\"577\" data-end=\"695\">\r\n<li data-start=\"577\" data-end=\"638\">\r\n<p data-start=\"579\" data-end=\"638\">Voorbeelden zijn planten, dieren, schimmels en bacteriën.<\/p>\r\n<\/li>\r\n<li data-start=\"639\" data-end=\"695\">\r\n<p data-start=\"641\" data-end=\"695\">Elk organisme heeft bepaalde kenmerken en behoeften.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"697\" data-end=\"769\">Om te kunnen overleven heeft een organisme een geschikte omgeving nodig.<\/p>\r\n<h3 data-start=\"771\" data-end=\"785\">Omgeving<\/h3>\r\n<p data-start=\"786\" data-end=\"875\">De <strong data-start=\"789\" data-end=\"801\">omgeving<\/strong> van een organisme bestaat uit alles wat invloed heeft op dat organisme.<\/p>\r\n<ul data-start=\"876\" data-end=\"983\">\r\n<li data-start=\"876\" data-end=\"929\">\r\n<p data-start=\"878\" data-end=\"929\">Dit kunnen levende en niet-levende factoren zijn.<\/p>\r\n<\/li>\r\n<li data-start=\"930\" data-end=\"983\">\r\n<p data-start=\"932\" data-end=\"983\">De omgeving bepaalt waar een organisme kan leven.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"985\" data-end=\"1033\">Organismen reageren voortdurend op hun omgeving.<\/p>\r\n<h3 data-start=\"1035\" data-end=\"1059\">Biotische factoren<\/h3>\r\n<p data-start=\"1060\" data-end=\"1125\"><strong data-start=\"1060\" data-end=\"1082\">Biotische factoren<\/strong> zijn levende onderdelen van de omgeving.<\/p>\r\n<ul data-start=\"1126\" data-end=\"1223\">\r\n<li data-start=\"1126\" data-end=\"1187\">\r\n<p data-start=\"1128\" data-end=\"1187\">Voorbeelden zijn planten, dieren, schimmels en bacteriën.<\/p>\r\n<\/li>\r\n<li data-start=\"1188\" data-end=\"1223\">\r\n<p data-start=\"1190\" data-end=\"1223\">Ook soortgenoten horen hierbij.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1225\" data-end=\"1309\">Biotische factoren kunnen zorgen voor voedsel, maar ook voor concurrentie of gevaar.<\/p>\r\n<h3 data-start=\"1311\" data-end=\"1336\">Abiotische factoren<\/h3>\r\n<p data-start=\"1337\" data-end=\"1408\"><strong data-start=\"1337\" data-end=\"1360\">Abiotische factoren<\/strong> zijn niet-levende onderdelen van de omgeving.<\/p>\r\n<ul data-start=\"1409\" data-end=\"1543\">\r\n<li data-start=\"1409\" data-end=\"1475\">\r\n<p data-start=\"1411\" data-end=\"1475\">Voorbeelden zijn licht, temperatuur, water, bodem en zuurstof.<\/p>\r\n<\/li>\r\n<li data-start=\"1476\" data-end=\"1543\">\r\n<p data-start=\"1478\" data-end=\"1543\">Deze factoren bepalen of een gebied geschikt is om in te leven.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1545\" data-end=\"1615\">Zonder geschikte abiotische factoren kan een organisme niet overleven.<\/p>\r\n<h3 data-start=\"1617\" data-end=\"1633\">Leefgebied<\/h3>\r\n<p data-start=\"1634\" data-end=\"1691\">Het <strong data-start=\"1638\" data-end=\"1652\">leefgebied<\/strong> is de plek waar een organisme leeft.<\/p>\r\n<ul data-start=\"1692\" data-end=\"1820\">\r\n<li data-start=\"1692\" data-end=\"1741\">\r\n<p data-start=\"1694\" data-end=\"1741\">Dit kan een bos, sloot, zee of woestijn zijn.<\/p>\r\n<\/li>\r\n<li data-start=\"1742\" data-end=\"1820\">\r\n<p data-start=\"1744\" data-end=\"1820\">In een leefgebied komen specifieke biotische en abiotische factoren samen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1822\" data-end=\"1867\">Organismen zijn aangepast aan hun leefgebied.<\/p>\r\n<h3 data-start=\"1869\" data-end=\"1883\">Ecologie<\/h3>\r\n<p data-start=\"1884\" data-end=\"1984\"><strong data-start=\"1884\" data-end=\"1896\">Ecologie<\/strong> is de wetenschap die onderzoekt hoe organismen omgaan met elkaar en met hun omgeving.<\/p>\r\n<ul data-start=\"1985\" data-end=\"2100\">\r\n<li data-start=\"1985\" data-end=\"2036\">\r\n<p data-start=\"1987\" data-end=\"2036\">Ecologen bestuderen relaties tussen organismen.<\/p>\r\n<\/li>\r\n<li data-start=\"2037\" data-end=\"2100\">\r\n<p data-start=\"2039\" data-end=\"2100\">Ook kijken ze naar de invloed van de omgeving op het leven.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2102\" data-end=\"2163\">Ecologie helpt om natuur beter te begrijpen en te beschermen.<\/p>\r\n<h3 data-start=\"2165\" data-end=\"2197\">Aanpassing aan de omgeving<\/h3>\r\n<p data-start=\"2198\" data-end=\"2262\">Organismen hebben <strong data-start=\"2216\" data-end=\"2232\">aanpassingen<\/strong> die helpen om te overleven.<\/p>\r\n<ul data-start=\"2263\" data-end=\"2397\">\r\n<li data-start=\"2263\" data-end=\"2326\">\r\n<p data-start=\"2265\" data-end=\"2326\">Dit kunnen uiterlijke kenmerken zijn, zoals vacht of kleur.<\/p>\r\n<\/li>\r\n<li data-start=\"2327\" data-end=\"2397\">\r\n<p data-start=\"2329\" data-end=\"2397\">Ook gedrag kan een aanpassing zijn, zoals schuilen of samenwerken.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2399\" data-end=\"2449\">Deze aanpassingen zijn het resultaat van evolutie.<\/p>\r\n `,\r\n terms: [\r\n \"Organisme \u2013 een levend wezen\",\r\n \"Omgeving \u2013 alles wat invloed heeft op een organisme\",\r\n \"Biotische factoren \u2013 levende invloeden uit de omgeving\",\r\n \"Abiotische factoren \u2013 niet-levende invloeden uit de omgeving\",\r\n \"Leefgebied \u2013 plaats waar een organisme leeft\",\r\n \"Ecologie \u2013 wetenschap die relaties tussen organismen en hun omgeving bestudeert\",\r\n \"Aanpassing \u2013 kenmerk dat het overleven in een omgeving vergroot\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Organismen leven nooit los van hun omgeving. Zowel biotische als abiotische factoren be\u00efnvloeden waar en hoe een organisme kan leven. Elk organisme heeft een leefgebied waarin het is aangepast aan de omstandigheden. De ecologie onderzoekt deze samenhang en laat zien hoe belangrijk het evenwicht in de natuur is.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"Voedselrelaties en kringlopen\",\r\n subtitle: \"Hoe organismen met elkaar verbonden zijn via voedsel en hergebruik van stoffen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-18_15_42.png\",\r\n summary: `\r\n <h3 data-start=\"552\" data-end=\"573\">Voedselrelaties<\/h3>\r\n<p data-start=\"574\" data-end=\"656\">In een ecosysteem zijn organismen met elkaar verbonden door <strong data-start=\"634\" data-end=\"653\">voedselrelaties<\/strong>.<\/p>\r\n<ul data-start=\"657\" data-end=\"760\">\r\n<li data-start=\"657\" data-end=\"713\">\r\n<p data-start=\"659\" data-end=\"713\">Organismen zijn afhankelijk van elkaar voor voedsel.<\/p>\r\n<\/li>\r\n<li data-start=\"714\" data-end=\"760\">\r\n<p data-start=\"716\" data-end=\"760\">De ene soort wordt gegeten door de andere.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"762\" data-end=\"834\">Samen vormen deze relaties een netwerk waarin energie wordt doorgegeven.<\/p>\r\n<h3 data-start=\"836\" data-end=\"853\">Producenten<\/h3>\r\n<p data-start=\"854\" data-end=\"918\"><strong data-start=\"854\" data-end=\"869\">Producenten<\/strong> zijn organismen die zelf voedsel kunnen maken.<\/p>\r\n<ul data-start=\"919\" data-end=\"1027\">\r\n<li data-start=\"919\" data-end=\"954\">\r\n<p data-start=\"921\" data-end=\"954\">Dit zijn vooral groene planten.<\/p>\r\n<\/li>\r\n<li data-start=\"955\" data-end=\"1027\">\r\n<p data-start=\"957\" data-end=\"1027\">Zij maken met <strong data-start=\"971\" data-end=\"987\">fotosynthese<\/strong> glucose uit water en koolstofdioxide.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1029\" data-end=\"1088\">Producenten vormen altijd het begin van een voedselrelatie.<\/p>\r\n<h3 data-start=\"1090\" data-end=\"1107\">Consumenten<\/h3>\r\n<p data-start=\"1108\" data-end=\"1181\"><strong data-start=\"1108\" data-end=\"1123\">Consumenten<\/strong> zijn organismen die hun voedsel niet zelf kunnen maken.<\/p>\r\n<ul data-start=\"1182\" data-end=\"1264\">\r\n<li data-start=\"1182\" data-end=\"1219\">\r\n<p data-start=\"1184\" data-end=\"1219\">Ze eten planten of andere dieren.<\/p>\r\n<\/li>\r\n<li data-start=\"1220\" data-end=\"1264\">\r\n<p data-start=\"1222\" data-end=\"1264\">Er zijn verschillende typen consumenten.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1266\" data-end=\"1379\"><strong data-start=\"1266\" data-end=\"1282\">Planteneters<\/strong> eten alleen planten, <strong data-start=\"1304\" data-end=\"1318\">vleeseters<\/strong> eten dieren en <strong data-start=\"1334\" data-end=\"1348\">alleseters<\/strong> eten zowel planten als dieren.<\/p>\r\n<h3 data-start=\"1381\" data-end=\"1397\">Redumenten<\/h3>\r\n<p data-start=\"1398\" data-end=\"1456\"><strong data-start=\"1398\" data-end=\"1412\">Reducenten<\/strong> zijn organismen die dode resten afbreken.<\/p>\r\n<ul data-start=\"1457\" data-end=\"1565\">\r\n<li data-start=\"1457\" data-end=\"1501\">\r\n<p data-start=\"1459\" data-end=\"1501\">Voorbeelden zijn bacteriën en schimmels.<\/p>\r\n<\/li>\r\n<li data-start=\"1502\" data-end=\"1565\">\r\n<p data-start=\"1504\" data-end=\"1565\">Ze breken dode planten en dieren af tot eenvoudige stoffen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1567\" data-end=\"1658\">Deze stoffen komen weer in de bodem terecht en kunnen opnieuw worden gebruikt door planten.<\/p>\r\n<h3 data-start=\"1660\" data-end=\"1678\">Voedselketen<\/h3>\r\n<p data-start=\"1679\" data-end=\"1726\">Een <strong data-start=\"1683\" data-end=\"1699\">voedselketen<\/strong> laat zien wie wie opeet.<\/p>\r\n<ul data-start=\"1727\" data-end=\"1823\">\r\n<li data-start=\"1727\" data-end=\"1780\">\r\n<p data-start=\"1729\" data-end=\"1780\">Een voedselketen begint altijd met een producent.<\/p>\r\n<\/li>\r\n<li data-start=\"1781\" data-end=\"1823\">\r\n<p data-start=\"1783\" data-end=\"1823\">Daarna volgen één of meer consumenten.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1825\" data-end=\"1863\">Een voorbeeld is: gras → konijn → vos.<\/p>\r\n<h3 data-start=\"1865\" data-end=\"1881\">Voedselweb<\/h3>\r\n<p data-start=\"1882\" data-end=\"1983\">In de natuur bestaan meestal meerdere voedselketens tegelijk. Samen vormen deze een <strong data-start=\"1966\" data-end=\"1980\">voedselweb<\/strong>.<\/p>\r\n<ul data-start=\"1984\" data-end=\"2093\">\r\n<li data-start=\"1984\" data-end=\"2035\">\r\n<p data-start=\"1986\" data-end=\"2035\">Organismen hebben vaak meerdere voedselbronnen.<\/p>\r\n<\/li>\r\n<li data-start=\"2036\" data-end=\"2093\">\r\n<p data-start=\"2038\" data-end=\"2093\">Een voedselweb is realistischer dan één voedselketen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2095\" data-end=\"2165\">Hoe meer verbindingen in een voedselweb, hoe stabieler het ecosysteem.<\/p>\r\n<h3 data-start=\"2167\" data-end=\"2183\">Kringlopen<\/h3>\r\n<p data-start=\"2184\" data-end=\"2266\">In de natuur worden stoffen steeds opnieuw gebruikt. Dit noem je <strong data-start=\"2249\" data-end=\"2263\">kringlopen<\/strong>.<\/p>\r\n<ul data-start=\"2267\" data-end=\"2383\">\r\n<li data-start=\"2267\" data-end=\"2318\">\r\n<p data-start=\"2269\" data-end=\"2318\">Stoffen zoals water en mineralen raken niet op.<\/p>\r\n<\/li>\r\n<li data-start=\"2319\" data-end=\"2383\">\r\n<p data-start=\"2321\" data-end=\"2383\">Ze circuleren voortdurend tussen organismen en hun omgeving.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2385\" data-end=\"2470\">Reducenten spelen een belangrijke rol in kringlopen doordat zij dode resten afbreken.<\/p>\r\n<h3 data-start=\"2472\" data-end=\"2500\">Energie in ecosystemen<\/h3>\r\n<p data-start=\"2501\" data-end=\"2539\">Energie stroomt door een ecosysteem.<\/p>\r\n<ul data-start=\"2540\" data-end=\"2641\">\r\n<li data-start=\"2540\" data-end=\"2581\">\r\n<p data-start=\"2542\" data-end=\"2581\">Energie komt uiteindelijk van de zon.<\/p>\r\n<\/li>\r\n<li data-start=\"2582\" data-end=\"2641\">\r\n<p data-start=\"2584\" data-end=\"2641\">Bij elke stap in de voedselketen gaat energie verloren.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2643\" data-end=\"2691\">Daarom zijn voedselketens meestal niet erg lang.<\/p>\r\n`,\r\n terms: [\r\n \"Voedselrelaties \u2013 relaties tussen organismen door voedsel\",\r\n \"Producenten \u2013 organismen die zelf voedsel maken\",\r\n \"Consumenten \u2013 organismen die andere organismen eten\",\r\n \"Reducenten \u2013 organismen die dode resten afbreken\",\r\n \"Voedselketen \u2013 reeks van organismen waarbij de ene de andere eet\",\r\n \"Voedselweb \u2013 netwerk van met elkaar verbonden voedselketens\",\r\n \"Kringlopen \u2013 hergebruik van stoffen in de natuur\",\r\n \"Ecosysteem \u2013 geheel van organismen en hun omgeving\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Organismen zijn met elkaar verbonden door voedselrelaties. Producenten maken voedsel, consumenten eten andere organismen en reducenten breken dode resten af. Via voedselketens en voedselwebben stroomt energie door het ecosysteem, terwijl stoffen steeds opnieuw worden hergebruikt in kringlopen. Zo blijft de natuur in evenwicht.\"\r\n },\r\n\r\n {\r\n id: 3,\r\n title: \"Samenleven\",\r\n subtitle: \"Hoe organismen elkaar be\u00efnvloeden in een ecosysteem\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-18_15_33.png\",\r\n summary: `\r\n<h3 data-start=\"484\" data-end=\"500\">Samenleven<\/h3>\r\n<p data-start=\"501\" data-end=\"713\">In een ecosysteem leven organismen niet alleen, maar <strong data-start=\"554\" data-end=\"563\">samen<\/strong>. Dit samenleven betekent dat organismen elkaar beïnvloeden, positief of negatief. Deze relaties hebben invloed op overleving, groei en voortplanting.<\/p>\r\n<h3 data-start=\"715\" data-end=\"733\">Concurrentie<\/h3>\r\n<p data-start=\"734\" data-end=\"815\"><strong data-start=\"734\" data-end=\"750\">Concurrentie<\/strong> ontstaat wanneer organismen dezelfde hulpbronnen nodig hebben.<\/p>\r\n<ul data-start=\"816\" data-end=\"956\">\r\n<li data-start=\"816\" data-end=\"872\">\r\n<p data-start=\"818\" data-end=\"872\">Voorbeelden zijn voedsel, ruimte, licht of partners.<\/p>\r\n<\/li>\r\n<li data-start=\"873\" data-end=\"956\">\r\n<p data-start=\"875\" data-end=\"956\">Concurrentie kan plaatsvinden tussen verschillende soorten of binnen één soort.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"958\" data-end=\"1025\">Door concurrentie kunnen zwakkere organismen minder goed overleven.<\/p>\r\n<h3 data-start=\"1027\" data-end=\"1041\">Predatie<\/h3>\r\n<p data-start=\"1042\" data-end=\"1106\">Bij <strong data-start=\"1046\" data-end=\"1058\">predatie<\/strong> vangt en eet het ene organisme het andere op.<\/p>\r\n<ul data-start=\"1107\" data-end=\"1202\">\r\n<li data-start=\"1107\" data-end=\"1151\">\r\n<p data-start=\"1109\" data-end=\"1151\">Het etende dier noem je de <strong data-start=\"1136\" data-end=\"1148\">predator<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"1152\" data-end=\"1202\">\r\n<p data-start=\"1154\" data-end=\"1202\">Het dier dat gegeten wordt, heet de <strong data-start=\"1190\" data-end=\"1199\">prooi<\/strong>.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1204\" data-end=\"1256\">Predatie helpt om populaties in evenwicht te houden.<\/p>\r\n<h3 data-start=\"1258\" data-end=\"1274\">Parasieten<\/h3>\r\n<p data-start=\"1275\" data-end=\"1346\">Een <strong data-start=\"1279\" data-end=\"1291\">parasiet<\/strong> leeft op of in een ander organisme, de <strong data-start=\"1331\" data-end=\"1343\">gastheer<\/strong>.<\/p>\r\n<ul data-start=\"1347\" data-end=\"1450\">\r\n<li data-start=\"1347\" data-end=\"1400\">\r\n<p data-start=\"1349\" data-end=\"1400\">De parasiet profiteert, de gastheer heeft nadeel.<\/p>\r\n<\/li>\r\n<li data-start=\"1401\" data-end=\"1450\">\r\n<p data-start=\"1403\" data-end=\"1450\">Voorbeelden zijn luizen, teken en lintwormen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1452\" data-end=\"1537\">Parasieten doden hun gastheer meestal niet direct, omdat ze daarvan afhankelijk zijn.<\/p>\r\n<h3 data-start=\"1539\" data-end=\"1555\">Mutualisme<\/h3>\r\n<p data-start=\"1556\" data-end=\"1629\">Bij <strong data-start=\"1560\" data-end=\"1574\">mutualisme<\/strong> hebben beide organismen voordeel van het samenleven.<\/p>\r\n<ul data-start=\"1630\" data-end=\"1736\">\r\n<li data-start=\"1630\" data-end=\"1659\">\r\n<p data-start=\"1632\" data-end=\"1659\">Beide soorten profiteren.<\/p>\r\n<\/li>\r\n<li data-start=\"1660\" data-end=\"1736\">\r\n<p data-start=\"1662\" data-end=\"1736\">Een voorbeeld is een bij die nectar krijgt en tegelijk bloemen bestuift.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1738\" data-end=\"1795\">Mutualisme vergroot de overlevingskans van beide soorten.<\/p>\r\n<h3 data-start=\"1797\" data-end=\"1816\">Commensalisme<\/h3>\r\n<p data-start=\"1817\" data-end=\"1936\"><strong data-start=\"1817\" data-end=\"1834\">Commensalisme<\/strong> is een vorm van samenleven waarbij één organisme voordeel heeft en het andere geen voor- of nadeel.<\/p>\r\n<ul data-start=\"1937\" data-end=\"2034\">\r\n<li data-start=\"1937\" data-end=\"1992\">\r\n<p data-start=\"1939\" data-end=\"1992\">Een voorbeeld is een vogel die nestelt in een boom.<\/p>\r\n<\/li>\r\n<li data-start=\"1993\" data-end=\"2034\">\r\n<p data-start=\"1995\" data-end=\"2034\">De boom wordt hierbij niet beïnvloed.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2036\" data-end=\"2085\">Deze relatie is neutraal voor één van de soorten.<\/p>\r\n<h3 data-start=\"2087\" data-end=\"2115\">Invloed op ecosystemen<\/h3>\r\n<p data-start=\"2116\" data-end=\"2198\">De manier waarop organismen samenleven, bepaalt hoe een ecosysteem functioneert.<\/p>\r\n<ul data-start=\"2199\" data-end=\"2333\">\r\n<li data-start=\"2199\" data-end=\"2272\">\r\n<p data-start=\"2201\" data-end=\"2272\">Verandert één soort, dan kan dit gevolgen hebben voor andere soorten.<\/p>\r\n<\/li>\r\n<li data-start=\"2273\" data-end=\"2333\">\r\n<p data-start=\"2275\" data-end=\"2333\">Evenwicht tussen soorten is belangrijk voor stabiliteit.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2335\" data-end=\"2379\">Samenleven zorgt voor dynamiek in de natuur.<\/p>\r\n`,\r\n terms: [\r\n \"Samenleven \u2013 relaties tussen organismen in een ecosysteem\",\r\n \"Concurrentie \u2013 strijd om voedsel, ruimte of andere hulpbronnen\",\r\n \"Predatie \u2013 relatie tussen predator en prooi\",\r\n \"Predator \u2013 dier dat een ander dier vangt en opeet\",\r\n \"Prooi \u2013 dier dat wordt gegeten\",\r\n \"Parasiet \u2013 organisme dat leeft ten koste van een ander\",\r\n \"Gastheer \u2013 organisme waarop of waarin een parasiet leeft\",\r\n \"Mutualisme \u2013 samenleven waarbij beide organismen voordeel hebben\",\r\n \"Commensalisme \u2013 samenleven waarbij \u00e9\u00e9n voordeel heeft en de ander geen effect merkt\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Organismen leven samen en be\u00efnvloeden elkaar op verschillende manieren. Er kan sprake zijn van concurrentie, predatie, parasitisme, mutualisme of commensalisme. Deze vormen van samenleven bepalen het evenwicht en de stabiliteit van ecosystemen. Veranderingen in \u00e9\u00e9n soort kunnen gevolgen hebben voor het hele ecosysteem.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"Natuurbeheer\",\r\n subtitle: \"Hoe mensen proberen natuur te beschermen en in evenwicht te houden\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-18_15_47.png\",\r\n summary: `\r\n<h3 data-start=\"513\" data-end=\"531\">Natuurbeheer<\/h3>\r\n<p data-start=\"532\" data-end=\"737\"><strong data-start=\"532\" data-end=\"548\">Natuurbeheer<\/strong> is het bewust omgaan met natuur om planten en dieren te beschermen. Het doel van natuurbeheer is het behouden en verbeteren van natuurgebieden, zodat ecosystemen goed blijven functioneren.<\/p>\r\n<h3 data-start=\"739\" data-end=\"759\">Biodiversiteit<\/h3>\r\n<p data-start=\"760\" data-end=\"851\"><strong data-start=\"760\" data-end=\"778\">Biodiversiteit<\/strong> betekent de verscheidenheid aan planten- en diersoorten in een gebied.<\/p>\r\n<ul data-start=\"852\" data-end=\"995\">\r\n<li data-start=\"852\" data-end=\"915\">\r\n<p data-start=\"854\" data-end=\"915\">Hoe groter de biodiversiteit, hoe stabieler het ecosysteem.<\/p>\r\n<\/li>\r\n<li data-start=\"916\" data-end=\"995\">\r\n<p data-start=\"918\" data-end=\"995\">Veel verschillende soorten maken de natuur weerbaarder tegen veranderingen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"997\" data-end=\"1061\">Natuurbeheer richt zich vaak op het behouden van biodiversiteit.<\/p>\r\n<h3 data-start=\"1063\" data-end=\"1083\">Natuurgebieden<\/h3>\r\n<p data-start=\"1084\" data-end=\"1168\">Een <strong data-start=\"1088\" data-end=\"1104\">natuurgebied<\/strong> is een gebied waar de natuur zoveel mogelijk wordt beschermd.<\/p>\r\n<ul data-start=\"1169\" data-end=\"1273\">\r\n<li data-start=\"1169\" data-end=\"1226\">\r\n<p data-start=\"1171\" data-end=\"1226\">Hier krijgen planten en dieren de ruimte om te leven.<\/p>\r\n<\/li>\r\n<li data-start=\"1227\" data-end=\"1273\">\r\n<p data-start=\"1229\" data-end=\"1273\">Menselijke activiteiten zijn vaak beperkt.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1275\" data-end=\"1327\">Voorbeelden zijn bossen, duinen, heide en moerassen.<\/p>\r\n<h3 data-start=\"1329\" data-end=\"1362\">Bedreigingen voor de natuur<\/h3>\r\n<p data-start=\"1363\" data-end=\"1420\">De natuur wordt beïnvloed door menselijke activiteiten.<\/p>\r\n<ul data-start=\"1421\" data-end=\"1538\">\r\n<li data-start=\"1421\" data-end=\"1489\">\r\n<p data-start=\"1423\" data-end=\"1489\">Ontbossing, vervuiling en verstedelijking kunnen natuur schaden.<\/p>\r\n<\/li>\r\n<li data-start=\"1490\" data-end=\"1538\">\r\n<p data-start=\"1492\" data-end=\"1538\">Ook klimaatverandering vormt een bedreiging.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1540\" data-end=\"1613\">Door deze invloeden kunnen leefgebieden verdwijnen en soorten uitsterven.<\/p>\r\n<h3 data-start=\"1615\" data-end=\"1638\">Beheermaatregelen<\/h3>\r\n<p data-start=\"1639\" data-end=\"1711\">Bij natuurbeheer worden verschillende <strong data-start=\"1677\" data-end=\"1698\">beheermaatregelen<\/strong> toegepast.<\/p>\r\n<ul data-start=\"1712\" data-end=\"1870\">\r\n<li data-start=\"1712\" data-end=\"1762\">\r\n<p data-start=\"1714\" data-end=\"1762\">Maaien of begrazen om gebieden open te houden.<\/p>\r\n<\/li>\r\n<li data-start=\"1763\" data-end=\"1815\">\r\n<p data-start=\"1765\" data-end=\"1815\">Planten of dieren beschermen of herintroduceren.<\/p>\r\n<\/li>\r\n<li data-start=\"1816\" data-end=\"1870\">\r\n<p data-start=\"1818\" data-end=\"1870\">Waterpeil aanpassen om natte gebieden te behouden.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1872\" data-end=\"1942\">Deze maatregelen zijn afgestemd op de behoeften van planten en dieren.<\/p>\r\n<h3 data-start=\"1944\" data-end=\"1973\">Bescherming van soorten<\/h3>\r\n<p data-start=\"1974\" data-end=\"2029\">Sommige planten en dieren zijn <strong data-start=\"2005\" data-end=\"2026\">bedreigde soorten<\/strong>.<\/p>\r\n<ul data-start=\"2030\" data-end=\"2128\">\r\n<li data-start=\"2030\" data-end=\"2073\">\r\n<p data-start=\"2032\" data-end=\"2073\">Deze soorten krijgen extra bescherming.<\/p>\r\n<\/li>\r\n<li data-start=\"2074\" data-end=\"2128\">\r\n<p data-start=\"2076\" data-end=\"2128\">Dit kan door wetten, reservaten of fokprogramma’s.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2130\" data-end=\"2179\">Soortenbescherming helpt uitsterven te voorkomen.<\/p>\r\n<h3 data-start=\"2181\" data-end=\"2202\">Rol van de mens<\/h3>\r\n<p data-start=\"2203\" data-end=\"2250\">De mens speelt een grote rol in natuurbeheer.<\/p>\r\n<ul data-start=\"2251\" data-end=\"2398\">\r\n<li data-start=\"2251\" data-end=\"2289\">\r\n<p data-start=\"2253\" data-end=\"2289\">Overheden maken regels en plannen.<\/p>\r\n<\/li>\r\n<li data-start=\"2290\" data-end=\"2331\">\r\n<p data-start=\"2292\" data-end=\"2331\">Natuurorganisaties voeren beheer uit.<\/p>\r\n<\/li>\r\n<li data-start=\"2332\" data-end=\"2398\">\r\n<p data-start=\"2334\" data-end=\"2398\">Ook burgers kunnen bijdragen, bijvoorbeeld door bewust gedrag.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2400\" data-end=\"2461\">Goede samenwerking is belangrijk voor succesvol natuurbeheer.<\/p>\r\n`,\r\n terms: [\r\n \"Natuurbeheer \u2013 het beschermen en onderhouden van natuur\",\r\n \"Biodiversiteit \u2013 verscheidenheid aan planten- en diersoorten\",\r\n \"Natuurgebied \u2013 beschermd gebied waar natuur centraal staat\",\r\n \"Bedreigde soorten \u2013 soorten die kans hebben om uit te sterven\",\r\n \"Beheermaatregelen \u2013 acties om natuur te beschermen of te herstellen\",\r\n \"Soortenbescherming \u2013 maatregelen om bepaalde soorten te behouden\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Natuurbeheer is nodig om natuur en biodiversiteit te behouden. Door bedreigingen zoals vervuiling en klimaatverandering staan veel soorten onder druk. Met gerichte beheermaatregelen en bescherming van natuurgebieden en soorten probeert de mens ecosystemen in evenwicht te houden en de natuur te beschermen voor de toekomst.\"\r\n },\r\n\r\n {\r\n id: 5,\r\n title: \"Mens en milieu\",\r\n subtitle: \"Hoe menselijk gedrag het milieu verandert en waarom duurzaamheid belangrijk is\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-18_15_44.png\",\r\n summary: `\r\n<h3 data-start=\"525\" data-end=\"545\">Mens en milieu<\/h3>\r\n<p data-start=\"546\" data-end=\"798\">De <strong data-start=\"549\" data-end=\"557\">mens<\/strong> maakt deel uit van de natuur, maar heeft ook grote invloed op het <strong data-start=\"624\" data-end=\"634\">milieu<\/strong>. Door wonen, werken, landbouw en industrie verandert de mens de omgeving. Deze veranderingen kunnen positieve, maar ook negatieve gevolgen hebben voor ecosystemen.<\/p>\r\n<h3 data-start=\"800\" data-end=\"812\">Milieu<\/h3>\r\n<p data-start=\"813\" data-end=\"907\">Het <strong data-start=\"817\" data-end=\"827\">milieu<\/strong> bestaat uit alle levende en niet-levende factoren in de omgeving van de mens.<\/p>\r\n<ul data-start=\"908\" data-end=\"1023\">\r\n<li data-start=\"908\" data-end=\"948\">\r\n<p data-start=\"910\" data-end=\"948\">Lucht, water en bodem horen hierbij.<\/p>\r\n<\/li>\r\n<li data-start=\"949\" data-end=\"1023\">\r\n<p data-start=\"951\" data-end=\"1023\">Ook planten, dieren en micro-organismen maken deel uit van het milieu.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1025\" data-end=\"1077\">Een gezond milieu is belangrijk voor mens en natuur.<\/p>\r\n<h3 data-start=\"1079\" data-end=\"1100\">Milieuproblemen<\/h3>\r\n<p data-start=\"1101\" data-end=\"1156\">Door menselijk handelen ontstaan <strong data-start=\"1134\" data-end=\"1153\">milieuproblemen<\/strong>.<\/p>\r\n<ul data-start=\"1157\" data-end=\"1278\">\r\n<li data-start=\"1157\" data-end=\"1230\">\r\n<p data-start=\"1159\" data-end=\"1230\">Voorbeelden zijn luchtvervuiling, watervervuiling en bodemvervuiling.<\/p>\r\n<\/li>\r\n<li data-start=\"1231\" data-end=\"1278\">\r\n<p data-start=\"1233\" data-end=\"1278\">Ook afval en geluidsoverlast horen hierbij.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1280\" data-end=\"1370\">Milieuproblemen kunnen schade veroorzaken aan ecosystemen en aan de gezondheid van mensen.<\/p>\r\n<h3 data-start=\"1372\" data-end=\"1405\">Uitputting van grondstoffen<\/h3>\r\n<p data-start=\"1406\" data-end=\"1500\">De mens gebruikt veel <strong data-start=\"1428\" data-end=\"1444\">grondstoffen<\/strong>, zoals hout, water, metalen en fossiele brandstoffen.<\/p>\r\n<ul data-start=\"1501\" data-end=\"1597\">\r\n<li data-start=\"1501\" data-end=\"1535\">\r\n<p data-start=\"1503\" data-end=\"1535\">Sommige grondstoffen raken op.<\/p>\r\n<\/li>\r\n<li data-start=\"1536\" data-end=\"1597\">\r\n<p data-start=\"1538\" data-end=\"1597\">Overmatig gebruik kan leiden tot uitputting van de aarde.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1599\" data-end=\"1651\">Zuinig omgaan met grondstoffen is daarom belangrijk.<\/p>\r\n<h3 data-start=\"1653\" data-end=\"1677\">Klimaatverandering<\/h3>\r\n<p data-start=\"1678\" data-end=\"1772\">Door de uitstoot van broeikasgassen, zoals koolstofdioxide, ontstaat <strong data-start=\"1747\" data-end=\"1769\">klimaatverandering<\/strong>.<\/p>\r\n<ul data-start=\"1773\" data-end=\"1875\">\r\n<li data-start=\"1773\" data-end=\"1819\">\r\n<p data-start=\"1775\" data-end=\"1819\">De gemiddelde temperatuur op aarde stijgt.<\/p>\r\n<\/li>\r\n<li data-start=\"1820\" data-end=\"1875\">\r\n<p data-start=\"1822\" data-end=\"1875\">Dit heeft gevolgen voor weer, natuur en zeespiegel.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1877\" data-end=\"1952\">Klimaatverandering kan leefgebieden aantasten en soorten in gevaar brengen.<\/p>\r\n<h3 data-start=\"1954\" data-end=\"1972\">Duurzaamheid<\/h3>\r\n<p data-start=\"1973\" data-end=\"2083\"><strong data-start=\"1973\" data-end=\"1989\">Duurzaamheid<\/strong> betekent dat de mens zo leeft dat de aarde ook geschikt blijft voor toekomstige generaties.<\/p>\r\n<ul data-start=\"2084\" data-end=\"2204\">\r\n<li data-start=\"2084\" data-end=\"2150\">\r\n<p data-start=\"2086\" data-end=\"2150\">Er wordt rekening gehouden met natuur, milieu en grondstoffen.<\/p>\r\n<\/li>\r\n<li data-start=\"2151\" data-end=\"2204\">\r\n<p data-start=\"2153\" data-end=\"2204\">Duurzaam leven voorkomt uitputting en vervuiling.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2206\" data-end=\"2281\">Voorbeelden zijn hergebruik, recycling en het gebruik van duurzame energie.<\/p>\r\n<h3 data-start=\"2283\" data-end=\"2305\">Wat kun jij doen<\/h3>\r\n<p data-start=\"2306\" data-end=\"2352\">Iedereen kan bijdragen aan een beter milieu.<\/p>\r\n<ul data-start=\"2353\" data-end=\"2451\">\r\n<li data-start=\"2353\" data-end=\"2381\">\r\n<p data-start=\"2355\" data-end=\"2381\">Minder afval produceren.<\/p>\r\n<\/li>\r\n<li data-start=\"2382\" data-end=\"2403\">\r\n<p data-start=\"2384\" data-end=\"2403\">Energie besparen.<\/p>\r\n<\/li>\r\n<li data-start=\"2404\" data-end=\"2451\">\r\n<p data-start=\"2406\" data-end=\"2451\">Bewuste keuzes maken in vervoer en voeding.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2453\" data-end=\"2521\">Kleine veranderingen in gedrag kunnen samen een groot effect hebben.<\/p>\r\n`,\r\n terms: [\r\n \"Milieu \u2013 alle levende en niet-levende factoren in de omgeving\",\r\n \"Milieuproblemen \u2013 problemen door vervuiling en aantasting van het milieu\",\r\n \"Grondstoffen \u2013 natuurlijke materialen die door de mens worden gebruikt\",\r\n \"Klimaatverandering \u2013 langdurige verandering van het klimaat op aarde\",\r\n \"Duurzaamheid \u2013 leven zonder de aarde uit te putten\",\r\n \"Recycling \u2013 hergebruik van materialen\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De mens heeft een grote invloed op het milieu. Door vervuiling, uitputting van grondstoffen en klimaatverandering ontstaan milieuproblemen. Duurzaam omgaan met natuur en grondstoffen is noodzakelijk om het milieu gezond te houden. Iedereen kan bijdragen door bewuste en milieuvriendelijke keuzes te maken.\"\r\n },\r\n\r\n {\r\n id: 6,\r\n title: \"Duurzaamheid\",\r\n subtitle: \"Hoe mens en natuur in balans kunnen blijven\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-18_15_49.png\",\r\n summary: `\r\n<h3 data-start=\"484\" data-end=\"502\">Duurzaamheid<\/h3>\r\n<p data-start=\"503\" data-end=\"712\"><strong data-start=\"503\" data-end=\"519\">Duurzaamheid<\/strong> betekent dat mensen zo omgaan met de aarde dat ook toekomstige generaties er goed van kunnen leven. Hierbij wordt rekening gehouden met natuur, milieu, economie en de leefbaarheid voor mensen.<\/p>\r\n<h3 data-start=\"714\" data-end=\"749\">Drie pijlers van duurzaamheid<\/h3>\r\n<p data-start=\"750\" data-end=\"830\">Duurzaamheid bestaat uit drie onderdelen, ook wel de <strong data-start=\"803\" data-end=\"819\">drie pijlers<\/strong> genoemd.<\/p>\r\n<ul data-start=\"831\" data-end=\"1040\">\r\n<li data-start=\"831\" data-end=\"896\">\r\n<p data-start=\"833\" data-end=\"896\"><strong data-start=\"833\" data-end=\"847\">Ecologisch<\/strong>: zorgen voor natuur, milieu en biodiversiteit.<\/p>\r\n<\/li>\r\n<li data-start=\"897\" data-end=\"966\">\r\n<p data-start=\"899\" data-end=\"966\"><strong data-start=\"899\" data-end=\"913\">Economisch<\/strong>: verantwoord omgaan met geld, productie en handel.<\/p>\r\n<\/li>\r\n<li data-start=\"967\" data-end=\"1040\">\r\n<p data-start=\"969\" data-end=\"1040\"><strong data-start=\"969\" data-end=\"980\">Sociaal<\/strong>: aandacht voor gezondheid, welzijn en eerlijke verdeling.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1042\" data-end=\"1115\">Pas als deze drie in evenwicht zijn, is er sprake van echte duurzaamheid.<\/p>\r\n<h3 data-start=\"1117\" data-end=\"1143\">Hernieuwbare energie<\/h3>\r\n<p data-start=\"1144\" data-end=\"1199\"><strong data-start=\"1144\" data-end=\"1168\">Hernieuwbare energie<\/strong> is energie die niet opraakt.<\/p>\r\n<ul data-start=\"1200\" data-end=\"1318\">\r\n<li data-start=\"1200\" data-end=\"1263\">\r\n<p data-start=\"1202\" data-end=\"1263\">Voorbeelden zijn zonne-energie, windenergie en waterkracht.<\/p>\r\n<\/li>\r\n<li data-start=\"1264\" data-end=\"1318\">\r\n<p data-start=\"1266\" data-end=\"1318\">Deze energiebronnen veroorzaken minder vervuiling.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1320\" data-end=\"1397\">Het gebruik van hernieuwbare energie helpt klimaatverandering te verminderen.<\/p>\r\n<h3 data-start=\"1399\" data-end=\"1426\">Fossiele brandstoffen<\/h3>\r\n<p data-start=\"1427\" data-end=\"1493\"><strong data-start=\"1427\" data-end=\"1452\">Fossiele brandstoffen<\/strong> zoals olie, gas en steenkool raken op.<\/p>\r\n<ul data-start=\"1494\" data-end=\"1588\">\r\n<li data-start=\"1494\" data-end=\"1545\">\r\n<p data-start=\"1496\" data-end=\"1545\">Bij verbranding komen veel broeikasgassen vrij.<\/p>\r\n<\/li>\r\n<li data-start=\"1546\" data-end=\"1588\">\r\n<p data-start=\"1548\" data-end=\"1588\">Dit draagt bij aan klimaatverandering.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1590\" data-end=\"1671\">Daarom is het belangrijk om het gebruik van fossiele brandstoffen te verminderen.<\/p>\r\n<h3 data-start=\"1673\" data-end=\"1697\">Duurzame productie<\/h3>\r\n<p data-start=\"1698\" data-end=\"1770\">Bij <strong data-start=\"1702\" data-end=\"1724\">duurzame productie<\/strong> wordt rekening gehouden met mens en milieu.<\/p>\r\n<ul data-start=\"1771\" data-end=\"1861\">\r\n<li data-start=\"1771\" data-end=\"1810\">\r\n<p data-start=\"1773\" data-end=\"1810\">Er wordt minder afval geproduceerd.<\/p>\r\n<\/li>\r\n<li data-start=\"1811\" data-end=\"1861\">\r\n<p data-start=\"1813\" data-end=\"1861\">Grondstoffen worden hergebruikt of gerecycled.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1863\" data-end=\"1927\">Ook eerlijke arbeidsomstandigheden horen bij duurzame productie.<\/p>\r\n<h3 data-start=\"1929\" data-end=\"1955\">Consumptie en keuzes<\/h3>\r\n<p data-start=\"1956\" data-end=\"2023\">De manier waarop mensen consumeren heeft invloed op duurzaamheid.<\/p>\r\n<ul data-start=\"2024\" data-end=\"2154\">\r\n<li data-start=\"2024\" data-end=\"2086\">\r\n<p data-start=\"2026\" data-end=\"2086\">Minder kopen en langer gebruiken is beter voor het milieu.<\/p>\r\n<\/li>\r\n<li data-start=\"2087\" data-end=\"2154\">\r\n<p data-start=\"2089\" data-end=\"2154\">Kiezen voor lokale en duurzame producten vermindert vervuiling.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2156\" data-end=\"2213\">Bewuste keuzes helpen om de druk op de aarde te verlagen.<\/p>\r\n<h3 data-start=\"2215\" data-end=\"2243\">Toekomstgericht denken<\/h3>\r\n<p data-start=\"2244\" data-end=\"2296\">Duurzaamheid vraagt om <strong data-start=\"2267\" data-end=\"2293\">toekomstgericht denken<\/strong>.<\/p>\r\n<ul data-start=\"2297\" data-end=\"2391\">\r\n<li data-start=\"2297\" data-end=\"2342\">\r\n<p data-start=\"2299\" data-end=\"2342\">Niet alleen kijken naar wat nu handig is.<\/p>\r\n<\/li>\r\n<li data-start=\"2343\" data-end=\"2391\">\r\n<p data-start=\"2345\" data-end=\"2391\">Ook nadenken over gevolgen op lange termijn.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2393\" data-end=\"2462\">Door duurzaam te leven, blijft de aarde leefbaar voor mens en natuur.<\/p>\r\n`,\r\n terms: [\r\n \"Duurzaamheid \u2013 leven zonder de aarde uit te putten\",\r\n \"Hernieuwbare energie \u2013 energie die niet opraakt\",\r\n \"Fossiele brandstoffen \u2013 brandstoffen die opraken en vervuilen\",\r\n \"Duurzame productie \u2013 produceren met zo min mogelijk schade aan milieu en mens\",\r\n \"Consumptie \u2013 het gebruik van producten en grondstoffen\",\r\n \"Toekomstgericht denken \u2013 rekening houden met de lange termijn\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Duurzaamheid betekent verantwoord omgaan met natuur, milieu en grondstoffen. Door gebruik te maken van hernieuwbare energie, duurzaam te produceren en bewuste keuzes te maken in consumptie, kan de mens de aarde beschermen. Duurzaam leven is noodzakelijk om ook toekomstige generaties een goede leefomgeving te bieden.\"\r\n },\r\n ]\r\n };\r\n\r\n \/\/ ====== APP LOGICA ======\r\n const els = {\r\n bookTitle: document.getElementById('bookTitle'),\r\n chapterBadge: document.getElementById('chapterBadge'),\r\n chapterSub: document.getElementById('chapterSub'),\r\n pageIndicator: document.getElementById('pageIndicator'),\r\n progressBar: document.getElementById('progressBar'),\r\n chapterTitle: document.getElementById('chapterTitle'),\r\n chapterSubtitle: document.getElementById('chapterSubtitle'),\r\n summaryBody: document.getElementById('summaryBody'),\r\n termsList: document.getElementById('termsList'),\r\n moreTerms: document.getElementById('moreTerms'),\r\n tldrBody: document.getElementById('tldrBody'),\r\n chapterCounter: document.getElementById('chapterCounter'),\r\n prevBtn: document.getElementById('prevBtn'),\r\n nextBtn: document.getElementById('nextBtn'),\r\n chapterImage: document.getElementById('chapterImage'),\r\n chapterImageWrap: document.getElementById('chapterImageWrap'),\r\n };\r\n\r\n function getChapterIndexFromURL(){\r\n const url = new URL(window.location);\r\n const h = parseInt(url.searchParams.get('h') || url.hash.replace('#h=',''));\r\n const idx = isFinite(h) && h>0 ? h-1 : 0;\r\n return Math.max(0, Math.min(BOOK.chapters.length-1, idx));\r\n }\r\n\r\n let currentIndex = getChapterIndexFromURL();\r\n\r\n function updateURL(){\r\n const h = currentIndex + 1;\r\n const url = new URL(window.location);\r\n url.searchParams.set('h', String(h));\r\n history.replaceState({}, '', url);\r\n document.title = `${BOOK.title} \u2013 Basisstof ${h}`;\r\n }\r\n\r\n function render(){\r\n const total = BOOK.chapters.length;\r\n const ch = BOOK.chapters[currentIndex];\r\n\r\n els.bookTitle.textContent = BOOK.title;\r\n els.chapterBadge.textContent = `Basisstof ${ch.id}`;\r\n els.chapterSub.textContent = ch.title;\r\n\r\n els.chapterTitle.textContent = ch.title;\r\n els.chapterSubtitle.textContent = ch.subtitle || '';\r\n els.summaryBody.innerHTML = ch.summary;\r\n\r\n \/\/ Afbeelding per hoofdstuk invullen of het hele blok verbergen\r\n if (ch.image) {\r\n els.chapterImage.src = ch.image;\r\n els.chapterImage.alt = `Illustratie bij: ${ch.title}`;\r\n els.chapterImageWrap.style.display = 'block';\r\n } else {\r\n els.chapterImage.src = '';\r\n els.chapterImageWrap.style.display = 'none';\r\n }\r\n\r\n els.termsList.innerHTML = (ch.terms||[]).map(t => `<li>${t}<\/li>`).join('');\r\n els.moreTerms.href = ch.moreTermsUrl || '#';\r\n\r\n els.tldrBody.innerHTML = `<p>${ch.tldr||''}<\/p>`;\r\n\r\n els.pageIndicator.textContent = `${ch.id} \/ ${total}`;\r\n els.chapterCounter.textContent = `Basisstof ${ch.id} van ${total}`;\r\n els.progressBar.style.width = `${(ch.id\/total)*100}%`;\r\n\r\n els.prevBtn.disabled = currentIndex === 0;\r\n els.nextBtn.disabled = currentIndex === total-1;\r\n\r\n updateURL();\r\n }\r\n\r\n function go(delta){\r\n const next = currentIndex + delta;\r\n if(next < 0 || next >= BOOK.chapters.length) return;\r\n currentIndex = next; render();\r\n \/\/ verplaats focus netjes\r\n document.getElementById('main').focus({preventScroll:true});\r\n }\r\n\r\n els.prevBtn.addEventListener('click', () => go(-1));\r\n els.nextBtn.addEventListener('click', () => go(1));\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if(e.key === 'ArrowLeft') { go(-1); }\r\n if(e.key === 'ArrowRight'){ go(1); }\r\n });\r\n\r\n \/\/ Initial render\r\n render();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Samenvatting \u2013 Boek Ga naar inhoud Titel van het boek Basisstof 1 1 \/ 1 Hoofdstuknaam Korte inleiding of doel van dit hoofdstuk. Belangrijke begrippen Meer begrippen \u2192 Kort samengevat Vorige Basisstof 1 van 1 Volgende<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[44],"class_list":["post-841","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=841"}],"version-history":[{"count":4,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/841\/revisions"}],"predecessor-version":[{"id":3325,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/841\/revisions\/3325"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=841"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}