Samenvatting \u2013 Boek<\/title>\r\n <meta name=\"description\" content=\"Mooie, printvriendelijke samenvattingspagina met post-it begrippen, TL;DR en boeknavigatie.\" \/>\r\n <style>\r\n \/* ====== Design tokens ====== *\/\r\n :root {\r\n --bg: #f7f7fb;\r\n --surface: #ffffff;\r\n --ink: #0b1020;\r\n --muted: #5e647a;\r\n --accent: #5b7cfa; \/* primaire accentkleur *\/\r\n --accent-2: #9a7bf9; \/* verloop voor knoppen *\/\r\n --ring: rgba(91,124,250,.35);\r\n --shadow: 0 10px 30px rgba(11,16,32,.08);\r\n --radius: 18px;\r\n --note: #fff4b1; \/* post-it geel *\/\r\n --note-ink: #3e3a17;\r\n --success: #2ecc71;\r\n --danger: #ff6b6b;\r\n }\r\n\r\n @media (prefers-color-scheme: dark) {\r\n :root {\r\n --bg: #0e1220;\r\n --surface: #151a2c;\r\n --ink: #eef1ff;\r\n --muted: #a9b0d1;\r\n --accent: #7aa2ff;\r\n --accent-2: #b690ff;\r\n --ring: rgba(122,162,255,.35);\r\n --shadow: 0 10px 30px rgba(0,0,0,.35);\r\n --note: #f6dd7b;\r\n --note-ink: #2a2610;\r\n }\r\n }\r\n\r\n \/* ====== Base ====== *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box\r\n }\r\n\r\n html, body {\r\n height: 100%\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background: radial-gradient(1200px 600px at 10% -10%, rgba(91,124,250,.08), transparent 60%), radial-gradient(1000px 700px at 120% 30%, rgba(154,123,249,.06), transparent 60%), var(--bg);\r\n color: var(--ink);\r\n font: 16px\/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\r\n }\r\n\r\n a {\r\n color: var(--accent);\r\n text-decoration: none\r\n }\r\n\r\n a:hover {\r\n text-decoration: underline\r\n }\r\n\r\n .container {\r\n max-width: 1600px;\r\n margin-inline: auto;\r\n padding: 24px;\r\n }\r\n\r\n \/* ====== Topbar \/ header ====== *\/\r\n .topbar {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n justify-content: space-between;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px\r\n }\r\n\r\n .brand .logo {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n box-shadow: var(--shadow);\r\n display: grid;\r\n place-items: center\r\n }\r\n\r\n .brand .logo svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: white\r\n }\r\n\r\n .brand h1 {\r\n font-size: clamp(18px, 3vw, 24px);\r\n margin: 0\r\n }\r\n\r\n .chapter-meta {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--muted)\r\n }\r\n\r\n .badge {\r\n background: linear-gradient(135deg, rgba(91,124,250,.15), rgba(154,123,249,.15));\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n font-weight: 600\r\n }\r\n\r\n \/* ====== Progress ====== *\/\r\n .progress-wrap {\r\n margin: 6px 0 20px 0\r\n }\r\n\r\n .progress {\r\n height: 8px;\r\n background: rgba(91,124,250,.15);\r\n border-radius: 999px;\r\n overflow: hidden\r\n }\r\n\r\n .progress > span {\r\n display: block;\r\n height: 100%;\r\n width: 0;\r\n background: linear-gradient(90deg,var(--accent),var(--accent-2));\r\n transition: width .35s ease\r\n }\r\n\r\n \/* ====== Layout ====== *\/\r\n .layout {\r\n display: grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap: 20px\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .layout {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* ====== Cards ====== *\/\r\n .card {\r\n background: var(--surface);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n position: relative\r\n }\r\n\r\n .summary {\r\n padding: 24px\r\n }\r\n\r\n .summary h2 {\r\n margin: 0 0 8px 0;\r\n font-size: clamp(22px, 3.2vw, 32px)\r\n }\r\n\r\n .summary .subtitle {\r\n color: var(--muted);\r\n margin: 0 0 18px 0\r\n }\r\n\r\n .summary p {\r\n margin: 0 0 12px 0\r\n }\r\n\r\n .summary ul, .summary ol {\r\n padding-left: 22px\r\n }\r\n\r\n .side {\r\n display: grid;\r\n gap: 20px;\r\n align-content: start\r\n }\r\n\r\n \/* ====== Post-it note (begrippen) ====== *\/\r\n .note {\r\n background: var(--note);\r\n color: var(--note-ink);\r\n border-radius: 10px;\r\n padding: 18px 18px 70px 18px; \/* extra ruimte voor knop *\/\r\n position: relative;\r\n box-shadow: 0 18px 35px rgba(0,0,0,.12);\r\n transform: rotate(-0.7deg);\r\n filter: drop-shadow(0 8px 14px rgba(0,0,0,.08));\r\n isolation: isolate;\r\n }\r\n\r\n .note::before { \/* plakband *\/\r\n content: \"\";\r\n position: absolute;\r\n top: -10px;\r\n left: 40px;\r\n width: 70px;\r\n height: 26px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.25));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.12);\r\n transform: rotate(-6deg);\r\n border-radius: 4px;\r\n }\r\n\r\n .note h3 {\r\n margin: 2px 0 8px 0;\r\n font-size: 20px\r\n }\r\n\r\n .terms {\r\n margin: 0;\r\n padding-left: 18px\r\n }\r\n\r\n .terms li {\r\n margin: 6px 0\r\n }\r\n\r\n .more-link {\r\n position: absolute;\r\n bottom: 12px;\r\n right: 12px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 10px 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n color: #fff;\r\n box-shadow: 0 10px 22px var(--ring);\r\n }\r\n\r\n .more-link:focus {\r\n outline: 3px solid var(--ring);\r\n outline-offset: 3px\r\n }\r\n\r\n \/* ====== TL;DR ====== *\/\r\n .tldr {\r\n padding: 16px 18px\r\n }\r\n\r\n .tldr h3 {\r\n margin: 0 0 8px 0;\r\n font-size: 18px\r\n }\r\n\r\n .tldr p {\r\n margin: 8px 0\r\n }\r\n\r\n \/* ====== Book navigation ====== *\/\r\n .book-nav {\r\n position: sticky;\r\n bottom: 10px;\r\n margin-top: 26px;\r\n z-index: 5;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n }\r\n\r\n .nav-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 12px 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .nav-btn svg {\r\n width: 22px;\r\n height: 22px;\r\n opacity: .9\r\n }\r\n\r\n .nav-btn:hover {\r\n outline: 3px solid var(--ring)\r\n }\r\n\r\n .nav-btn[disabled] {\r\n opacity: .5;\r\n cursor: not-allowed\r\n }\r\n\r\n .nav-info {\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n padding: 10px 14px;\r\n border-radius: 999px;\r\n color: var(--muted)\r\n }\r\n\r\n \/* ====== Helpers ====== *\/\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n }\r\n\r\n mark {\r\n background: linear-gradient(transparent 60%, rgba(91,124,250,.25) 60%)\r\n }\r\n\r\n \/* ====== Print styles ====== *\/\r\n @media print {\r\n body {\r\n background: #fff\r\n }\r\n\r\n .topbar .brand .logo {\r\n display: none\r\n }\r\n\r\n .progress-wrap, .book-nav, .note::before {\r\n display: none\r\n }\r\n\r\n .layout {\r\n grid-template-columns: 1fr .6fr\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none\r\n }\r\n }\r\n\r\n \/* ====== Hoofdstukafbeelding (boven begrippen, vaste grootte) ====== *\/\r\n .image-note {\r\n background: #fff;\r\n border-radius: 14px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,.12);\r\n padding: 12px;\r\n margin: 0;\r\n position: relative;\r\n transform: rotate(-1.2deg);\r\n width: 100%;\r\n height: 800px; \/* vaste weergavegrootte desktop *\/\r\n max-height: 800px;\r\n overflow: hidden;\r\n }\r\n\r\n .image-note img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain; \/* past binnen het kader, nooit te lang\/breed *\/\r\n border-radius: 10px;\r\n }\r\n\r\n .image-note .tape {\r\n content: \"\";\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%) rotate(-4deg);\r\n width: 80px;\r\n height: 28px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.3));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.2);\r\n border-radius: 4px;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .image-note {\r\n height: 420px;\r\n max-height: 420px;\r\n }\r\n \/* mobiel *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <a class=\"sr-only\" href=\"#main\">Ga naar inhoud<\/a>\r\n <div class=\"container\">\r\n <header class=\"topbar\">\r\n <div class=\"brand\" aria-label=\"Boekgegevens\">\r\n <div class=\"logo\" aria-hidden=\"true\">\r\n \r\n <svg viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Boekpictogram\"><path d=\"M6 2h9a3 3 0 0 1 3 3v14.5a.5.5 0 0 1-.8.4c-1.1-.8-2.5-1.1-3.9-1.1H6a2 2 0 0 0-2 2V4a2 2 0 0 1 2-2Zm0 2a0 0 0 0 0 0 0v13h7.3c1.3 0 2.6.3 3.7.9V5a1 1 0 0 0-1-1Z\" \/><\/svg>\r\n <\/div>\r\n <div>\r\n <h1 id=\"bookTitle\">Titel van het boek<\/h1>\r\n <div class=\"chapter-meta\">\r\n Basisstof 1<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chapter-meta\" aria-live=\"polite\">\r\n 1 \/ 1<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"progress-wrap\" aria-hidden=\"true\">\r\n <div class=\"progress\"><\/span><\/div>\r\n <\/div>\r\n\r\n <main id=\"main\" class=\"layout\" tabindex=\"-1\">\r\n <section class=\"card summary\" aria-labelledby=\"chapterTitle\">\r\n <h2 id=\"chapterTitle\">Hoofdstuknaam<\/h2>\r\n Korte inleiding of doel van dit hoofdstuk.<\/p>\r\n <div id=\"summaryBody\">\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <aside class=\"side\">\r\n \r\n <section class=\"image-note\" id=\"chapterImageWrap\">\r\n <img decoding=\"async\" id=\"chapterImage\" src=\"\" alt=\"Illustratie bij dit hoofdstuk\" loading=\"lazy\">\r\n <\/span>\r\n <\/section>\r\n \r\n\r\n <section class=\"note\" aria-labelledby=\"begrippenTitle\">\r\n <h3 id=\"begrippenTitle\">Belangrijke begrippen<\/h3>\r\n <ul class=\"terms\" id=\"termsList\"><\/ul>\r\n <a id=\"moreTerms\" class=\"more-link\" href=\"http:\/\/begrippen.biologiehuis.com:3000\/index.html\" target=\"_blank\" rel=\"noopener\">Meer begrippen \u2192<\/a>\r\n <\/section>\r\n\r\n <section class=\"tldr card\" aria-labelledby=\"tldrTitle\">\r\n <h3 id=\"tldrTitle\">Kort samengevat<\/h3>\r\n <div id=\"tldrBody\"><\/div>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n\r\n <nav class=\"book-nav\" aria-label=\"Hoofdstuknavigatie\">\r\n <button id=\"prevBtn\" class=\"nav-btn\" aria-label=\"Ga naar vorig hoofdstuk\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" \/><\/svg>\r\n Vorige\r\n <\/button>\r\n <div class=\"nav-info\">Basisstof 1 van 1<\/span><\/div>\r\n <button id=\"nextBtn\" class=\"nav-btn\" aria-label=\"Ga naar volgend hoofdstuk\">\r\n Volgende\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z\" \/><\/svg>\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ ====== VULLEN MET JE EIGEN DATA ======\r\n \/\/ Pas de BOOK-const aan voor jouw boek\/hoofdstukken. Je kunt dit in dezelfde file houden of later via JSON laten inladen.\r\n const BOOK = {\r\n title: \"Thema 14: Gaswisseling en uitscheiding\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n {\r\n id: 1,\r\n title: \"Gaswisseling\",\r\n subtitle: \"Hoe zuurstof en koolstofdioxide worden uitgewisseld in verschillende organismen.\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-17-aug-2025-16_45_21.png\", \/\/ \ud83d\udc48 vaste URL voor dit hoofdstuk\r\n summary: `\r\n<ul>\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\nGaswisseling<\/strong> is het proces waarbij <\/span>zuurstof (O\u2082)<\/strong> wordt opgenomen en <\/span>koolstofdioxide (CO\u2082)<\/strong> wordt afgegeven. Dit gebeurt via <\/span>diffusie<\/strong>: stoffen verplaatsen zich van een plaats met een hoge naar een lage <\/span>concentratie<\/strong>. Gaswisseling is essentieel voor de <\/span>verbranding<\/strong> in cellen, waarbij energie vrijkomt.<\/span><\/p>\r\n<h2>Gaswisseling bij verschillende organismen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Eencelligen<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Hebben een groot <\/span>oppervlak\/volume-verhouding<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gaswisseling vindt direct plaats via het <\/span>celmembraan<\/strong>.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Wormen<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Gebruik van de <\/span>huid<\/strong> als ademhalingsorgaan.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">De huid moet vochtig zijn om diffusie mogelijk te maken.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Insecten<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Hebben een <\/span>tracheeënstelsel<\/strong>: een netwerk van fijne <\/span>luchtbuizen<\/strong> (tracheeën) die zuurstof direct naar de cellen brengen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Openingen naar buiten heten <\/span>stigma’s<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gaswisseling gebeurt rechtstreeks, het <\/span>bloed<\/strong> speelt hierbij geen rol.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Vissen<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Gaswisseling vindt plaats via de <\/span>kieuwen<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kieuwen bestaan uit <\/span>kieuwbogen<\/strong> met <\/span>kieuwplaatjes<\/strong> en <\/span>kieuwlamellen<\/strong> met veel <\/span>haarvaten<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Door het <\/span>tegenstroomprincipe<\/strong> stroomt water langs de lamellen in tegengestelde richting van het bloed → dit zorgt voor een maximaal <\/span>concentratieverschil<\/strong>, waardoor diffusie efficiënt verloopt.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Zoogdieren (mens)<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Gaswisseling vindt plaats in de <\/span>longen<\/strong>, in de <\/span>longblaasjes (alveoli)<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Elke longblaasje is omgeven door een netwerk van <\/span>haarvaten<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Zuurstof<\/strong> diffundeert vanuit de lucht in de longblaasjes naar het bloed, <\/span>koolstofdioxide<\/strong> diffundeert in omgekeerde richting.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">De <\/span>wet van Fick<\/strong> beschrijft de factoren die de snelheid van diffusie bepalen:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Groot <\/span>oppervlak<\/strong> (veel longblaasjes)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kleine <\/span>diffusieafstand<\/strong> (dunne wanden)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Groot <\/span>concentratieverschil<\/strong> tussen binnen en buiten<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<\/ul>\r\n<h2>Transport van gassen in het bloed<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Zuurstoftransport<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Gebonden aan <\/span>hemoglobine<\/strong> in <\/span>rode bloedcellen<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">In de longen bindt zuurstof aan hemoglobine → <\/span>oxyhemoglobine<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">In de weefsels laat hemoglobine zuurstof weer los, afhankelijk van de zuurstofbehoefte.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Koolstofdioxidetransport<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Voor een deel opgelost in bloedplasma.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voor een deel gebonden aan hemoglobine.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Grootste deel omgezet in <\/span>waterstofcarbonaationen (HCO\u2083\u207b)<\/strong> in de rode bloedcellen (met behulp van het enzym <\/span>koolzuuranhydrase<\/strong>).<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h2>Bescherming van de luchtwegen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De luchtwegen zijn bekleed met <\/span>slijmvlies<\/strong> en <\/span>trilhaarepitheel<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Slijm<\/strong> vangt stofdeeltjes en ziekteverwekkers.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Trilhaarcellen<\/strong> transporteren slijm naar de keelholte, waar het wordt ingeslikt.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Beschadiging (bijvoorbeeld door roken) kan leiden tot <\/span>rokershoest<\/strong> en verminderde bescherming.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Gaswisseling \u2013 opname van zuurstof en afgifte van koolstofdioxide\",\r\n \"Diffusie \u2013 verplaatsing van stoffen van hoge naar lage concentratie\",\r\n \"Trachee\u00ebnstelsel \u2013 ademhalingsstelsel van insecten met buizen en openingen (stigma\u2019s)\",\r\n \"Kieuwen \u2013 ademhalingsorganen van vissen, opgebouwd uit kieuwplaatjes en lamellen\",\r\n \"Tegenstroomprincipe \u2013 bloed en water stromen tegengesteld voor effici\u00ebnte gaswisseling\",\r\n \"Longblaasjes (alveoli) \u2013 kleine blaasjes in de longen waar gaswisseling plaatsvindt\",\r\n \"Wet van Fick \u2013 snelheid van diffusie hangt af van oppervlak, afstand en concentratieverschil\",\r\n \"Hemoglobine \u2013 eiwit in rode bloedcellen dat zuurstof bindt en transporteert\",\r\n \"Oxyhemoglobine \u2013 hemoglobine waaraan zuurstof gebonden is\",\r\n \"Koolzuuranhydrase \u2013 enzym dat CO\u2082 omzet in HCO\u2083\u207b in rode bloedcellen\",\r\n \"Slijmvlies \u2013 bekleding van luchtwegen die deeltjes opvangt\",\r\n \"Trilhaarepitheel \u2013 cellen met trilharen die slijm naar de keel verplaatsen\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Gaswisseling zorgt ervoor dat zuurstof het lichaam in komt en koolstofdioxide eruit gaat. Bij verschillende organismen gebeurt dit op hun eigen manier: eencelligen via hun celmembraan, insecten via trachee\u00ebn, vissen via kieuwen en mensen via longblaasjes. Zonder gaswisseling zouden cellen geen energie kunnen maken.\"\r\n },\r\n\r\n\r\n {\r\n id: 2,\r\n title: \"Longventilatie\",\r\n subtitle: \"Hoe in- en uitademen de longen van verse lucht voorziet.\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-17-aug-2025-16_45_24.png\", \/\/ \ud83d\udc48 vaste URL voor dit hoofdstuk\r\n summary: `\r\n<ul>\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\nLongventilatie<\/strong> is het verversen van de lucht in de <\/span>longen<\/strong> zodat de <\/span>gaswisseling<\/strong> in de <\/span>longblaasjes (alveoli)<\/strong> kan doorgaan. Bij de mens gebeurt dit door het ritmisch in- en uitademen. De bewegingen van het <\/span>middenrif<\/strong> en de <\/span>tussenribspieren<\/strong> spelen daarbij een centrale rol.<\/span><\/p>\r\n<h2>De borstholte<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De <\/span>borstholte<\/strong> wordt gevormd door de <\/span>ribben<\/strong>, <\/span>tussenribspieren<\/strong> en het <\/span>middenrif<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">De longen zijn omgeven door twee vliezen: het <\/span>longvlies<\/strong> en het <\/span>borstvlies<\/strong>, met daartussen een zeer dunne <\/span>pleuraholte<\/strong> gevuld met een beetje vocht.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Door de onderdruk in de pleuraholte bewegen de longen mee met de borstkas.<\/span><\/li>\r\n<\/ul>\r\n<h2>Ademhalingsspieren<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Middenrif<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bij inademing trekken de middenrifspieren samen → het middenrif wordt platter.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Hierdoor neemt de inhoud van de borstholte toe en daalt de druk → lucht stroomt naar binnen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Buitenste tussenribspieren<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Trekken de ribben omhoog en naar buiten.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vergroten het volume van de borstkas → lucht stroomt naar binnen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Uitademing<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Meestal passief: spieren ontspannen, borstkas en longen keren terug naar hun oorspronkelijke vorm.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij geforceerde uitademing trekken <\/span>binnenste tussenribspieren<\/strong> en <\/span>buikspieren<\/strong> samen → borstkas wordt kleiner, lucht stroomt sneller naar buiten.<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h2>Longvolumes<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Tidal volume (ademvolume)<\/strong> – hoeveelheid lucht bij normale ademhaling (ca. 0,5 liter).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vitale capaciteit<\/strong> – maximale hoeveelheid lucht die je na een diepe inademing maximaal kunt uitademen (ca. 3,5-4,5 liter).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Restvolume<\/strong> – hoeveelheid lucht die na maximale uitademing in de longen achterblijft.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Totale longcapaciteit<\/strong> = vitale capaciteit + restvolume.<\/span><\/li>\r\n<\/ul>\r\n<h2>Regulatie van de ademhaling<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De <\/span>ademhalingsfrequentie<\/strong> en diepte van de ademhaling worden geregeld door het <\/span>ademcentrum<\/strong> in de <\/span>hersenstam<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het ademcentrum reageert vooral op veranderingen in de <\/span>pCO\u2082<\/strong> (koolstofdioxidespanning) in het bloed.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Chemoreceptoren<\/strong> in de <\/span>aorta<\/strong> en <\/span>halsslagaders<\/strong> meten de pCO\u2082, pO\u2082 en pH van het bloed en sturen signalen naar het ademcentrum.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij een stijging van de pCO\u2082 neemt de ademprikkel toe → ademfrequentie en diepte nemen toe.<\/span><\/li>\r\n<\/ul>\r\n<h2>Bijzondere omstandigheden<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Hyperventilatie<\/strong> – te snel en diep ademen → pCO\u2082 daalt sterk → ademprikkel vermindert → kans op duizeligheid of flauwvallen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Caissonziekte<\/strong> – bij te snel opstijgen bij duiken ontstaan stikstofbellen in het bloed en weefsels → gevaarlijk voor het lichaam.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Hoogte<\/strong> – op grote hoogte is de zuurstofdruk lager → ademhaling versnelt om voldoende zuurstof op te nemen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Longventilatie \u2013 verversen van lucht in de longen door in- en uitademing\",\r\n \"Borstholte \u2013 ruimte waarin longen en hart liggen, omgeven door ribben en middenrif\",\r\n \"Longvlies en borstvlies \u2013 vliezen die longen en borstwand bekleden met pleuraholte ertussen\",\r\n \"Middenrif \u2013 ademhalingsspier die de borstholte vergroot bij inademing\",\r\n \"Tussenribspieren \u2013 spieren die de ribben bewegen bij ademhaling\",\r\n \"Pleura(holte) \u2013 ruimte met vocht tussen longvlies en borstvlies\",\r\n \"Tidal volume (ademvolume) \u2013 hoeveelheid lucht per gewone ademhaling\",\r\n \"Vitale capaciteit \u2013 maximale hoeveelheid lucht die kan worden verplaatst\",\r\n \"Restvolume \u2013 lucht die in de longen achterblijft na maximale uitademing\",\r\n \"Chemoreceptoren \u2013 zintuigcellen die veranderingen in pCO\u2082, pO\u2082 en pH meten\",\r\n \"Ademcentrum \u2013 regelcentrum in de hersenstam dat ademhaling aanstuurt\",\r\n \"Hyperventilatie \u2013 te snel en diep ademen waardoor pCO\u2082 daalt\",\r\n \"Caissonziekte \u2013 vorming van stikstofbellen in bloed en weefsels bij duikers\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Door in- en uitademen wordt lucht steeds ververst in de longen. Het middenrif en de tussenribspieren zorgen voor deze bewegingen. Zo kan gaswisseling in de longblaasjes doorgaan en blijft de ademhaling aangepast aan wat het lichaam nodig heeft.\"\r\n },\r\n\r\n\r\n\r\n {\r\n id: 3,\r\n title: \"De lever\",\r\n subtitle: \"Het centrum voor opslag, verwerking en ontgifting in het lichaam.\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-17-aug-2025-16_45_26.png\", \/\/ \ud83d\udc48 vaste URL voor dit hoofdstuk\r\n summary: `\r\nDe <\/span>lever<\/strong> is het grootste inwendige orgaan van het menselijk lichaam en weegt ongeveer anderhalve kilo. Het ligt rechtsboven in de buikholte, direct onder het <\/span>middenrif<\/strong>. De lever speelt een centrale rol in het <\/span>stofwisselingssysteem<\/strong> en is essentieel voor het in stand houden van het <\/span>inwendige milieu<\/strong>.<\/span><\/p>\r\nAl het bloed dat voedingsstoffen uit de <\/span>darmen<\/strong>, <\/span>maag<\/strong> en <\/span>milt<\/strong> opneemt, stroomt via de <\/span>poortader<\/strong> eerst door de lever. Hierdoor kan de lever direct invloed uitoefenen op de samenstelling van het bloed en zo zorgen voor opslag, verwerking of afbraak van stoffen.<\/span><\/p>\r\n<h2>Bouw van de lever<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De lever bestaat uit tienduizenden kleine eenheden: <\/span>leverlobjes<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">In elk leverlobje komen drie soorten vaatjes samen: een <\/span>leverslagadertje<\/strong>, een <\/span>leverpoortadertje<\/strong> en een <\/span>galgangetje<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het bloed uit de slagader (rijk aan zuurstof) en de poortader (rijk aan voedingsstoffen) stroomt langs de levercellen naar een <\/span>centrale ader<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">De levercellen (<\/span>hepatocyten<\/strong>) liggen in strengen rondom de centrale ader. Ze bevatten veel <\/span>enzymen<\/strong> die zorgen voor de omzettingen van suikers, vetten, eiwitten en gifstoffen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het gal dat door de levercellen wordt geproduceerd, stroomt via kleine kanaaltjes naar de <\/span>galblaas<\/strong>.<\/span><\/li>\r\n<\/ul>\r\n<h2>Functies van de lever<\/strong><\/h2>\r\n<h3>Opslag<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Glycogeen<\/strong> – de lever slaat glucose op in de vorm van glycogeen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vitamines<\/strong> – met name A, D, B12 en K worden in de lever opgeslagen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Mineralen<\/strong> – de lever kan <\/span>ijzer<\/strong> en <\/span>koper<\/strong> opslaan voor later gebruik.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Stofwisseling<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Koolhydraten<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Zet <\/span>glucose<\/strong> om in <\/span>glycogeen<\/strong> (glycogenese) en kan dit weer omzetten in glucose (glycogenolyse).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vormt zo nodig glucose uit vetten of aminozuren (<\/span>gluconeogenese<\/strong>).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Houdt de <\/span>bloedsuikerspiegel<\/strong> constant, ook tussen maaltijden in.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Eiwitten<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Vormt uit aminozuren andere aminozuren (transaminatie).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Overtollige stikstof uit aminozuren wordt omgezet in <\/span>ammoniak<\/strong> en daarna in <\/span>ureum<\/strong>, dat via de nieren wordt uitgescheiden.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Vetten<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Vormt <\/span>cholesterol<\/strong> en vetzuren.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Speelt een rol bij de omzetting van verzadigde in onverzadigde vetzuren.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Ontgifting<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Zet giftige stoffen om in minder schadelijke stoffen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Alcohol<\/strong> → wordt afgebroken in stappen (eerst tot aceetaldehyde, daarna tot azijnzuur).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Medicijnen<\/strong> → worden vaak in de lever onschadelijk gemaakt.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Ammoniak<\/strong> → omgezet in ureum.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Productie<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Produceert <\/span>gal<\/strong>, dat via de <\/span>galblaas<\/strong> naar de dunne darm gaat.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Galzouten<\/strong> emulgeren vetten → hierdoor kunnen <\/span>enzymen<\/strong> ze makkelijker afbreken.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Maakt belangrijke <\/span>plasma-eiwitten<\/strong> zoals <\/span>albuminen<\/strong>, die zorgen voor de <\/span>osmotische waarde<\/strong> van het bloed, en <\/span>stollingsfactoren<\/strong>.<\/span><\/li>\r\n<\/ul>\r\n<h2>Lever en het bloed<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De lever werkt als <\/span>controlecentrum<\/strong> voor het bloed:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Reguleert de <\/span>glucoseconcentratie<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Houdt de verhouding van <\/span>eiwitten<\/strong>, <\/span>vetten<\/strong> en <\/span>cholesterol<\/strong> in balans.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verwijdert oude of beschadigde rode bloedcellen (samen met de milt).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vormt het afbraakproduct <\/span>bilirubine<\/strong>, dat via de gal wordt uitgescheiden en de ontlasting zijn bruine kleur geeft.<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h2>Bijzondere processen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Katalase<\/strong> (enzym) in de lever breekt <\/span>waterstofperoxide<\/strong> af, een schadelijk bijproduct van de stofwisseling.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Afbraak van hemoglobine<\/strong>:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Rode bloedcellen gaan na ca. 120 dagen kapot.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het <\/span>ijzer<\/strong> uit hemoglobine wordt hergebruikt.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het niet-herbruikbare deel wordt omgezet in <\/span>bilirubine<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bilirubine wordt met de gal uitgescheiden.<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h2>Lever en gezondheid<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Levercirrose<\/strong>: verlittekening van leverweefsel, vaak door alcoholmisbruik of hepatitis.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Geelzucht<\/strong>: ophoping van <\/span>bilirubine<\/strong> in het bloed (bij leverziekten of afsluiting van galwegen).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Levertransplantatie<\/strong>: bij ernstig leverfalen kan een nieuwe lever levensreddend zijn.<\/span> <\/span><\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Lever \u2013 grootste stofwisselingsorgaan\",\r\n \"Leverlobje \u2013 bouwsteen van de lever met vaatjes en galgangen\",\r\n \"Hepatocyten \u2013 levercellen met veel enzymen voor stofwisseling en ontgifting\",\r\n \"Poortader \u2013 ader die voedingsstofrijk bloed naar de lever brengt\",\r\n \"Glycogeen \u2013 opslagvorm van glucose\",\r\n \"Gluconeogenese \u2013 vorming van glucose uit aminozuren of vetten\",\r\n \"Ureum \u2013 stikstofhoudend afvalproduct dat via de nieren wordt uitgescheiden\",\r\n \"Gal \u2013 vloeistof met galzouten, belangrijk bij vetvertering\",\r\n \"Galzouten \u2013 stoffen die vetten emulgeren\",\r\n \"Plasma-eiwitten \u2013 eiwitten in het bloed, gemaakt door de lever\",\r\n \"Bilirubine \u2013 afbraakproduct van hemoglobine, uitgescheiden via gal\",\r\n \"Ontgifting \u2013 onschadelijk maken van gifstoffen zoals alcohol en medicijnen\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De lever verwerkt voedingsstoffen, slaat energie en vitamines op, maakt gal en eiwitten aan en breekt schadelijke stoffen af. Ook houdt de lever de samenstelling van het bloed in balans. Het is een onmisbaar regelcentrum voor de stofwisseling.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"De nieren\",\r\n subtitle: \"Filters die het bloed zuiveren en de water- en zoutbalans regelen.\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-17-aug-2025-16_45_28.png\", \/\/ \ud83d\udc48 vaste URL voor dit hoofdstuk\r\n summary: `\r\nDe nieren<\/strong> zijn belangrijke <\/span>uitscheidingsorganen<\/strong> die samen met de <\/span>lever<\/strong>, <\/span>longen<\/strong> en <\/span>huid<\/strong> zorgen voor het verwijderen van <\/span>afvalstoffen<\/strong> en het op peil houden van het <\/span>inwendige milieu<\/strong>. De nieren regelen de samenstelling van het <\/span>bloedplasma<\/strong> en zorgen zo voor de juiste balans van <\/span>water<\/strong>, <\/span>zouten<\/strong> en <\/span>afvalstoffen<\/strong>.<\/span><\/p>\r\n <\/p>\r\n<h2>Bouw van de nieren<\/strong><\/h2>\r\n<ul>\r\n<li>De mens heeft twee nieren, die zich bevinden in de buikholte, naast de wervelkolom.<\/span><\/li>\r\n<li>Elke nier bestaat uit:<\/span> <\/span><\/li>\r\n<ul>\r\n<li>Nierschors<\/strong> – buitenste gedeelte, waar veel filtratie plaatsvindt.<\/span><\/li>\r\n<li>Niermerg<\/strong> – binnenste laag met piramidevormige structuren.<\/span><\/li>\r\n<li>Nierbekken<\/strong> – opvangruimte voor de gevormde <\/span>urine<\/strong>.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Urine wordt via de <\/span>urineleiders<\/strong> naar de <\/span>urineblaas<\/strong> gevoerd en via de <\/span>urinebuis<\/strong> afgevoerd.<\/span><\/li>\r\n<\/ul>\r\n<h2>Bouw van het nefron<\/strong><\/h2>\r\nDe functionele eenheid van de nier is het <\/span>nefron<\/strong>. Elke nier bevat ongeveer 1 miljoen nefronen.<\/span><\/p>\r\nEen nefron bestaat uit:<\/span><\/p>\r\n<ul>\r\n<li>Nierkapsel (kapsel van Bowman)<\/strong> met een <\/span>glomerulus<\/strong> (kluwen van haarvaten).<\/span><\/li>\r\n<li>Proximale tubulus<\/strong> – eerste gekronkelde buisje.<\/span><\/li>\r\n<li>Lis van Henle<\/strong> – U-vormig deel dat diep het niermerg in gaat.<\/span><\/li>\r\n<li>Distale tubulus<\/strong> – tweede gekronkelde buisje.<\/span><\/li>\r\n<li>Verzamelbuis<\/strong> – voert urine naar het nierbekken.<\/span><\/li>\r\n<\/ul>\r\n<h2>Urinevorming<\/strong><\/h2>\r\nHet proces van urinevorming kent drie stappen:<\/span><\/p>\r\n<ol>\r\n<li>Filtratie<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>In het <\/span>nierkapsel<\/strong> wordt door de hoge <\/span>bloeddruk<\/strong> plasma uit de glomerulus geperst.<\/span><\/li>\r\n<li>Hierbij ontstaat <\/span>voorurine<\/strong>, die water, zouten, glucose, aminozuren en afvalstoffen bevat, maar geen eiwitten of bloedcellen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Resorptie<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>In de <\/span>proximale tubulus<\/strong> worden nuttige stoffen (zoals glucose, aminozuren en een groot deel van het water en zouten) teruggegeven aan het bloed.<\/span><\/li>\r\n<li>Ook in de <\/span>lis van Henle<\/strong> en <\/span>distale tubulus<\/strong> vindt selectieve terugresorptie plaats.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Secretie (excretie)<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Sommige stoffen (zoals overtollige kaliumionen, waterstofionen en bepaalde afvalstoffen) worden actief vanuit het bloed in de urine uitgescheiden.<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\nHet eindproduct is <\/span>urine<\/strong>, dat vooral uit water, ureum, zouten en kleurstoffen bestaat.<\/span><\/p>\r\n<h2>Regelende functies van de nieren<\/strong><\/h2>\r\n<ul>\r\n<li>Osmoregulatie<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>De nieren houden de <\/span>osmotische waarde<\/strong> van het bloed constant.<\/span><\/li>\r\n<li>Bij teveel water → meer verdunde urine.<\/span><\/li>\r\n<li>Bij tekort aan water → geconcentreerde urine (o.a. door werking van de <\/span>lis van Henle<\/strong>).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Zuur-base-evenwicht<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>De nieren scheiden <\/span>waterstofionen<\/strong> uit en houden de pH van het bloed rond 7,4.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Hormoonproductie<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>De nieren maken <\/span>epo (erytropoëtine)<\/strong>, dat de aanmaak van rode bloedcellen stimuleert.<\/span><\/li>\r\n<li>Produceren het enzym <\/span>renine<\/strong>, dat een rol speelt bij de bloeddrukregulatie.<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h2>Samenwerking met andere organen<\/strong><\/h2>\r\n<ul>\r\n<li>De <\/span>lever<\/strong> levert ureum, dat via de nieren wordt uitgescheiden.<\/span><\/li>\r\n<li>De <\/span>longen<\/strong> verwijderen CO\u2082, maar de nieren helpen mee om het zuur-base-evenwicht te handhaven.<\/span><\/li>\r\n<li>De <\/span>huid<\/strong> en nieren werken samen in de water- en zoutuitscheiding.<\/span> <\/span><\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Nieren \u2013 organen die afvalstoffen uitscheiden en het bloed zuiveren\",\r\n \"Nefron \u2013 functionele eenheid van de nier\",\r\n \"Nierschors \u2013 buitenste laag van de nier waar filtratie plaatsvindt\",\r\n \"Niermerg \u2013 binnenste laag met piramidevormige structuren\",\r\n \"Nierbekken \u2013 ruimte die urine opvangt en doorgeeft aan de urineleiders\",\r\n \"Glomerulus \u2013 kluwen van haarvaten in het nierkapsel\",\r\n \"Voorurine \u2013 vloeistof die ontstaat bij filtratie in het nierkapsel\",\r\n \"Filtratie \u2013 uitpersen van plasma in het nierkapsel\",\r\n \"Resorptie \u2013 terugwinnen van nuttige stoffen naar het bloed\",\r\n \"Secretie (excretie) \u2013 actieve uitscheiding van stoffen in de urine\",\r\n \"Osmoregulatie \u2013 regeling van water- en zoutbalans\",\r\n \"Erytropo\u00ebtine (epo) \u2013 hormoon dat rode bloedcellen laat aanmaken\",\r\n \"Renine \u2013 enzym dat betrokken is bij bloeddrukregulatie\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De nieren filteren afvalstoffen uit het bloed en vormen urine. Ze zorgen ervoor dat water, zouten en zuren in balans blijven en maken hormonen die de bloeddruk en de aanmaak van rode bloedcellen regelen. Zo houden de nieren het bloed schoon en stabiel.\"\r\n },\r\n\r\n\r\n {\r\n id: 5,\r\n title: \"De huid\",\r\n subtitle: \"Bescherming, temperatuurregeling en zintuiglijk orgaan.\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-17-aug-2025-16_45_29.png\", \/\/ \ud83d\udc48 vaste URL voor dit hoofdstuk\r\n summary: `\r\nDe huid<\/strong> is het grootste orgaan van het menselijk lichaam en vormt de eerste barrière tussen het inwendige en de buitenwereld. De huid beschermt, regelt de <\/span>lichaamstemperatuur<\/strong> en speelt een rol bij de <\/span>uitscheiding<\/strong>.<\/span><\/p>\r\n <\/p>\r\n<h2>Bouw van de huid<\/strong><\/h2>\r\nDe huid bestaat uit drie lagen:<\/span><\/p>\r\n<ol>\r\n<li>Opperhuid<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Bestaat uit de <\/span>hoornlaag<\/strong> (dode, verhoornde <\/span>epitheelcellen<\/strong>) die bescherming biedt tegen uitdroging, beschadiging en infecties.<\/span><\/li>\r\n<li>De hoornlaag slijt voortdurend af en vernieuwt zich vanuit de <\/span>kiemlaag<\/strong>.<\/span><\/li>\r\n<li>De kiemlaag bevat <\/span>levende cellen<\/strong> die zich voortdurend delen. Pigmentcellen in deze laag beschermen tegen <\/span>uv-straling<\/strong>.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Lederhuid<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Bestaat uit <\/span>bindweefsel<\/strong> met <\/span>zintuigen<\/strong>, <\/span>zenuwen<\/strong>, <\/span>haarspiertjes<\/strong>, <\/span>bloedvaten<\/strong>, <\/span>zweetklieren<\/strong> en <\/span>talgklieren<\/strong>.<\/span><\/li>\r\n<li>Talg<\/strong> houdt de huid en haren soepel en biedt bescherming tegen bacteriën.<\/span><\/li>\r\n<li>Zweetklieren<\/strong> produceren zweet, dat bij verdamping warmte afvoert.<\/span><\/li>\r\n<li>Bloedvaten<\/strong> in de huid kunnen verwijden (warmteafgifte) of vernauwen (warmte vasthouden).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Onderhuids bindweefsel<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Bestaat voornamelijk uit <\/span>vetweefsel<\/strong>.<\/span><\/li>\r\n<li>Dient als <\/span>isolatie<\/strong>, <\/span>energieopslag<\/strong> en <\/span>bescherming<\/strong> van onderliggende organen.<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<h2>Functies van de huid<\/strong><\/h2>\r\n<ul>\r\n<li>Bescherming<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Tegen mechanische beschadiging, uitdroging, uv-straling en ziekteverwekkers.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Zintuigfunctie<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Bevat receptoren voor aanraking, druk, pijn, warmte en kou.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Temperatuurregeling<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Door <\/span>zweten<\/strong> en <\/span>bloedvatvernauwing\/verwijding<\/strong>.<\/span><\/li>\r\n<li>Wordt aangestuurd door de <\/span>hypothalamus<\/strong> via een <\/span>regelkring<\/strong>.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Uitscheiding<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Via zweet worden <\/span>water<\/strong>, <\/span>zouten<\/strong> en kleine hoeveelheden <\/span>ureum<\/strong> uitgescheiden.<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h2>Temperatuurregulatie<\/strong><\/h2>\r\n<ul>\r\n<li>Warmteafgifte<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Vaatverwijding<\/strong> in de huid → meer bloeddoorstroming → warmteverlies.<\/span><\/li>\r\n<li>Zweten<\/strong> → verdamping van water onttrekt warmte aan de huid.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Warmtebehoud<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Vaatvernauwing<\/strong> → minder bloeddoorstroming → warmte vasthouden.<\/span><\/li>\r\n<li>Rillen<\/strong> (spiertrillingen) produceren extra warmte.<\/span><\/li>\r\n<li>Hypothalamus<\/strong> ontvangt signalen van koude- en warmtezintuigen en stuurt zo de <\/span>homeostase<\/strong> van de lichaamstemperatuur aan.<\/span><\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Huid \u2013 grootste orgaan, beschermt en regelt lichaamstemperatuur\",\r\n \"Opperhuid \u2013 buitenste laag, met hoornlaag en kiemlaag\",\r\n \"Hoornlaag \u2013 dode cellen, bescherming tegen beschadiging en uitdroging\",\r\n \"Kiemlaag \u2013 levende cellen die nieuwe huidcellen vormen, bevat pigmentcellen\",\r\n \"Lederhuid \u2013 laag met zintuigen, zenuwen, haarspiertjes, bloedvaten en klieren\",\r\n \"Talgklieren \u2013 produceren talg, houden huid en haren soepel\",\r\n \"Zweetklieren \u2013 scheiden zweet uit voor temperatuurregeling en uitscheiding\",\r\n \"Onderhuids bindweefsel \u2013 vetlaag voor isolatie, opslag en bescherming\",\r\n \"Hypothalamus \u2013 regelcentrum voor lichaamstemperatuur\",\r\n \"Homeostase \u2013 het constant houden van de lichaamstemperatuur\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De huid beschermt het lichaam tegen invloeden van buitenaf, regelt de temperatuur en kan afvalstoffen uitscheiden via zweet. Daarnaast bevat de huid zintuigen voor voelen, warmte en kou. Het is een veelzijdig orgaan dat zorgt voor bescherming en balans.\"\r\n }\r\n ]\r\n };\r\n\r\n \/\/ ====== APP LOGICA ======\r\n const els = {\r\n bookTitle: document.getElementById('bookTitle'),\r\n chapterBadge: document.getElementById('chapterBadge'),\r\n chapterSub: document.getElementById('chapterSub'),\r\n pageIndicator: document.getElementById('pageIndicator'),\r\n progressBar: document.getElementById('progressBar'),\r\n chapterTitle: document.getElementById('chapterTitle'),\r\n chapterSubtitle: document.getElementById('chapterSubtitle'),\r\n summaryBody: document.getElementById('summaryBody'),\r\n termsList: document.getElementById('termsList'),\r\n moreTerms: document.getElementById('moreTerms'),\r\n tldrBody: document.getElementById('tldrBody'),\r\n chapterCounter: document.getElementById('chapterCounter'),\r\n prevBtn: document.getElementById('prevBtn'),\r\n nextBtn: document.getElementById('nextBtn'),\r\n chapterImage: document.getElementById('chapterImage'),\r\n chapterImageWrap: document.getElementById('chapterImageWrap'),\r\n };\r\n\r\n function getChapterIndexFromURL(){\r\n const url = new URL(window.location);\r\n const h = parseInt(url.searchParams.get('h') || url.hash.replace('#h=',''));\r\n const idx = isFinite(h) && h>0 ? h-1 : 0;\r\n return Math.max(0, Math.min(BOOK.chapters.length-1, idx));\r\n }\r\n\r\n let currentIndex = getChapterIndexFromURL();\r\n\r\n function updateURL(){\r\n const h = currentIndex + 1;\r\n const url = new URL(window.location);\r\n url.searchParams.set('h', String(h));\r\n history.replaceState({}, '', url);\r\n document.title = `${BOOK.title} \u2013 Basisstof ${h}`;\r\n }\r\n\r\n function render(){\r\n const total = BOOK.chapters.length;\r\n const ch = BOOK.chapters[currentIndex];\r\n\r\n els.bookTitle.textContent = BOOK.title;\r\n els.chapterBadge.textContent = `Basisstof ${ch.id}`;\r\n els.chapterSub.textContent = ch.title;\r\n\r\n els.chapterTitle.textContent = ch.title;\r\n els.chapterSubtitle.textContent = ch.subtitle || '';\r\n els.summaryBody.innerHTML = ch.summary;\r\n\r\n \/\/ Afbeelding per hoofdstuk invullen of het hele blok verbergen\r\n if (ch.image) {\r\n els.chapterImage.src = ch.image;\r\n els.chapterImage.alt = `Illustratie bij: ${ch.title}`;\r\n els.chapterImageWrap.style.display = 'block';\r\n } else {\r\n els.chapterImage.src = '';\r\n els.chapterImageWrap.style.display = 'none';\r\n }\r\n\r\n els.termsList.innerHTML = (ch.terms||[]).map(t => `<li>${t}<\/li>`).join('');\r\n els.moreTerms.href = ch.moreTermsUrl || '#';\r\n\r\n els.tldrBody.innerHTML = `${ch.tldr||''}<\/p>`;\r\n\r\n els.pageIndicator.textContent = `${ch.id} \/ ${total}`;\r\n els.chapterCounter.textContent = `Basisstof ${ch.id} van ${total}`;\r\n els.progressBar.style.width = `${(ch.id\/total)*100}%`;\r\n\r\n els.prevBtn.disabled = currentIndex === 0;\r\n els.nextBtn.disabled = currentIndex === total-1;\r\n\r\n updateURL();\r\n }\r\n\r\n function go(delta){\r\n const next = currentIndex + delta;\r\n if(next < 0 || next >= BOOK.chapters.length) return;\r\n currentIndex = next; render();\r\n \/\/ verplaats focus netjes\r\n document.getElementById('main').focus({preventScroll:true});\r\n }\r\n\r\n els.prevBtn.addEventListener('click', () => go(-1));\r\n els.nextBtn.addEventListener('click', () => go(1));\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if(e.key === 'ArrowLeft') { go(-1); }\r\n if(e.key === 'ArrowRight'){ go(1); }\r\n });\r\n\r\n \/\/ Initial render\r\n render();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Samenvatting \u2013 Boek Ga naar inhoud Titel van het boek Basisstof 1 1 \/ 1 Hoofdstuknaam Korte inleiding of doel van dit hoofdstuk. Belangrijke begrippen Meer begrippen \u2192 Kort samengevat Vorige Basisstof 1 van 1 Volgende<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[33],"class_list":["post-577","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/577","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=577"}],"version-history":[{"count":42,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/577\/revisions"}],"predecessor-version":[{"id":2841,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/577\/revisions\/2841"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=577"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Samenvatting \u2013 Boek<\/title>\r\n <meta name=\"description\" content=\"Mooie, printvriendelijke samenvattingspagina met post-it begrippen, TL;DR en boeknavigatie.\" \/>\r\n <style>\r\n \/* ====== Design tokens ====== *\/\r\n :root {\r\n --bg: #f7f7fb;\r\n --surface: #ffffff;\r\n --ink: #0b1020;\r\n --muted: #5e647a;\r\n --accent: #5b7cfa; \/* primaire accentkleur *\/\r\n --accent-2: #9a7bf9; \/* verloop voor knoppen *\/\r\n --ring: rgba(91,124,250,.35);\r\n --shadow: 0 10px 30px rgba(11,16,32,.08);\r\n --radius: 18px;\r\n --note: #fff4b1; \/* post-it geel *\/\r\n --note-ink: #3e3a17;\r\n --success: #2ecc71;\r\n --danger: #ff6b6b;\r\n }\r\n\r\n @media (prefers-color-scheme: dark) {\r\n :root {\r\n --bg: #0e1220;\r\n --surface: #151a2c;\r\n --ink: #eef1ff;\r\n --muted: #a9b0d1;\r\n --accent: #7aa2ff;\r\n --accent-2: #b690ff;\r\n --ring: rgba(122,162,255,.35);\r\n --shadow: 0 10px 30px rgba(0,0,0,.35);\r\n --note: #f6dd7b;\r\n --note-ink: #2a2610;\r\n }\r\n }\r\n\r\n \/* ====== Base ====== *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box\r\n }\r\n\r\n html, body {\r\n height: 100%\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background: radial-gradient(1200px 600px at 10% -10%, rgba(91,124,250,.08), transparent 60%), radial-gradient(1000px 700px at 120% 30%, rgba(154,123,249,.06), transparent 60%), var(--bg);\r\n color: var(--ink);\r\n font: 16px\/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\r\n }\r\n\r\n a {\r\n color: var(--accent);\r\n text-decoration: none\r\n }\r\n\r\n a:hover {\r\n text-decoration: underline\r\n }\r\n\r\n .container {\r\n max-width: 1600px;\r\n margin-inline: auto;\r\n padding: 24px;\r\n }\r\n\r\n \/* ====== Topbar \/ header ====== *\/\r\n .topbar {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n justify-content: space-between;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px\r\n }\r\n\r\n .brand .logo {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n box-shadow: var(--shadow);\r\n display: grid;\r\n place-items: center\r\n }\r\n\r\n .brand .logo svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: white\r\n }\r\n\r\n .brand h1 {\r\n font-size: clamp(18px, 3vw, 24px);\r\n margin: 0\r\n }\r\n\r\n .chapter-meta {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--muted)\r\n }\r\n\r\n .badge {\r\n background: linear-gradient(135deg, rgba(91,124,250,.15), rgba(154,123,249,.15));\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n font-weight: 600\r\n }\r\n\r\n \/* ====== Progress ====== *\/\r\n .progress-wrap {\r\n margin: 6px 0 20px 0\r\n }\r\n\r\n .progress {\r\n height: 8px;\r\n background: rgba(91,124,250,.15);\r\n border-radius: 999px;\r\n overflow: hidden\r\n }\r\n\r\n .progress > span {\r\n display: block;\r\n height: 100%;\r\n width: 0;\r\n background: linear-gradient(90deg,var(--accent),var(--accent-2));\r\n transition: width .35s ease\r\n }\r\n\r\n \/* ====== Layout ====== *\/\r\n .layout {\r\n display: grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap: 20px\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .layout {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* ====== Cards ====== *\/\r\n .card {\r\n background: var(--surface);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n position: relative\r\n }\r\n\r\n .summary {\r\n padding: 24px\r\n }\r\n\r\n .summary h2 {\r\n margin: 0 0 8px 0;\r\n font-size: clamp(22px, 3.2vw, 32px)\r\n }\r\n\r\n .summary .subtitle {\r\n color: var(--muted);\r\n margin: 0 0 18px 0\r\n }\r\n\r\n .summary p {\r\n margin: 0 0 12px 0\r\n }\r\n\r\n .summary ul, .summary ol {\r\n padding-left: 22px\r\n }\r\n\r\n .side {\r\n display: grid;\r\n gap: 20px;\r\n align-content: start\r\n }\r\n\r\n \/* ====== Post-it note (begrippen) ====== *\/\r\n .note {\r\n background: var(--note);\r\n color: var(--note-ink);\r\n border-radius: 10px;\r\n padding: 18px 18px 70px 18px; \/* extra ruimte voor knop *\/\r\n position: relative;\r\n box-shadow: 0 18px 35px rgba(0,0,0,.12);\r\n transform: rotate(-0.7deg);\r\n filter: drop-shadow(0 8px 14px rgba(0,0,0,.08));\r\n isolation: isolate;\r\n }\r\n\r\n .note::before { \/* plakband *\/\r\n content: \"\";\r\n position: absolute;\r\n top: -10px;\r\n left: 40px;\r\n width: 70px;\r\n height: 26px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.25));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.12);\r\n transform: rotate(-6deg);\r\n border-radius: 4px;\r\n }\r\n\r\n .note h3 {\r\n margin: 2px 0 8px 0;\r\n font-size: 20px\r\n }\r\n\r\n .terms {\r\n margin: 0;\r\n padding-left: 18px\r\n }\r\n\r\n .terms li {\r\n margin: 6px 0\r\n }\r\n\r\n .more-link {\r\n position: absolute;\r\n bottom: 12px;\r\n right: 12px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 10px 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n color: #fff;\r\n box-shadow: 0 10px 22px var(--ring);\r\n }\r\n\r\n .more-link:focus {\r\n outline: 3px solid var(--ring);\r\n outline-offset: 3px\r\n }\r\n\r\n \/* ====== TL;DR ====== *\/\r\n .tldr {\r\n padding: 16px 18px\r\n }\r\n\r\n .tldr h3 {\r\n margin: 0 0 8px 0;\r\n font-size: 18px\r\n }\r\n\r\n .tldr p {\r\n margin: 8px 0\r\n }\r\n\r\n \/* ====== Book navigation ====== *\/\r\n .book-nav {\r\n position: sticky;\r\n bottom: 10px;\r\n margin-top: 26px;\r\n z-index: 5;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n }\r\n\r\n .nav-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 12px 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .nav-btn svg {\r\n width: 22px;\r\n height: 22px;\r\n opacity: .9\r\n }\r\n\r\n .nav-btn:hover {\r\n outline: 3px solid var(--ring)\r\n }\r\n\r\n .nav-btn[disabled] {\r\n opacity: .5;\r\n cursor: not-allowed\r\n }\r\n\r\n .nav-info {\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n padding: 10px 14px;\r\n border-radius: 999px;\r\n color: var(--muted)\r\n }\r\n\r\n \/* ====== Helpers ====== *\/\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n }\r\n\r\n mark {\r\n background: linear-gradient(transparent 60%, rgba(91,124,250,.25) 60%)\r\n }\r\n\r\n \/* ====== Print styles ====== *\/\r\n @media print {\r\n body {\r\n background: #fff\r\n }\r\n\r\n .topbar .brand .logo {\r\n display: none\r\n }\r\n\r\n .progress-wrap, .book-nav, .note::before {\r\n display: none\r\n }\r\n\r\n .layout {\r\n grid-template-columns: 1fr .6fr\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none\r\n }\r\n }\r\n\r\n \/* ====== Hoofdstukafbeelding (boven begrippen, vaste grootte) ====== *\/\r\n .image-note {\r\n background: #fff;\r\n border-radius: 14px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,.12);\r\n padding: 12px;\r\n margin: 0;\r\n position: relative;\r\n transform: rotate(-1.2deg);\r\n width: 100%;\r\n height: 800px; \/* vaste weergavegrootte desktop *\/\r\n max-height: 800px;\r\n overflow: hidden;\r\n }\r\n\r\n .image-note img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain; \/* past binnen het kader, nooit te lang\/breed *\/\r\n border-radius: 10px;\r\n }\r\n\r\n .image-note .tape {\r\n content: \"\";\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%) rotate(-4deg);\r\n width: 80px;\r\n height: 28px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.3));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.2);\r\n border-radius: 4px;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .image-note {\r\n height: 420px;\r\n max-height: 420px;\r\n }\r\n \/* mobiel *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <a class=\"sr-only\" href=\"#main\">Ga naar inhoud<\/a>\r\n <div class=\"container\">\r\n <header class=\"topbar\">\r\n <div class=\"brand\" aria-label=\"Boekgegevens\">\r\n <div class=\"logo\" aria-hidden=\"true\">\r\n \r\n <svg viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Boekpictogram\"><path d=\"M6 2h9a3 3 0 0 1 3 3v14.5a.5.5 0 0 1-.8.4c-1.1-.8-2.5-1.1-3.9-1.1H6a2 2 0 0 0-2 2V4a2 2 0 0 1 2-2Zm0 2a0 0 0 0 0 0 0v13h7.3c1.3 0 2.6.3 3.7.9V5a1 1 0 0 0-1-1Z\" \/><\/svg>\r\n <\/div>\r\n <div>\r\n <h1 id=\"bookTitle\">Titel van het boek<\/h1>\r\n <div class=\"chapter-meta\">\r\n Basisstof 1<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chapter-meta\" aria-live=\"polite\">\r\n 1 \/ 1<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"progress-wrap\" aria-hidden=\"true\">\r\n <div class=\"progress\"><\/span><\/div>\r\n <\/div>\r\n\r\n <main id=\"main\" class=\"layout\" tabindex=\"-1\">\r\n <section class=\"card summary\" aria-labelledby=\"chapterTitle\">\r\n <h2 id=\"chapterTitle\">Hoofdstuknaam<\/h2>\r\n Korte inleiding of doel van dit hoofdstuk.<\/p>\r\n <div id=\"summaryBody\">\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <aside class=\"side\">\r\n \r\n <section class=\"image-note\" id=\"chapterImageWrap\">\r\n <img decoding=\"async\" id=\"chapterImage\" src=\"\" alt=\"Illustratie bij dit hoofdstuk\" loading=\"lazy\">\r\n <\/span>\r\n <\/section>\r\n \r\n\r\n <section class=\"note\" aria-labelledby=\"begrippenTitle\">\r\n <h3 id=\"begrippenTitle\">Belangrijke begrippen<\/h3>\r\n <ul class=\"terms\" id=\"termsList\"><\/ul>\r\n <a id=\"moreTerms\" class=\"more-link\" href=\"http:\/\/begrippen.biologiehuis.com:3000\/index.html\" target=\"_blank\" rel=\"noopener\">Meer begrippen \u2192<\/a>\r\n <\/section>\r\n\r\n <section class=\"tldr card\" aria-labelledby=\"tldrTitle\">\r\n <h3 id=\"tldrTitle\">Kort samengevat<\/h3>\r\n <div id=\"tldrBody\"><\/div>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n\r\n <nav class=\"book-nav\" aria-label=\"Hoofdstuknavigatie\">\r\n <button id=\"prevBtn\" class=\"nav-btn\" aria-label=\"Ga naar vorig hoofdstuk\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" \/><\/svg>\r\n Vorige\r\n <\/button>\r\n <div class=\"nav-info\">Basisstof 1 van 1<\/span><\/div>\r\n <button id=\"nextBtn\" class=\"nav-btn\" aria-label=\"Ga naar volgend hoofdstuk\">\r\n Volgende\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z\" \/><\/svg>\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ ====== VULLEN MET JE EIGEN DATA ======\r\n \/\/ Pas de BOOK-const aan voor jouw boek\/hoofdstukken. Je kunt dit in dezelfde file houden of later via JSON laten inladen.\r\n const BOOK = {\r\n title: \"Thema 14: Gaswisseling en uitscheiding\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n {\r\n id: 1,\r\n title: \"Gaswisseling\",\r\n subtitle: \"Hoe zuurstof en koolstofdioxide worden uitgewisseld in verschillende organismen.\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-17-aug-2025-16_45_21.png\", \/\/ \ud83d\udc48 vaste URL voor dit hoofdstuk\r\n summary: `\r\n<ul>\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\nGaswisseling<\/strong> is het proces waarbij <\/span>zuurstof (O\u2082)<\/strong> wordt opgenomen en <\/span>koolstofdioxide (CO\u2082)<\/strong> wordt afgegeven. Dit gebeurt via <\/span>diffusie<\/strong>: stoffen verplaatsen zich van een plaats met een hoge naar een lage <\/span>concentratie<\/strong>. Gaswisseling is essentieel voor de <\/span>verbranding<\/strong> in cellen, waarbij energie vrijkomt.<\/span><\/p>\r\n<h2>Gaswisseling bij verschillende organismen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Eencelligen<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Hebben een groot <\/span>oppervlak\/volume-verhouding<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gaswisseling vindt direct plaats via het <\/span>celmembraan<\/strong>.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Wormen<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Gebruik van de <\/span>huid<\/strong> als ademhalingsorgaan.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">De huid moet vochtig zijn om diffusie mogelijk te maken.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Insecten<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Hebben een <\/span>tracheeënstelsel<\/strong>: een netwerk van fijne <\/span>luchtbuizen<\/strong> (tracheeën) die zuurstof direct naar de cellen brengen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Openingen naar buiten heten <\/span>stigma’s<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gaswisseling gebeurt rechtstreeks, het <\/span>bloed<\/strong> speelt hierbij geen rol.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Vissen<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Gaswisseling vindt plaats via de <\/span>kieuwen<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kieuwen bestaan uit <\/span>kieuwbogen<\/strong> met <\/span>kieuwplaatjes<\/strong> en <\/span>kieuwlamellen<\/strong> met veel <\/span>haarvaten<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Door het <\/span>tegenstroomprincipe<\/strong> stroomt water langs de lamellen in tegengestelde richting van het bloed → dit zorgt voor een maximaal <\/span>concentratieverschil<\/strong>, waardoor diffusie efficiënt verloopt.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Zoogdieren (mens)<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Gaswisseling vindt plaats in de <\/span>longen<\/strong>, in de <\/span>longblaasjes (alveoli)<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Elke longblaasje is omgeven door een netwerk van <\/span>haarvaten<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Zuurstof<\/strong> diffundeert vanuit de lucht in de longblaasjes naar het bloed, <\/span>koolstofdioxide<\/strong> diffundeert in omgekeerde richting.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">De <\/span>wet van Fick<\/strong> beschrijft de factoren die de snelheid van diffusie bepalen:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Groot <\/span>oppervlak<\/strong> (veel longblaasjes)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kleine <\/span>diffusieafstand<\/strong> (dunne wanden)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Groot <\/span>concentratieverschil<\/strong> tussen binnen en buiten<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<\/ul>\r\n<h2>Transport van gassen in het bloed<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Zuurstoftransport<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Gebonden aan <\/span>hemoglobine<\/strong> in <\/span>rode bloedcellen<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">In de longen bindt zuurstof aan hemoglobine → <\/span>oxyhemoglobine<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">In de weefsels laat hemoglobine zuurstof weer los, afhankelijk van de zuurstofbehoefte.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Koolstofdioxidetransport<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Voor een deel opgelost in bloedplasma.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voor een deel gebonden aan hemoglobine.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Grootste deel omgezet in <\/span>waterstofcarbonaationen (HCO\u2083\u207b)<\/strong> in de rode bloedcellen (met behulp van het enzym <\/span>koolzuuranhydrase<\/strong>).<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h2>Bescherming van de luchtwegen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De luchtwegen zijn bekleed met <\/span>slijmvlies<\/strong> en <\/span>trilhaarepitheel<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Slijm<\/strong> vangt stofdeeltjes en ziekteverwekkers.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Trilhaarcellen<\/strong> transporteren slijm naar de keelholte, waar het wordt ingeslikt.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Beschadiging (bijvoorbeeld door roken) kan leiden tot <\/span>rokershoest<\/strong> en verminderde bescherming.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Gaswisseling \u2013 opname van zuurstof en afgifte van koolstofdioxide\",\r\n \"Diffusie \u2013 verplaatsing van stoffen van hoge naar lage concentratie\",\r\n \"Trachee\u00ebnstelsel \u2013 ademhalingsstelsel van insecten met buizen en openingen (stigma\u2019s)\",\r\n \"Kieuwen \u2013 ademhalingsorganen van vissen, opgebouwd uit kieuwplaatjes en lamellen\",\r\n \"Tegenstroomprincipe \u2013 bloed en water stromen tegengesteld voor effici\u00ebnte gaswisseling\",\r\n \"Longblaasjes (alveoli) \u2013 kleine blaasjes in de longen waar gaswisseling plaatsvindt\",\r\n \"Wet van Fick \u2013 snelheid van diffusie hangt af van oppervlak, afstand en concentratieverschil\",\r\n \"Hemoglobine \u2013 eiwit in rode bloedcellen dat zuurstof bindt en transporteert\",\r\n \"Oxyhemoglobine \u2013 hemoglobine waaraan zuurstof gebonden is\",\r\n \"Koolzuuranhydrase \u2013 enzym dat CO\u2082 omzet in HCO\u2083\u207b in rode bloedcellen\",\r\n \"Slijmvlies \u2013 bekleding van luchtwegen die deeltjes opvangt\",\r\n \"Trilhaarepitheel \u2013 cellen met trilharen die slijm naar de keel verplaatsen\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Gaswisseling zorgt ervoor dat zuurstof het lichaam in komt en koolstofdioxide eruit gaat. Bij verschillende organismen gebeurt dit op hun eigen manier: eencelligen via hun celmembraan, insecten via trachee\u00ebn, vissen via kieuwen en mensen via longblaasjes. Zonder gaswisseling zouden cellen geen energie kunnen maken.\"\r\n },\r\n\r\n\r\n {\r\n id: 2,\r\n title: \"Longventilatie\",\r\n subtitle: \"Hoe in- en uitademen de longen van verse lucht voorziet.\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-17-aug-2025-16_45_24.png\", \/\/ \ud83d\udc48 vaste URL voor dit hoofdstuk\r\n summary: `\r\n<ul>\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\nLongventilatie<\/strong> is het verversen van de lucht in de <\/span>longen<\/strong> zodat de <\/span>gaswisseling<\/strong> in de <\/span>longblaasjes (alveoli)<\/strong> kan doorgaan. Bij de mens gebeurt dit door het ritmisch in- en uitademen. De bewegingen van het <\/span>middenrif<\/strong> en de <\/span>tussenribspieren<\/strong> spelen daarbij een centrale rol.<\/span><\/p>\r\n<h2>De borstholte<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De <\/span>borstholte<\/strong> wordt gevormd door de <\/span>ribben<\/strong>, <\/span>tussenribspieren<\/strong> en het <\/span>middenrif<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">De longen zijn omgeven door twee vliezen: het <\/span>longvlies<\/strong> en het <\/span>borstvlies<\/strong>, met daartussen een zeer dunne <\/span>pleuraholte<\/strong> gevuld met een beetje vocht.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Door de onderdruk in de pleuraholte bewegen de longen mee met de borstkas.<\/span><\/li>\r\n<\/ul>\r\n<h2>Ademhalingsspieren<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Middenrif<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bij inademing trekken de middenrifspieren samen → het middenrif wordt platter.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Hierdoor neemt de inhoud van de borstholte toe en daalt de druk → lucht stroomt naar binnen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Buitenste tussenribspieren<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Trekken de ribben omhoog en naar buiten.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vergroten het volume van de borstkas → lucht stroomt naar binnen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Uitademing<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Meestal passief: spieren ontspannen, borstkas en longen keren terug naar hun oorspronkelijke vorm.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij geforceerde uitademing trekken <\/span>binnenste tussenribspieren<\/strong> en <\/span>buikspieren<\/strong> samen → borstkas wordt kleiner, lucht stroomt sneller naar buiten.<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h2>Longvolumes<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Tidal volume (ademvolume)<\/strong> – hoeveelheid lucht bij normale ademhaling (ca. 0,5 liter).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vitale capaciteit<\/strong> – maximale hoeveelheid lucht die je na een diepe inademing maximaal kunt uitademen (ca. 3,5-4,5 liter).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Restvolume<\/strong> – hoeveelheid lucht die na maximale uitademing in de longen achterblijft.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Totale longcapaciteit<\/strong> = vitale capaciteit + restvolume.<\/span><\/li>\r\n<\/ul>\r\n<h2>Regulatie van de ademhaling<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De <\/span>ademhalingsfrequentie<\/strong> en diepte van de ademhaling worden geregeld door het <\/span>ademcentrum<\/strong> in de <\/span>hersenstam<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het ademcentrum reageert vooral op veranderingen in de <\/span>pCO\u2082<\/strong> (koolstofdioxidespanning) in het bloed.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Chemoreceptoren<\/strong> in de <\/span>aorta<\/strong> en <\/span>halsslagaders<\/strong> meten de pCO\u2082, pO\u2082 en pH van het bloed en sturen signalen naar het ademcentrum.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij een stijging van de pCO\u2082 neemt de ademprikkel toe → ademfrequentie en diepte nemen toe.<\/span><\/li>\r\n<\/ul>\r\n<h2>Bijzondere omstandigheden<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Hyperventilatie<\/strong> – te snel en diep ademen → pCO\u2082 daalt sterk → ademprikkel vermindert → kans op duizeligheid of flauwvallen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Caissonziekte<\/strong> – bij te snel opstijgen bij duiken ontstaan stikstofbellen in het bloed en weefsels → gevaarlijk voor het lichaam.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Hoogte<\/strong> – op grote hoogte is de zuurstofdruk lager → ademhaling versnelt om voldoende zuurstof op te nemen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Longventilatie \u2013 verversen van lucht in de longen door in- en uitademing\",\r\n \"Borstholte \u2013 ruimte waarin longen en hart liggen, omgeven door ribben en middenrif\",\r\n \"Longvlies en borstvlies \u2013 vliezen die longen en borstwand bekleden met pleuraholte ertussen\",\r\n \"Middenrif \u2013 ademhalingsspier die de borstholte vergroot bij inademing\",\r\n \"Tussenribspieren \u2013 spieren die de ribben bewegen bij ademhaling\",\r\n \"Pleura(holte) \u2013 ruimte met vocht tussen longvlies en borstvlies\",\r\n \"Tidal volume (ademvolume) \u2013 hoeveelheid lucht per gewone ademhaling\",\r\n \"Vitale capaciteit \u2013 maximale hoeveelheid lucht die kan worden verplaatst\",\r\n \"Restvolume \u2013 lucht die in de longen achterblijft na maximale uitademing\",\r\n \"Chemoreceptoren \u2013 zintuigcellen die veranderingen in pCO\u2082, pO\u2082 en pH meten\",\r\n \"Ademcentrum \u2013 regelcentrum in de hersenstam dat ademhaling aanstuurt\",\r\n \"Hyperventilatie \u2013 te snel en diep ademen waardoor pCO\u2082 daalt\",\r\n \"Caissonziekte \u2013 vorming van stikstofbellen in bloed en weefsels bij duikers\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Door in- en uitademen wordt lucht steeds ververst in de longen. Het middenrif en de tussenribspieren zorgen voor deze bewegingen. Zo kan gaswisseling in de longblaasjes doorgaan en blijft de ademhaling aangepast aan wat het lichaam nodig heeft.\"\r\n },\r\n\r\n\r\n\r\n {\r\n id: 3,\r\n title: \"De lever\",\r\n subtitle: \"Het centrum voor opslag, verwerking en ontgifting in het lichaam.\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-17-aug-2025-16_45_26.png\", \/\/ \ud83d\udc48 vaste URL voor dit hoofdstuk\r\n summary: `\r\nDe <\/span>lever<\/strong> is het grootste inwendige orgaan van het menselijk lichaam en weegt ongeveer anderhalve kilo. Het ligt rechtsboven in de buikholte, direct onder het <\/span>middenrif<\/strong>. De lever speelt een centrale rol in het <\/span>stofwisselingssysteem<\/strong> en is essentieel voor het in stand houden van het <\/span>inwendige milieu<\/strong>.<\/span><\/p>\r\nAl het bloed dat voedingsstoffen uit de <\/span>darmen<\/strong>, <\/span>maag<\/strong> en <\/span>milt<\/strong> opneemt, stroomt via de <\/span>poortader<\/strong> eerst door de lever. Hierdoor kan de lever direct invloed uitoefenen op de samenstelling van het bloed en zo zorgen voor opslag, verwerking of afbraak van stoffen.<\/span><\/p>\r\n<h2>Bouw van de lever<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De lever bestaat uit tienduizenden kleine eenheden: <\/span>leverlobjes<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">In elk leverlobje komen drie soorten vaatjes samen: een <\/span>leverslagadertje<\/strong>, een <\/span>leverpoortadertje<\/strong> en een <\/span>galgangetje<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het bloed uit de slagader (rijk aan zuurstof) en de poortader (rijk aan voedingsstoffen) stroomt langs de levercellen naar een <\/span>centrale ader<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">De levercellen (<\/span>hepatocyten<\/strong>) liggen in strengen rondom de centrale ader. Ze bevatten veel <\/span>enzymen<\/strong> die zorgen voor de omzettingen van suikers, vetten, eiwitten en gifstoffen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het gal dat door de levercellen wordt geproduceerd, stroomt via kleine kanaaltjes naar de <\/span>galblaas<\/strong>.<\/span><\/li>\r\n<\/ul>\r\n<h2>Functies van de lever<\/strong><\/h2>\r\n<h3>Opslag<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Glycogeen<\/strong> – de lever slaat glucose op in de vorm van glycogeen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vitamines<\/strong> – met name A, D, B12 en K worden in de lever opgeslagen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Mineralen<\/strong> – de lever kan <\/span>ijzer<\/strong> en <\/span>koper<\/strong> opslaan voor later gebruik.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Stofwisseling<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Koolhydraten<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Zet <\/span>glucose<\/strong> om in <\/span>glycogeen<\/strong> (glycogenese) en kan dit weer omzetten in glucose (glycogenolyse).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vormt zo nodig glucose uit vetten of aminozuren (<\/span>gluconeogenese<\/strong>).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Houdt de <\/span>bloedsuikerspiegel<\/strong> constant, ook tussen maaltijden in.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Eiwitten<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Vormt uit aminozuren andere aminozuren (transaminatie).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Overtollige stikstof uit aminozuren wordt omgezet in <\/span>ammoniak<\/strong> en daarna in <\/span>ureum<\/strong>, dat via de nieren wordt uitgescheiden.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Vetten<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Vormt <\/span>cholesterol<\/strong> en vetzuren.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Speelt een rol bij de omzetting van verzadigde in onverzadigde vetzuren.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Ontgifting<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Zet giftige stoffen om in minder schadelijke stoffen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Alcohol<\/strong> → wordt afgebroken in stappen (eerst tot aceetaldehyde, daarna tot azijnzuur).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Medicijnen<\/strong> → worden vaak in de lever onschadelijk gemaakt.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Ammoniak<\/strong> → omgezet in ureum.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Productie<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Produceert <\/span>gal<\/strong>, dat via de <\/span>galblaas<\/strong> naar de dunne darm gaat.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Galzouten<\/strong> emulgeren vetten → hierdoor kunnen <\/span>enzymen<\/strong> ze makkelijker afbreken.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Maakt belangrijke <\/span>plasma-eiwitten<\/strong> zoals <\/span>albuminen<\/strong>, die zorgen voor de <\/span>osmotische waarde<\/strong> van het bloed, en <\/span>stollingsfactoren<\/strong>.<\/span><\/li>\r\n<\/ul>\r\n<h2>Lever en het bloed<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De lever werkt als <\/span>controlecentrum<\/strong> voor het bloed:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Reguleert de <\/span>glucoseconcentratie<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Houdt de verhouding van <\/span>eiwitten<\/strong>, <\/span>vetten<\/strong> en <\/span>cholesterol<\/strong> in balans.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verwijdert oude of beschadigde rode bloedcellen (samen met de milt).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vormt het afbraakproduct <\/span>bilirubine<\/strong>, dat via de gal wordt uitgescheiden en de ontlasting zijn bruine kleur geeft.<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h2>Bijzondere processen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Katalase<\/strong> (enzym) in de lever breekt <\/span>waterstofperoxide<\/strong> af, een schadelijk bijproduct van de stofwisseling.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Afbraak van hemoglobine<\/strong>:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Rode bloedcellen gaan na ca. 120 dagen kapot.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het <\/span>ijzer<\/strong> uit hemoglobine wordt hergebruikt.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het niet-herbruikbare deel wordt omgezet in <\/span>bilirubine<\/strong>.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bilirubine wordt met de gal uitgescheiden.<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h2>Lever en gezondheid<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Levercirrose<\/strong>: verlittekening van leverweefsel, vaak door alcoholmisbruik of hepatitis.<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Geelzucht<\/strong>: ophoping van <\/span>bilirubine<\/strong> in het bloed (bij leverziekten of afsluiting van galwegen).<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Levertransplantatie<\/strong>: bij ernstig leverfalen kan een nieuwe lever levensreddend zijn.<\/span> <\/span><\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Lever \u2013 grootste stofwisselingsorgaan\",\r\n \"Leverlobje \u2013 bouwsteen van de lever met vaatjes en galgangen\",\r\n \"Hepatocyten \u2013 levercellen met veel enzymen voor stofwisseling en ontgifting\",\r\n \"Poortader \u2013 ader die voedingsstofrijk bloed naar de lever brengt\",\r\n \"Glycogeen \u2013 opslagvorm van glucose\",\r\n \"Gluconeogenese \u2013 vorming van glucose uit aminozuren of vetten\",\r\n \"Ureum \u2013 stikstofhoudend afvalproduct dat via de nieren wordt uitgescheiden\",\r\n \"Gal \u2013 vloeistof met galzouten, belangrijk bij vetvertering\",\r\n \"Galzouten \u2013 stoffen die vetten emulgeren\",\r\n \"Plasma-eiwitten \u2013 eiwitten in het bloed, gemaakt door de lever\",\r\n \"Bilirubine \u2013 afbraakproduct van hemoglobine, uitgescheiden via gal\",\r\n \"Ontgifting \u2013 onschadelijk maken van gifstoffen zoals alcohol en medicijnen\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De lever verwerkt voedingsstoffen, slaat energie en vitamines op, maakt gal en eiwitten aan en breekt schadelijke stoffen af. Ook houdt de lever de samenstelling van het bloed in balans. Het is een onmisbaar regelcentrum voor de stofwisseling.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"De nieren\",\r\n subtitle: \"Filters die het bloed zuiveren en de water- en zoutbalans regelen.\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-17-aug-2025-16_45_28.png\", \/\/ \ud83d\udc48 vaste URL voor dit hoofdstuk\r\n summary: `\r\nDe nieren<\/strong> zijn belangrijke <\/span>uitscheidingsorganen<\/strong> die samen met de <\/span>lever<\/strong>, <\/span>longen<\/strong> en <\/span>huid<\/strong> zorgen voor het verwijderen van <\/span>afvalstoffen<\/strong> en het op peil houden van het <\/span>inwendige milieu<\/strong>. De nieren regelen de samenstelling van het <\/span>bloedplasma<\/strong> en zorgen zo voor de juiste balans van <\/span>water<\/strong>, <\/span>zouten<\/strong> en <\/span>afvalstoffen<\/strong>.<\/span><\/p>\r\n <\/p>\r\n<h2>Bouw van de nieren<\/strong><\/h2>\r\n<ul>\r\n<li>De mens heeft twee nieren, die zich bevinden in de buikholte, naast de wervelkolom.<\/span><\/li>\r\n<li>Elke nier bestaat uit:<\/span> <\/span><\/li>\r\n<ul>\r\n<li>Nierschors<\/strong> – buitenste gedeelte, waar veel filtratie plaatsvindt.<\/span><\/li>\r\n<li>Niermerg<\/strong> – binnenste laag met piramidevormige structuren.<\/span><\/li>\r\n<li>Nierbekken<\/strong> – opvangruimte voor de gevormde <\/span>urine<\/strong>.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Urine wordt via de <\/span>urineleiders<\/strong> naar de <\/span>urineblaas<\/strong> gevoerd en via de <\/span>urinebuis<\/strong> afgevoerd.<\/span><\/li>\r\n<\/ul>\r\n<h2>Bouw van het nefron<\/strong><\/h2>\r\nDe functionele eenheid van de nier is het <\/span>nefron<\/strong>. Elke nier bevat ongeveer 1 miljoen nefronen.<\/span><\/p>\r\nEen nefron bestaat uit:<\/span><\/p>\r\n<ul>\r\n<li>Nierkapsel (kapsel van Bowman)<\/strong> met een <\/span>glomerulus<\/strong> (kluwen van haarvaten).<\/span><\/li>\r\n<li>Proximale tubulus<\/strong> – eerste gekronkelde buisje.<\/span><\/li>\r\n<li>Lis van Henle<\/strong> – U-vormig deel dat diep het niermerg in gaat.<\/span><\/li>\r\n<li>Distale tubulus<\/strong> – tweede gekronkelde buisje.<\/span><\/li>\r\n<li>Verzamelbuis<\/strong> – voert urine naar het nierbekken.<\/span><\/li>\r\n<\/ul>\r\n<h2>Urinevorming<\/strong><\/h2>\r\nHet proces van urinevorming kent drie stappen:<\/span><\/p>\r\n<ol>\r\n<li>Filtratie<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>In het <\/span>nierkapsel<\/strong> wordt door de hoge <\/span>bloeddruk<\/strong> plasma uit de glomerulus geperst.<\/span><\/li>\r\n<li>Hierbij ontstaat <\/span>voorurine<\/strong>, die water, zouten, glucose, aminozuren en afvalstoffen bevat, maar geen eiwitten of bloedcellen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Resorptie<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>In de <\/span>proximale tubulus<\/strong> worden nuttige stoffen (zoals glucose, aminozuren en een groot deel van het water en zouten) teruggegeven aan het bloed.<\/span><\/li>\r\n<li>Ook in de <\/span>lis van Henle<\/strong> en <\/span>distale tubulus<\/strong> vindt selectieve terugresorptie plaats.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Secretie (excretie)<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Sommige stoffen (zoals overtollige kaliumionen, waterstofionen en bepaalde afvalstoffen) worden actief vanuit het bloed in de urine uitgescheiden.<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\nHet eindproduct is <\/span>urine<\/strong>, dat vooral uit water, ureum, zouten en kleurstoffen bestaat.<\/span><\/p>\r\n<h2>Regelende functies van de nieren<\/strong><\/h2>\r\n<ul>\r\n<li>Osmoregulatie<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>De nieren houden de <\/span>osmotische waarde<\/strong> van het bloed constant.<\/span><\/li>\r\n<li>Bij teveel water → meer verdunde urine.<\/span><\/li>\r\n<li>Bij tekort aan water → geconcentreerde urine (o.a. door werking van de <\/span>lis van Henle<\/strong>).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Zuur-base-evenwicht<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>De nieren scheiden <\/span>waterstofionen<\/strong> uit en houden de pH van het bloed rond 7,4.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Hormoonproductie<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>De nieren maken <\/span>epo (erytropoëtine)<\/strong>, dat de aanmaak van rode bloedcellen stimuleert.<\/span><\/li>\r\n<li>Produceren het enzym <\/span>renine<\/strong>, dat een rol speelt bij de bloeddrukregulatie.<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h2>Samenwerking met andere organen<\/strong><\/h2>\r\n<ul>\r\n<li>De <\/span>lever<\/strong> levert ureum, dat via de nieren wordt uitgescheiden.<\/span><\/li>\r\n<li>De <\/span>longen<\/strong> verwijderen CO\u2082, maar de nieren helpen mee om het zuur-base-evenwicht te handhaven.<\/span><\/li>\r\n<li>De <\/span>huid<\/strong> en nieren werken samen in de water- en zoutuitscheiding.<\/span> <\/span><\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Nieren \u2013 organen die afvalstoffen uitscheiden en het bloed zuiveren\",\r\n \"Nefron \u2013 functionele eenheid van de nier\",\r\n \"Nierschors \u2013 buitenste laag van de nier waar filtratie plaatsvindt\",\r\n \"Niermerg \u2013 binnenste laag met piramidevormige structuren\",\r\n \"Nierbekken \u2013 ruimte die urine opvangt en doorgeeft aan de urineleiders\",\r\n \"Glomerulus \u2013 kluwen van haarvaten in het nierkapsel\",\r\n \"Voorurine \u2013 vloeistof die ontstaat bij filtratie in het nierkapsel\",\r\n \"Filtratie \u2013 uitpersen van plasma in het nierkapsel\",\r\n \"Resorptie \u2013 terugwinnen van nuttige stoffen naar het bloed\",\r\n \"Secretie (excretie) \u2013 actieve uitscheiding van stoffen in de urine\",\r\n \"Osmoregulatie \u2013 regeling van water- en zoutbalans\",\r\n \"Erytropo\u00ebtine (epo) \u2013 hormoon dat rode bloedcellen laat aanmaken\",\r\n \"Renine \u2013 enzym dat betrokken is bij bloeddrukregulatie\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De nieren filteren afvalstoffen uit het bloed en vormen urine. Ze zorgen ervoor dat water, zouten en zuren in balans blijven en maken hormonen die de bloeddruk en de aanmaak van rode bloedcellen regelen. Zo houden de nieren het bloed schoon en stabiel.\"\r\n },\r\n\r\n\r\n {\r\n id: 5,\r\n title: \"De huid\",\r\n subtitle: \"Bescherming, temperatuurregeling en zintuiglijk orgaan.\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-17-aug-2025-16_45_29.png\", \/\/ \ud83d\udc48 vaste URL voor dit hoofdstuk\r\n summary: `\r\nDe huid<\/strong> is het grootste orgaan van het menselijk lichaam en vormt de eerste barrière tussen het inwendige en de buitenwereld. De huid beschermt, regelt de <\/span>lichaamstemperatuur<\/strong> en speelt een rol bij de <\/span>uitscheiding<\/strong>.<\/span><\/p>\r\n <\/p>\r\n<h2>Bouw van de huid<\/strong><\/h2>\r\nDe huid bestaat uit drie lagen:<\/span><\/p>\r\n<ol>\r\n<li>Opperhuid<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Bestaat uit de <\/span>hoornlaag<\/strong> (dode, verhoornde <\/span>epitheelcellen<\/strong>) die bescherming biedt tegen uitdroging, beschadiging en infecties.<\/span><\/li>\r\n<li>De hoornlaag slijt voortdurend af en vernieuwt zich vanuit de <\/span>kiemlaag<\/strong>.<\/span><\/li>\r\n<li>De kiemlaag bevat <\/span>levende cellen<\/strong> die zich voortdurend delen. Pigmentcellen in deze laag beschermen tegen <\/span>uv-straling<\/strong>.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Lederhuid<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Bestaat uit <\/span>bindweefsel<\/strong> met <\/span>zintuigen<\/strong>, <\/span>zenuwen<\/strong>, <\/span>haarspiertjes<\/strong>, <\/span>bloedvaten<\/strong>, <\/span>zweetklieren<\/strong> en <\/span>talgklieren<\/strong>.<\/span><\/li>\r\n<li>Talg<\/strong> houdt de huid en haren soepel en biedt bescherming tegen bacteriën.<\/span><\/li>\r\n<li>Zweetklieren<\/strong> produceren zweet, dat bij verdamping warmte afvoert.<\/span><\/li>\r\n<li>Bloedvaten<\/strong> in de huid kunnen verwijden (warmteafgifte) of vernauwen (warmte vasthouden).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Onderhuids bindweefsel<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Bestaat voornamelijk uit <\/span>vetweefsel<\/strong>.<\/span><\/li>\r\n<li>Dient als <\/span>isolatie<\/strong>, <\/span>energieopslag<\/strong> en <\/span>bescherming<\/strong> van onderliggende organen.<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<h2>Functies van de huid<\/strong><\/h2>\r\n<ul>\r\n<li>Bescherming<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Tegen mechanische beschadiging, uitdroging, uv-straling en ziekteverwekkers.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Zintuigfunctie<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Bevat receptoren voor aanraking, druk, pijn, warmte en kou.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Temperatuurregeling<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Door <\/span>zweten<\/strong> en <\/span>bloedvatvernauwing\/verwijding<\/strong>.<\/span><\/li>\r\n<li>Wordt aangestuurd door de <\/span>hypothalamus<\/strong> via een <\/span>regelkring<\/strong>.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Uitscheiding<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Via zweet worden <\/span>water<\/strong>, <\/span>zouten<\/strong> en kleine hoeveelheden <\/span>ureum<\/strong> uitgescheiden.<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h2>Temperatuurregulatie<\/strong><\/h2>\r\n<ul>\r\n<li>Warmteafgifte<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Vaatverwijding<\/strong> in de huid → meer bloeddoorstroming → warmteverlies.<\/span><\/li>\r\n<li>Zweten<\/strong> → verdamping van water onttrekt warmte aan de huid.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li>Warmtebehoud<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li>Vaatvernauwing<\/strong> → minder bloeddoorstroming → warmte vasthouden.<\/span><\/li>\r\n<li>Rillen<\/strong> (spiertrillingen) produceren extra warmte.<\/span><\/li>\r\n<li>Hypothalamus<\/strong> ontvangt signalen van koude- en warmtezintuigen en stuurt zo de <\/span>homeostase<\/strong> van de lichaamstemperatuur aan.<\/span><\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Huid \u2013 grootste orgaan, beschermt en regelt lichaamstemperatuur\",\r\n \"Opperhuid \u2013 buitenste laag, met hoornlaag en kiemlaag\",\r\n \"Hoornlaag \u2013 dode cellen, bescherming tegen beschadiging en uitdroging\",\r\n \"Kiemlaag \u2013 levende cellen die nieuwe huidcellen vormen, bevat pigmentcellen\",\r\n \"Lederhuid \u2013 laag met zintuigen, zenuwen, haarspiertjes, bloedvaten en klieren\",\r\n \"Talgklieren \u2013 produceren talg, houden huid en haren soepel\",\r\n \"Zweetklieren \u2013 scheiden zweet uit voor temperatuurregeling en uitscheiding\",\r\n \"Onderhuids bindweefsel \u2013 vetlaag voor isolatie, opslag en bescherming\",\r\n \"Hypothalamus \u2013 regelcentrum voor lichaamstemperatuur\",\r\n \"Homeostase \u2013 het constant houden van de lichaamstemperatuur\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De huid beschermt het lichaam tegen invloeden van buitenaf, regelt de temperatuur en kan afvalstoffen uitscheiden via zweet. Daarnaast bevat de huid zintuigen voor voelen, warmte en kou. Het is een veelzijdig orgaan dat zorgt voor bescherming en balans.\"\r\n }\r\n ]\r\n };\r\n\r\n \/\/ ====== APP LOGICA ======\r\n const els = {\r\n bookTitle: document.getElementById('bookTitle'),\r\n chapterBadge: document.getElementById('chapterBadge'),\r\n chapterSub: document.getElementById('chapterSub'),\r\n pageIndicator: document.getElementById('pageIndicator'),\r\n progressBar: document.getElementById('progressBar'),\r\n chapterTitle: document.getElementById('chapterTitle'),\r\n chapterSubtitle: document.getElementById('chapterSubtitle'),\r\n summaryBody: document.getElementById('summaryBody'),\r\n termsList: document.getElementById('termsList'),\r\n moreTerms: document.getElementById('moreTerms'),\r\n tldrBody: document.getElementById('tldrBody'),\r\n chapterCounter: document.getElementById('chapterCounter'),\r\n prevBtn: document.getElementById('prevBtn'),\r\n nextBtn: document.getElementById('nextBtn'),\r\n chapterImage: document.getElementById('chapterImage'),\r\n chapterImageWrap: document.getElementById('chapterImageWrap'),\r\n };\r\n\r\n function getChapterIndexFromURL(){\r\n const url = new URL(window.location);\r\n const h = parseInt(url.searchParams.get('h') || url.hash.replace('#h=',''));\r\n const idx = isFinite(h) && h>0 ? h-1 : 0;\r\n return Math.max(0, Math.min(BOOK.chapters.length-1, idx));\r\n }\r\n\r\n let currentIndex = getChapterIndexFromURL();\r\n\r\n function updateURL(){\r\n const h = currentIndex + 1;\r\n const url = new URL(window.location);\r\n url.searchParams.set('h', String(h));\r\n history.replaceState({}, '', url);\r\n document.title = `${BOOK.title} \u2013 Basisstof ${h}`;\r\n }\r\n\r\n function render(){\r\n const total = BOOK.chapters.length;\r\n const ch = BOOK.chapters[currentIndex];\r\n\r\n els.bookTitle.textContent = BOOK.title;\r\n els.chapterBadge.textContent = `Basisstof ${ch.id}`;\r\n els.chapterSub.textContent = ch.title;\r\n\r\n els.chapterTitle.textContent = ch.title;\r\n els.chapterSubtitle.textContent = ch.subtitle || '';\r\n els.summaryBody.innerHTML = ch.summary;\r\n\r\n \/\/ Afbeelding per hoofdstuk invullen of het hele blok verbergen\r\n if (ch.image) {\r\n els.chapterImage.src = ch.image;\r\n els.chapterImage.alt = `Illustratie bij: ${ch.title}`;\r\n els.chapterImageWrap.style.display = 'block';\r\n } else {\r\n els.chapterImage.src = '';\r\n els.chapterImageWrap.style.display = 'none';\r\n }\r\n\r\n els.termsList.innerHTML = (ch.terms||[]).map(t => `<li>${t}<\/li>`).join('');\r\n els.moreTerms.href = ch.moreTermsUrl || '#';\r\n\r\n els.tldrBody.innerHTML = `${ch.tldr||''}<\/p>`;\r\n\r\n els.pageIndicator.textContent = `${ch.id} \/ ${total}`;\r\n els.chapterCounter.textContent = `Basisstof ${ch.id} van ${total}`;\r\n els.progressBar.style.width = `${(ch.id\/total)*100}%`;\r\n\r\n els.prevBtn.disabled = currentIndex === 0;\r\n els.nextBtn.disabled = currentIndex === total-1;\r\n\r\n updateURL();\r\n }\r\n\r\n function go(delta){\r\n const next = currentIndex + delta;\r\n if(next < 0 || next >= BOOK.chapters.length) return;\r\n currentIndex = next; render();\r\n \/\/ verplaats focus netjes\r\n document.getElementById('main').focus({preventScroll:true});\r\n }\r\n\r\n els.prevBtn.addEventListener('click', () => go(-1));\r\n els.nextBtn.addEventListener('click', () => go(1));\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if(e.key === 'ArrowLeft') { go(-1); }\r\n if(e.key === 'ArrowRight'){ go(1); }\r\n });\r\n\r\n \/\/ Initial render\r\n render();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Samenvatting \u2013 Boek Ga naar inhoud Titel van het boek Basisstof 1 1 \/ 1 Hoofdstuknaam Korte inleiding of doel van dit hoofdstuk. Belangrijke begrippen Meer begrippen \u2192 Kort samengevat Vorige Basisstof 1 van 1 Volgende<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[33],"class_list":["post-577","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/577","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=577"}],"version-history":[{"count":42,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/577\/revisions"}],"predecessor-version":[{"id":2841,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/577\/revisions\/2841"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=577"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}