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 Basisstof 1<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chapter-meta\" aria-live=\"polite\">\r\n 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><\/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 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>\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\">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 \/\/ ====== VULLEN MET JE EIGEN DATA ======\r\n \/\/ Pas de BOOK-const aan voor jouw boek\/hoofdstukken. Je kunt dit in dezelfde file houden of later via JSON laten inladen.\r\n const BOOK = {\r\n title: \"Thema 6: Mens en milieu\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n \r\n\r\n\r\n\r\n\r\n {\r\n id: 1,\r\n title: \"Kringlopen\",\r\n subtitle: \"Waarom het zo belangrijk is dat processen in een cirkel lopen?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_16_59.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Wat zijn kringlopen?<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">In de natuur gaan stoffen <\/span>nooit verloren<\/strong>, maar worden steeds opnieuw gebruikt in kringlopen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Producenten, consumenten en reducenten spelen samen een rol bij de <\/span>kringloop van stoffen<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kringlopen zorgen voor <\/span>hergebruik van voedingsstoffen<\/strong> en houden ecosystemen in stand.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Energie daarentegen stroomt slechts één richting op: van zonlicht naar warmte (wordt niet gerecycled).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Koolstofkringloop<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Koolstof komt in de natuur voor in de vorm van <\/span>CO\u2082<\/strong> en organische stoffen (glucose, vetten, eiwitten).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Producenten (planten)<\/strong> nemen CO\u2082 op bij fotosynthese en bouwen organische stoffen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Consumenten<\/strong> nemen koolstof op door het eten van planten of dieren.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij <\/span>verbranding (dissimilatie)<\/strong> komt CO\u2082 weer vrij in de lucht.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Reducenten<\/strong> (bacteriën, schimmels) breken dode resten af en geven CO\u2082 terug.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Door menselijke activiteiten (verbranding van fossiele brandstoffen, ontbossing) stijgt het CO\u2082-gehalte in de atmosfeer → versterkt <\/span>broeikaseffect<\/strong>.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Stikstofkringloop<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Stikstof is nodig voor <\/span>eiwitten en DNA<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Planten nemen stikstof alleen op in de vorm van <\/span>nitraat (NO\u2083\u207b)<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bodemprocessen<\/strong>:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Stikstofbindende bacteriën<\/strong>: zetten N\u2082 uit de lucht om in ammonium (NH\u2084\u207a).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Nitrificerende bacteriën<\/strong>: ammonium → nitriet (NO\u2082\u207b) → nitraat (NO\u2083\u207b).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Denitrificerende bacteriën<\/strong>: zetten nitraat terug om in N\u2082 (stikstofgas).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Consumenten<\/strong> krijgen stikstofverbindingen binnen via voedsel.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Reducenten<\/strong> zorgen dat stikstofverbindingen uit dode resten en afval opnieuw beschikbaar komen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Menselijke invloed: kunstmest en stikstofdepositie verstoren de kringloop en leiden tot problemen als <\/span>vermesting<\/strong> en <\/span>verzuring<\/strong>.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Fosfaatkringloop<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Fosfor is nodig voor <\/span>DNA, ATP en fosfolipiden<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Fosfaat zit in gesteenten en komt vrij door verwering → komt in de bodem en het water terecht.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Planten nemen fosfaat op → consumenten krijgen het binnen via voedsel.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Reducenten zorgen dat fosfaat uit resten en uitwerpselen weer in de bodem komt.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Fosfaat verdwijnt langzaam naar zee en kan daar voor lange tijd vastgelegd worden in gesteenten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Menselijke invloed: kunstmest en afspoeling zorgen voor <\/span>eutrofiëring<\/strong> (overmatige algengroei in water).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Waterkringloop<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Water verdampt uit oceanen, meren en planten (<\/span>transpiratie<\/strong>).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het condenseert in de lucht en valt neer als neerslag.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Via rivieren en grondwater stroomt water weer terug naar zee.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Planten, dieren en reducenten gebruiken water continu in de stofwisseling.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Belang van kringlopen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kringlopen maken het <\/span>leven op aarde duurzaam<\/strong> mogelijk.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Zonder reducenten zouden voedingsstoffen ophopen in dode resten en niet hergebruikt worden.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verstoringen door menselijke activiteiten leiden tot problemen zoals klimaatverandering, eutrofiëring en verzuring.<\/span><\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Kringloop \u2013 hergebruik van stoffen in ecosystemen\",\r\n\"Koolstofkringloop \u2013 kringloop van koolstof via CO\u2082, fotosynthese en verbranding\",\r\n\"Stikstofkringloop \u2013 omzettingen van stikstofverbindingen in bodem en lucht\",\r\n\"Fosfaatkringloop \u2013 cyclus van fosfor via gesteenten, bodem, planten en dieren\",\r\n\"Nitrificerende bacteri\u00ebn \u2013 zetten ammonium om in nitraat\",\r\n\"Denitrificerende bacteri\u00ebn \u2013 zetten nitraat om in stikstofgas\",\r\n\"Vermesting \u2013 toename van voedingsstoffen in bodem of water door menselijke activiteit\",\r\n\"Eutrofi\u00ebring \u2013 sterke algengroei door teveel stikstof en fosfaat in water\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"In ecosystemen worden stoffen hergebruikt via kringlopen, waarin producenten, consumenten en reducenten een rol spelen. De koolstofkringloop, stikstofkringloop, fosfaatkringloop en waterkringloop zorgen samen voor een duurzame beschikbaarheid van voedingsstoffen. De mens be\u00efnvloedt deze kringlopen sterk door ontbossing, fossiele brandstoffen, kunstmest en stikstofuitstoot, wat leidt tot milieuproblemen als klimaatverandering en eutrofi\u00ebring. Het in stand houden van gezonde kringlopen is daarom cruciaal voor het milieu \u00e9n ons eigen voortbestaan.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"Voedselproductie\",\r\n subtitle: \"Hoe wordt ons eten gemaakt?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_17_29.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Voedselvoorziening<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De wereldbevolking groeit snel → steeds meer voedsel nodig.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voedselproductie is sterk afhankelijk van <\/span>landbouw<\/strong> en <\/span>veeteelt<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">De uitdaging: voldoende voedsel produceren, zonder ecosystemen blijvend te beschadigen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Intensieve landbouw<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kenmerken<\/strong>: gebruik van monoculturen, kunstmest, bestrijdingsmiddelen en hoge mechanisatie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voordelen<\/strong>: hoge opbrengst per hectare, efficiënte voedselproductie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Nadelen<\/strong>:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Verlies van biodiversiteit (monoculturen zijn kwetsbaar voor ziekten).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Uitspoeling van meststoffen → <\/span>eutrofiëring<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gebruik van pesticiden → vergiftiging, resistentie en verstoring van voedselketens.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bodemuitputting en verdichting door zware machines.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Veeteelt<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Intensieve veehouderij<\/strong> levert vlees, melk en eieren in grote hoeveelheden.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Nadelen:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Groot verbruik van water en energie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Productie van <\/span>broeikasgassen<\/strong> (methaan, CO\u2082, lachgas).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Dierziekten kunnen snel verspreiden in grootschalige bedrijven.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Duurzame landbouw<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Doel<\/strong>: voedsel produceren op een manier die natuur, milieu en bodemvruchtbaarheid zo min mogelijk aantast.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Methoden:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Biologische landbouw<\/strong> – geen kunstmest of chemische bestrijdingsmiddelen, gebruik van natuurlijke vijanden en organische mest.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vruchtwisseling<\/strong> – jaarlijks wisselen van gewassen om uitputting van de bodem te voorkomen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Precisielandbouw<\/strong> – gebruik van technologie (drones, sensoren) om gericht mest en water toe te dienen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Agro-ecologie<\/strong> – combineren van landbouw met behoud van natuur (heggen, bloemrijke akkerranden).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Integraal bestrijden (IPM)<\/strong> – plagen aanpakken met combinatie van biologische en beperkte chemische methoden.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Voedselproductie en ecosystemen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Ontbossing<\/strong> voor landbouw → verlies van biodiversiteit en meer CO\u2082-uitstoot.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Overbevissing<\/strong> → bedreigt vispopulaties en mariene ecosystemen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gebruik van kunstmest en pesticiden<\/strong> → leidt tot bodem- en watervervuiling.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Klimaatverandering<\/strong> beïnvloedt voedselproductie (droogte, misoogsten).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Alternatieven voor hogere voedselproductie<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kweekvlees<\/strong> – vlees geproduceerd uit stamcellen in laboratorium.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Insectenteelt<\/strong> – insecten zijn eiwitrijk, milieuvriendelijk en efficiënt in voedselconversie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Plantaardige alternatieven<\/strong> – meer gebruik van peulvruchten en plantaardige eiwitten om veeteelt te verminderen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">\r\nPrecisiefermentatie<\/strong> – micro-organismen produceren specifieke eiwitten of vetten (bijv. melkeiwit zonder koeien).<\/span>\r\n<\/li>\r\n<\/ul>\r\n<h3> <\/h3>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Intensieve landbouw \u2013 grootschalige, effici\u00ebnte landbouw met hoge opbrengsten en veel externe inputs\",\r\n\"Monocultuur \u2013 verbouwen van \u00e9\u00e9n soort gewas op grote schaal\",\r\n\"Eutrofi\u00ebring \u2013 overmatige algengroei door uitspoeling van meststoffen\",\r\n\"Duurzame landbouw \u2013 landbouw die milieuvriendelijk is en bodemvruchtbaarheid behoudt\",\r\n\"Biologische landbouw \u2013 landbouw zonder kunstmest of chemische bestrijdingsmiddelen\",\r\n\"Vruchtwisseling \u2013 jaarlijks wisselen van gewassen om de bodem gezond te houden\",\r\n\"Precisielandbouw \u2013 gebruik van technologie voor gerichte en effici\u00ebnte landbouw\",\r\n\"Integraal plaagbeheer (IPM) \u2013 combinatie van biologische en chemische plaagbestrijding\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Voedselproductie is noodzakelijk om de groeiende wereldbevolking te voeden, maar intensieve landbouw en veeteelt hebben grote gevolgen voor milieu en biodiversiteit. Duurzame landbouwmethoden zoals biologische landbouw, vruchtwisseling en precisielandbouw bieden alternatieven die milieuschade beperken. Ook nieuwe vormen van voedselproductie zoals kweekvlees en insectenteelt kunnen bijdragen aan een toekomstbestendige voedselvoorziening. Het vinden van een balans tussen voldoende voedsel en behoud van ecosystemen is de centrale uitdaging.\"\r\n },\r\n {\r\n id: 3,\r\n title: \"Versterkt broeikaseffect\",\r\n subtitle: \"Het wordt steeds warmer. Maar waarom?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_17_04.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Het natuurlijke broeikaseffect<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De aarde ontvangt energie van de zon in de vorm van <\/span>kortgolvige straling<\/strong> (licht en warmte).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Een deel van deze energie wordt weer uitgestraald als <\/span>langgolvige warmtestraling (infrarood)<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Broeikasgassen<\/strong> in de atmosfeer, zoals CO\u2082, H\u2082O, CH\u2084 (methaan), N\u2082O (lachgas) en ozon, absorberen een deel van deze warmtestraling en houden zo de aarde warm.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Zonder dit natuurlijke broeikaseffect zou de gemiddelde temperatuur op aarde rond de –18 °C liggen in plaats van +15 °C → leven zou nauwelijks mogelijk zijn.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Het versterkte broeikaseffect<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Door menselijke activiteiten neemt de concentratie broeikasgassen in de atmosfeer sterk toe.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gevolg: er wordt méér warmtestraling vastgehouden → de aarde warmt extra op.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Belangrijkste oorzaken:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Verbranding van fossiele brandstoffen<\/strong> (kolen, olie, gas) → extra CO\u2082.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Ontbossing<\/strong> → minder opname van CO\u2082 door bomen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Landbouw en veeteelt<\/strong> → uitstoot van methaan (koeien, rijstvelden) en lachgas (kunstmest).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Industrie<\/strong> → uitstoot van nieuwe broeikasgassen (zoals CFK’s).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Gevolgen van het versterkte broeikaseffect<\/strong><\/h3>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Klimaatverandering<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Toename van extreme weersomstandigheden (hittegolven, stormen, droogtes, overstromingen).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verschuiving van klimaatzones (bijv. verwoestijning in subtropische gebieden).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Stijging zeespiegel<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Smelten van gletsjers en ijskappen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Uitzetten van zeewater door opwarming.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Gevolgen voor ecosystemen<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Veranderingen in leefgebieden → soorten trekken naar koelere gebieden of sterven uit.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Koraalriffen sterven door <\/span>opwarming en verzuring van de oceanen<\/strong> (meer CO\u2082 in water → vorming van koolzuur).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Gevolgen voor de mens<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Toenemende kans op misoogsten en voedseltekorten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gezondheidsproblemen door hittegolven en luchtvervuiling.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Klimaatvluchtelingen uit gebieden die onleefbaar worden.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<h3>Maatregelen tegen klimaatverandering<\/strong><\/h3>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Mitigatie<\/strong> (oorzaken aanpakken)<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Verminderen van broeikasgasuitstoot.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden: energiebesparing, overschakelen op duurzame energie (zon, wind, waterkracht), aanplanten van bossen, schonere landbouw.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Adaptatie<\/strong> (aanpassen aan gevolgen)<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Beschermen tegen en omgaan met klimaatverandering.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden: dijken verhogen, wateropslag vergroten, droogteresistente gewassen ontwikkelen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Internationale afspraken<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kyoto-protocol<\/strong> en <\/span>Akkoord van Parijs (2015)<\/strong> → doel om de opwarming te beperken tot maximaal 2 °C (liefst 1,5 °C).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Landen moeten hun uitstoot van broeikasgassen fors verminderen.<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Natuurlijk broeikaseffect \u2013 vasthouden van warmte door broeikasgassen, maakt leven mogelijk\",\r\n\"Versterkt broeikaseffect \u2013 extra opwarming door toename van broeikasgassen door menselijke activiteiten\",\r\n\"Broeikasgassen \u2013 gassen die warmtestraling absorberen (CO\u2082, CH\u2084, N\u2082O, H\u2082O, CFK\u2019s)\",\r\n\"Klimaatverandering \u2013 langdurige veranderingen in weer- en klimaatsystemen\",\r\n\"Mitigatie \u2013 maatregelen om oorzaken van klimaatverandering te beperken\",\r\n\"Adaptatie \u2013 aanpassen aan gevolgen van klimaatverandering\",\r\n\"Zeeverzilting \u2013 toename van zout in kustgebieden door stijgende zeespiegel en indringend zeewater\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Het natuurlijke broeikaseffect houdt de aarde leefbaar, maar menselijke activiteiten versterken dit effect door de uitstoot van broeikasgassen. Dit leidt tot klimaatverandering, zeespiegelstijging en grote gevolgen voor ecosystemen en de mens. Verminderen van uitstoot (mitigatie) en aanpassen aan veranderingen (adaptatie) zijn beide noodzakelijk om de effecten van het versterkte broeikaseffect te beperken. Internationale samenwerking is hierbij cruciaal.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"Duurzame ontwikkelingen\",\r\n subtitle: \"Hoe zorgen we ervoor dat we geen schade doen aan onze eigen toekomst?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_17_09.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Wat is duurzaamheid?<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Duurzame ontwikkeling<\/strong> = een manier van produceren en consumeren die voorziet in de behoeften van de huidige generatie <\/span>zonder<\/strong> de mogelijkheden van toekomstige generaties in gevaar te brengen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Centraal staat het vinden van een balans tussen:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">People<\/strong> (sociale aspecten, welzijn en gezondheid van mensen).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Planet<\/strong> (behoud van milieu en biodiversiteit).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Profit<\/strong> (economische ontwikkeling).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Huidige problemen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Klimaatverandering<\/strong> door broeikasgasuitstoot.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Uitputting van grondstoffen<\/strong> (olie, gas, metalen, fosfaat).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Afnemende biodiversiteit<\/strong> door ontbossing, vervuiling en habitatverlies.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Water- en voedseltekorten<\/strong> in delen van de wereld.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Milieuvervuiling<\/strong> (plastic soep, pesticiden, zware metalen).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Voorbeelden van duurzame ontwikkelingen<\/strong><\/h3>\r\n<h4>Energie<\/strong><\/h4>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Overstap naar duurzame energiebronnen<\/strong>: zon, wind, waterkracht, geothermie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Energiebesparing<\/strong> door isolatie, elektrische auto’s, energiezuinige apparaten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Waterstof en accu-opslag<\/strong> voor flexibeler gebruik van duurzame energie.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h4>Landbouw en voedsel<\/strong><\/h4>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Duurzame landbouw<\/strong>: minder kunstmest en bestrijdingsmiddelen, vruchtwisseling, biologische teelt.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voedselalternatieven<\/strong>: kweekvlees, insectenteelt, plantaardige eiwitten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Circulaire landbouw<\/strong>: afvalstromen worden hergebruikt (bijv. mest voor biogas).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h4>Grondstoffen en materialen<\/strong><\/h4>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Circulaire economie<\/strong>: producten en materialen zo veel mogelijk hergebruiken en recyclen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Cradle-to-cradle<\/strong> ontwerp: producten maken die volledig herbruikbaar zijn.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Beperken van plasticvervuiling<\/strong> en overstap op biologisch afbreekbare materialen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h4>Biodiversiteit en natuurbeheer<\/strong><\/h4>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Beschermen van ecosystemen<\/strong> en bedreigde soorten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Herbebossing<\/strong> en herstel van natuurgebieden.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Duurzaam visserij- en bosbeheer<\/strong> (MSC- en FSC-keurmerken).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Internationale afspraken<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">VN-klimaatakkoord van Parijs (2015)<\/strong> – beperken van opwarming tot max. 2 °C, liefst 1,5 °C.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">VN-duurzaamheidsdoelen (SDG’s)<\/strong> – 17 doelen voor een betere wereld in 2030, waaronder schoon water, duurzame energie, klimaatactie en bescherming van ecosystemen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">EU Green Deal<\/strong> – streven naar klimaatneutraliteit in 2050.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Rol van de mens<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Overheden<\/strong> – beleid en wetten voor schone energie, minder uitstoot en natuurbeheer.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bedrijven<\/strong> – investeren in duurzame productie en circulaire economie.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Individuen<\/strong> – keuzes in voeding, vervoer, energieverbruik en consumptie beïnvloeden direct het milieu.<\/span><\/li>\r\n<\/ul>\r\n<h3> <\/h3>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Duurzame ontwikkeling \u2013 ontwikkeling die voorziet in huidige behoeften zonder toekomstige te schaden\",\r\n\"People, Planet, Profit \u2013 drie pijlers van duurzaamheid\",\r\n\"Circulaire economie \u2013 kringloop van materialen en grondstoffen sluiten\",\r\n\"Cradle-to-cradle \u2013 ontwerpprincipe waarbij alle onderdelen herbruikbaar zijn\",\r\n\"SDG\u2019s (Sustainable Development Goals) \u2013 VN-doelen voor duurzame ontwikkeling\",\r\n\"Klimaatneutraliteit \u2013 geen netto-uitstoot van broeikasgassen\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Duurzame ontwikkeling betekent keuzes maken die mens, milieu en economie in balans houden. Dit vraagt om veranderingen in energievoorziening, landbouw, industrie en consumptiepatronen. Internationale afspraken zoals het Klimaatakkoord van Parijs en de VN-duurzaamheidsdoelen zijn richtinggevend. Uiteindelijk hebben zowel overheden, bedrijven als individuen een belangrijke rol in het realiseren van een leefbare wereld voor toekomstige generaties.\"\r\n },\r\n\r\n\r\n\r\n\r\n\r\n\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 = `${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":"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":[31],"class_list":["post-828","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/828","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=828"}],"version-history":[{"count":32,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/828\/revisions"}],"predecessor-version":[{"id":3047,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/828\/revisions\/3047"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=828"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=828"}],"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 Basisstof 1<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chapter-meta\" aria-live=\"polite\">\r\n 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><\/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 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>\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\">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 \/\/ ====== VULLEN MET JE EIGEN DATA ======\r\n \/\/ Pas de BOOK-const aan voor jouw boek\/hoofdstukken. Je kunt dit in dezelfde file houden of later via JSON laten inladen.\r\n const BOOK = {\r\n title: \"Thema 6: Mens en milieu\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n \r\n\r\n\r\n\r\n\r\n {\r\n id: 1,\r\n title: \"Kringlopen\",\r\n subtitle: \"Waarom het zo belangrijk is dat processen in een cirkel lopen?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_16_59.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Wat zijn kringlopen?<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">In de natuur gaan stoffen <\/span>nooit verloren<\/strong>, maar worden steeds opnieuw gebruikt in kringlopen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Producenten, consumenten en reducenten spelen samen een rol bij de <\/span>kringloop van stoffen<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kringlopen zorgen voor <\/span>hergebruik van voedingsstoffen<\/strong> en houden ecosystemen in stand.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Energie daarentegen stroomt slechts één richting op: van zonlicht naar warmte (wordt niet gerecycled).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Koolstofkringloop<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Koolstof komt in de natuur voor in de vorm van <\/span>CO\u2082<\/strong> en organische stoffen (glucose, vetten, eiwitten).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Producenten (planten)<\/strong> nemen CO\u2082 op bij fotosynthese en bouwen organische stoffen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Consumenten<\/strong> nemen koolstof op door het eten van planten of dieren.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij <\/span>verbranding (dissimilatie)<\/strong> komt CO\u2082 weer vrij in de lucht.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Reducenten<\/strong> (bacteriën, schimmels) breken dode resten af en geven CO\u2082 terug.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Door menselijke activiteiten (verbranding van fossiele brandstoffen, ontbossing) stijgt het CO\u2082-gehalte in de atmosfeer → versterkt <\/span>broeikaseffect<\/strong>.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Stikstofkringloop<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Stikstof is nodig voor <\/span>eiwitten en DNA<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Planten nemen stikstof alleen op in de vorm van <\/span>nitraat (NO\u2083\u207b)<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bodemprocessen<\/strong>:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Stikstofbindende bacteriën<\/strong>: zetten N\u2082 uit de lucht om in ammonium (NH\u2084\u207a).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Nitrificerende bacteriën<\/strong>: ammonium → nitriet (NO\u2082\u207b) → nitraat (NO\u2083\u207b).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Denitrificerende bacteriën<\/strong>: zetten nitraat terug om in N\u2082 (stikstofgas).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Consumenten<\/strong> krijgen stikstofverbindingen binnen via voedsel.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Reducenten<\/strong> zorgen dat stikstofverbindingen uit dode resten en afval opnieuw beschikbaar komen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Menselijke invloed: kunstmest en stikstofdepositie verstoren de kringloop en leiden tot problemen als <\/span>vermesting<\/strong> en <\/span>verzuring<\/strong>.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Fosfaatkringloop<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Fosfor is nodig voor <\/span>DNA, ATP en fosfolipiden<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Fosfaat zit in gesteenten en komt vrij door verwering → komt in de bodem en het water terecht.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Planten nemen fosfaat op → consumenten krijgen het binnen via voedsel.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Reducenten zorgen dat fosfaat uit resten en uitwerpselen weer in de bodem komt.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Fosfaat verdwijnt langzaam naar zee en kan daar voor lange tijd vastgelegd worden in gesteenten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Menselijke invloed: kunstmest en afspoeling zorgen voor <\/span>eutrofiëring<\/strong> (overmatige algengroei in water).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Waterkringloop<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Water verdampt uit oceanen, meren en planten (<\/span>transpiratie<\/strong>).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het condenseert in de lucht en valt neer als neerslag.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Via rivieren en grondwater stroomt water weer terug naar zee.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Planten, dieren en reducenten gebruiken water continu in de stofwisseling.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Belang van kringlopen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kringlopen maken het <\/span>leven op aarde duurzaam<\/strong> mogelijk.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Zonder reducenten zouden voedingsstoffen ophopen in dode resten en niet hergebruikt worden.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verstoringen door menselijke activiteiten leiden tot problemen zoals klimaatverandering, eutrofiëring en verzuring.<\/span><\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Kringloop \u2013 hergebruik van stoffen in ecosystemen\",\r\n\"Koolstofkringloop \u2013 kringloop van koolstof via CO\u2082, fotosynthese en verbranding\",\r\n\"Stikstofkringloop \u2013 omzettingen van stikstofverbindingen in bodem en lucht\",\r\n\"Fosfaatkringloop \u2013 cyclus van fosfor via gesteenten, bodem, planten en dieren\",\r\n\"Nitrificerende bacteri\u00ebn \u2013 zetten ammonium om in nitraat\",\r\n\"Denitrificerende bacteri\u00ebn \u2013 zetten nitraat om in stikstofgas\",\r\n\"Vermesting \u2013 toename van voedingsstoffen in bodem of water door menselijke activiteit\",\r\n\"Eutrofi\u00ebring \u2013 sterke algengroei door teveel stikstof en fosfaat in water\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"In ecosystemen worden stoffen hergebruikt via kringlopen, waarin producenten, consumenten en reducenten een rol spelen. De koolstofkringloop, stikstofkringloop, fosfaatkringloop en waterkringloop zorgen samen voor een duurzame beschikbaarheid van voedingsstoffen. De mens be\u00efnvloedt deze kringlopen sterk door ontbossing, fossiele brandstoffen, kunstmest en stikstofuitstoot, wat leidt tot milieuproblemen als klimaatverandering en eutrofi\u00ebring. Het in stand houden van gezonde kringlopen is daarom cruciaal voor het milieu \u00e9n ons eigen voortbestaan.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"Voedselproductie\",\r\n subtitle: \"Hoe wordt ons eten gemaakt?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_17_29.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Voedselvoorziening<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De wereldbevolking groeit snel → steeds meer voedsel nodig.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voedselproductie is sterk afhankelijk van <\/span>landbouw<\/strong> en <\/span>veeteelt<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">De uitdaging: voldoende voedsel produceren, zonder ecosystemen blijvend te beschadigen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Intensieve landbouw<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kenmerken<\/strong>: gebruik van monoculturen, kunstmest, bestrijdingsmiddelen en hoge mechanisatie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voordelen<\/strong>: hoge opbrengst per hectare, efficiënte voedselproductie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Nadelen<\/strong>:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Verlies van biodiversiteit (monoculturen zijn kwetsbaar voor ziekten).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Uitspoeling van meststoffen → <\/span>eutrofiëring<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gebruik van pesticiden → vergiftiging, resistentie en verstoring van voedselketens.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bodemuitputting en verdichting door zware machines.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Veeteelt<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Intensieve veehouderij<\/strong> levert vlees, melk en eieren in grote hoeveelheden.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Nadelen:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Groot verbruik van water en energie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Productie van <\/span>broeikasgassen<\/strong> (methaan, CO\u2082, lachgas).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Dierziekten kunnen snel verspreiden in grootschalige bedrijven.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Duurzame landbouw<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Doel<\/strong>: voedsel produceren op een manier die natuur, milieu en bodemvruchtbaarheid zo min mogelijk aantast.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Methoden:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Biologische landbouw<\/strong> – geen kunstmest of chemische bestrijdingsmiddelen, gebruik van natuurlijke vijanden en organische mest.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vruchtwisseling<\/strong> – jaarlijks wisselen van gewassen om uitputting van de bodem te voorkomen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Precisielandbouw<\/strong> – gebruik van technologie (drones, sensoren) om gericht mest en water toe te dienen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Agro-ecologie<\/strong> – combineren van landbouw met behoud van natuur (heggen, bloemrijke akkerranden).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Integraal bestrijden (IPM)<\/strong> – plagen aanpakken met combinatie van biologische en beperkte chemische methoden.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Voedselproductie en ecosystemen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Ontbossing<\/strong> voor landbouw → verlies van biodiversiteit en meer CO\u2082-uitstoot.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Overbevissing<\/strong> → bedreigt vispopulaties en mariene ecosystemen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gebruik van kunstmest en pesticiden<\/strong> → leidt tot bodem- en watervervuiling.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Klimaatverandering<\/strong> beïnvloedt voedselproductie (droogte, misoogsten).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Alternatieven voor hogere voedselproductie<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kweekvlees<\/strong> – vlees geproduceerd uit stamcellen in laboratorium.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Insectenteelt<\/strong> – insecten zijn eiwitrijk, milieuvriendelijk en efficiënt in voedselconversie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Plantaardige alternatieven<\/strong> – meer gebruik van peulvruchten en plantaardige eiwitten om veeteelt te verminderen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">\r\nPrecisiefermentatie<\/strong> – micro-organismen produceren specifieke eiwitten of vetten (bijv. melkeiwit zonder koeien).<\/span>\r\n<\/li>\r\n<\/ul>\r\n<h3> <\/h3>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Intensieve landbouw \u2013 grootschalige, effici\u00ebnte landbouw met hoge opbrengsten en veel externe inputs\",\r\n\"Monocultuur \u2013 verbouwen van \u00e9\u00e9n soort gewas op grote schaal\",\r\n\"Eutrofi\u00ebring \u2013 overmatige algengroei door uitspoeling van meststoffen\",\r\n\"Duurzame landbouw \u2013 landbouw die milieuvriendelijk is en bodemvruchtbaarheid behoudt\",\r\n\"Biologische landbouw \u2013 landbouw zonder kunstmest of chemische bestrijdingsmiddelen\",\r\n\"Vruchtwisseling \u2013 jaarlijks wisselen van gewassen om de bodem gezond te houden\",\r\n\"Precisielandbouw \u2013 gebruik van technologie voor gerichte en effici\u00ebnte landbouw\",\r\n\"Integraal plaagbeheer (IPM) \u2013 combinatie van biologische en chemische plaagbestrijding\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Voedselproductie is noodzakelijk om de groeiende wereldbevolking te voeden, maar intensieve landbouw en veeteelt hebben grote gevolgen voor milieu en biodiversiteit. Duurzame landbouwmethoden zoals biologische landbouw, vruchtwisseling en precisielandbouw bieden alternatieven die milieuschade beperken. Ook nieuwe vormen van voedselproductie zoals kweekvlees en insectenteelt kunnen bijdragen aan een toekomstbestendige voedselvoorziening. Het vinden van een balans tussen voldoende voedsel en behoud van ecosystemen is de centrale uitdaging.\"\r\n },\r\n {\r\n id: 3,\r\n title: \"Versterkt broeikaseffect\",\r\n subtitle: \"Het wordt steeds warmer. Maar waarom?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_17_04.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Het natuurlijke broeikaseffect<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De aarde ontvangt energie van de zon in de vorm van <\/span>kortgolvige straling<\/strong> (licht en warmte).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Een deel van deze energie wordt weer uitgestraald als <\/span>langgolvige warmtestraling (infrarood)<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Broeikasgassen<\/strong> in de atmosfeer, zoals CO\u2082, H\u2082O, CH\u2084 (methaan), N\u2082O (lachgas) en ozon, absorberen een deel van deze warmtestraling en houden zo de aarde warm.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Zonder dit natuurlijke broeikaseffect zou de gemiddelde temperatuur op aarde rond de –18 °C liggen in plaats van +15 °C → leven zou nauwelijks mogelijk zijn.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Het versterkte broeikaseffect<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Door menselijke activiteiten neemt de concentratie broeikasgassen in de atmosfeer sterk toe.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gevolg: er wordt méér warmtestraling vastgehouden → de aarde warmt extra op.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Belangrijkste oorzaken:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Verbranding van fossiele brandstoffen<\/strong> (kolen, olie, gas) → extra CO\u2082.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Ontbossing<\/strong> → minder opname van CO\u2082 door bomen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Landbouw en veeteelt<\/strong> → uitstoot van methaan (koeien, rijstvelden) en lachgas (kunstmest).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Industrie<\/strong> → uitstoot van nieuwe broeikasgassen (zoals CFK’s).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Gevolgen van het versterkte broeikaseffect<\/strong><\/h3>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Klimaatverandering<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Toename van extreme weersomstandigheden (hittegolven, stormen, droogtes, overstromingen).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verschuiving van klimaatzones (bijv. verwoestijning in subtropische gebieden).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Stijging zeespiegel<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Smelten van gletsjers en ijskappen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Uitzetten van zeewater door opwarming.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Gevolgen voor ecosystemen<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Veranderingen in leefgebieden → soorten trekken naar koelere gebieden of sterven uit.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Koraalriffen sterven door <\/span>opwarming en verzuring van de oceanen<\/strong> (meer CO\u2082 in water → vorming van koolzuur).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Gevolgen voor de mens<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Toenemende kans op misoogsten en voedseltekorten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gezondheidsproblemen door hittegolven en luchtvervuiling.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Klimaatvluchtelingen uit gebieden die onleefbaar worden.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<h3>Maatregelen tegen klimaatverandering<\/strong><\/h3>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Mitigatie<\/strong> (oorzaken aanpakken)<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Verminderen van broeikasgasuitstoot.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden: energiebesparing, overschakelen op duurzame energie (zon, wind, waterkracht), aanplanten van bossen, schonere landbouw.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Adaptatie<\/strong> (aanpassen aan gevolgen)<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Beschermen tegen en omgaan met klimaatverandering.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden: dijken verhogen, wateropslag vergroten, droogteresistente gewassen ontwikkelen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Internationale afspraken<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kyoto-protocol<\/strong> en <\/span>Akkoord van Parijs (2015)<\/strong> → doel om de opwarming te beperken tot maximaal 2 °C (liefst 1,5 °C).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Landen moeten hun uitstoot van broeikasgassen fors verminderen.<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Natuurlijk broeikaseffect \u2013 vasthouden van warmte door broeikasgassen, maakt leven mogelijk\",\r\n\"Versterkt broeikaseffect \u2013 extra opwarming door toename van broeikasgassen door menselijke activiteiten\",\r\n\"Broeikasgassen \u2013 gassen die warmtestraling absorberen (CO\u2082, CH\u2084, N\u2082O, H\u2082O, CFK\u2019s)\",\r\n\"Klimaatverandering \u2013 langdurige veranderingen in weer- en klimaatsystemen\",\r\n\"Mitigatie \u2013 maatregelen om oorzaken van klimaatverandering te beperken\",\r\n\"Adaptatie \u2013 aanpassen aan gevolgen van klimaatverandering\",\r\n\"Zeeverzilting \u2013 toename van zout in kustgebieden door stijgende zeespiegel en indringend zeewater\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Het natuurlijke broeikaseffect houdt de aarde leefbaar, maar menselijke activiteiten versterken dit effect door de uitstoot van broeikasgassen. Dit leidt tot klimaatverandering, zeespiegelstijging en grote gevolgen voor ecosystemen en de mens. Verminderen van uitstoot (mitigatie) en aanpassen aan veranderingen (adaptatie) zijn beide noodzakelijk om de effecten van het versterkte broeikaseffect te beperken. Internationale samenwerking is hierbij cruciaal.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"Duurzame ontwikkelingen\",\r\n subtitle: \"Hoe zorgen we ervoor dat we geen schade doen aan onze eigen toekomst?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_17_09.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Wat is duurzaamheid?<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Duurzame ontwikkeling<\/strong> = een manier van produceren en consumeren die voorziet in de behoeften van de huidige generatie <\/span>zonder<\/strong> de mogelijkheden van toekomstige generaties in gevaar te brengen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Centraal staat het vinden van een balans tussen:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">People<\/strong> (sociale aspecten, welzijn en gezondheid van mensen).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Planet<\/strong> (behoud van milieu en biodiversiteit).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Profit<\/strong> (economische ontwikkeling).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Huidige problemen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Klimaatverandering<\/strong> door broeikasgasuitstoot.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Uitputting van grondstoffen<\/strong> (olie, gas, metalen, fosfaat).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Afnemende biodiversiteit<\/strong> door ontbossing, vervuiling en habitatverlies.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Water- en voedseltekorten<\/strong> in delen van de wereld.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Milieuvervuiling<\/strong> (plastic soep, pesticiden, zware metalen).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Voorbeelden van duurzame ontwikkelingen<\/strong><\/h3>\r\n<h4>Energie<\/strong><\/h4>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Overstap naar duurzame energiebronnen<\/strong>: zon, wind, waterkracht, geothermie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Energiebesparing<\/strong> door isolatie, elektrische auto’s, energiezuinige apparaten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Waterstof en accu-opslag<\/strong> voor flexibeler gebruik van duurzame energie.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h4>Landbouw en voedsel<\/strong><\/h4>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Duurzame landbouw<\/strong>: minder kunstmest en bestrijdingsmiddelen, vruchtwisseling, biologische teelt.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voedselalternatieven<\/strong>: kweekvlees, insectenteelt, plantaardige eiwitten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Circulaire landbouw<\/strong>: afvalstromen worden hergebruikt (bijv. mest voor biogas).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h4>Grondstoffen en materialen<\/strong><\/h4>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Circulaire economie<\/strong>: producten en materialen zo veel mogelijk hergebruiken en recyclen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Cradle-to-cradle<\/strong> ontwerp: producten maken die volledig herbruikbaar zijn.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Beperken van plasticvervuiling<\/strong> en overstap op biologisch afbreekbare materialen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h4>Biodiversiteit en natuurbeheer<\/strong><\/h4>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Beschermen van ecosystemen<\/strong> en bedreigde soorten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Herbebossing<\/strong> en herstel van natuurgebieden.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Duurzaam visserij- en bosbeheer<\/strong> (MSC- en FSC-keurmerken).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Internationale afspraken<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">VN-klimaatakkoord van Parijs (2015)<\/strong> – beperken van opwarming tot max. 2 °C, liefst 1,5 °C.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">VN-duurzaamheidsdoelen (SDG’s)<\/strong> – 17 doelen voor een betere wereld in 2030, waaronder schoon water, duurzame energie, klimaatactie en bescherming van ecosystemen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">EU Green Deal<\/strong> – streven naar klimaatneutraliteit in 2050.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Rol van de mens<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Overheden<\/strong> – beleid en wetten voor schone energie, minder uitstoot en natuurbeheer.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bedrijven<\/strong> – investeren in duurzame productie en circulaire economie.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Individuen<\/strong> – keuzes in voeding, vervoer, energieverbruik en consumptie beïnvloeden direct het milieu.<\/span><\/li>\r\n<\/ul>\r\n<h3> <\/h3>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Duurzame ontwikkeling \u2013 ontwikkeling die voorziet in huidige behoeften zonder toekomstige te schaden\",\r\n\"People, Planet, Profit \u2013 drie pijlers van duurzaamheid\",\r\n\"Circulaire economie \u2013 kringloop van materialen en grondstoffen sluiten\",\r\n\"Cradle-to-cradle \u2013 ontwerpprincipe waarbij alle onderdelen herbruikbaar zijn\",\r\n\"SDG\u2019s (Sustainable Development Goals) \u2013 VN-doelen voor duurzame ontwikkeling\",\r\n\"Klimaatneutraliteit \u2013 geen netto-uitstoot van broeikasgassen\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Duurzame ontwikkeling betekent keuzes maken die mens, milieu en economie in balans houden. Dit vraagt om veranderingen in energievoorziening, landbouw, industrie en consumptiepatronen. Internationale afspraken zoals het Klimaatakkoord van Parijs en de VN-duurzaamheidsdoelen zijn richtinggevend. Uiteindelijk hebben zowel overheden, bedrijven als individuen een belangrijke rol in het realiseren van een leefbare wereld voor toekomstige generaties.\"\r\n },\r\n\r\n\r\n\r\n\r\n\r\n\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 = `${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":"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":[31],"class_list":["post-828","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/828","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=828"}],"version-history":[{"count":32,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/828\/revisions"}],"predecessor-version":[{"id":3047,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/828\/revisions\/3047"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=828"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}