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 const BOOK = {\r\n title: \"Thema 14: Samenhang in de biologie\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n {\r\n id: 1,\r\n title: \"Energie, de basis van leven\",\r\n subtitle: \"Waarom energie nodig is\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_14_34.png\",\r\n summary: `\r\nAlle organismen hebben <\/span>energie<\/strong> nodig om te leven. Energie wordt gebruikt voor:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Beweging<\/strong> (spieractiviteit, transport van stoffen in cellen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Opbouw<\/strong> van stoffen (groei, herstel)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Actief transport<\/strong> door celmembranen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Warmteproductie<\/strong> voor het op peil houden van lichaamstemperatuur (bij warmbloedige dieren)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Chemische processen<\/strong> zoals biosynthese en signaaloverdracht<\/span><\/li>\r\n<\/ul>\r\nDe energie die organismen gebruiken, is afkomstig uit <\/span>voedingsstoffen<\/strong> of uit <\/span>zonlicht<\/strong> (bij planten).<\/span><\/p>\r\n<h2>Energieomzettingen in de natuur<\/strong><\/h2>\r\n<h3>Autotrofe organismen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kunnen zelf organische stoffen maken uit anorganische stoffen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Doen aan <\/span>fotosynthese<\/strong>:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Lichtenergie<\/strong> + <\/span>CO\u2082<\/strong> + <\/span>H\u2082O<\/strong> → <\/span>glucose<\/strong> + <\/span>O\u2082<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Gebeurt in <\/span>bladgroenkorrels (chloroplasten)<\/strong> met behulp van <\/span>chlorofyl<\/strong> <\/strong><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Voorbeelden: planten, sommige bacteriën, algen<\/span><\/li>\r\n<\/ul>\r\n<h3>Heterotrofe organismen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kunnen geen organische stoffen maken uit anorganische stoffen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Nemen organische stoffen op via voeding<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden: dieren, schimmels, meeste bacteriën<\/span><\/li>\r\n<\/ul>\r\n<h2>Dissimilatie en assimilatie<\/strong><\/h2>\r\n<h3>Dissimilatie<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Afbraak van organische moleculen om energie vrij te maken<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij <\/span>aërobe dissimilatie<\/strong> (<\/span>verbranding<\/span><\/em>):<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Glucose<\/strong> + <\/span>O\u2082<\/strong> → <\/span>CO\u2082<\/strong> + <\/span>H\u2082O<\/strong> + energie (ATP + warmte)<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Gebeurt in <\/span>mitochondriën<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Anaërobe dissimilatie<\/strong>: afbraak zonder zuurstof (bijv. melkzuurvorming in spieren, alcoholgisting bij gist)<\/span><\/li>\r\n<\/ul>\r\n<h3>Assimilatie<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Opbouw van organische moleculen uit kleinere bouwstenen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kost energie, vaak geleverd door ATP<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: opbouw van eiwitten uit aminozuren<\/span><\/li>\r\n<\/ul>\r\n<h2>ATP – energiedrager van de cel<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">ATP (adenosinetrifosfaat)<\/strong> is de universele energiedrager in cellen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij afsplitsing van een <\/span>fosfaatgroep<\/strong> (ATP → ADP + Pi) komt energie vrij<\/span><\/li>\r\n<li style=\"font-weight: 400;\">ATP wordt voortdurend opnieuw gevormd door dissimilatie<\/span><\/li>\r\n<\/ul>\r\n<h2>Energie in ecosystemen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Producenten<\/strong> (autotrofe organismen) zetten zonlicht om in chemische energie<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Consumenten<\/strong> (heterotrofe organismen) gebruiken deze energie door opname en dissimilatie van organische stoffen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Reducenten<\/strong> (schimmels, bacteriën) breken resten van organismen af en maken anorganische stoffen vrij voor hergebruik<\/span> <\/span><\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Energie \u2013 vermogen om arbeid te verrichten\",\r\n \"Fotosynthese \u2013 opbouw van glucose uit CO\u2082 en H\u2082O met lichtenergie\",\r\n \"Dissimilatie \u2013 afbraak van organische stoffen om energie vrij te maken\",\r\n \"Assimilatie \u2013 opbouw van organische stoffen uit kleinere bouwstenen\",\r\n \"A\u00ebrobe dissimilatie \u2013 verbranding met zuurstof\",\r\n \"Ana\u00ebrobe dissimilatie \u2013 afbraak zonder zuurstof\",\r\n \"ATP \u2013 energiedragermolecuul in cellen\",\r\n \"Producent \u2013 organisme dat zelf organische stoffen maakt\",\r\n \"Consument \u2013 organisme dat organische stoffen opneemt\",\r\n \"Reduent \u2013 organisme dat organisch materiaal afbreekt tot anorganische stoffen\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Energie is de motor van het leven. Autotrofe organismen leggen energie vast via fotosynthese, heterotrofe organismen nemen energie op via voeding. Door dissimilatie wordt energie vrijgemaakt, vooral in de vorm van ATP, dat direct gebruikt kan worden voor levensprocessen. In ecosystemen stroomt energie van producent naar consument en wordt uiteindelijk weer vrijgegeven door reducenten.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"Energie uit voedsel\",\r\n subtitle: \"Waar halen organismen hun energie vandaan?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_14_31.png\",\r\n summary: `\r\n<h3>Energiebehoefte van organismen<\/strong><\/h3>\r\nOrganismen hebben voortdurend <\/span>energie<\/strong> nodig voor:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Beweging<\/strong> (spierarbeid, transport in cellen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Stofwisseling<\/strong> (opbouw en afbraak van moleculen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Warmteproductie<\/strong> (bij warmbloedige dieren)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Actief transport<\/strong> door membranen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Groei<\/strong>, <\/span>herstel<\/strong> en <\/span>voortplanting<\/strong><\/li>\r\n<\/ul>\r\nDe energie wordt geleverd door de <\/span>verbranding<\/strong> (<\/span>aërobe dissimilatie<\/span><\/em>) van <\/span>voedingsstoffen<\/strong>.<\/span><\/p>\r\n<h2>Energieleverende voedingsstoffen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Koolhydraten<\/strong> (glucose, zetmeel) – belangrijkste energiebron; snel beschikbaar<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vetten<\/strong> – geconcentreerde energiereserve; leveren 2x zoveel energie per gram als koolhydraten<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Eiwitten<\/strong> – vooral bouwstof, maar kan ook als energiebron dienen bij tekort aan koolhydraten en vetten<\/span><\/li>\r\n<\/ul>\r\n<h2>Calorische waarde<\/strong><\/h2>\r\nDe hoeveelheid energie die een voedingsstof levert, wordt uitgedrukt in:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kilojoule (kJ)<\/strong> – officiële SI-eenheid<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kilocalorie (kcal)<\/strong> – 1 kcal = 4,184 kJ<\/span> <\/span> Gemiddelde energiewaarden per gram:<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Koolhydraten: 17 kJ (4 kcal)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vetten: 38 kJ (9 kcal)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Eiwitten: 17 kJ (4 kcal)<\/span><\/li>\r\n<\/ul>\r\n<h2>Energiebehoefte van mensen<\/strong><\/h2>\r\nAfhankelijk van:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Leeftijd<\/strong> – groei vraagt extra energie<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Geslacht<\/strong> – mannen hebben gemiddeld meer energie nodig<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Lichaamsgrootte en spiermassa<\/strong> – meer spiermassa → hogere behoefte<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Lichaamsactiviteit<\/strong> – sporten, zwaar werk verhogen behoefte<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Temperatuur van de omgeving<\/strong> – kou of hitte kan energieverbruik beïnvloeden<\/span><\/li>\r\n<\/ul>\r\n<h2>Basale stofwisseling<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Basale stofwisseling (BMR)<\/strong>: hoeveelheid energie die het lichaam in rust verbruikt voor vitale functies (ademhaling, hartslag, lichaamstemperatuur, hersenactiviteit)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Wordt beïnvloed door o.a. leeftijd, geslacht, hormonen en temperatuur<\/span><\/li>\r\n<\/ul>\r\n<h2>Energieopslag en -gebruik<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Overschot aan energie → opslag als <\/span>glycogeen<\/strong> in lever en spieren, of als <\/span>vet<\/strong> in vetweefsel<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Tekort aan energie → vetreserves en later ook spierweefsel worden afgebroken<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Eiwitafbraak levert <\/span>ureum<\/strong> op, dat via de nieren wordt uitgescheiden<\/span><\/li>\r\n<\/ul>\r\n<h2>Energie-inname en gezondheid<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Energiebalans<\/strong>: energie-inname = energieverbruik → stabiel lichaamsgewicht<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Positieve energiebalans (inname > verbruik) → gewichtstoename<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Negatieve energiebalans (inname < verbruik) → gewichtsverlies<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Te veel vetopslag verhoogt risico op <\/span>overgewicht<\/strong> en <\/span>welvaartsziekten<\/strong> (diabetes type 2, hart- en vaatziekten)<\/span> <\/span><\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Energiebehoefte \u2013 hoeveelheid energie die nodig is voor alle levensprocessen\",\r\n \"Koolhydraten \u2013 belangrijkste brandstof voor het lichaam\",\r\n \"Vetten \u2013 geconcentreerde energiereserve\",\r\n \"Eiwitten \u2013 bouwstoffen, maar ook brandstoffen bij tekort\",\r\n \"Basale stofwisseling (BMR) \u2013 minimale energieverbruik in rust\",\r\n \"Calorische waarde \u2013 energie-inhoud van voedingsstoffen\",\r\n \"Energiebalans \u2013 verhouding tussen energie-inname en -verbruik\",\r\n \"Glycogeen \u2013 opslagvorm van glucose\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Voedsel levert de energie die nodig is voor alle levensprocessen. Koolhydraten en vetten zijn de belangrijkste energieleveranciers, terwijl eiwitten vooral een bouwfunctie hebben. De energiebehoefte wordt bepaald door factoren als leeftijd, geslacht, activiteit en omgevingstemperatuur. Een gezonde energiebalans voorkomt overgewicht of ondergewicht en draagt bij aan een goede gezondheid.\"\r\n },\r\n\r\n {\r\n id: 3,\r\n title: \"De evolutie van energieopslag bij mensen\",\r\n subtitle: \"Hoe is de energieopslag bij mensen ge\u00ebvolueerd\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_14_28.png\",\r\n summary: `\r\n<h3>Oorsprong van energieopslag<\/strong><\/h3>\r\nHet vermogen om <\/span>energie<\/strong> op te slaan in het lichaam is een belangrijk evolutionair voordeel. Onze verre voorouders leefden als <\/span>jager-verzamelaars<\/strong> en hadden te maken met periodes van overvloed en schaarste.<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bij voedseloverschot werd energie opgeslagen als <\/span>vet<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">In tijden van voedselschaarste werd deze <\/span>vetreserve<\/strong> aangesproken om te overleven<\/span><\/li>\r\n<\/ul>\r\n<h2>Energieopslag in het lichaam<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Korte termijn<\/strong>: opslag als <\/span>glycogeen<\/strong> in lever en spieren<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Lange termijn<\/strong>: opslag als <\/span>vet<\/strong> in vetweefsel (veel hogere energiedichtheid dan glycogeen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Eiwitten<\/strong> dienen in uiterste nood als energiebron, maar hun afbraak leidt tot verlies van spiermassa<\/span><\/li>\r\n<\/ul>\r\n<h2>Evolutionaire aanpassing<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Het menselijk lichaam is geëvolueerd om zuinig met energie om te gaan (<\/span>spaarstand<\/strong>)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Tijdens periodes van lage voedselinname verlaagt het lichaam het <\/span>energieverbruik<\/strong> om reserves te sparen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Genen<\/strong> die vetopslag bevorderden, waren in het verleden een voordeel → individuen overleefden vaker en gaven hun genen door<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Tegenwoordig, met een constante voedselvoorziening, kan deze aanpassing leiden tot <\/span>overgewicht<\/strong><\/li>\r\n<\/ul>\r\n<h2>Verandering in leefstijl<\/strong><\/h2>\r\nVroeger<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Veel lichamelijke activiteit (jagen, verzamelen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Onregelmatige voedselvoorziening<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vetreserves werden regelmatig aangesproken<\/span><\/li>\r\n<\/ul>\r\nNu<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Voedsel is continu beschikbaar<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Minder lichamelijke activiteit<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vetopslag neemt toe, terwijl er weinig verbranding van vet plaatsvindt<\/span><\/li>\r\n<\/ul>\r\n<h2>Gezondheidsgevolgen van overvloed<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Langdurige positieve <\/span>energiebalans<\/strong> → overmatige vetopslag<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verhoogd risico op <\/span>welvaartsziekten<\/strong>:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Obesitas<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Diabetes type 2<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Hart- en vaatziekten<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Hoge bloeddruk<\/strong> <\/strong><\/li>\r\n<\/ul>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Energieopslag \u2013 het vastleggen van energie in glycogeen of vet\",\r\n \"Glycogeen \u2013 snelle energieopslag in lever en spieren\",\r\n \"Vetweefsel \u2013 lange termijn energieopslag\",\r\n \"Spaarstand \u2013 verlaging van energieverbruik bij schaarste\",\r\n \"Welvaartsziekten \u2013 ziekten die samenhangen met overvloed aan voedsel en weinig beweging\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De mogelijkheid om energie op te slaan als glycogeen en vooral als vet was evolutionair gezien van levensbelang in tijden van schaarste. Ons lichaam is nog steeds ingesteld op deze \u201cspaarstand\u201d, maar in de huidige samenleving met continue voedselvoorziening en minder beweging leidt dit gemakkelijk tot overgewicht en verwante gezondheidsproblemen.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"De energiestromen in een ecosysteem\",\r\n subtitle: \"Waar gaat alle energie naartoe?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_14_12.png\",\r\n summary: `\r\n<h3>Wat is een energiestroom?<\/strong><\/h3>\r\nIn een <\/span>ecosysteem<\/strong> stroomt <\/span>energie<\/strong> van de zon naar producenten en vervolgens via consumenten naar reducenten. Energie wordt steeds omgezet en een deel gaat verloren als <\/span>warmte<\/strong>. In tegenstelling tot <\/span>stoffen<\/strong>, die worden <\/span>gerecycled<\/strong> in kringlopen, stroomt energie <\/span>eenmalig<\/strong> door het systeem.<\/span><\/p>\r\n<h2>Producenten, consumenten en reducenten<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Producenten<\/strong> – autotrofe organismen (planten, algen) die <\/span>lichtenergie<\/strong> vastleggen in organische stoffen via <\/span>fotosynthese<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Consumenten<\/strong> – heterotrofe organismen die energie halen uit organische stoffen van andere organismen<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Consumenten van de eerste orde<\/strong> – planteneters (herbivoren)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Consumenten van de tweede orde<\/strong> – vleeseters die planteneters eten<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Consumenten van de derde orde<\/strong> – toppredatoren<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Reducenten<\/strong> – bacteriën en schimmels die organisch materiaal afbreken tot anorganische stoffen (CO\u2082, mineralen)<\/span><\/li>\r\n<\/ul>\r\n<h2>Voedselketens en voedselwebben<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Voedselketen<\/strong>: lineaire reeks van organismen waarbij elke schakel voedsel is voor de volgende<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voedselweb<\/strong>: netwerk van met elkaar verbonden voedselketens<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Elke stap in een voedselketen heet een <\/span>trofisch niveau<\/strong><\/li>\r\n<\/ul>\r\n<h2>Energieverlies per trofisch niveau<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Slechts <\/span>10–20%<\/strong> van de energie wordt doorgegeven naar het volgende trofische niveau<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Rest gaat verloren door:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Dissimilatie<\/strong> (energie in vorm van warmte)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Onverteerde delen in uitwerpselen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Afsterven van organismen (energie komt beschikbaar voor reducenten)<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Hierdoor zijn voedselketens meestal kort (maximaal 4–5 trofische niveaus)<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h2>Primaire en secundaire productie<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Brutoproductie<\/strong>: totale hoeveelheid energie die producenten vastleggen in organische stoffen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Netto primaire productie (NPP)<\/strong>: energie die overblijft na aftrek van energie voor eigen dissimilatie van producenten → beschikbaar voor consumenten<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Secundaire productie<\/strong>: energie vastgelegd in biomassa van consumenten<\/span><\/li>\r\n<\/ul>\r\n<h2>Energiediagrammen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Piramide van energie<\/strong>: laat zien hoeveel energie per trofisch niveau beschikbaar is<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Altijd smaller naar boven door energieverlies<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kan worden weergegeven in <\/span>kJ\/m²\/jaar<\/strong> <\/strong><\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Ecosysteem \u2013 geheel van levende organismen en hun niet-levende omgeving\",\r\n \"Energ\u00adiestroom \u2013 overdracht van energie van producent naar consument en reducent\",\r\n \"Producent \u2013 organisme dat organische stoffen maakt uit anorganische stoffen\",\r\n \"Consument \u2013 organisme dat organische stoffen opneemt\",\r\n \"Reducent \u2013 organisme dat organisch materiaal afbreekt tot anorganisch\",\r\n \"Voedselketen \u2013 opeenvolging van organismen die elkaar als voedsel dienen\",\r\n \"Trofisch niveau \u2013 positie van een organisme in de voedselketen\",\r\n \"Brutoproductie \u2013 totale productie van organische stof door producenten\",\r\n \"Netto primaire productie \u2013 productie beschikbaar voor consumenten\",\r\n \"Secundaire productie \u2013 toename biomassa bij consumenten\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"In een ecosysteem wordt energie via fotosynthese vastgelegd door producenten en doorgegeven aan consumenten en reducenten. Bij elke overdracht gaat een groot deel van de energie verloren als warmte, waardoor voedselketens beperkt blijven in lengte. Piramides van energie laten zien hoe de beschikbare energie per trofisch niveau afneemt.\"\r\n },\r\n\r\n {\r\n id: 5,\r\n title: \"Mensen be\u00efnvloeden de energiebalans van de aarde.\",\r\n subtitle: \"Hoe hebben wij invloed op de energiebalans?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_14_08.png\",\r\n summary: `\r\n<h3>De energiebalans van de aarde<\/strong><\/h3>\r\nDe <\/span>energiebalans<\/strong> van de aarde is het evenwicht tussen de hoeveelheid <\/span>zonnestraling<\/strong> die het aardoppervlak bereikt en de hoeveelheid energie die de aarde weer uitstraalt als <\/span>warmtestraling<\/strong>.<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Inkomende energie<\/strong>: voornamelijk kortgolvige straling van de zon<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Uitgaande energie<\/strong>: langgolvige warmtestraling van het aardoppervlak<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het evenwicht zorgt voor een stabiel klimaat<\/span><\/li>\r\n<\/ul>\r\n<h2>Het broeikaseffect<\/strong><\/h2>\r\n<h3>Natuurlijk broeikaseffect<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Broeikasgassen<\/strong> zoals <\/span>waterdamp<\/strong>, <\/span>koolstofdioxide (CO\u2082)<\/strong>, <\/span>methaan (CH\u2084)<\/strong> en <\/span>distikstofoxide (N\u2082O)<\/strong> houden een deel van de warmtestraling vast<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Dit zorgt voor een gemiddelde temperatuur van ongeveer <\/span>+15 °C<\/strong> op aarde (zonder dit effect zou het gemiddeld -18 °C zijn)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Essentieel voor het leven op aarde<\/span><\/li>\r\n<\/ul>\r\n<h3>Versterkt broeikaseffect<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Door menselijke activiteiten stijgt de concentratie van broeikasgassen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Oorzaken:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Verbranding van fossiele brandstoffen<\/strong> (CO\u2082-uitstoot)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Ontbossing<\/strong> (minder opname van CO\u2082 door fotosynthese)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Landbouw<\/strong> (methaanuitstoot door vee, lachgas door kunstmest)<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Gevolg: meer warmte blijft hangen → <\/span>opwarming van de aarde<\/strong><\/li>\r\n<\/ul>\r\n<h2>Gevolgen van klimaatverandering<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Stijging van de zeespiegel<\/strong> door smeltende ijskappen en uitzetting van warmer zeewater<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Veranderingen in neerslagpatronen<\/strong> → droogte of juist hevige regenval<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Toename van extreme weersomstandigheden<\/strong> (stormen, hittegolven)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verlies van biodiversiteit<\/strong> door verschuivende leefgebieden<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verzuring van de oceanen<\/strong> door opname van CO\u2082<\/span><\/li>\r\n<\/ul>\r\n<h2>Menselijke invloed op de energiebalans<\/strong><\/h2>\r\nNaast broeikasgasuitstoot beïnvloeden mensen de energiebalans ook door:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Luchtvervuiling<\/strong> – aerosolen weerkaatsen zonlicht en hebben een tijdelijk afkoelend effect<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verandering van landoppervlak<\/strong> – verstedelijking en ontbossing veranderen de <\/span>albedo<\/strong> (weerkaatsingsvermogen) van het aardoppervlak<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Landgebruik<\/strong> – landbouw en veeteelt veranderen de koolstofkringloop en methaanuitstoot<\/span><\/li>\r\n<\/ul>\r\n<h2>Mogelijke oplossingen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Energietransitie<\/strong> naar hernieuwbare bronnen (zon, wind, waterkracht, biomassa)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Energie-efficiëntie<\/strong> verbeteren in industrie, transport en huishoudens<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Herbebossing<\/strong> en natuurherstel om CO\u2082 op te slaan<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Internationale klimaatverdragen<\/strong> zoals het Klimaatakkoord van Parijs om uitstoot te beperken<\/span> <\/span><\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Energiebalans \u2013 evenwicht tussen inkomende zonnestraling en uitgaande warmtestraling\",\r\n \"Broeikaseffect \u2013 vasthouden van warmte door gassen in de atmosfeer\",\r\n \"Broeikasgas \u2013 gas dat bijdraagt aan het broeikaseffect (CO\u2082, CH\u2084, N\u2082O, waterdamp)\",\r\n \"Versterkt broeikaseffect \u2013 toename van het broeikaseffect door menselijke activiteiten\",\r\n \"Albedo \u2013 deel van het zonlicht dat door een oppervlak wordt weerkaatst\",\r\n \"Energietransitie \u2013 overschakeling naar duurzame energiebronnen\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De aarde heeft van nature een energiebalans die mede door het broeikaseffect zorgt voor een leefbare temperatuur. Door menselijke activiteiten zoals verbranding van fossiele brandstoffen en ontbossing stijgt de concentratie broeikasgassen, wat leidt tot een versterkt broeikaseffect en klimaatverandering. Beperking van de uitstoot en overstap naar duurzame energiebronnen zijn essentieel om de energiebalans te herstellen.\"\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":[38],"class_list":["post-869","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/869","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=869"}],"version-history":[{"count":23,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/869\/revisions"}],"predecessor-version":[{"id":3232,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/869\/revisions\/3232"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=869"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=869"}],"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 const BOOK = {\r\n title: \"Thema 14: Samenhang in de biologie\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n {\r\n id: 1,\r\n title: \"Energie, de basis van leven\",\r\n subtitle: \"Waarom energie nodig is\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_14_34.png\",\r\n summary: `\r\nAlle organismen hebben <\/span>energie<\/strong> nodig om te leven. Energie wordt gebruikt voor:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Beweging<\/strong> (spieractiviteit, transport van stoffen in cellen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Opbouw<\/strong> van stoffen (groei, herstel)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Actief transport<\/strong> door celmembranen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Warmteproductie<\/strong> voor het op peil houden van lichaamstemperatuur (bij warmbloedige dieren)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Chemische processen<\/strong> zoals biosynthese en signaaloverdracht<\/span><\/li>\r\n<\/ul>\r\nDe energie die organismen gebruiken, is afkomstig uit <\/span>voedingsstoffen<\/strong> of uit <\/span>zonlicht<\/strong> (bij planten).<\/span><\/p>\r\n<h2>Energieomzettingen in de natuur<\/strong><\/h2>\r\n<h3>Autotrofe organismen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kunnen zelf organische stoffen maken uit anorganische stoffen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Doen aan <\/span>fotosynthese<\/strong>:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Lichtenergie<\/strong> + <\/span>CO\u2082<\/strong> + <\/span>H\u2082O<\/strong> → <\/span>glucose<\/strong> + <\/span>O\u2082<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Gebeurt in <\/span>bladgroenkorrels (chloroplasten)<\/strong> met behulp van <\/span>chlorofyl<\/strong> <\/strong><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Voorbeelden: planten, sommige bacteriën, algen<\/span><\/li>\r\n<\/ul>\r\n<h3>Heterotrofe organismen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kunnen geen organische stoffen maken uit anorganische stoffen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Nemen organische stoffen op via voeding<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden: dieren, schimmels, meeste bacteriën<\/span><\/li>\r\n<\/ul>\r\n<h2>Dissimilatie en assimilatie<\/strong><\/h2>\r\n<h3>Dissimilatie<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Afbraak van organische moleculen om energie vrij te maken<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij <\/span>aërobe dissimilatie<\/strong> (<\/span>verbranding<\/span><\/em>):<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Glucose<\/strong> + <\/span>O\u2082<\/strong> → <\/span>CO\u2082<\/strong> + <\/span>H\u2082O<\/strong> + energie (ATP + warmte)<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Gebeurt in <\/span>mitochondriën<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Anaërobe dissimilatie<\/strong>: afbraak zonder zuurstof (bijv. melkzuurvorming in spieren, alcoholgisting bij gist)<\/span><\/li>\r\n<\/ul>\r\n<h3>Assimilatie<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Opbouw van organische moleculen uit kleinere bouwstenen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kost energie, vaak geleverd door ATP<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: opbouw van eiwitten uit aminozuren<\/span><\/li>\r\n<\/ul>\r\n<h2>ATP – energiedrager van de cel<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">ATP (adenosinetrifosfaat)<\/strong> is de universele energiedrager in cellen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij afsplitsing van een <\/span>fosfaatgroep<\/strong> (ATP → ADP + Pi) komt energie vrij<\/span><\/li>\r\n<li style=\"font-weight: 400;\">ATP wordt voortdurend opnieuw gevormd door dissimilatie<\/span><\/li>\r\n<\/ul>\r\n<h2>Energie in ecosystemen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Producenten<\/strong> (autotrofe organismen) zetten zonlicht om in chemische energie<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Consumenten<\/strong> (heterotrofe organismen) gebruiken deze energie door opname en dissimilatie van organische stoffen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Reducenten<\/strong> (schimmels, bacteriën) breken resten van organismen af en maken anorganische stoffen vrij voor hergebruik<\/span> <\/span><\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Energie \u2013 vermogen om arbeid te verrichten\",\r\n \"Fotosynthese \u2013 opbouw van glucose uit CO\u2082 en H\u2082O met lichtenergie\",\r\n \"Dissimilatie \u2013 afbraak van organische stoffen om energie vrij te maken\",\r\n \"Assimilatie \u2013 opbouw van organische stoffen uit kleinere bouwstenen\",\r\n \"A\u00ebrobe dissimilatie \u2013 verbranding met zuurstof\",\r\n \"Ana\u00ebrobe dissimilatie \u2013 afbraak zonder zuurstof\",\r\n \"ATP \u2013 energiedragermolecuul in cellen\",\r\n \"Producent \u2013 organisme dat zelf organische stoffen maakt\",\r\n \"Consument \u2013 organisme dat organische stoffen opneemt\",\r\n \"Reduent \u2013 organisme dat organisch materiaal afbreekt tot anorganische stoffen\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Energie is de motor van het leven. Autotrofe organismen leggen energie vast via fotosynthese, heterotrofe organismen nemen energie op via voeding. Door dissimilatie wordt energie vrijgemaakt, vooral in de vorm van ATP, dat direct gebruikt kan worden voor levensprocessen. In ecosystemen stroomt energie van producent naar consument en wordt uiteindelijk weer vrijgegeven door reducenten.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"Energie uit voedsel\",\r\n subtitle: \"Waar halen organismen hun energie vandaan?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_14_31.png\",\r\n summary: `\r\n<h3>Energiebehoefte van organismen<\/strong><\/h3>\r\nOrganismen hebben voortdurend <\/span>energie<\/strong> nodig voor:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Beweging<\/strong> (spierarbeid, transport in cellen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Stofwisseling<\/strong> (opbouw en afbraak van moleculen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Warmteproductie<\/strong> (bij warmbloedige dieren)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Actief transport<\/strong> door membranen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Groei<\/strong>, <\/span>herstel<\/strong> en <\/span>voortplanting<\/strong><\/li>\r\n<\/ul>\r\nDe energie wordt geleverd door de <\/span>verbranding<\/strong> (<\/span>aërobe dissimilatie<\/span><\/em>) van <\/span>voedingsstoffen<\/strong>.<\/span><\/p>\r\n<h2>Energieleverende voedingsstoffen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Koolhydraten<\/strong> (glucose, zetmeel) – belangrijkste energiebron; snel beschikbaar<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vetten<\/strong> – geconcentreerde energiereserve; leveren 2x zoveel energie per gram als koolhydraten<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Eiwitten<\/strong> – vooral bouwstof, maar kan ook als energiebron dienen bij tekort aan koolhydraten en vetten<\/span><\/li>\r\n<\/ul>\r\n<h2>Calorische waarde<\/strong><\/h2>\r\nDe hoeveelheid energie die een voedingsstof levert, wordt uitgedrukt in:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kilojoule (kJ)<\/strong> – officiële SI-eenheid<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kilocalorie (kcal)<\/strong> – 1 kcal = 4,184 kJ<\/span> <\/span> Gemiddelde energiewaarden per gram:<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Koolhydraten: 17 kJ (4 kcal)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vetten: 38 kJ (9 kcal)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Eiwitten: 17 kJ (4 kcal)<\/span><\/li>\r\n<\/ul>\r\n<h2>Energiebehoefte van mensen<\/strong><\/h2>\r\nAfhankelijk van:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Leeftijd<\/strong> – groei vraagt extra energie<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Geslacht<\/strong> – mannen hebben gemiddeld meer energie nodig<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Lichaamsgrootte en spiermassa<\/strong> – meer spiermassa → hogere behoefte<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Lichaamsactiviteit<\/strong> – sporten, zwaar werk verhogen behoefte<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Temperatuur van de omgeving<\/strong> – kou of hitte kan energieverbruik beïnvloeden<\/span><\/li>\r\n<\/ul>\r\n<h2>Basale stofwisseling<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Basale stofwisseling (BMR)<\/strong>: hoeveelheid energie die het lichaam in rust verbruikt voor vitale functies (ademhaling, hartslag, lichaamstemperatuur, hersenactiviteit)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Wordt beïnvloed door o.a. leeftijd, geslacht, hormonen en temperatuur<\/span><\/li>\r\n<\/ul>\r\n<h2>Energieopslag en -gebruik<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Overschot aan energie → opslag als <\/span>glycogeen<\/strong> in lever en spieren, of als <\/span>vet<\/strong> in vetweefsel<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Tekort aan energie → vetreserves en later ook spierweefsel worden afgebroken<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Eiwitafbraak levert <\/span>ureum<\/strong> op, dat via de nieren wordt uitgescheiden<\/span><\/li>\r\n<\/ul>\r\n<h2>Energie-inname en gezondheid<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Energiebalans<\/strong>: energie-inname = energieverbruik → stabiel lichaamsgewicht<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Positieve energiebalans (inname > verbruik) → gewichtstoename<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Negatieve energiebalans (inname < verbruik) → gewichtsverlies<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Te veel vetopslag verhoogt risico op <\/span>overgewicht<\/strong> en <\/span>welvaartsziekten<\/strong> (diabetes type 2, hart- en vaatziekten)<\/span> <\/span><\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Energiebehoefte \u2013 hoeveelheid energie die nodig is voor alle levensprocessen\",\r\n \"Koolhydraten \u2013 belangrijkste brandstof voor het lichaam\",\r\n \"Vetten \u2013 geconcentreerde energiereserve\",\r\n \"Eiwitten \u2013 bouwstoffen, maar ook brandstoffen bij tekort\",\r\n \"Basale stofwisseling (BMR) \u2013 minimale energieverbruik in rust\",\r\n \"Calorische waarde \u2013 energie-inhoud van voedingsstoffen\",\r\n \"Energiebalans \u2013 verhouding tussen energie-inname en -verbruik\",\r\n \"Glycogeen \u2013 opslagvorm van glucose\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Voedsel levert de energie die nodig is voor alle levensprocessen. Koolhydraten en vetten zijn de belangrijkste energieleveranciers, terwijl eiwitten vooral een bouwfunctie hebben. De energiebehoefte wordt bepaald door factoren als leeftijd, geslacht, activiteit en omgevingstemperatuur. Een gezonde energiebalans voorkomt overgewicht of ondergewicht en draagt bij aan een goede gezondheid.\"\r\n },\r\n\r\n {\r\n id: 3,\r\n title: \"De evolutie van energieopslag bij mensen\",\r\n subtitle: \"Hoe is de energieopslag bij mensen ge\u00ebvolueerd\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_14_28.png\",\r\n summary: `\r\n<h3>Oorsprong van energieopslag<\/strong><\/h3>\r\nHet vermogen om <\/span>energie<\/strong> op te slaan in het lichaam is een belangrijk evolutionair voordeel. Onze verre voorouders leefden als <\/span>jager-verzamelaars<\/strong> en hadden te maken met periodes van overvloed en schaarste.<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bij voedseloverschot werd energie opgeslagen als <\/span>vet<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">In tijden van voedselschaarste werd deze <\/span>vetreserve<\/strong> aangesproken om te overleven<\/span><\/li>\r\n<\/ul>\r\n<h2>Energieopslag in het lichaam<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Korte termijn<\/strong>: opslag als <\/span>glycogeen<\/strong> in lever en spieren<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Lange termijn<\/strong>: opslag als <\/span>vet<\/strong> in vetweefsel (veel hogere energiedichtheid dan glycogeen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Eiwitten<\/strong> dienen in uiterste nood als energiebron, maar hun afbraak leidt tot verlies van spiermassa<\/span><\/li>\r\n<\/ul>\r\n<h2>Evolutionaire aanpassing<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Het menselijk lichaam is geëvolueerd om zuinig met energie om te gaan (<\/span>spaarstand<\/strong>)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Tijdens periodes van lage voedselinname verlaagt het lichaam het <\/span>energieverbruik<\/strong> om reserves te sparen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Genen<\/strong> die vetopslag bevorderden, waren in het verleden een voordeel → individuen overleefden vaker en gaven hun genen door<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Tegenwoordig, met een constante voedselvoorziening, kan deze aanpassing leiden tot <\/span>overgewicht<\/strong><\/li>\r\n<\/ul>\r\n<h2>Verandering in leefstijl<\/strong><\/h2>\r\nVroeger<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Veel lichamelijke activiteit (jagen, verzamelen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Onregelmatige voedselvoorziening<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vetreserves werden regelmatig aangesproken<\/span><\/li>\r\n<\/ul>\r\nNu<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Voedsel is continu beschikbaar<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Minder lichamelijke activiteit<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vetopslag neemt toe, terwijl er weinig verbranding van vet plaatsvindt<\/span><\/li>\r\n<\/ul>\r\n<h2>Gezondheidsgevolgen van overvloed<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Langdurige positieve <\/span>energiebalans<\/strong> → overmatige vetopslag<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verhoogd risico op <\/span>welvaartsziekten<\/strong>:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Obesitas<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Diabetes type 2<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Hart- en vaatziekten<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Hoge bloeddruk<\/strong> <\/strong><\/li>\r\n<\/ul>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Energieopslag \u2013 het vastleggen van energie in glycogeen of vet\",\r\n \"Glycogeen \u2013 snelle energieopslag in lever en spieren\",\r\n \"Vetweefsel \u2013 lange termijn energieopslag\",\r\n \"Spaarstand \u2013 verlaging van energieverbruik bij schaarste\",\r\n \"Welvaartsziekten \u2013 ziekten die samenhangen met overvloed aan voedsel en weinig beweging\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De mogelijkheid om energie op te slaan als glycogeen en vooral als vet was evolutionair gezien van levensbelang in tijden van schaarste. Ons lichaam is nog steeds ingesteld op deze \u201cspaarstand\u201d, maar in de huidige samenleving met continue voedselvoorziening en minder beweging leidt dit gemakkelijk tot overgewicht en verwante gezondheidsproblemen.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"De energiestromen in een ecosysteem\",\r\n subtitle: \"Waar gaat alle energie naartoe?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_14_12.png\",\r\n summary: `\r\n<h3>Wat is een energiestroom?<\/strong><\/h3>\r\nIn een <\/span>ecosysteem<\/strong> stroomt <\/span>energie<\/strong> van de zon naar producenten en vervolgens via consumenten naar reducenten. Energie wordt steeds omgezet en een deel gaat verloren als <\/span>warmte<\/strong>. In tegenstelling tot <\/span>stoffen<\/strong>, die worden <\/span>gerecycled<\/strong> in kringlopen, stroomt energie <\/span>eenmalig<\/strong> door het systeem.<\/span><\/p>\r\n<h2>Producenten, consumenten en reducenten<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Producenten<\/strong> – autotrofe organismen (planten, algen) die <\/span>lichtenergie<\/strong> vastleggen in organische stoffen via <\/span>fotosynthese<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Consumenten<\/strong> – heterotrofe organismen die energie halen uit organische stoffen van andere organismen<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Consumenten van de eerste orde<\/strong> – planteneters (herbivoren)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Consumenten van de tweede orde<\/strong> – vleeseters die planteneters eten<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Consumenten van de derde orde<\/strong> – toppredatoren<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Reducenten<\/strong> – bacteriën en schimmels die organisch materiaal afbreken tot anorganische stoffen (CO\u2082, mineralen)<\/span><\/li>\r\n<\/ul>\r\n<h2>Voedselketens en voedselwebben<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Voedselketen<\/strong>: lineaire reeks van organismen waarbij elke schakel voedsel is voor de volgende<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voedselweb<\/strong>: netwerk van met elkaar verbonden voedselketens<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Elke stap in een voedselketen heet een <\/span>trofisch niveau<\/strong><\/li>\r\n<\/ul>\r\n<h2>Energieverlies per trofisch niveau<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Slechts <\/span>10–20%<\/strong> van de energie wordt doorgegeven naar het volgende trofische niveau<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Rest gaat verloren door:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Dissimilatie<\/strong> (energie in vorm van warmte)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Onverteerde delen in uitwerpselen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Afsterven van organismen (energie komt beschikbaar voor reducenten)<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Hierdoor zijn voedselketens meestal kort (maximaal 4–5 trofische niveaus)<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h2>Primaire en secundaire productie<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Brutoproductie<\/strong>: totale hoeveelheid energie die producenten vastleggen in organische stoffen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Netto primaire productie (NPP)<\/strong>: energie die overblijft na aftrek van energie voor eigen dissimilatie van producenten → beschikbaar voor consumenten<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Secundaire productie<\/strong>: energie vastgelegd in biomassa van consumenten<\/span><\/li>\r\n<\/ul>\r\n<h2>Energiediagrammen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Piramide van energie<\/strong>: laat zien hoeveel energie per trofisch niveau beschikbaar is<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Altijd smaller naar boven door energieverlies<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kan worden weergegeven in <\/span>kJ\/m²\/jaar<\/strong> <\/strong><\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Ecosysteem \u2013 geheel van levende organismen en hun niet-levende omgeving\",\r\n \"Energ\u00adiestroom \u2013 overdracht van energie van producent naar consument en reducent\",\r\n \"Producent \u2013 organisme dat organische stoffen maakt uit anorganische stoffen\",\r\n \"Consument \u2013 organisme dat organische stoffen opneemt\",\r\n \"Reducent \u2013 organisme dat organisch materiaal afbreekt tot anorganisch\",\r\n \"Voedselketen \u2013 opeenvolging van organismen die elkaar als voedsel dienen\",\r\n \"Trofisch niveau \u2013 positie van een organisme in de voedselketen\",\r\n \"Brutoproductie \u2013 totale productie van organische stof door producenten\",\r\n \"Netto primaire productie \u2013 productie beschikbaar voor consumenten\",\r\n \"Secundaire productie \u2013 toename biomassa bij consumenten\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"In een ecosysteem wordt energie via fotosynthese vastgelegd door producenten en doorgegeven aan consumenten en reducenten. Bij elke overdracht gaat een groot deel van de energie verloren als warmte, waardoor voedselketens beperkt blijven in lengte. Piramides van energie laten zien hoe de beschikbare energie per trofisch niveau afneemt.\"\r\n },\r\n\r\n {\r\n id: 5,\r\n title: \"Mensen be\u00efnvloeden de energiebalans van de aarde.\",\r\n subtitle: \"Hoe hebben wij invloed op de energiebalans?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_14_08.png\",\r\n summary: `\r\n<h3>De energiebalans van de aarde<\/strong><\/h3>\r\nDe <\/span>energiebalans<\/strong> van de aarde is het evenwicht tussen de hoeveelheid <\/span>zonnestraling<\/strong> die het aardoppervlak bereikt en de hoeveelheid energie die de aarde weer uitstraalt als <\/span>warmtestraling<\/strong>.<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Inkomende energie<\/strong>: voornamelijk kortgolvige straling van de zon<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Uitgaande energie<\/strong>: langgolvige warmtestraling van het aardoppervlak<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het evenwicht zorgt voor een stabiel klimaat<\/span><\/li>\r\n<\/ul>\r\n<h2>Het broeikaseffect<\/strong><\/h2>\r\n<h3>Natuurlijk broeikaseffect<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Broeikasgassen<\/strong> zoals <\/span>waterdamp<\/strong>, <\/span>koolstofdioxide (CO\u2082)<\/strong>, <\/span>methaan (CH\u2084)<\/strong> en <\/span>distikstofoxide (N\u2082O)<\/strong> houden een deel van de warmtestraling vast<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Dit zorgt voor een gemiddelde temperatuur van ongeveer <\/span>+15 °C<\/strong> op aarde (zonder dit effect zou het gemiddeld -18 °C zijn)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Essentieel voor het leven op aarde<\/span><\/li>\r\n<\/ul>\r\n<h3>Versterkt broeikaseffect<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Door menselijke activiteiten stijgt de concentratie van broeikasgassen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Oorzaken:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Verbranding van fossiele brandstoffen<\/strong> (CO\u2082-uitstoot)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Ontbossing<\/strong> (minder opname van CO\u2082 door fotosynthese)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Landbouw<\/strong> (methaanuitstoot door vee, lachgas door kunstmest)<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Gevolg: meer warmte blijft hangen → <\/span>opwarming van de aarde<\/strong><\/li>\r\n<\/ul>\r\n<h2>Gevolgen van klimaatverandering<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Stijging van de zeespiegel<\/strong> door smeltende ijskappen en uitzetting van warmer zeewater<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Veranderingen in neerslagpatronen<\/strong> → droogte of juist hevige regenval<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Toename van extreme weersomstandigheden<\/strong> (stormen, hittegolven)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verlies van biodiversiteit<\/strong> door verschuivende leefgebieden<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verzuring van de oceanen<\/strong> door opname van CO\u2082<\/span><\/li>\r\n<\/ul>\r\n<h2>Menselijke invloed op de energiebalans<\/strong><\/h2>\r\nNaast broeikasgasuitstoot beïnvloeden mensen de energiebalans ook door:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Luchtvervuiling<\/strong> – aerosolen weerkaatsen zonlicht en hebben een tijdelijk afkoelend effect<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verandering van landoppervlak<\/strong> – verstedelijking en ontbossing veranderen de <\/span>albedo<\/strong> (weerkaatsingsvermogen) van het aardoppervlak<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Landgebruik<\/strong> – landbouw en veeteelt veranderen de koolstofkringloop en methaanuitstoot<\/span><\/li>\r\n<\/ul>\r\n<h2>Mogelijke oplossingen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Energietransitie<\/strong> naar hernieuwbare bronnen (zon, wind, waterkracht, biomassa)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Energie-efficiëntie<\/strong> verbeteren in industrie, transport en huishoudens<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Herbebossing<\/strong> en natuurherstel om CO\u2082 op te slaan<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Internationale klimaatverdragen<\/strong> zoals het Klimaatakkoord van Parijs om uitstoot te beperken<\/span> <\/span><\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Energiebalans \u2013 evenwicht tussen inkomende zonnestraling en uitgaande warmtestraling\",\r\n \"Broeikaseffect \u2013 vasthouden van warmte door gassen in de atmosfeer\",\r\n \"Broeikasgas \u2013 gas dat bijdraagt aan het broeikaseffect (CO\u2082, CH\u2084, N\u2082O, waterdamp)\",\r\n \"Versterkt broeikaseffect \u2013 toename van het broeikaseffect door menselijke activiteiten\",\r\n \"Albedo \u2013 deel van het zonlicht dat door een oppervlak wordt weerkaatst\",\r\n \"Energietransitie \u2013 overschakeling naar duurzame energiebronnen\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De aarde heeft van nature een energiebalans die mede door het broeikaseffect zorgt voor een leefbare temperatuur. Door menselijke activiteiten zoals verbranding van fossiele brandstoffen en ontbossing stijgt de concentratie broeikasgassen, wat leidt tot een versterkt broeikaseffect en klimaatverandering. Beperking van de uitstoot en overstap naar duurzame energiebronnen zijn essentieel om de energiebalans te herstellen.\"\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":[38],"class_list":["post-869","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/869","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=869"}],"version-history":[{"count":23,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/869\/revisions"}],"predecessor-version":[{"id":3232,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/869\/revisions\/3232"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=869"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}