{"id":863,"date":"2025-01-27T18:49:35","date_gmt":"2025-01-27T18:49:35","guid":{"rendered":"https:\/\/biologiehuis.com\/?page_id=863"},"modified":"2025-12-26T22:08:03","modified_gmt":"2025-12-26T22:08:03","slug":"hoofdstuk-4-6","status":"publish","type":"page","link":"https:\/\/biologiehuis.com\/?page_id=863","title":{"rendered":"Hoofdstuk 4 H5"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"863\" class=\"elementor elementor-863\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59b52fb 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=\"59b52fb\" 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-4e47010 elementor-widget elementor-widget-html\" data-id=\"4e47010\" 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 11: Transport\", \/\/ \ud83d\udc49 boeknaam\r\n      chapters: [\r\n        {\r\n          id: 1,\r\n          title: \"Het bloed\",\r\n              subtitle: \"Wat is bloed en wat doet het?\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_16_28.png\",\r\n              summary: `\r\n<p><strong>Bloed<\/strong><span style=\"font-weight: 400;\"> is een bijzondere vloeistof die door het hele lichaam circuleert en essentieel is voor het <\/span><strong>transport<\/strong><span style=\"font-weight: 400;\"> van allerlei stoffen. Het bestaat uit <\/span><strong>bloedplasma<\/strong><span style=\"font-weight: 400;\"> en vaste bestanddelen (<\/span><strong>rode bloedcellen<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>witte bloedcellen<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>bloedplaatjes<\/strong><span style=\"font-weight: 400;\">).<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">Bloed vervoert:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Bouwstoffen<\/strong><span style=\"font-weight: 400;\"> (bijvoorbeeld aminozuren)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Afvalstoffen<\/strong><span style=\"font-weight: 400;\"> (bijvoorbeeld <\/span><strong>ureum<\/strong><span style=\"font-weight: 400;\">)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Brandstoffen<\/strong><span style=\"font-weight: 400;\"> (zoals <\/span><strong>glucose<\/strong><span style=\"font-weight: 400;\">)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Signaalstoffen<\/strong><span style=\"font-weight: 400;\"> (bijvoorbeeld <\/span><strong>hormonen<\/strong><span style=\"font-weight: 400;\">)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Beschermende stoffen<\/strong><span style=\"font-weight: 400;\"> (zoals <\/span><strong>antistoffen<\/strong><span style=\"font-weight: 400;\">)<\/span><\/li>\r\n<\/ul>\r\n<p><span style=\"font-weight: 400;\">Daarnaast speelt bloed een rol bij:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Het constant houden van het <\/span><strong>inwendige milieu<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Het afvoeren van <\/span><strong>ziekteverwekkers<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Bloedstolling<\/strong><span style=\"font-weight: 400;\"> bij verwondingen<\/span><\/li>\r\n<\/ul>\r\n<h2><strong>Bloedplasma<\/strong><\/h2>\r\n<p><span style=\"font-weight: 400;\">Ongeveer <\/span><strong>55%<\/strong><span style=\"font-weight: 400;\"> van het bloed bestaat uit <\/span><strong>bloedplasma<\/strong><span style=\"font-weight: 400;\">:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bestaat uit <\/span><strong>water<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>opgeloste stoffen<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>plasma-eiwitten<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vervoert o.a. een klein beetje <\/span><strong>zuurstof<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>voedingsstoffen<\/strong><span style=\"font-weight: 400;\"> (<\/span><strong>glucose<\/strong><span style=\"font-weight: 400;\">, vetten, aminozuren), <\/span><strong>afvalstoffen<\/strong><span style=\"font-weight: 400;\"> (<\/span><strong>ureum<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>melkzuur<\/strong><span style=\"font-weight: 400;\">), hormonen en antistoffen<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Vetten<\/strong><span style=\"font-weight: 400;\"> lossen slecht op in water en worden daarom vervoerd als <\/span><strong>lipoprote&iuml;nen<\/strong><span style=\"font-weight: 400;\"> (vetten gebonden aan eiwitten)<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Plasma-eiwitten<\/strong><span style=\"font-weight: 400;\"> zijn belangrijk voor:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Osmotische waarde<\/strong><span style=\"font-weight: 400;\"> van het bloed<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Bloeddruk<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Constante lichaamstemperatuur (<\/span><strong>&plusmn; 38 &deg;C<\/strong><span style=\"font-weight: 400;\">)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">pH rond <\/span><strong>7,4<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Osmotische waarde gelijk aan <\/span><strong>0,9% NaCl-oplossing<\/strong><span style=\"font-weight: 400;\"> (<\/span><strong>fysiologische zoutoplossing<\/strong><span style=\"font-weight: 400;\">)<\/span><\/li>\r\n<\/ul>\r\n<h2><strong>Rode bloedcellen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ontstaan uit <\/span><strong>stamcellen<\/strong><span style=\"font-weight: 400;\"> in het <\/span><strong>rode beenmerg<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bevatten <\/span><strong>hemoglobine<\/strong><span style=\"font-weight: 400;\"> (zuurstofbindend eiwit dat bloed rood kleurt)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Geen <\/span><strong>celkern<\/strong><span style=\"font-weight: 400;\"> &rarr; beperkte levensduur (ongeveer 120 dagen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Belangrijk voor <\/span><strong>zuurstoftransport<\/strong><span style=\"font-weight: 400;\"> en deels <\/span><strong>koolstofdioxidetransport<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Aanmaak gereguleerd door hormoon <\/span><strong>epo<\/strong><span style=\"font-weight: 400;\"> (<\/span><strong>erytropo&euml;tine<\/strong><span style=\"font-weight: 400;\">) uit de nieren<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Afbraak vindt plaats in <\/span><strong>milt<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>lever<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>beenmerg<\/strong><span style=\"font-weight: 400;\"> (ijzer wordt hergebruikt)<\/span><\/li>\r\n<\/ul>\r\n<h2><strong>Witte bloedcellen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Onderdeel van het <\/span><strong>afweersysteem<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Hebben een <\/span><strong>celkern<\/strong><span style=\"font-weight: 400;\">, maar geen vaste vorm<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Kunnen <\/span><strong>buiten de bloedvaten<\/strong><span style=\"font-weight: 400;\"> werken door door de wand van haarvaten te bewegen<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ontstaan ook uit <\/span><strong>stamcellen<\/strong><span style=\"font-weight: 400;\"> in het rode beenmerg<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Verschillende typen met uiteenlopende functies:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Fagocyten<\/strong><span style=\"font-weight: 400;\">: nemen ziekteverwekkers op en breken ze af<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Cellen die <\/span><strong>antistoffen<\/strong><span style=\"font-weight: 400;\"> produceren<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Opruimen van resten van dode cellen<\/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;\">Dode witte bloedcellen vormen samen met dode bacteri&euml;n <\/span><strong>etter\/pus<\/strong><\/li>\r\n<\/ul>\r\n<h2><strong>Bloedplaatjes<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Geen cellen, maar <\/span><strong>celfragmenten<\/strong><span style=\"font-weight: 400;\"> uit uiteengevallen cellen<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ontstaan in het <\/span><strong>rode beenmerg<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Belangrijk bij <\/span><strong>bloedstolling<\/strong><\/li>\r\n<\/ul>\r\n<h2><strong>Bloedstolling<\/strong><\/h2>\r\n<p><strong>Bloedstolling<\/strong><span style=\"font-weight: 400;\"> is het proces waarbij bloed dikker wordt en indroogt om een wond af te sluiten:<\/span><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\"><strong>Beschadigd bloedvat<\/strong><span style=\"font-weight: 400;\"> trekt samen &rarr; minder bloedverlies<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Bloedplaatjes<\/strong><span style=\"font-weight: 400;\"> hechten aan de wond en vormen een propje<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Stoffen uit bloedplaatjes en beschadigde cellen starten een keten van reacties<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Fibrinogeen<\/strong><span style=\"font-weight: 400;\"> (oplosbaar plasma-eiwit) wordt omgezet in <\/span><strong>fibrine<\/strong><span style=\"font-weight: 400;\"> (onoplosbare draden)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Fibrinedraden<\/strong><span style=\"font-weight: 400;\"> vormen een netwerk waarin bloedcellen blijven hangen &rarr; <\/span><strong>bloedstolsel<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Bloedstolsel<\/strong><span style=\"font-weight: 400;\"> droogt in tot een korstje<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Na genezing breken <\/span><strong>fibrinedraden<\/strong><span style=\"font-weight: 400;\"> af<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ol>\r\n<p><strong>Bloedserum<\/strong><span style=\"font-weight: 400;\"> = bloedplasma zonder <\/span><strong>fibrinogeen<\/strong><\/p>\r\n    `,\r\n              terms: [\r\n                  \"Bloed \u2013 vloeistof voor transport en bescherming\",\r\n                  \"Bloedplasma \u2013 water met opgeloste stoffen en plasma-eiwitten\",\r\n                  \"Plasma-eiwitten \u2013 eiwitten voor osmotische waarde en bloeddruk\",\r\n                  \"Osmotische waarde \u2013 maat voor hoeveelheid opgeloste deeltjes\",\r\n                  \"Fysiologische zoutoplossing \u2013 0,9% NaCl, zelfde osmotische waarde als bloed\",\r\n                  \"Rode bloedcellen \u2013 zuurstoftransport via hemoglobine\",\r\n                  \"Hemoglobine \u2013 zuurstofbindend eiwit met ijzer\",\r\n                  \"Witte bloedcellen \u2013 afweer tegen ziekteverwekkers\",\r\n                  \"Bloedplaatjes \u2013 celfragmenten voor stolling\",\r\n                  \"Bloedstolling \u2013 proces waarbij fibrine een stolsel vormt\",\r\n                  \"Fibrinogeen \u2013 oplosbaar eiwit dat wordt omgezet in fibrine\",\r\n                  \"Fibrine \u2013 netwerk van draden dat de wond afsluit\",\r\n                  \"Bloedstolsel \u2013 klonter die wond afsluit\",\r\n                  \"Bloedserum \u2013 bloedplasma zonder fibrinogeen\"\r\n              ],\r\n          moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Bloed is onmisbaar voor transport van stoffen, afweer tegen ziekteverwekkers en wondgenezing. Bloedplasma vervoert opgeloste stoffen en speelt een rol bij het handhaven van de samenstelling van het inwendige milieu. Rode bloedcellen zorgen voor zuurstoftransport, witte bloedcellen voor afweer en bloedplaatjes voor stolling. Bij beschadiging van een bloedvat vormt fibrine een netwerk dat bloedverlies voorkomt en de wond afsluit.\"\r\n          },\r\n\r\n          {\r\n              id: 2,\r\n              title: \"Transportsystemen bij dieren\",\r\n              subtitle: \"Waarom hebben dieren transportsystemen?\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_16_24.png\",\r\n              summary: `\r\n<p><span style=\"font-weight: 400;\">Alle cellen van een organisme hebben <\/span><strong>voedingsstoffen<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>zuurstof<\/strong><span style=\"font-weight: 400;\"> nodig en moeten <\/span><strong>afvalstoffen<\/strong><span style=\"font-weight: 400;\"> kunnen afgeven. Bij kleine of eencellige organismen gebeurt dit direct via <\/span><strong>diffusie<\/strong><span style=\"font-weight: 400;\">, maar bij grotere, meercellige organismen is een <\/span><strong>transportsysteem<\/strong><span style=\"font-weight: 400;\"> nodig om stoffen effici&euml;nt door het lichaam te verplaatsen.<\/span><\/p>\r\n<h2><strong>Transport bij eencelligen<\/strong><\/h2>\r\n<p><strong>Eencellige organismen<\/strong><span style=\"font-weight: 400;\"> zoals een <\/span><strong>amoebe<\/strong><span style=\"font-weight: 400;\"> of <\/span><strong>pantoffeldiertje<\/strong><span style=\"font-weight: 400;\"> staan met hun <\/span><strong>lichaamscel<\/strong><span style=\"font-weight: 400;\"> direct in contact met het <\/span><strong>uitwendige milieu<\/strong><span style=\"font-weight: 400;\">.<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Zuurstof<\/strong><span style=\"font-weight: 400;\"> diffundeert via het <\/span><strong>celmembraan<\/strong><span style=\"font-weight: 400;\"> naar binnen<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Koolstofdioxide<\/strong><span style=\"font-weight: 400;\"> diffundeert naar buiten<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Voedingsstoffen<\/strong><span style=\"font-weight: 400;\"> worden opgenomen via <\/span><strong>diffusie<\/strong><span style=\"font-weight: 400;\"> of <\/span><strong>fagocytose<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Afvalstoffen<\/strong><span style=\"font-weight: 400;\"> verlaten de cel via <\/span><strong>diffusie<\/strong><span style=\"font-weight: 400;\"> of <\/span><strong>exocytose<\/strong><strong><br \/><\/strong><span style=\"font-weight: 400;\"> Eencelligen hebben geen bloedsomloop nodig.<\/span><\/li>\r\n<\/ul>\r\n<h2><strong>Open en gesloten circulatiesystemen<\/strong><\/h2>\r\n<p><span style=\"font-weight: 400;\">Bij <\/span><strong>meercellige dieren<\/strong><span style=\"font-weight: 400;\"> wordt transport verzorgd door een <\/span><strong>circulatiesysteem<\/strong><span style=\"font-weight: 400;\">: een vloeistof die rondstroomt en stoffen transporteert.<\/span><\/p>\r\n<p><strong>Open circulatiesysteem<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Komt voor bij o.a. <\/span><strong>geleedpotigen<\/strong><span style=\"font-weight: 400;\"> (bijvoorbeeld een sprinkhaan)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Hart<\/strong><span style=\"font-weight: 400;\"> pompt de lichaamsvloeistof (<\/span><strong>hemolymfe<\/strong><span style=\"font-weight: 400;\">) rond de organen<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Hemolymfe<\/strong><span style=\"font-weight: 400;\"> is een mengsel van bloed en weefselvocht<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Minder effici&euml;nt transport, geschikt voor kleinere dieren<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Gesloten circulatiesysteem<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Komt voor bij o.a. <\/span><strong>regenwormen<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>vissen<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>amfibie&euml;n<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>vogels<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>zoogdieren<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bloed blijft altijd in <\/span><strong>bloedvaten<\/strong><span style=\"font-weight: 400;\"> gescheiden van andere lichaamsvloeistoffen<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Hart<\/strong><span style=\"font-weight: 400;\"> pompt bloed door <\/span><strong>slagaders<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>haarvaten<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>aders<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Effici&euml;nter transport, geschikt voor grotere en actievere dieren<\/span><\/li>\r\n<\/ul>\r\n<h2><strong>Voorbeelden van circulatiesystemen<\/strong><\/h2>\r\n<p><strong>Regenworm<\/strong><span style=\"font-weight: 400;\"> &ndash; Gesloten systeem met een buisvormig hart en meerdere <\/span><strong>hulpharten<\/strong><span style=\"font-weight: 400;\">.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><strong>Sprinkhaan<\/strong><span style=\"font-weight: 400;\"> &ndash; Open systeem waarbij het hart de hemolymfe rond de organen laat stromen.<\/span><\/p>\r\n<h2><strong>Enkele en dubbele bloedsomloop<\/strong><\/h2>\r\n<p><strong>Enkele bloedsomloop<\/strong><span style=\"font-weight: 400;\"> (o.a. bij vissen)<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Per omloop gaat het bloed &eacute;&eacute;n keer door het hart<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Hart bestaat uit &eacute;&eacute;n <\/span><strong>boezem<\/strong><span style=\"font-weight: 400;\"> en &eacute;&eacute;n <\/span><strong>kamer<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bloed stroomt: hart &rarr; kieuwen &rarr; lichaam &rarr; hart<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<p><strong>Dubbele bloedsomloop<\/strong><span style=\"font-weight: 400;\"> (o.a. bij vogels en zoogdieren)<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Per omloop gaat het bloed twee keer door het hart<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Hart bestaat uit twee <\/span><strong>boezems<\/strong><span style=\"font-weight: 400;\"> en twee <\/span><strong>kamers<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Kleine bloedsomloop<\/strong><span style=\"font-weight: 400;\">: hart &rarr; longen &rarr; hart (zuurstof opnemen, CO\u2082 afgeven)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Grote bloedsomloop<\/strong><span style=\"font-weight: 400;\">: hart &rarr; lichaam &rarr; hart (zuurstof en voedingsstoffen afgeven, afvalstoffen opnemen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Voordeel: hogere bloeddruk en effici&euml;nter transport<\/span><\/li>\r\n<\/ul>\r\n<h2><strong>Bijzondere voorbeelden<\/strong><\/h2>\r\n<p><strong>Kikker<\/strong><span style=\"font-weight: 400;\"> &ndash; Dubbele bloedsomloop, hart met <\/span><strong>twee boezems<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>&eacute;&eacute;n kamer<\/strong><span style=\"font-weight: 400;\"> &rarr; zuurstofrijk en zuurstofarm bloed mengen deels.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><strong>Beerdiertje<\/strong><span style=\"font-weight: 400;\"> &ndash; Zeer klein dier met hemolymfe; neemt zuurstof op via lichaamscellen maar heeft toch een eenvoudig circulatiesysteem voor verdeling van stoffen.<\/span><\/p>\r\n`,\r\n              terms: [\r\n                  \"Diffusie \u2013 passief transport van stoffen van hoge naar lage concentratie\",\r\n                  \"Fagocytose \u2013 opname van deeltjes door insluiting in het celmembraan\",\r\n                  \"Exocytose \u2013 afgifte van stoffen via blaasjes naar buiten de cel\",\r\n                  \"Circulatiesysteem \u2013 systeem voor transport van stoffen in een organisme\",\r\n                  \"Open circulatiesysteem \u2013 bloed gemengd met weefselvocht, stroomt rond organen\",\r\n                  \"Gesloten circulatiesysteem \u2013 bloed blijft in vaten\",\r\n                  \"Enkele bloedsomloop \u2013 per ronde \u00e9\u00e9n keer door het hart\",\r\n                  \"Dubbele bloedsomloop \u2013 per ronde twee keer door het hart\",\r\n                  \"Kleine bloedsomloop \u2013 hart \u2194 longen\",\r\n                  \"Grote bloedsomloop \u2013 hart \u2194 lichaam\",\r\n                  \"Hemolymfe \u2013 mengsel van bloed en weefselvocht bij dieren met open circulatie\",\r\n                  \"Hulpharten \u2013 extra pompen naast het hoofd\u00adhart bij sommige dieren\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Kleine organismen kunnen stoffen direct uitwisselen met hun omgeving via diffusie. Grotere dieren hebben een circulatiesysteem nodig: open systemen (met hemolymfe) zijn eenvoudig maar minder effici\u00ebnt, gesloten systemen zijn sneller en effectiever. In een dubbele bloedsomloop passeert het bloed twee keer het hart per omloop, waardoor zuurstofrijk en zuurstofarm bloed gescheiden blijven en het transport effici\u00ebnter verloopt.\"\r\n          },\r\n\r\n          {\r\n              id: 3,\r\n              title: \"Het hart\",\r\n              subtitle: \"De pomp van het leven\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_16_20.png\",\r\n              summary: `\r\n<h3><strong>Functie van het hart<\/strong><\/h3>\r\n<p><span style=\"font-weight: 400;\">Het <\/span><strong>hart<\/strong><span style=\"font-weight: 400;\"> is een krachtige, holle <\/span><strong>spier<\/strong><span style=\"font-weight: 400;\"> die als <\/span><strong>dubbele pomp<\/strong><span style=\"font-weight: 400;\"> werkt om het <\/span><strong>bloed<\/strong><span style=\"font-weight: 400;\"> continu door het lichaam te laten stromen. Zo krijgen alle cellen <\/span><strong>zuurstof<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>voedingsstoffen<\/strong><span style=\"font-weight: 400;\"> en worden <\/span><strong>afvalstoffen<\/strong><span style=\"font-weight: 400;\"> afgevoerd.<\/span><\/p>\r\n<h2><strong>Bouw van het hart<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ligt in de <\/span><strong>borstholte<\/strong><span style=\"font-weight: 400;\">, iets naar links, achter het <\/span><strong>borstbeen<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Linkerharthelft<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>rechterharthelft<\/strong><span style=\"font-weight: 400;\"> gescheiden door het <\/span><strong>harttussenschot<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Elke harthelft heeft een <\/span><strong>boezem<\/strong><span style=\"font-weight: 400;\"> (ontvangt bloed) en een <\/span><strong>kamer<\/strong><span style=\"font-weight: 400;\"> (pompt bloed weg)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Hartkleppen<\/strong><span style=\"font-weight: 400;\"> tussen boezem en kamer &rarr; voorkomen terugstromen van bloed<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Halvemaanvormige kleppen<\/strong><span style=\"font-weight: 400;\"> aan het begin van de <\/span><strong>aorta<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>longslagader<\/strong><span style=\"font-weight: 400;\"> &rarr; voorkomen terugstromen naar kamers<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Kransslagaders<\/strong><span style=\"font-weight: 400;\"> voorzien de hartspier van zuurstof en voedingsstoffen<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Kransaders<\/strong><span style=\"font-weight: 400;\"> voeren koolstofdioxide en afvalstoffen van het hart af<\/span><\/li>\r\n<\/ul>\r\n<h2><strong>Route van het bloed door het hart<\/strong><\/h2>\r\n<ol>\r\n<li style=\"font-weight: 400;\"><strong>Rechterboezem<\/strong><span style=\"font-weight: 400;\"> ontvangt zuurstofarm bloed uit <\/span><strong>bovenste<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>onderste holle ader<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bloed stroomt via <\/span><strong>hartklep<\/strong><span style=\"font-weight: 400;\"> naar <\/span><strong>rechterkamer<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Rechterkamer pompt bloed via <\/span><strong>longslagader<\/strong><span style=\"font-weight: 400;\"> naar <\/span><strong>longen<\/strong><span style=\"font-weight: 400;\"> (CO\u2082 afgeven, O\u2082 opnemen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Linkerboezem<\/strong><span style=\"font-weight: 400;\"> ontvangt zuurstofrijk bloed uit <\/span><strong>longaders<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bloed stroomt via <\/span><strong>hartklep<\/strong><span style=\"font-weight: 400;\"> naar <\/span><strong>linkerkamer<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Linkerkamer pompt bloed via <\/span><strong>aorta<\/strong><span style=\"font-weight: 400;\"> naar het hele lichaam<\/span><\/li>\r\n<\/ol>\r\n<h2><strong>Werking van het hart<\/strong><\/h2>\r\n<p><span style=\"font-weight: 400;\">Hartslag bestaat uit drie fasen:<\/span><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\"><strong>Samentrekken boezems<\/strong><span style=\"font-weight: 400;\"> (<\/span><em><span style=\"font-weight: 400;\">boezemsystole<\/span><\/em><span style=\"font-weight: 400;\">) &rarr; bloed naar kamers<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Samentrekken kamers<\/strong><span style=\"font-weight: 400;\"> (<\/span><em><span style=\"font-weight: 400;\">kamersystole<\/span><\/em><span style=\"font-weight: 400;\">) &rarr; bloed naar longslagader en aorta<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Hartpauze<\/strong><span style=\"font-weight: 400;\"> (<\/span><em><span style=\"font-weight: 400;\">diastole<\/span><\/em><span style=\"font-weight: 400;\">) &rarr; boezems en kamers ontspannen, bloed stroomt binnen<\/span><\/li>\r\n<\/ol>\r\n<p><strong>Kleppenwerking<\/strong><span style=\"font-weight: 400;\">:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bij samentrekken van de kamers slaan <\/span><strong>hartkleppen<\/strong><span style=\"font-weight: 400;\"> dicht &rarr; voorkomt terugstroom naar boezems<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bij hartpauze sluiten <\/span><strong>halvemaanvormige kleppen<\/strong><span style=\"font-weight: 400;\"> &rarr; voorkomt terugstroom vanuit slagaders<\/span><\/li>\r\n<\/ul>\r\n<h2><strong>Impulsgeleiding en hartslagfrequentie<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Sinusknoop<\/strong><span style=\"font-weight: 400;\"> (in wand rechterboezem) &rarr; geeft elektrische <\/span><strong>impulsen<\/strong><span style=\"font-weight: 400;\"> die hartspier laten samentrekken<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Impulsen eerst naar boezems, daarna naar kamers (via speciale geleidingsbanen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>ECG (elektrocardiogram)<\/strong><span style=\"font-weight: 400;\"> laat elektrische activiteit van het hart zien<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Hartslagfrequentie<\/strong><span style=\"font-weight: 400;\"> = aantal slagen per minuut (afhankelijk van activiteit, emoties, hormonen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Adrenaline<\/strong><span style=\"font-weight: 400;\"> verhoogt hartslag en pompkracht<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Slagvolume<\/strong><span style=\"font-weight: 400;\"> = hoeveelheid bloed per hartslag (rust: 70&ndash;100 ml)<\/span><\/li>\r\n<\/ul>\r\n<h2><strong>Bloeddruk<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ontstaat door kracht waarmee het hart bloed wegpompt<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Bovendruk<\/strong><span style=\"font-weight: 400;\"> = druk tijdens kamersystole<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Onderdruk<\/strong><span style=\"font-weight: 400;\"> = druk tijdens hartpauze<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bloeddruk wordt geregeld via <\/span><strong>negatieve terugkoppeling<\/strong><span style=\"font-weight: 400;\"> door zintuigcellen in <\/span><strong>halsslagaders<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>aorta<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bij daling bloeddruk &rarr; hersenstam verhoogt hartslag<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bij stijging bloeddruk &rarr; hersenstam verlaagt hartslag<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n`,\r\n              terms: [\r\n                  \"Hart \u2013 pomp van het bloedsomloopstelsel\",\r\n                  \"Boezem \u2013 ontvangt bloed\",\r\n                  \"Kamer \u2013 pompt bloed weg\",\r\n                  \"Harttussenschot \u2013 scheiding tussen linker- en rechterharthelft\",\r\n                  \"Hartkleppen \u2013 voorkomen terugstroom naar boezems\",\r\n                  \"Halvemaanvormige kleppen \u2013 voorkomen terugstroom naar kamers\",\r\n                  \"Kransslagader \/ kransader \u2013 toevoer en afvoer van stoffen voor hartspier\",\r\n                  \"Sinusknoop \u2013 start elektrische impulsen voor hartslag\",\r\n                  \"Boezemsystole \u2013 samentrekken boezems\",\r\n                  \"Kamersystole \u2013 samentrekken kamers\",\r\n                  \"Diastole \u2013 ontspanning van het hart\",\r\n                  \"Slagvolume \u2013 hoeveelheid bloed per hartslag\",\r\n                  \"Bovendruk \/ onderdruk \u2013 hoge en lage fase van bloeddruk\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Het hart is een dubbelwerkende pomp die zuurstofarm en zuurstofrijk bloed gescheiden houdt. Via goed geco\u00f6rdineerde samentrekkingen van boezems en kamers, gestuurd door elektrische impulsen, wordt bloed effici\u00ebnt rondgepompt. Kleppen voorkomen terugstromen en de kransslagaders voorzien het hart zelf van zuurstof en voedingsstoffen. Hartslag en bloeddruk worden nauwkeurig gereguleerd, zodat het transport van stoffen in het lichaam constant blijft.\"\r\n          },\r\n\r\n          {\r\n              id: 4,\r\n              title: \"De bloedvaten\",\r\n              subtitle: \"De snelwegen van je lichaam\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_16_17.png\",\r\n              summary: `\r\n<h3><strong>Functie van bloedvaten<\/strong><\/h3>\r\n<p><strong>Bloedvaten<\/strong><span style=\"font-weight: 400;\"> vormen samen met het <\/span><strong>hart<\/strong><span style=\"font-weight: 400;\"> de <\/span><strong>bloedsomloop<\/strong><span style=\"font-weight: 400;\"> en zorgen voor het transport van <\/span><strong>zuurstof<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>voedingsstoffen<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>hormonen<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>afvalstoffen<\/strong><span style=\"font-weight: 400;\"> door het hele lichaam. Er zijn drie hoofdtypen: <\/span><strong>slagaders<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>aders<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>haarvaten<\/strong><span style=\"font-weight: 400;\">.<\/span><\/p>\r\n<h2><strong>Slagaders (<\/strong><strong><em>arteri&euml;n<\/em><\/strong><strong>)<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vervoeren bloed <\/span><strong>van het hart af<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Dikke, gespierde en elastische wanden &rarr; bestand tegen hoge <\/span><strong>bloeddruk<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Geen kleppen<\/strong><span style=\"font-weight: 400;\"> (behalve halvemaanvormige kleppen bij het hart)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Pols<\/strong><span style=\"font-weight: 400;\"> voelbaar in slagaders door drukgolven bij elke hartslag<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Meestal zuurstofrijk bloed, behalve <\/span><strong>longslagaders<\/strong><span style=\"font-weight: 400;\"> (zuurstofarm bloed naar longen)<\/span><\/li>\r\n<\/ul>\r\n<h2><strong>Aders (<\/strong><strong><em>venen<\/em><\/strong><strong>)<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vervoeren bloed <\/span><strong>naar het hart toe<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Dunnere wanden dan slagaders, minder gespierd<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Kleppen<\/strong><span style=\"font-weight: 400;\"> aanwezig om terugstromen van bloed te voorkomen<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Lage bloeddruk &rarr; bloed wordt geholpen door <\/span><strong>spierpompen<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>ademhalingsbewegingen<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Meestal zuurstofarm bloed, behalve <\/span><strong>longaders<\/strong><span style=\"font-weight: 400;\"> (zuurstofrijk bloed uit longen)<\/span><\/li>\r\n<\/ul>\r\n<h2><strong>Haarvaten (<\/strong><strong><em>capillairen<\/em><\/strong><strong>)<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Zeer dunne wanden (&eacute;&eacute;n cellaag) &rarr; uitwisseling van stoffen met <\/span><strong>weefselvloeistof<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Verbinden slagaders met aders via <\/span><strong>haarvatnetwerken<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Lage stroomsnelheid &rarr; optimale uitwisseling van <\/span><strong>zuurstof<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>voedingsstoffen<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>afvalstoffen<\/strong><\/li>\r\n<\/ul>\r\n<h2><strong>Bloeddruk in de vaten<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Hoogst in <\/span><strong>slagaders<\/strong><span style=\"font-weight: 400;\">, daalt sterk in <\/span><strong>haarvaten<\/strong><span style=\"font-weight: 400;\">, laagst in <\/span><strong>aders<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Bovendruk<\/strong><span style=\"font-weight: 400;\">: druk tijdens kamersystole<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Onderdruk<\/strong><span style=\"font-weight: 400;\">: druk tijdens hartpauze<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Polsdruk<\/strong><span style=\"font-weight: 400;\"> = verschil tussen bovendruk en onderdruk<\/span><\/li>\r\n<\/ul>\r\n<h2><strong>Bloedvatenstelsels<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Kleine bloedsomloop<\/strong><span style=\"font-weight: 400;\">: longslagaders &rarr; haarvaten in longen &rarr; longaders<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Grote bloedsomloop<\/strong><span style=\"font-weight: 400;\">: aorta &rarr; slagaders &rarr; haarvaten in organen &rarr; aders &rarr; holle aders<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Poortaderstelsel<\/strong><span style=\"font-weight: 400;\">: speciale verbinding van haarvaten in het darmkanaal naar haarvaten in de lever (<\/span><strong>poortader<\/strong><span style=\"font-weight: 400;\">)<\/span><\/li>\r\n<\/ul>\r\n<h2><strong>Bloedverdeling en regeling<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Slagaderwanden<\/strong><span style=\"font-weight: 400;\"> bevatten <\/span><strong>spierweefsel<\/strong><span style=\"font-weight: 400;\"> dat kan samentrekken of ontspannen &rarr; regelt doorbloeding van organen<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bij inspanning: meer bloed naar spieren, minder naar organen zoals spijsverteringsstelsel<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bij rust: meer bloed naar spijsverteringsorganen, minder naar spieren<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n`,\r\n              terms: [\r\n                  \"Slagader (arterie) \u2013 voert bloed van hart af\",\r\n                  \"Ader (vene) \u2013 voert bloed naar hart toe\",\r\n                  \"Haarvat (capillair) \u2013 dunne bloedvaten voor uitwisseling stoffen\",\r\n                  \"Pols \u2013 voelbare drukgolf in slagaders\",\r\n                  \"Bovendruk \/ onderdruk \u2013 hoogste en laagste bloeddruk in slagaders\",\r\n                  \"Polsdruk \u2013 verschil tussen bovendruk en onderdruk\",\r\n                  \"Kleppen \u2013 voorkomen terugstromen van bloed in aders\",\r\n                  \"Spierpomp \u2013 samentrekkende spieren die bloed in aders voortstuwen\",\r\n                  \"Poortader \u2013 ader van darmkanaal naar lever\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Het bloedvatenstelsel bestaat uit slagaders, aders en haarvaten, die samen zorgen voor effici\u00ebnt transport van bloed door het lichaam. Slagaders voeren bloed onder hoge druk van het hart af, aders brengen bloed met hulp van kleppen en spierpompen terug naar het hart, en haarvaten zorgen voor de uitwisseling van stoffen met de weefsels. Door vernauwing of verwijding van slagaders kan de doorbloeding per orgaan worden aangepast aan de situatie.\"\r\n          },\r\n\r\n          {\r\n              id: 5,\r\n              title: \"Weefselvloeistof en lymfe\",\r\n              subtitle: \"De vloeistof die door je lichaams lymfestelsel stroomt\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_16_13.png\",\r\n              summary: `\r\n<h3><strong>Uitwisseling van stoffen<\/strong><\/h3>\r\n<p><span style=\"font-weight: 400;\">Het bloed brengt via de <\/span><strong>haarvaten<\/strong> <strong>zuurstof<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>voedingsstoffen<\/strong><span style=\"font-weight: 400;\"> naar de cellen en neemt <\/span><strong>afvalstoffen<\/strong><span style=\"font-weight: 400;\"> op. De uitwisseling gebeurt via <\/span><strong>weefselvloeistof<\/strong><span style=\"font-weight: 400;\"> &ndash; de vloeistof die zich tussen de cellen bevindt.<\/span><\/p>\r\n<h2><strong>Weefselvloeistof<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ontstaat doordat <\/span><strong>bloedplasma<\/strong><span style=\"font-weight: 400;\"> door de dunne wanden van haarvaten wordt geperst<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bevat <\/span><strong>zuurstof<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>voedingsstoffen<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>signaalstoffen<\/strong><span style=\"font-weight: 400;\"> voor de cellen<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Neemt <\/span><strong>koolstofdioxide<\/strong><span style=\"font-weight: 400;\"> en andere afvalstoffen uit de cellen op<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Zorgt voor transport tussen bloed en cellen<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Het grootste deel stroomt terug naar de haarvaten, de rest naar het <\/span><strong>lymfestelsel<\/strong><\/li>\r\n<\/ul>\r\n<h2><strong>Lymfestelsel<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bestaat uit <\/span><strong>lymfevaten<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>lymfeknopen<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Lymfe<\/strong><span style=\"font-weight: 400;\"> = weefselvloeistof die in de lymfevaten terechtkomt<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Lymfevaten hebben <\/span><strong>kleppen<\/strong><span style=\"font-weight: 400;\"> om terugstromen te voorkomen<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Lymfe stroomt langzaam richting <\/span><strong>bloedvatenstelsel<\/strong><span style=\"font-weight: 400;\"> (via <\/span><strong>lymfevaten<\/strong><span style=\"font-weight: 400;\"> naar <\/span><strong>lymfekanalen<\/strong><span style=\"font-weight: 400;\">)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Grootste lymfevat = <\/span><strong>borstbuis<\/strong><span style=\"font-weight: 400;\">, mondt uit in ader bij sleutelbeen<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Lymfevaten in darmen heten <\/span><strong>vaten van de darmvlokken<\/strong><span style=\"font-weight: 400;\">, vervoeren vetten in de vorm van <\/span><strong>chylomicronen<\/strong><\/li>\r\n<\/ul>\r\n<h2><strong>Lymfeknopen (lymfeklieren)<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Gelegen op vertakkingspunten van lymfevaten<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Zuiveren de lymfe van <\/span><strong>ziekteverwekkers<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>lichaamsvreemde stoffen<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bevatten veel <\/span><strong>witte bloedcellen<\/strong><span style=\"font-weight: 400;\"> (vooral <\/span><strong>lymfocyten<\/strong><span style=\"font-weight: 400;\">) die <\/span><strong>antistoffen<\/strong><span style=\"font-weight: 400;\"> maken<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Zwellen op bij infecties door toename van witte bloedcellen<\/span><\/li>\r\n<\/ul>\r\n<h2><strong>Functies van het lymfestelsel<\/strong><\/h2>\r\n<ol>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Terugvoeren van weefselvloeistof naar het bloed<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Afvoeren van vetten vanuit de darmen naar het bloed<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Onderdeel van het <\/span><strong>afweersysteem<\/strong><span style=\"font-weight: 400;\"> &rarr; bestrijding van ziekteverwekkers<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ol>\r\n`,\r\n              terms: [\r\n                  \"Weefselvloeistof \u2013 vloeistof tussen cellen, ontstaan uit bloedplasma\",\r\n                  \"Lymfe \u2013 weefselvloeistof in lymfevaten\",\r\n                  \"Lymfevat \u2013 vat dat lymfe vervoert en voorzien is van kleppen\",\r\n                  \"Borstbuis \u2013 grootste lymfevat, mondt uit in een ader bij sleutelbeen\",\r\n                  \"Lymfeknoop \/ lymfeklier \u2013 filterstation van lymfe met veel witte bloedcellen\",\r\n                  \"Lymfocyt \u2013 type witte bloedcel betrokken bij afweer\",\r\n                  \"Chylomicronen \u2013 vetdruppeltjes verpakt in eiwitmantel, vervoerd via lymfevaten in darmen\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Weefselvloeistof vormt de tussenstap tussen bloed en cellen voor de uitwisseling van stoffen. Het lymfestelsel voert het grootste deel van deze vloeistof terug naar het bloed, transporteert vetten vanuit de darmen en speelt een belangrijke rol in de afweer tegen ziekteverwekkers via de lymfeknopen.\"\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-863","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/863","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=863"}],"version-history":[{"count":23,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/863\/revisions"}],"predecessor-version":[{"id":3223,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/863\/revisions\/3223"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=863"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}