{"id":861,"date":"2025-01-27T18:49:20","date_gmt":"2025-01-27T18:49:20","guid":{"rendered":"https:\/\/biologiehuis.com\/?page_id=861"},"modified":"2025-12-26T22:07:44","modified_gmt":"2025-12-26T22:07:44","slug":"hoofdstuk-3-6","status":"publish","type":"page","link":"https:\/\/biologiehuis.com\/?page_id=861","title":{"rendered":"Hoofdstuk 3 H5"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"861\" class=\"elementor elementor-861\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d9763b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"3d9763b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5024105 elementor-widget elementor-widget-html\" data-id=\"5024105\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n    <meta charset=\"utf-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n    <title>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                    <!-- boek-icoon -->\r\n                    <svg viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Boekpictogram\"><path d=\"M6 2h9a3 3 0 0 1 3 3v14.5a.5.5 0 0 1-.8.4c-1.1-.8-2.5-1.1-3.9-1.1H6a2 2 0 0 0-2 2V4a2 2 0 0 1 2-2Zm0 2a0 0 0 0 0 0 0v13h7.3c1.3 0 2.6.3 3.7.9V5a1 1 0 0 0-1-1Z\" \/><\/svg>\r\n                <\/div>\r\n                <div>\r\n                    <h1 id=\"bookTitle\">Titel van het boek<\/h1>\r\n                    <div class=\"chapter-meta\">\r\n                        <span class=\"badge\" id=\"chapterBadge\">Basisstof 1<\/span>\r\n                        <span id=\"chapterSub\" aria-live=\"polite\"><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"chapter-meta\" aria-live=\"polite\">\r\n                <span id=\"pageIndicator\">1 \/ 1<\/span>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <div class=\"progress-wrap\" aria-hidden=\"true\">\r\n            <div class=\"progress\"><span id=\"progressBar\"><\/span><\/div>\r\n        <\/div>\r\n\r\n        <main id=\"main\" class=\"layout\" tabindex=\"-1\">\r\n            <section class=\"card summary\" aria-labelledby=\"chapterTitle\">\r\n                <h2 id=\"chapterTitle\">Hoofdstuknaam<\/h2>\r\n                <p class=\"subtitle\" id=\"chapterSubtitle\">Korte inleiding of doel van dit hoofdstuk.<\/p>\r\n                <div id=\"summaryBody\">\r\n                    <!-- Dynamische inhoud -->\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <aside class=\"side\">\r\n                <!-- ========= NIEUW: afbeelding boven begrippen ========= -->\r\n                <section class=\"image-note\" id=\"chapterImageWrap\">\r\n                    <img decoding=\"async\" id=\"chapterImage\" src=\"\" alt=\"Illustratie bij dit hoofdstuk\" loading=\"lazy\">\r\n                    <span class=\"tape\"><\/span>\r\n                <\/section>\r\n                <!-- ==================================================== -->\r\n\r\n                <section class=\"note\" aria-labelledby=\"begrippenTitle\">\r\n                    <h3 id=\"begrippenTitle\">Belangrijke begrippen<\/h3>\r\n                    <ul class=\"terms\" id=\"termsList\"><\/ul>\r\n                    <a id=\"moreTerms\" class=\"more-link\" href=\"http:\/\/begrippen.biologiehuis.com:3000\/index.html\" target=\"_blank\" rel=\"noopener\">Meer begrippen \u2192<\/a>\r\n                <\/section>\r\n\r\n                <section class=\"tldr card\" aria-labelledby=\"tldrTitle\">\r\n                    <h3 id=\"tldrTitle\">Kort samengevat<\/h3>\r\n                    <div id=\"tldrBody\"><\/div>\r\n                <\/section>\r\n            <\/aside>\r\n        <\/main>\r\n\r\n        <nav class=\"book-nav\" aria-label=\"Hoofdstuknavigatie\">\r\n            <button id=\"prevBtn\" class=\"nav-btn\" aria-label=\"Ga naar vorig hoofdstuk\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" \/><\/svg>\r\n                Vorige\r\n            <\/button>\r\n            <div class=\"nav-info\"><span id=\"chapterCounter\">Basisstof 1 van 1<\/span><\/div>\r\n            <button id=\"nextBtn\" class=\"nav-btn\" aria-label=\"Ga naar volgend hoofdstuk\">\r\n                Volgende\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z\" \/><\/svg>\r\n            <\/button>\r\n        <\/nav>\r\n    <\/div>\r\n\r\n    <script>\r\n    const BOOK = {\r\n      title: \"Thema 10: Voeding en vertering\", \/\/ \ud83d\udc49 boeknaam\r\n      chapters: [\r\n        {\r\n          id: 1,\r\n          title: \"Voedingsstoffen\",\r\n              subtitle: \"Welke stoffen heeft je lichaam nodig en waarom?\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_09_52.png\",\r\n              summary: `\r\n<p><strong>Voedingsstoffen<\/strong><span style=\"font-weight: 400;\"> zijn stoffen in je voedsel die je lichaam gebruikt als <\/span><strong>bouwstof<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>brandstof<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>reservestof<\/strong><span style=\"font-weight: 400;\"> of <\/span><strong>beschermende stof<\/strong><span style=\"font-weight: 400;\">. Ze zijn essentieel voor <\/span><strong>groei<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>herstel<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>energievoorziening<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>regulatie<\/strong><span style=\"font-weight: 400;\"> van lichaamsprocessen en <\/span><strong>bescherming tegen ziekten<\/strong><span style=\"font-weight: 400;\">. Zonder voldoende en de juiste voedingsstoffen kan het lichaam niet goed functioneren.<\/span><\/p>\r\n<p><strong>Hoofdgroepen voedingsstoffen<\/strong><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\"><strong>Eiwitten<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Functies<\/strong><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Bouwstof<\/strong><span style=\"font-weight: 400;\">: voor cellen, weefsels, organen, enzymen, hormonen en antistoffen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Brandstof<\/strong><span style=\"font-weight: 400;\">: levert energie wanneer er te weinig koolhydraten en vetten beschikbaar zijn.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Opbouw<\/strong><span style=\"font-weight: 400;\">: uit <\/span><strong>aminozuren<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Essenti&euml;le aminozuren<\/strong><span style=\"font-weight: 400;\">: het lichaam kan deze niet zelf maken; ze moeten via voeding worden opgenomen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Bronnen<\/strong><span style=\"font-weight: 400;\">: vlees, vis, eieren, melkproducten, peulvruchten, noten.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Koolhydraten<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Functies<\/strong><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Belangrijkste brandstof<\/strong><span style=\"font-weight: 400;\"> voor cellen (vooral glucose).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Bouwstof<\/strong><span style=\"font-weight: 400;\">: bijv. in DNA (suikers), celmembranen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Reservestof<\/strong><span style=\"font-weight: 400;\">: als glycogeen in lever en spieren.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Vormen<\/strong><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enkelvoudige suikers (glucose, fructose) &rarr; snelle energie.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Dubbele suikers (sacharose, maltose).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Meervoudige suikers (zetmeel, glycogeen, cellulose).<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Bronnen<\/strong><span style=\"font-weight: 400;\">: brood, pasta, aardappelen, rijst, groente, fruit.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Vetten (lipiden)<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Functies<\/strong><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Brandstof<\/strong><span style=\"font-weight: 400;\">: leveren veel energie per gram.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Bouwstof<\/strong><span style=\"font-weight: 400;\">: onderdeel van celmembranen (fosfolipiden), hormonen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Reservestof<\/strong><span style=\"font-weight: 400;\">: opgeslagen in vetweefsel.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Warmte-isolatie<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>bescherming<\/strong><span style=\"font-weight: 400;\"> van organen.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Opbouw<\/strong><span style=\"font-weight: 400;\">: uit <\/span><strong>glycerol<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>vetzuren<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Essenti&euml;le vetzuren<\/strong><span style=\"font-weight: 400;\">: linolzuur, linoleenzuur (moeten via voeding binnenkomen).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Bronnen<\/strong><span style=\"font-weight: 400;\">: olie, boter, noten, zaden, vette vis.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Water<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Functies<\/strong><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Bouwstof<\/strong><span style=\"font-weight: 400;\">: deel van cellen, bloed, lymfe.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Oplosmiddel<\/strong><span style=\"font-weight: 400;\">: voor stoffen in cellen en bloed.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Transportmiddel<\/strong><span style=\"font-weight: 400;\">: voor voedingsstoffen en afvalstoffen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Regulatie<\/strong><span style=\"font-weight: 400;\">: belangrijk voor temperatuurregeling (zweten).<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Bronnen<\/strong><span style=\"font-weight: 400;\">: drinken (water, thee, melk), voedsel (fruit, groente, soep).<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Mineralen (zouten)<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Functies<\/strong><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Bouwstof<\/strong><span style=\"font-weight: 400;\">: calcium en fosfaat voor botten en tanden.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Regulatie<\/strong><span style=\"font-weight: 400;\">: natrium en kalium voor zenuw- en spierfunctie, ijzer voor hemoglobine, jodium voor schildklierhormoon.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Bronnen<\/strong><span style=\"font-weight: 400;\">: groente, fruit, zuivel, vlees, vis, noten, zout.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Vitaminen<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Functies<\/strong><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Beschermende stoffen<\/strong><span style=\"font-weight: 400;\">: zorgen dat lichaamsprocessen goed verlopen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vaak onderdeel van enzymen.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Soorten<\/strong><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Wateroplosbare vitaminen<\/strong><span style=\"font-weight: 400;\"> (B, C): kunnen niet worden opgeslagen, dagelijks nodig.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Vetoplosbare vitaminen<\/strong><span style=\"font-weight: 400;\"> (A, D, E, K): kunnen in vetweefsel worden opgeslagen.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Bronnen<\/strong><span style=\"font-weight: 400;\">: groente, fruit, vlees, vis, zuivel, zonlicht (voor vitamine D).<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<p><strong>Functies van voedingsstoffen samengevat<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Bouwstoffen<\/strong><span style=\"font-weight: 400;\">: zorgen voor groei, herstel en vervanging van cellen en weefsels.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Brandstoffen<\/strong><span style=\"font-weight: 400;\">: leveren energie voor beweging, warmteproductie en celprocessen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Reservestoffen<\/strong><span style=\"font-weight: 400;\">: worden opgeslagen voor later gebruik.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Beschermende stoffen<\/strong><span style=\"font-weight: 400;\">: helpen ziekten te voorkomen en processen soepel te laten verlopen.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Energie-inhoud van voedingsstoffen<\/strong><\/p>\r\n<p><span style=\"font-weight: 400;\">De energie die voedingsstoffen leveren, wordt uitgedrukt in <\/span><strong>kilojoules (kJ)<\/strong><span style=\"font-weight: 400;\"> of <\/span><strong>kilocalorie&euml;n (kcal)<\/strong><span style=\"font-weight: 400;\">.<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">Gemiddelde energie-inhoud per gram:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Koolhydraten<\/strong><span style=\"font-weight: 400;\">: 17 kJ (4 kcal)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Eiwitten<\/strong><span style=\"font-weight: 400;\">: 17 kJ (4 kcal)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Vetten<\/strong><span style=\"font-weight: 400;\">: 38 kJ (9 kcal)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Alcohol<\/strong> <em><span style=\"font-weight: 400;\">(geen voedingsstof)<\/span><\/em><span style=\"font-weight: 400;\">: 29 kJ (7 kcal)<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n    `,\r\n              terms: [\r\n                  \"Voedingsstoffen \u2013 stoffen in voedsel die het lichaam gebruikt voor energie, opbouw, reserves of bescherming\",\r\n                  \"Bouwstoffen \u2013 nodig voor groei en herstel (eiwitten, water, mineralen, sommige vetten)\",\r\n                  \"Brandstoffen \u2013 leveren energie (koolhydraten, vetten, eiwitten)\",\r\n                  \"Reservestoffen \u2013 opslag van energie (vetten, glycogeen)\",\r\n                  \"Beschermende stoffen \u2013 zorgen dat processen goed verlopen (vitaminen, mineralen)\",\r\n                  \"Essenti\u00eble aminozuren\/vetzuren \u2013 moet je via voeding binnenkrijgen\",\r\n                  \"Wateroplosbare vitaminen \u2013 dagelijks nodig, overschot via urine uitgescheiden\",\r\n                  \"Vetoplosbare vitaminen \u2013 kunnen worden opgeslagen in vetweefsel\"\r\n              ],\r\n          moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Het lichaam heeft zes hoofdgroepen voedingsstoffen nodig: eiwitten, koolhydraten, vetten, water, mineralen en vitaminen. Ze hebben uiteenlopende functies: van energievoorziening tot bescherming tegen ziekten. Een gezonde voeding bevat alle voedingsstoffen in de juiste hoeveelheden. Vetten leveren per gram de meeste energie, maar een overschot aan energie uit welke bron dan ook wordt opgeslagen als vet.\"\r\n          },\r\n\r\n          {\r\n              id: 2,\r\n              title: \"Het verteringsstelsel\",\r\n              subtitle: \"Hoe wordt voedsel verteerd en opgenomen in het lichaam?\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_09_54.png\",\r\n              summary: `\r\n              <p><span style=\"font-weight: 400;\">Het <\/span><strong>verteringsstelsel<\/strong><span style=\"font-weight: 400;\"> zorgt ervoor dat grote, onoplosbare <\/span><strong>voedingsstoffen<\/strong><span style=\"font-weight: 400;\"> uit voedsel worden omgezet in kleine, oplosbare <\/span><strong>bouwstenen<\/strong><span style=\"font-weight: 400;\">. Alleen in deze vorm kunnen ze via de <\/span><strong>darmwand<\/strong><span style=\"font-weight: 400;\"> in het bloed of lymfe worden opgenomen. Dit proces heet <\/span><strong>vertering<\/strong><span style=\"font-weight: 400;\"> en bestaat uit <\/span><strong>mechanische vertering<\/strong><span style=\"font-weight: 400;\"> (fysiek verkleinen) en <\/span><strong>chemische vertering<\/strong><span style=\"font-weight: 400;\"> (afbreken met enzymen).<\/span><\/p>\r\n<p><strong>Onderdelen van het verteringsstelsel en hun functie<\/strong><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\"><strong>Mondholte<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Mechanische vertering<\/strong><span style=\"font-weight: 400;\">: kauwen door het gebit &rarr; voedsel wordt fijngemalen en gemengd met speeksel.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Speeksel<\/strong><span style=\"font-weight: 400;\"> (van <\/span><strong>speekselklieren<\/strong><span style=\"font-weight: 400;\">) bevat <\/span><strong>water<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>slijm<\/strong><span style=\"font-weight: 400;\"> en het enzym <\/span><strong>amylase<\/strong><span style=\"font-weight: 400;\">, dat zetmeel begint af te breken tot maltose.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">De <\/span><strong>tong<\/strong><span style=\"font-weight: 400;\"> duwt voedsel naar de keelholte.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Keelholte en slokdarm<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Slikreflex<\/strong><span style=\"font-weight: 400;\">: sluiting van neusholte (huig) en luchtpijp (strottenklepje).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Peristaltische bewegingen<\/strong><span style=\"font-weight: 400;\">: afwisselend samentrekken van kringspieren en lengtespieren om voedsel voort te stuwen.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Maag<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Mechanische vertering<\/strong><span style=\"font-weight: 400;\">: kneden door spierlagen in de maagwand.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Maagsap<\/strong><span style=\"font-weight: 400;\"> (van <\/span><strong>maagsapklieren<\/strong><span style=\"font-weight: 400;\">) bevat <\/span><strong>zoutzuur<\/strong><span style=\"font-weight: 400;\"> (doodt bacteri&euml;n) en <\/span><strong>pepsine<\/strong><span style=\"font-weight: 400;\"> (afbraak van eiwitten tot kleinere peptideketens).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Slijm<\/strong><span style=\"font-weight: 400;\"> beschermt de maagwand tegen maagzuur.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Twaalfvingerige darm<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Eerste deel van de dunne darm, ontvangt <\/span><strong>gal<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>alvleessap<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Gal<\/strong><span style=\"font-weight: 400;\"> (uit <\/span><strong>lever<\/strong><span style=\"font-weight: 400;\">, opgeslagen in <\/span><strong>galblaas<\/strong><span style=\"font-weight: 400;\">): emulgeert vetten tot kleine druppeltjes &rarr; vergroot het oppervlak voor enzymen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Alvleessap<\/strong><span style=\"font-weight: 400;\"> (uit <\/span><strong>alvleesklier<\/strong><span style=\"font-weight: 400;\">): bevat enzymen voor de vertering van eiwitten, koolhydraten en vetten en bevat <\/span><strong>natriumwaterstofcarbonaat<\/strong><span style=\"font-weight: 400;\"> om maagzuur te neutraliseren.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Dunne darm<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Darmsap<\/strong><span style=\"font-weight: 400;\"> bevat enzymen die de vertering voltooien:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Koolhydraten &rarr; glucose<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Eiwitten &rarr; aminozuren<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vetten &rarr; glycerol + vetzuren<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Resorptie<\/strong><span style=\"font-weight: 400;\">: opname van voedingsstoffen door <\/span><strong>darmvlokken<\/strong><span style=\"font-weight: 400;\"> met <\/span><strong>microvilli<\/strong><span style=\"font-weight: 400;\"> &rarr; zeer groot oppervlak voor opname.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Opname in bloed (voor glucose, aminozuren) of lymfe (voor vetten).<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Dikke darm<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Opname van water en mineralen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Darmbacteri&euml;n maken <\/span><strong>vitamine K<\/strong><span style=\"font-weight: 400;\"> en sommige <\/span><strong>B-vitaminen<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Onverteerde resten worden ingedikt.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Endeldarm en anus<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Opslag van ontlasting.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Lozen van onverteerde resten via de anus.<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<p><strong>Mechanische vs. chemische vertering<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Mechanische vertering<\/strong><span style=\"font-weight: 400;\">: verkleinen van voedsel door kauwen en kneden, waardoor enzymen beter kunnen werken.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Chemische vertering<\/strong><span style=\"font-weight: 400;\">: afbreken van grote moleculen met behulp van enzymen en hulpstoffen (zoals gal).<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n`,\r\n              terms: [\r\n                  \"Vertering \u2013 afbreken van grote voedingsstoffen tot kleine, oplosbare stoffen\",\r\n                  \"Mechanische vertering \u2013 fysiek verkleinen van voedsel\",\r\n                  \"Chemische vertering \u2013 enzymatische afbraak van voedingsstoffen\",\r\n                  \"Speeksel \u2013 bevat amylase voor zetmeelafbraak\",\r\n                  \"Peristaltische bewegingen \u2013 spierbewegingen die voedsel voortstuwen\",\r\n                  \"Maagsap \u2013 bevat zoutzuur en pepsine\",\r\n                  \"Gal \u2013 emulgeert vetten\",\r\n                  \"Alvleessap \u2013 bevat enzymen en neutraliseert maagzuur\",\r\n                  \"Darmvlokken en microvilli \u2013 vergroten opnameoppervlak\",\r\n                  \"Resorptie \u2013 opname van voedingsstoffen in bloed en lymfe\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Het verteringsstelsel zorgt ervoor dat voedsel mechanisch en chemisch wordt afgebroken tot opneembare bouwstenen. De mondholte, maag, twaalfvingerige darm, dunne darm, dikke darm en endeldarm hebben elk een specifieke taak. Enzymen spelen een sleutelrol in de chemische afbraak, terwijl mechanische processen de vertering versnellen en effici\u00ebnter maken. De dunne darm is het belangrijkste orgaan voor opname van voedingsstoffen.\"\r\n          },\r\n\r\n          {\r\n              id: 3,\r\n              title: \"Chemische vertering\",\r\n              subtitle: \"Hoe worden voedingsstoffen door enzymen afgebroken tot opneembare bouwstenen?\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_10_03.png\",\r\n              summary: `\r\n<p><strong>Chemische vertering<\/strong><span style=\"font-weight: 400;\"> is het proces waarbij grote, onoplosbare <\/span><strong>voedingsstoffen<\/strong><span style=\"font-weight: 400;\"> worden afgebroken tot kleine, oplosbare moleculen met behulp van <\/span><strong>enzymen<\/strong><span style=\"font-weight: 400;\">. Alleen in deze kleine vorm kunnen voedingsstoffen via de <\/span><strong>darmwand<\/strong><span style=\"font-weight: 400;\"> in het bloed of lymfe worden opgenomen.<\/span><\/p>\r\n<p><strong>Rol van enzymen bij chemische vertering<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enzymen werken <\/span><strong>substraatspecifiek<\/strong><span style=\"font-weight: 400;\">: elk enzym kan maar &eacute;&eacute;n type reactie versnellen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bij de vertering worden <\/span><strong>koolhydraten<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>eiwitten<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>vetten<\/strong><span style=\"font-weight: 400;\"> afgebroken tot respectievelijk <\/span><strong>glucose<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>aminozuren<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>glycerol + vetzuren<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enzymen worden geproduceerd door <\/span><strong>verteringsklieren<\/strong><span style=\"font-weight: 400;\">: speekselklieren, maagsapklieren, alvleesklier, darmsapklieren.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Chemische vertering per voedingsstof<\/strong><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\"><strong>Koolhydraten<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Enzymen<\/strong><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Amylase<\/strong><span style=\"font-weight: 400;\"> (in speeksel en alvleessap) &rarr; zetmeel &rarr; maltose.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Maltase<\/strong><span style=\"font-weight: 400;\"> (in darmsap) &rarr; maltose &rarr; glucose.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Lactase<\/strong><span style=\"font-weight: 400;\"> (in darmsap) &rarr; lactose &rarr; glucose + galactose.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Sacharase<\/strong><span style=\"font-weight: 400;\"> (in darmsap) &rarr; sacharose &rarr; glucose + fructose.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Eindproduct: <\/span><strong>glucose<\/strong><span style=\"font-weight: 400;\"> &rarr; wordt in bloed opgenomen.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Eiwitten<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Enzymen<\/strong><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Pepsine<\/strong><span style=\"font-weight: 400;\"> (in maagsap) &rarr; eiwitten &rarr; korte polypeptiden.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Trypsine<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>peptidasen<\/strong><span style=\"font-weight: 400;\"> (in alvleessap en darmsap) &rarr; polypeptiden &rarr; aminozuren.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Eindproduct: <\/span><strong>aminozuren<\/strong><span style=\"font-weight: 400;\"> &rarr; opname in bloed.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Vetten<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Voorbewerking<\/strong><span style=\"font-weight: 400;\">: <\/span><strong>Gal<\/strong><span style=\"font-weight: 400;\"> (uit lever, via galblaas) <\/span><strong>emulgeert<\/strong><span style=\"font-weight: 400;\"> vetten tot kleine druppels.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Enzym<\/strong><span style=\"font-weight: 400;\">: <\/span><strong>Lipase<\/strong><span style=\"font-weight: 400;\"> (in alvleessap) &rarr; vetten &rarr; glycerol + vetzuren.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Eindproduct: <\/span><strong>glycerol + vetzuren<\/strong><span style=\"font-weight: 400;\"> &rarr; opname in lymfevaten.<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<p><strong>Hulpstoffen bij chemische vertering<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Gal<\/strong><span style=\"font-weight: 400;\">: bevat geen enzymen, maar zorgt voor emulgatie van vetten.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Natriumwaterstofcarbonaat<\/strong><span style=\"font-weight: 400;\"> (in alvleessap): neutraliseert maagzuur zodat enzymen in de dunne darm goed kunnen werken.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Plaatsen van chemische vertering<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Mondholte<\/strong><span style=\"font-weight: 400;\">: afbraak van zetmeel begint met amylase in speeksel.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Maag<\/strong><span style=\"font-weight: 400;\">: afbraak van eiwitten begint met pepsine in zuur milieu.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Twaalfvingerige darm<\/strong><span style=\"font-weight: 400;\">: ontvangst van gal en alvleessap voor vet-, eiwit- en koolhydraatvertering.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Dunne darm<\/strong><span style=\"font-weight: 400;\">: darmsap maakt vertering volledig af tot opneembare bouwstenen.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n`,\r\n              terms: [\r\n                  \"Chemische vertering \u2013 afbraak van grote moleculen door enzymen\",\r\n                  \"Enzym \u2013 eiwit dat een reactie versnelt zonder zelf verbruikt te worden\",\r\n                  \"Substraat \u2013 stof waarop een enzym werkt\",\r\n                  \"Amylase \u2013 enzym dat zetmeel afbreekt\",\r\n                  \"Pepsine \u2013 enzym dat eiwitten afbreekt in de maag\",\r\n                  \"Lipase \u2013 enzym dat vetten afbreekt\",\r\n                  \"Maltase, lactase, sacharase \u2013 enzymen voor afbraak van disachariden\",\r\n                  \"Gal \u2013 emulgeert vetten, geen enzym\",\r\n                  \"Natriumwaterstofcarbonaat \u2013 neutraliseert maagzuur\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Chemische vertering is het enzymatische proces waarbij koolhydraten, eiwitten en vetten worden afgebroken tot respectievelijk glucose, aminozuren en glycerol + vetzuren. Verschillende enzymen, geproduceerd door speekselklieren, maagsapklieren, alvleesklier en darmsapklieren, werken samen in specifieke delen van het verteringsstelsel. Hulpstoffen zoals gal en natriumwaterstofcarbonaat ondersteunen dit proces zonder zelf als enzym te werken.\"\r\n          },\r\n\r\n          {\r\n              id: 4,\r\n              title: \"Resorptie\",\r\n              subtitle: \"Hoe worden verteerde voedingsstoffen opgenomen in het lichaam?\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_10_07.png\",\r\n              summary: `\r\n<p><strong>Resorptie<\/strong><span style=\"font-weight: 400;\"> is de <\/span><strong>opname van voedingsstoffen<\/strong><span style=\"font-weight: 400;\"> vanuit het <\/span><strong>verteringsstelsel<\/strong><span style=\"font-weight: 400;\"> in het <\/span><strong>bloed<\/strong><span style=\"font-weight: 400;\"> of de <\/span><strong>lymfe<\/strong><span style=\"font-weight: 400;\">. Alleen kleine, oplosbare moleculen kunnen via de <\/span><strong>darmwand<\/strong><span style=\"font-weight: 400;\"> het lichaam binnendringen. Daarom is resorptie pas mogelijk nadat de <\/span><strong>chemische vertering<\/strong><span style=\"font-weight: 400;\"> is voltooid.<\/span><\/p>\r\n<p><strong>Aanpassingen van de dunne darm voor effici&euml;nte resorptie<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">De <\/span><strong>dunne darm<\/strong><span style=\"font-weight: 400;\"> is zeer lang (5-6 meter), wat veel tijd en oppervlak geeft voor opname.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Darmplooien<\/strong><span style=\"font-weight: 400;\"> vergroten het oppervlak.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Op de darmplooien zitten <\/span><strong>darmvlokken<\/strong><span style=\"font-weight: 400;\"> (villi).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">De cellen van de darmvlokken hebben <\/span><strong>microvilli<\/strong><span style=\"font-weight: 400;\"> (borstelzoom), waardoor het oppervlak nog verder toeneemt.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Binnenin de darmvlokken lopen <\/span><strong>haarvaten<\/strong><span style=\"font-weight: 400;\"> en een <\/span><strong>lymfevat<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Opname in bloed en lymfe<\/strong><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\"><strong>In bloed (via haarvaten van de darmvlokken)<\/strong><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Glucose<\/strong><span style=\"font-weight: 400;\"> en andere monosachariden.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Aminozuren<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Water<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>oplosbare vitaminen<\/strong><span style=\"font-weight: 400;\"> (vitamine C, B).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Mineralen<\/strong><span style=\"font-weight: 400;\"> en zouten.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\"> &rarr; Voedingsstoffen gaan via het <\/span><strong>poortaderstelsel<\/strong><span style=\"font-weight: 400;\"> eerst naar de <\/span><strong>lever<\/strong><span style=\"font-weight: 400;\"> voor verwerking en opslag.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>In lymfe (via lymfevat in de darmvlok)<\/strong><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Glycerol<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>vetzuren<\/strong><span style=\"font-weight: 400;\"> (uit vetvertering) worden in de darmcellen omgezet in <\/span><strong>vetten<\/strong><span style=\"font-weight: 400;\"> en verpakt in kleine bolletjes (<\/span><strong>chylomicronen<\/strong><span style=\"font-weight: 400;\">).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vetdruppeltjes gaan via de <\/span><strong>lymfevaten<\/strong><span style=\"font-weight: 400;\"> uiteindelijk naar het bloed.<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<p><strong>Opname van water en vitaminen in dikke darm<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">In de <\/span><strong>dikke darm<\/strong><span style=\"font-weight: 400;\"> wordt nog <\/span><strong>water<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>mineralen<\/strong><span style=\"font-weight: 400;\"> opgenomen uit de voedselbrij.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Darmbacteri&euml;n produceren <\/span><strong>vitamine K<\/strong><span style=\"font-weight: 400;\"> en bepaalde <\/span><strong>B-vitaminen<\/strong><span style=\"font-weight: 400;\">, die ook via de dikke darm worden opgenomen.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Transport na opname<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Via bloed<\/strong><span style=\"font-weight: 400;\">: voedingsstoffen worden door de <\/span><strong>lever<\/strong><span style=\"font-weight: 400;\"> bewerkt (bijvoorbeeld glucose omzetten in glycogeen, aminozuren omzetten of afbreken).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Via lymfe<\/strong><span style=\"font-weight: 400;\">: vetten komen via de borstbuis in het bloed terecht.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n`,\r\n              terms: [\r\n                  \"Resorptie \u2013 opname van voedingsstoffen in bloed of lymfe\",\r\n                  \"Darmplooien \u2013 grote plooien in de dunne darmwand die oppervlak vergroten\",\r\n                  \"Darmvlokken (villi) \u2013 uitstulpingen op darmplooien met haarvaten en lymfevat\",\r\n                  \"Microvilli \u2013 microscopische uitstulpingen op darmcellen\",\r\n                  \"Poortader \u2013 bloedvat dat voedingsstoffen naar de lever vervoert\",\r\n                  \"Chylomicronen \u2013 vetbolletjes in lymfe\",\r\n                  \"Vitamine K \u2013 door darmbacteri\u00ebn gemaakt, opname in dikke darm\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Resorptie vindt vooral plaats in de dunne darm en zorgt ervoor dat glucose, aminozuren, vetten, vitaminen, mineralen en water het lichaam binnenkomen. De darmwand is sterk vergroot door plooien, villi en microvilli. Oplosbare stoffen gaan via het bloed naar de lever; vetten worden via de lymfe vervoerd. In de dikke darm wordt nog extra water, mineralen en door bacteri\u00ebn geproduceerde vitaminen opgenomen.\"\r\n          },\r\n\r\n          {\r\n              id: 5,\r\n              title: \"Gezonde voeding\",\r\n              subtitle: \"Hoe stel je een voedingspatroon samen dat alle benodigde stoffen bevat?\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_10_09.png\",\r\n              summary: `\r\n<p><strong>Gezonde voeding<\/strong><span style=\"font-weight: 400;\"> betekent dat je dagelijks de juiste <\/span><strong>hoeveelheden<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>verhoudingen<\/strong><span style=\"font-weight: 400;\"> van alle <\/span><strong>voedingsstoffen<\/strong><span style=\"font-weight: 400;\"> binnenkrijgt die je lichaam nodig heeft als <\/span><strong>bouwstof<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>brandstof<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>reservestof<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>beschermende stof<\/strong><span style=\"font-weight: 400;\">. Een goed voedingspatroon draagt bij aan groei, herstel, energievoorziening en het voorkomen van ziekten.<\/span><\/p>\r\n<p><strong>Voedingsrichtlijnen<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">In Nederland geeft de <\/span><strong>Schijf van Vijf<\/strong><span style=\"font-weight: 400;\"> van het Voedingscentrum richtlijnen voor gezonde voeding.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Belangrijkste adviezen:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ol>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Eet voldoende groente en fruit (minimaal 250 g groente, 2 stuks fruit per dag).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Kies voor volkorenproducten.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Eet minder rood en bewerkt vlees.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Gebruik voldoende zuivel, noten, peulvruchten en vis.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Beperk producten met veel suiker, zout en verzadigd vet.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Drink vooral water en thee\/koffie zonder suiker.<\/span><\/li>\r\n<\/ol>\r\n<\/ul>\r\n<p><strong>Energiebehoefte<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">De benodigde hoeveelheid energie hangt af van <\/span><strong>geslacht<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>leeftijd<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>lichaamsgrootte<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>activiteit<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Richtwaarden:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Gemiddelde volwassen vrouw: &plusmn; 8.400 kJ (2.000 kcal) per dag.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Gemiddelde volwassen man: &plusmn; 10.500 kJ (2.500 kcal) per dag.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Een energie-overschot leidt tot <\/span><strong>vetopslag<\/strong><span style=\"font-weight: 400;\"> en mogelijk <\/span><strong>overgewicht<\/strong><span style=\"font-weight: 400;\">; een tekort kan leiden tot <\/span><strong>gewichtsverlies<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>ondervoeding<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Voedingsvezels<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Onverteerbare plantaardige koolhydraten (zoals cellulose).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Functie: stimuleren van de darmperistaltiek en bevorderen van een gezonde darmflora.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bronnen: volkoren brood, groente, fruit, peulvruchten.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Water- en vochtbalans<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Volwassenen hebben gemiddeld 1,5 tot 2 liter vocht per dag nodig.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Behoefte neemt toe bij inspanning, warm weer of koorts.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Tekort leidt tot uitdroging (<\/span><strong>dehydratie<\/strong><span style=\"font-weight: 400;\">) met klachten als dorst, hoofdpijn en verminderde concentratie.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Belang van variatie<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Geen enkel voedingsmiddel bevat alle voedingsstoffen in de juiste hoeveelheden.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vari&euml;ren in voeding verkleint het risico op tekorten of overschotten van bepaalde stoffen.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Ongezonde eetpatronen<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Eenzijdige voeding<\/strong><span style=\"font-weight: 400;\"> kan leiden tot tekorten (vitaminegebrek, mineralentekort).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Te veel vet, suiker en zout verhoogt het risico op <\/span><strong>hart- en vaatziekten<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>diabetes type 2<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>obesitas<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Te weinig energie of eiwit kan leiden tot <\/span><strong>ondervoeding<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>spierafbraak<\/strong><span style=\"font-weight: 400;\">.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n`,\r\n              terms: [\r\n                  \"Gezonde voeding \u2013 voeding met de juiste hoeveelheden en verhoudingen van alle voedingsstoffen\",\r\n                  \"Schijf van Vijf \u2013 richtlijn van het Voedingscentrum voor gezonde voeding\",\r\n                  \"Energiebehoefte \u2013 hoeveelheid energie die iemand per dag nodig heeft\",\r\n                  \"Voedingsvezels \u2013 onverteerbare koolhydraten die de darmwerking ondersteunen\",\r\n                  \"Overgewicht \u2013 teveel vetopslag door energie-overschot\",\r\n                  \"Ondervoeding \u2013 tekort aan energie en\/of voedingsstoffen\",\r\n                  \"Dehydratie \u2013 uitdroging door vochttekort\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Gezonde voeding voorziet het lichaam dagelijks van alle voedingsstoffen in de juiste verhouding en hoeveelheid. Een gebalanceerd voedingspatroon met voldoende groente, fruit, volkorenproducten, eiwitbronnen, gezonde vetten en voldoende vocht houdt het lichaam gezond en verkleint het risico op ziekten. Variatie is daarbij essentieel om tekorten en overschotten te voorkomen.\"\r\n          },\r\n      ]\r\n    };\r\n\r\n    \/\/ ====== APP LOGICA ======\r\n    const els = {\r\n      bookTitle: document.getElementById('bookTitle'),\r\n      chapterBadge: document.getElementById('chapterBadge'),\r\n      chapterSub: document.getElementById('chapterSub'),\r\n      pageIndicator: document.getElementById('pageIndicator'),\r\n      progressBar: document.getElementById('progressBar'),\r\n      chapterTitle: document.getElementById('chapterTitle'),\r\n      chapterSubtitle: document.getElementById('chapterSubtitle'),\r\n      summaryBody: document.getElementById('summaryBody'),\r\n      termsList: document.getElementById('termsList'),\r\n      moreTerms: document.getElementById('moreTerms'),\r\n      tldrBody: document.getElementById('tldrBody'),\r\n      chapterCounter: document.getElementById('chapterCounter'),\r\n      prevBtn: document.getElementById('prevBtn'),\r\n      nextBtn: document.getElementById('nextBtn'),\r\n      chapterImage: document.getElementById('chapterImage'),\r\n      chapterImageWrap: document.getElementById('chapterImageWrap'),\r\n    };\r\n\r\n    function getChapterIndexFromURL(){\r\n      const url = new URL(window.location);\r\n      const h = parseInt(url.searchParams.get('h') || url.hash.replace('#h=',''));\r\n      const idx = isFinite(h) && h>0 ? h-1 : 0;\r\n      return Math.max(0, Math.min(BOOK.chapters.length-1, idx));\r\n    }\r\n\r\n    let currentIndex = getChapterIndexFromURL();\r\n\r\n    function updateURL(){\r\n      const h = currentIndex + 1;\r\n      const url = new URL(window.location);\r\n      url.searchParams.set('h', String(h));\r\n      history.replaceState({}, '', url);\r\n      document.title = `${BOOK.title} \u2013 Basisstof ${h}`;\r\n    }\r\n\r\n    function render(){\r\n      const total = BOOK.chapters.length;\r\n      const ch = BOOK.chapters[currentIndex];\r\n\r\n      els.bookTitle.textContent = BOOK.title;\r\n      els.chapterBadge.textContent = `Basisstof ${ch.id}`;\r\n      els.chapterSub.textContent = ch.title;\r\n\r\n      els.chapterTitle.textContent = ch.title;\r\n      els.chapterSubtitle.textContent = ch.subtitle || '';\r\n      els.summaryBody.innerHTML = ch.summary;\r\n\r\n      \/\/ Afbeelding per hoofdstuk invullen of het hele blok verbergen\r\n      if (ch.image) {\r\n        els.chapterImage.src = ch.image;\r\n        els.chapterImage.alt = `Illustratie bij: ${ch.title}`;\r\n        els.chapterImageWrap.style.display = 'block';\r\n      } else {\r\n        els.chapterImage.src = '';\r\n        els.chapterImageWrap.style.display = 'none';\r\n      }\r\n\r\n      els.termsList.innerHTML = (ch.terms||[]).map(t => `<li>${t}<\/li>`).join('');\r\n      els.moreTerms.href = ch.moreTermsUrl || '#';\r\n\r\n      els.tldrBody.innerHTML = `<p>${ch.tldr||''}<\/p>`;\r\n\r\n      els.pageIndicator.textContent = `${ch.id} \/ ${total}`;\r\n      els.chapterCounter.textContent = `Basisstof ${ch.id} van ${total}`;\r\n      els.progressBar.style.width = `${(ch.id\/total)*100}%`;\r\n\r\n      els.prevBtn.disabled = currentIndex === 0;\r\n      els.nextBtn.disabled = currentIndex === total-1;\r\n\r\n      updateURL();\r\n    }\r\n\r\n    function go(delta){\r\n      const next = currentIndex + delta;\r\n      if(next < 0 || next >= BOOK.chapters.length) return;\r\n      currentIndex = next; render();\r\n      \/\/ verplaats focus netjes\r\n      document.getElementById('main').focus({preventScroll:true});\r\n    }\r\n\r\n    els.prevBtn.addEventListener('click', () => go(-1));\r\n    els.nextBtn.addEventListener('click', () => go(1));\r\n\r\n    document.addEventListener('keydown', (e) => {\r\n      if(e.key === 'ArrowLeft') { go(-1); }\r\n      if(e.key === 'ArrowRight'){ go(1); }\r\n    });\r\n\r\n    \/\/ Initial render\r\n    render();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Samenvatting \u2013 Boek Ga naar inhoud Titel van het boek Basisstof 1 1 \/ 1 Hoofdstuknaam Korte inleiding of doel van dit hoofdstuk. Belangrijke begrippen Meer begrippen \u2192 Kort samengevat Vorige Basisstof 1 van 1 Volgende<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[38],"class_list":["post-861","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/861","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=861"}],"version-history":[{"count":26,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/861\/revisions"}],"predecessor-version":[{"id":3220,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/861\/revisions\/3220"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=861"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}