Samenvatting \u2013 Boek<\/title>\r\n <meta name=\"description\" content=\"Mooie, printvriendelijke samenvattingspagina met post-it begrippen, TL;DR en boeknavigatie.\" \/>\r\n <style>\r\n \/* ====== Design tokens ====== *\/\r\n :root {\r\n --bg: #f7f7fb;\r\n --surface: #ffffff;\r\n --ink: #0b1020;\r\n --muted: #5e647a;\r\n --accent: #5b7cfa; \/* primaire accentkleur *\/\r\n --accent-2: #9a7bf9; \/* verloop voor knoppen *\/\r\n --ring: rgba(91,124,250,.35);\r\n --shadow: 0 10px 30px rgba(11,16,32,.08);\r\n --radius: 18px;\r\n --note: #fff4b1; \/* post-it geel *\/\r\n --note-ink: #3e3a17;\r\n --success: #2ecc71;\r\n --danger: #ff6b6b;\r\n }\r\n\r\n @media (prefers-color-scheme: dark) {\r\n :root {\r\n --bg: #0e1220;\r\n --surface: #151a2c;\r\n --ink: #eef1ff;\r\n --muted: #a9b0d1;\r\n --accent: #7aa2ff;\r\n --accent-2: #b690ff;\r\n --ring: rgba(122,162,255,.35);\r\n --shadow: 0 10px 30px rgba(0,0,0,.35);\r\n --note: #f6dd7b;\r\n --note-ink: #2a2610;\r\n }\r\n }\r\n\r\n \/* ====== Base ====== *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box\r\n }\r\n\r\n html, body {\r\n height: 100%\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background: radial-gradient(1200px 600px at 10% -10%, rgba(91,124,250,.08), transparent 60%), radial-gradient(1000px 700px at 120% 30%, rgba(154,123,249,.06), transparent 60%), var(--bg);\r\n color: var(--ink);\r\n font: 16px\/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\r\n }\r\n\r\n a {\r\n color: var(--accent);\r\n text-decoration: none\r\n }\r\n\r\n a:hover {\r\n text-decoration: underline\r\n }\r\n\r\n .container {\r\n max-width: 1600px;\r\n margin-inline: auto;\r\n padding: 24px;\r\n }\r\n\r\n \/* ====== Topbar \/ header ====== *\/\r\n .topbar {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n justify-content: space-between;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px\r\n }\r\n\r\n .brand .logo {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n box-shadow: var(--shadow);\r\n display: grid;\r\n place-items: center\r\n }\r\n\r\n .brand .logo svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: white\r\n }\r\n\r\n .brand h1 {\r\n font-size: clamp(18px, 3vw, 24px);\r\n margin: 0\r\n }\r\n\r\n .chapter-meta {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--muted)\r\n }\r\n\r\n .badge {\r\n background: linear-gradient(135deg, rgba(91,124,250,.15), rgba(154,123,249,.15));\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n font-weight: 600\r\n }\r\n\r\n \/* ====== Progress ====== *\/\r\n .progress-wrap {\r\n margin: 6px 0 20px 0\r\n }\r\n\r\n .progress {\r\n height: 8px;\r\n background: rgba(91,124,250,.15);\r\n border-radius: 999px;\r\n overflow: hidden\r\n }\r\n\r\n .progress > span {\r\n display: block;\r\n height: 100%;\r\n width: 0;\r\n background: linear-gradient(90deg,var(--accent),var(--accent-2));\r\n transition: width .35s ease\r\n }\r\n\r\n \/* ====== Layout ====== *\/\r\n .layout {\r\n display: grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap: 20px\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .layout {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* ====== Cards ====== *\/\r\n .card {\r\n background: var(--surface);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n position: relative\r\n }\r\n\r\n .summary {\r\n padding: 24px\r\n }\r\n\r\n .summary h2 {\r\n margin: 0 0 8px 0;\r\n font-size: clamp(22px, 3.2vw, 32px)\r\n }\r\n\r\n .summary .subtitle {\r\n color: var(--muted);\r\n margin: 0 0 18px 0\r\n }\r\n\r\n .summary p {\r\n margin: 0 0 12px 0\r\n }\r\n\r\n .summary ul, .summary ol {\r\n padding-left: 22px\r\n }\r\n\r\n .side {\r\n display: grid;\r\n gap: 20px;\r\n align-content: start\r\n }\r\n\r\n \/* ====== Post-it note (begrippen) ====== *\/\r\n .note {\r\n background: var(--note);\r\n color: var(--note-ink);\r\n border-radius: 10px;\r\n padding: 18px 18px 70px 18px; \/* extra ruimte voor knop *\/\r\n position: relative;\r\n box-shadow: 0 18px 35px rgba(0,0,0,.12);\r\n transform: rotate(-0.7deg);\r\n filter: drop-shadow(0 8px 14px rgba(0,0,0,.08));\r\n isolation: isolate;\r\n }\r\n\r\n .note::before { \/* plakband *\/\r\n content: \"\";\r\n position: absolute;\r\n top: -10px;\r\n left: 40px;\r\n width: 70px;\r\n height: 26px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.25));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.12);\r\n transform: rotate(-6deg);\r\n border-radius: 4px;\r\n }\r\n\r\n .note h3 {\r\n margin: 2px 0 8px 0;\r\n font-size: 20px\r\n }\r\n\r\n .terms {\r\n margin: 0;\r\n padding-left: 18px\r\n }\r\n\r\n .terms li {\r\n margin: 6px 0\r\n }\r\n\r\n .more-link {\r\n position: absolute;\r\n bottom: 12px;\r\n right: 12px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 10px 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n color: #fff;\r\n box-shadow: 0 10px 22px var(--ring);\r\n }\r\n\r\n .more-link:focus {\r\n outline: 3px solid var(--ring);\r\n outline-offset: 3px\r\n }\r\n\r\n \/* ====== TL;DR ====== *\/\r\n .tldr {\r\n padding: 16px 18px\r\n }\r\n\r\n .tldr h3 {\r\n margin: 0 0 8px 0;\r\n font-size: 18px\r\n }\r\n\r\n .tldr p {\r\n margin: 8px 0\r\n }\r\n\r\n \/* ====== Book navigation ====== *\/\r\n .book-nav {\r\n position: sticky;\r\n bottom: 10px;\r\n margin-top: 26px;\r\n z-index: 5;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n }\r\n\r\n .nav-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 12px 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .nav-btn svg {\r\n width: 22px;\r\n height: 22px;\r\n opacity: .9\r\n }\r\n\r\n .nav-btn:hover {\r\n outline: 3px solid var(--ring)\r\n }\r\n\r\n .nav-btn[disabled] {\r\n opacity: .5;\r\n cursor: not-allowed\r\n }\r\n\r\n .nav-info {\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n padding: 10px 14px;\r\n border-radius: 999px;\r\n color: var(--muted)\r\n }\r\n\r\n \/* ====== Helpers ====== *\/\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n }\r\n\r\n mark {\r\n background: linear-gradient(transparent 60%, rgba(91,124,250,.25) 60%)\r\n }\r\n\r\n \/* ====== Print styles ====== *\/\r\n @media print {\r\n body {\r\n background: #fff\r\n }\r\n\r\n .topbar .brand .logo {\r\n display: none\r\n }\r\n\r\n .progress-wrap, .book-nav, .note::before {\r\n display: none\r\n }\r\n\r\n .layout {\r\n grid-template-columns: 1fr .6fr\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none\r\n }\r\n }\r\n\r\n \/* ====== Hoofdstukafbeelding (boven begrippen, vaste grootte) ====== *\/\r\n .image-note {\r\n background: #fff;\r\n border-radius: 14px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,.12);\r\n padding: 12px;\r\n margin: 0;\r\n position: relative;\r\n transform: rotate(-1.2deg);\r\n width: 100%;\r\n height: 800px; \/* vaste weergavegrootte desktop *\/\r\n max-height: 800px;\r\n overflow: hidden;\r\n }\r\n\r\n .image-note img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain; \/* past binnen het kader, nooit te lang\/breed *\/\r\n border-radius: 10px;\r\n }\r\n\r\n .image-note .tape {\r\n content: \"\";\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%) rotate(-4deg);\r\n width: 80px;\r\n height: 28px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.3));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.2);\r\n border-radius: 4px;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .image-note {\r\n height: 420px;\r\n max-height: 420px;\r\n }\r\n \/* mobiel *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <a class=\"sr-only\" href=\"#main\">Ga naar inhoud<\/a>\r\n <div class=\"container\">\r\n <header class=\"topbar\">\r\n <div class=\"brand\" aria-label=\"Boekgegevens\">\r\n <div class=\"logo\" aria-hidden=\"true\">\r\n \r\n <svg viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Boekpictogram\"><path d=\"M6 2h9a3 3 0 0 1 3 3v14.5a.5.5 0 0 1-.8.4c-1.1-.8-2.5-1.1-3.9-1.1H6a2 2 0 0 0-2 2V4a2 2 0 0 1 2-2Zm0 2a0 0 0 0 0 0 0v13h7.3c1.3 0 2.6.3 3.7.9V5a1 1 0 0 0-1-1Z\" \/><\/svg>\r\n <\/div>\r\n <div>\r\n <h1 id=\"bookTitle\">Titel van het boek<\/h1>\r\n <div class=\"chapter-meta\">\r\n Basisstof 1<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chapter-meta\" aria-live=\"polite\">\r\n 1 \/ 1<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"progress-wrap\" aria-hidden=\"true\">\r\n <div class=\"progress\"><\/span><\/div>\r\n <\/div>\r\n\r\n <main id=\"main\" class=\"layout\" tabindex=\"-1\">\r\n <section class=\"card summary\" aria-labelledby=\"chapterTitle\">\r\n <h2 id=\"chapterTitle\">Hoofdstuknaam<\/h2>\r\n Korte inleiding of doel van dit hoofdstuk.<\/p>\r\n <div id=\"summaryBody\">\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <aside class=\"side\">\r\n \r\n <section class=\"image-note\" id=\"chapterImageWrap\">\r\n <img decoding=\"async\" id=\"chapterImage\" src=\"\" alt=\"Illustratie bij dit hoofdstuk\" loading=\"lazy\">\r\n <\/span>\r\n <\/section>\r\n \r\n\r\n <section class=\"note\" aria-labelledby=\"begrippenTitle\">\r\n <h3 id=\"begrippenTitle\">Belangrijke begrippen<\/h3>\r\n <ul class=\"terms\" id=\"termsList\"><\/ul>\r\n <a id=\"moreTerms\" class=\"more-link\" href=\"http:\/\/begrippen.biologiehuis.com:3000\/index.html\" target=\"_blank\" rel=\"noopener\">Meer begrippen \u2192<\/a>\r\n <\/section>\r\n\r\n <section class=\"tldr card\" aria-labelledby=\"tldrTitle\">\r\n <h3 id=\"tldrTitle\">Kort samengevat<\/h3>\r\n <div id=\"tldrBody\"><\/div>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n\r\n <nav class=\"book-nav\" aria-label=\"Hoofdstuknavigatie\">\r\n <button id=\"prevBtn\" class=\"nav-btn\" aria-label=\"Ga naar vorig hoofdstuk\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" \/><\/svg>\r\n Vorige\r\n <\/button>\r\n <div class=\"nav-info\">Basisstof 1 van 1<\/span><\/div>\r\n <button id=\"nextBtn\" class=\"nav-btn\" aria-label=\"Ga naar volgend hoofdstuk\">\r\n Volgende\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z\" \/><\/svg>\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n\r\n <script>\r\n const BOOK = {\r\n title: \"Thema 12: Gaswisseling en uitscheiding\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n {\r\n id: 1,\r\n title: \"Gaswisseling\",\r\n subtitle: \"Hoe worden gassen in je lichaam vervoerd\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_16_02.png\",\r\n summary: `\r\n<h3>Wat is gaswisseling?<\/strong><\/h3>\r\nGaswisseling<\/strong> is het proces waarbij <\/span>zuurstof (O\u2082)<\/strong> wordt opgenomen en <\/span>koolstofdioxide (CO\u2082)<\/strong> wordt afgegeven tussen een organisme en zijn omgeving. Dit is essentieel voor de <\/span>verbranding<\/strong> in cellen, waarbij energie vrijkomt.<\/span><\/p>\r\nBij <\/span>meercellige organismen<\/strong> verloopt gaswisseling via gespecialiseerde organen, terwijl <\/span>eencelligen<\/strong> zuurstof direct via hun <\/span>celmembraan<\/strong> opnemen door <\/span>diffusie<\/strong>.<\/span><\/p>\r\n<h2>Gaswisseling bij verschillende organismen<\/strong><\/h2>\r\n<h3>Eencelligen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Directe opname van O\u2082 en afgifte van CO\u2082 via <\/span>diffusie<\/strong> over het celmembraan<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Alleen efficiënt bij een groot <\/span>oppervlakte\/volume-verhouding<\/strong><\/li>\r\n<\/ul>\r\n<h3>Meercelligen zonder longen of kieuwen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bijvoorbeeld <\/span>regenwormen<\/strong>: nemen zuurstof op via de huid<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Huid moet <\/span>vochtig<\/strong> blijven voor oplosbaarheid van gassen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Haarvaten<\/strong> vlak onder huid → gaswisseling direct met bloed<\/span><\/li>\r\n<\/ul>\r\n<h3>Dieren met kieuwen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Vissen<\/strong> gebruiken <\/span>kieuwen<\/strong> voor gaswisseling in water<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Water stroomt langs <\/span>kieuwlamellen<\/strong> met haarvaten<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Zuurstofdiffusie<\/strong> vanuit water naar bloed, <\/span>CO\u2082<\/strong> in tegenovergestelde richting<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Tegenstroomprincipe<\/strong>: bloed en water stromen in tegengestelde richting → maximale opname van zuurstof<\/span><\/li>\r\n<\/ul>\r\n<h3>Dieren met longen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Longen<\/strong> geschikt voor gaswisseling in lucht<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Binnenin veel <\/span>longblaasjes (alveoli)<\/strong> met <\/span>longhaarvaten<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Groot <\/span>oppervlak<\/strong> en dunne wanden voor snelle diffusie<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij vogels: luchtzakken en eenrichtingsluchtstroom voor efficiënte O\u2082-opname<\/span><\/li>\r\n<\/ul>\r\n<h2>Gaswisseling bij de mens<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Lucht komt via <\/span>neusholte<\/strong>, <\/span>keelholte<\/strong>, <\/span>luchtpijp<\/strong>, <\/span>bronchiën<\/strong> en <\/span>bronchiolen<\/strong> in de <\/span>longblaasjes<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Longblaasjes<\/strong>: omgeven door een netwerk van haarvaten, zeer groot totaal oppervlak<\/span><\/li>\r\n<li style=\"font-weight: 400;\">O\u2082 diffundeert van lucht naar bloed, CO\u2082 diffundeert van bloed naar lucht<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Hemoglobine<\/strong> in rode bloedcellen bindt O\u2082 → transport naar cellen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">CO\u2082 wordt voornamelijk opgelost vervoerd in bloedplasma of gebonden aan hemoglobine<\/span><\/li>\r\n<\/ul>\r\n<h2>Factoren die gaswisseling beïnvloeden<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Grootte van het <\/span>oppervlak<\/strong> voor diffusie<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Dikte van het <\/span>diffusieoppervlak<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Concentratieverschil van gassen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Ventilatie van het gaswisselingsorgaan<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Doorbloeding van het gaswisselingsorgaan<\/span> <\/span><\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Gaswisseling \u2013 uitwisseling van zuurstof en koolstofdioxide\",\r\n \"Diffusie \u2013 passief transport van gassen van hoge naar lage concentratie\",\r\n \"Kieuwlamellen \u2013 dunne plaatjes in kieuwen met veel haarvaten\",\r\n \"Tegenstroomprincipe \u2013 bloed en water stromen tegengesteld voor maximale O\u2082-opname\",\r\n \"Longblaasje (alveolus) \u2013 klein blaasje in de long voor gaswisseling\",\r\n \"Hemoglobine \u2013 zuurstofbindend eiwit in rode bloedcellen\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Gaswisseling voorziet cellen van zuurstof en voert koolstofdioxide af. Afhankelijk van het organisme verloopt dit via huid, kieuwen of longen. Bij de mens vindt gaswisseling plaats in de longblaasjes, waar zuurstof in het bloed wordt opgenomen en koolstofdioxide wordt afgegeven. Effici\u00ebntie wordt bepaald door het oppervlak, de doorbloeding, ventilatie en het concentratieverschil van de gassen.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"Longventilatie\",\r\n subtitle: \"Adem in ... adem uit\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_16_02.png\",\r\n summary: `\r\n<h3>Wat is longventilatie?<\/strong><\/h3>\r\nLongventilatie<\/strong> is het verversen van lucht in de longen door <\/span>inademing<\/strong> en <\/span>uitademing<\/strong>. Het zorgt voor een constante aanvoer van zuurstof en afvoer van koolstofdioxide, waardoor de <\/span>gaswisseling<\/strong> in de <\/span>longblaasjes<\/strong> optimaal blijft.<\/span><\/p>\r\n<h2>Inademing (<\/strong>inspiratie<\/em><\/strong>)<\/strong><\/h2>\r\n<h3>Rustige inademing<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Middenrif<\/strong> trekt samen → beweegt omlaag<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Buitenste tussenribspieren<\/strong> trekken samen → ribben en borstbeen bewegen omhoog en naar voren<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Borstholte<\/strong> wordt groter → <\/span>longen<\/strong> zetten uit → <\/span>lucht stroomt naar binnen<\/strong><\/li>\r\n<\/ul>\r\n<h3>Diepe inademing<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Extra hulp van <\/span>halsspieren<\/strong> en <\/span>grote borstspieren<\/strong> → borstholte wordt nog groter<\/span><\/li>\r\n<\/ul>\r\n<h2>Uitademing (<\/strong>expiratie<\/em><\/strong>)<\/strong><\/h2>\r\n<h3>Rustige uitademing<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Middenrif<\/strong> en <\/span>buitenste tussenribspieren<\/strong> ontspannen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Ribben en borstbeen zakken omlaag<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Borstholte<\/strong> wordt kleiner → <\/span>lucht stroomt naar buiten<\/strong><\/li>\r\n<\/ul>\r\n<h3>Actieve uitademing (bijv. bij inspanning)<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Binnenste tussenribspieren<\/strong> trekken samen → ribben bewegen omlaag en naar binnen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Buikspieren<\/strong> trekken samen → duwen buikorganen tegen middenrif → middenrif omhoog<\/span><\/li>\r\n<\/ul>\r\n<h2>Longventilatie en longinhoud<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Longcapaciteit<\/strong> bestaat uit verschillende volumes:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Tidal volume (ademvolume)<\/strong>: hoeveelheid lucht per ademhaling in rust (± 0,5 liter)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vitale capaciteit<\/strong>: maximale hoeveelheid lucht die kan worden uitgeademd na maximale inademing<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Restvolume<\/strong>: lucht die in de longen achterblijft na maximale uitademing → voorkomt dichtklappen longen<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Totale longcapaciteit<\/strong> = vitale capaciteit + restvolume<\/span><\/li>\r\n<\/ul>\r\n<h2>Belang van ventilatie<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Houdt <\/span>zuurstofconcentratie<\/strong> in longblaasjes hoog en <\/span>koolstofdioxideconcentratie<\/strong> laag<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Onderhoudt een groot <\/span>concentratieverschil<\/strong> → bevordert <\/span>diffusie<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Ondersteunt efficiënte <\/span>gaswisseling<\/strong><\/li>\r\n<\/ul>\r\n<h2>Ademfrequentie<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Gemiddeld in rust: 12–15 ademhalingen per minuut<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Neemt toe bij inspanning → meer O\u2082-aanvoer, meer CO\u2082-afvoer<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Wordt geregeld door <\/span>ademcentrum<\/strong> in de hersenstam, vooral gestuurd door het CO\u2082-gehalte in bloed (pH-daling)<\/span> <\/span><\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Longventilatie \u2013 verversen van lucht in de longen\",\r\n \"Inspiratie \u2013 inademing\",\r\n \"Expiratie \u2013 uitademing\",\r\n \"Tidal volume (ademvolume) \u2013 lucht per ademhaling in rust\",\r\n \"Vitale capaciteit \u2013 maximale in- en uitademing\",\r\n \"Restvolume \u2013 lucht die altijd in longen achterblijft\",\r\n \"Ademfrequentie \u2013 aantal ademhalingen per minuut\",\r\n \"Ademcentrum \u2013 regelcentrum in hersenstam voor ademhaling\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Longventilatie vervangt de lucht in de longen om de gaswisseling in de longblaasjes mogelijk te maken. Bij inademing zetten borstholte en longen uit, bij uitademing krimpen ze. Het ademvolume en de ademfrequentie passen zich aan de behoefte van het lichaam aan, gestuurd door het ademcentrum in de hersenstam.\"\r\n },\r\n\r\n {\r\n id: 3,\r\n title: \"De lever\",\r\n subtitle: \"Een belangrijk orgaan met meerdere belangrijke functies\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_15_32.png\",\r\n summary: `\r\n<h3>Ligging en bloedtoevoer<\/strong><\/h3>\r\nDe <\/span>lever<\/strong> ligt rechtsboven in de buikholte, net onder het middenrif. Hij is sterk doorbloed en ontvangt bloed via:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Leverslagader<\/strong> – brengt zuurstofrijk bloed uit de <\/span>aorta<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Poortader<\/strong> – voert zuurstofarm maar <\/span>voedingsstofrijk bloed<\/strong> aan vanuit de darmen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Leverader<\/strong> – voert bloed vanuit de lever terug naar de <\/span>onderste holle ader<\/strong><\/li>\r\n<\/ul>\r\n<h2>Functies van de lever<\/strong><\/h2>\r\nDe lever is een multifunctioneel orgaan met taken op het gebied van <\/span>stofwisseling<\/strong>, <\/span>opslag<\/strong>, <\/span>afbraak<\/strong> en <\/span>ontgifting<\/strong>.<\/span><\/p>\r\n<h3>1. Koolhydraatstofwisseling<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Zet <\/span>glucose<\/strong> om in <\/span>glycogeen<\/strong> (opslagvorm) → <\/span>glycogeenstapeling<\/strong> in levercellen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kan glycogeen weer omzetten in glucose bij lage <\/span>bloedsuikerspiegel<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Regeling onder invloed van <\/span>insuline<\/strong> (opbouw glycogeen) en <\/span>glucagon<\/strong> (afbraak glycogeen)<\/span><\/li>\r\n<\/ul>\r\n<h3>2. Eiwitstofwisseling<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Vormt <\/span>aminozuren<\/strong> uit voeding om naar andere aminozuren<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Breekt overtollige aminozuren af → verwijdert stikstof als <\/span>ureum<\/strong> (via nieren uitgescheiden)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Maakt <\/span>plasma-eiwitten<\/strong> (o.a. <\/span>albumine<\/strong> en <\/span>stollingsfactoren<\/strong>)<\/span><\/li>\r\n<\/ul>\r\n<h3>3. Vetstofwisseling<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Vormt vetten uit overtollige koolhydraten en eiwitten<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Slaat vet op en breekt vetten af<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vormt <\/span>cholesterol<\/strong> en <\/span>lipoproteïnen<\/strong><\/li>\r\n<\/ul>\r\n<h3>4. Opslag<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Glycogeen<\/strong>, <\/span>vitamines<\/strong> (A, D, B12) en <\/span>mineralen<\/strong> (ijzer) worden opgeslagen<\/span><\/li>\r\n<\/ul>\r\n<h3>5. Afbraak en ontgifting<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Breekt oude <\/span>rode bloedcellen<\/strong> af → maakt <\/span>galkleurstoffen<\/strong> uit hemoglobine-afbraak<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Maakt <\/span>gal<\/strong> aan (galzouten voor vetemulsie in dunne darm)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Zet giftige stoffen om, zoals <\/span>alcohol<\/strong> en <\/span>ammoniak<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Zet medicijnen en hormonen om of breekt ze af<\/span><\/li>\r\n<\/ul>\r\n<h2>Gal en galwegen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Gal<\/strong> wordt geproduceerd in de lever en opgeslagen in de <\/span>galblaas<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Afgegeven via de <\/span>galbuis<\/strong> aan de <\/span>twaalfvingerige darm<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Galzouten<\/strong> emulgeren vetten → vergroten het oppervlak voor verteringsenzymen<\/span><\/li>\r\n<\/ul>\r\n<h2>Relatie met andere organen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Werkt samen met <\/span>alvleesklier<\/strong> en <\/span>darmen<\/strong> in de spijsvertering<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Onderdeel van het <\/span>poortaderstelsel<\/strong> → lever krijgt als eerste voedingsstoffen uit de darm<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Reguleert samen met hormonen van de <\/span>alvleesklier<\/strong> de bloedsuikerspiegel<\/span> <\/span><\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Leverslagader \u2013 brengt zuurstofrijk bloed naar lever\",\r\n \"Poortader \u2013 voert voedingsstofrijk bloed vanuit darm naar lever\",\r\n \"Leverader \u2013 voert bloed uit lever naar onderste holle ader\",\r\n \"Glycogeen \u2013 opslagvorm van glucose\",\r\n \"Insuline \u2013 hormoon dat glycogeenopbouw stimuleert\",\r\n \"Glucagon \u2013 hormoon dat glycogeenafbraak stimuleert\",\r\n \"Plasma-eiwitten \u2013 eiwitten in bloedplasma, gemaakt in lever\",\r\n \"Gal \u2013 vloeistof met galzouten voor vetemulsie\",\r\n \"Galzouten \u2013 stoffen die vetten emulgeren\",\r\n \"Ureum \u2013 afvalstof van stikstof uit aminozuurafbraak\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De lever is een centraal orgaan in de stofwisseling en speelt een rol bij de opslag en omzetting van koolhydraten, vetten en eiwitten. Hij zuivert het bloed, maakt gal aan voor vetvertering, breekt afvalstoffen af en slaat voedingsstoffen op. Dankzij zijn positie in het poortaderstelsel kan de lever direct voedingsstoffen uit het spijsverteringsstelsel verwerken.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"De nieren\",\r\n subtitle: \"Waar komt je urine vandaan?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_15_29.png\",\r\n summary: `\r\n<h3>Ligging en bouw<\/strong><\/h3>\r\nDe <\/span>nieren<\/strong> liggen links en rechts van de wervelkolom, ter hoogte van de onderste ribben, achter in de buikholte. Ze zijn boonvormig en bestaan uit:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Nierschors<\/strong> – buitenste laag<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Niermerg<\/strong> – binnenste laag met <\/span>nierpiramiden<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Nierbekken<\/strong> – centrale verzamelruimte voor urine<\/span><\/li>\r\n<\/ul>\r\nAan de nieren verbonden:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Nierslagader<\/strong> – brengt zuurstofrijk en afvalstofrijk bloed naar de nier<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Nierader<\/strong> – voert gezuiverd bloed af<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Urineleider<\/strong> – voert urine af naar de <\/span>urineblaas<\/strong><\/li>\r\n<\/ul>\r\n<h2>Functies van de nieren<\/strong><\/h2>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Uitscheiding<\/strong> van afvalstoffen<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Verwijderen van <\/span>ureum<\/strong>, <\/span>creatinine<\/strong>, overtollige <\/span>zouten<\/strong> en <\/span>water<\/strong> uit het bloed<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Regulatie<\/strong> van samenstelling van het bloed<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Handhaven <\/span>water- en zoutbalans<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Regelen <\/span>zuurgraad (pH)<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Constant houden van <\/span>osmotische waarde<\/strong> <\/strong><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Productie<\/strong> van hormonen<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Erytropoëtine (EPO)<\/strong> → stimuleert aanmaak rode bloedcellen in beenmerg<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Renine<\/strong> → betrokken bij bloeddrukregeling<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Omzetting van vitamine D naar actieve vorm<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<h2>Nefron – de functionele eenheid van de nier<\/strong><\/h2>\r\nElke nier bevat ± 1 miljoen <\/span>nefronen<\/strong>, bestaande uit:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Nierkapsel (kapsel van Bowman)<\/strong> – opvang van voorurine na <\/span>ultrafiltratie<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Nierbuisje<\/strong> – terugresorptie en uitscheiding van stoffen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Lis van Henle<\/strong> – belangrijk voor concentreren van urine<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verzamelbuis<\/strong> – afvoer van definitieve urine naar nierbekken<\/span><\/li>\r\n<\/ul>\r\n<h2>Urinevorming<\/strong><\/h2>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Ultrafiltratie<\/strong> – bloedplasma wordt door de bloeddruk uit haarvaten in het nierkapsel geperst → <\/span>voorurine<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bevat water, zouten, glucose, aminozuren, ureum<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Eiwitten<\/strong> en <\/span>bloedcellen<\/strong> blijven in het bloed<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Terugresorptie<\/strong> – nuttige stoffen (glucose, aminozuren, water, zouten) worden actief of passief terug opgenomen in bloed<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Excretie (secretie)<\/strong> – actief toevoegen van afvalstoffen aan de urine<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Concentratie van urine<\/strong> – waterterugresorptie in lis van Henle en verzamelbuis, geregeld door <\/span>ADH<\/strong> (antidiuretisch hormoon)<\/span><\/li>\r\n<\/ol>\r\n<h2>ADH en waterhuishouding<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">ADH<\/strong> uit de hypofyse verhoogt waterterugresorptie in de verzamelbuis → minder en geconcentreerdere urine<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Weinig ADH → meer water in urine → veel en verdunde urine<\/span><\/li>\r\n<li style=\"font-weight: 400;\">ADH-productie wordt gestuurd door osmoreceptoren in de <\/span>hypothalamus<\/strong> <\/strong><\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Nierschors \/ niermerg \/ nierbekken \u2013 bouwdelen van de nier\",\r\n \"Nefron \u2013 functionele eenheid van de nier\",\r\n \"Nierkapsel (Bowman) \u2013 filtert bloed tot voorurine\",\r\n \"Ultrafiltratie \u2013 filtratie van bloed onder hoge druk\",\r\n \"Voorurine \u2013 eerste filtraat van bloed in nierkapsel\",\r\n \"Terugresorptie \u2013 heropname van nuttige stoffen in bloed\",\r\n \"Secretie \u2013 actieve afgifte van stoffen aan urine\",\r\n \"ADH \u2013 hormoon dat waterterugresorptie regelt\",\r\n \"Erytropo\u00ebtine (EPO) \u2013 hormoon dat rode bloedcelproductie stimuleert\",\r\n \"Renine \u2013 hormoon dat bloeddruk be\u00efnvloedt\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De nieren zuiveren het bloed, verwijderen afvalstoffen en spelen een cruciale rol bij het constant houden van de samenstelling van het inwendige milieu. In de nefronen vindt filtratie, terugresorptie en secretie plaats, resulterend in urine. De hoeveelheid en samenstelling van de urine worden gereguleerd door hormonen zoals ADH, EPO en renine.\"\r\n },\r\n\r\n {\r\n id: 5,\r\n title: \"De huid\",\r\n subtitle: \"Je grootste orgaan\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_15_24.png\",\r\n summary: `\r\n<h3>Functie van de huid<\/strong><\/h3>\r\nDe <\/span>huid<\/strong> is het grootste orgaan van het lichaam en vormt een beschermende barrière tussen het inwendige milieu en de omgeving. Ze heeft meerdere functies:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bescherming tegen <\/span>mechanische beschadiging<\/strong>, <\/span>uitdroging<\/strong>, <\/span>ziekteverwekkers<\/strong> en <\/span>UV-straling<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Zintuigfunctie<\/strong> – bevat receptoren voor pijn, temperatuur, druk en tast<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Regulatie<\/strong> van lichaamstemperatuur<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Uitscheiding<\/strong> van zouten, water en afvalstoffen via zweet<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Productie van <\/span>vitamine D<\/strong> onder invloed van zonlicht<\/span><\/li>\r\n<\/ul>\r\n<h2>Opbouw van de huid<\/strong><\/h2>\r\nDe huid bestaat uit drie lagen:<\/span><\/p>\r\n<h3>1. Epidermis (opperhuid)<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Hoornlaag<\/strong> – buitenste laag, dode verhoornde cellen → bescherming tegen beschadiging en uitdroging<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kiemlaag<\/strong> – levende cellen die zich voortdurend delen en nieuwe huidcellen vormen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Pigmentcellen<\/strong> in de kiemlaag maken <\/span>melanine<\/strong>, dat beschermt tegen UV-straling<\/span><\/li>\r\n<\/ul>\r\n<h3>2. Dermis (lederhuid)<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bevat <\/span>bloedvaten<\/strong>, <\/span>zenuwen<\/strong>, <\/span>zweetklieren<\/strong>, <\/span>talgklieren<\/strong> en <\/span>haarzakjes<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Zweetklieren<\/strong> scheiden zweet af → verdamping zorgt voor afkoeling<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Talgklieren<\/strong> produceren talg → houdt huid en haar soepel en waterafstotend<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Zintuigcellen<\/strong> registreren prikkels (tast, druk, pijn, temperatuur)<\/span><\/li>\r\n<\/ul>\r\n<h3>3. Subcutis (onderhuidse bindweefsel)<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bevat <\/span>vetcellen<\/strong> → isolatie, energiereserve en stootkussen<\/span><\/li>\r\n<\/ul>\r\n<h2>Temperatuurregeling via de huid<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Warmte-afgifte<\/strong>: bloedvaten in lederhuid verwijden (<\/span>vasodilatatie<\/strong>) → meer warmteafgifte via straling en verdamping van zweet<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Warmtebehoud<\/strong>: bloedvaten vernauwen (<\/span>vasoconstrictie<\/strong>) → minder warmteverlies<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kippenvelreactie<\/strong>: spiertjes in haarzakjes trekken samen, haren gaan rechtop staan (bij dieren isolerend effect)<\/span><\/li>\r\n<\/ul>\r\n<h2>Uitscheiding via de huid<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Zweet<\/strong> bevat water, zouten en kleine hoeveelheden afvalstoffen (o.a. ureum)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Speelt rol in <\/span>temperatuurregeling<\/strong> en in geringe mate in <\/span>uitscheiding<\/strong><\/li>\r\n<\/ul>\r\n<h2>Bescherming en herstel<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Hoornlaag<\/strong> vormt eerste barrière tegen ziekteverwekkers<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Melanine<\/strong> beschermt DNA in huidcellen tegen mutaties door UV-straling<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij verwonding: bloedstolling, korstvorming en herstel van kiemlaag<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Littekens ontstaan als beschadiging tot in de lederhuid reikt<\/span> <\/span><\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Epidermis (opperhuid) \u2013 hoornlaag + kiemlaag\",\r\n \"Hoornlaag \u2013 dode cellen, bescherming\",\r\n \"Kiemlaag \u2013 levende cellen, pigmentcellen\",\r\n \"Melanine \u2013 pigment dat beschermt tegen UV\",\r\n \"Dermis (lederhuid) \u2013 laag met bloedvaten, zenuwen, klieren en haarzakjes\",\r\n \"Zweetklier \u2013 produceert zweet voor afkoeling\",\r\n \"Talgklier \u2013 produceert talg voor bescherming huid en haar\",\r\n \"Subcutis (onderhuid) \u2013 vetlaag voor isolatie en bescherming\",\r\n \"Vasodilatatie \u2013 verwijding bloedvaten, warmteafgifte\",\r\n \"Vasoconstrictie \u2013 vernauwing bloedvaten, warmtebehoud\"\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 lichaamstemperatuur, speelt een rol in de uitscheiding en bevat zintuigen voor waarneming. Dankzij haar lagen \u2013 opperhuid, lederhuid en onderhuid \u2013 combineert de huid stevigheid, flexibiliteit en bescherming met belangrijke fysiologische functies.\"\r\n },\r\n ]\r\n };\r\n\r\n \/\/ ====== APP LOGICA ======\r\n const els = {\r\n bookTitle: document.getElementById('bookTitle'),\r\n chapterBadge: document.getElementById('chapterBadge'),\r\n chapterSub: document.getElementById('chapterSub'),\r\n pageIndicator: document.getElementById('pageIndicator'),\r\n progressBar: document.getElementById('progressBar'),\r\n chapterTitle: document.getElementById('chapterTitle'),\r\n chapterSubtitle: document.getElementById('chapterSubtitle'),\r\n summaryBody: document.getElementById('summaryBody'),\r\n termsList: document.getElementById('termsList'),\r\n moreTerms: document.getElementById('moreTerms'),\r\n tldrBody: document.getElementById('tldrBody'),\r\n chapterCounter: document.getElementById('chapterCounter'),\r\n prevBtn: document.getElementById('prevBtn'),\r\n nextBtn: document.getElementById('nextBtn'),\r\n chapterImage: document.getElementById('chapterImage'),\r\n chapterImageWrap: document.getElementById('chapterImageWrap'),\r\n };\r\n\r\n function getChapterIndexFromURL(){\r\n const url = new URL(window.location);\r\n const h = parseInt(url.searchParams.get('h') || url.hash.replace('#h=',''));\r\n const idx = isFinite(h) && h>0 ? h-1 : 0;\r\n return Math.max(0, Math.min(BOOK.chapters.length-1, idx));\r\n }\r\n\r\n let currentIndex = getChapterIndexFromURL();\r\n\r\n function updateURL(){\r\n const h = currentIndex + 1;\r\n const url = new URL(window.location);\r\n url.searchParams.set('h', String(h));\r\n history.replaceState({}, '', url);\r\n document.title = `${BOOK.title} \u2013 Basisstof ${h}`;\r\n }\r\n\r\n function render(){\r\n const total = BOOK.chapters.length;\r\n const ch = BOOK.chapters[currentIndex];\r\n\r\n els.bookTitle.textContent = BOOK.title;\r\n els.chapterBadge.textContent = `Basisstof ${ch.id}`;\r\n els.chapterSub.textContent = ch.title;\r\n\r\n els.chapterTitle.textContent = ch.title;\r\n els.chapterSubtitle.textContent = ch.subtitle || '';\r\n els.summaryBody.innerHTML = ch.summary;\r\n\r\n \/\/ Afbeelding per hoofdstuk invullen of het hele blok verbergen\r\n if (ch.image) {\r\n els.chapterImage.src = ch.image;\r\n els.chapterImage.alt = `Illustratie bij: ${ch.title}`;\r\n els.chapterImageWrap.style.display = 'block';\r\n } else {\r\n els.chapterImage.src = '';\r\n els.chapterImageWrap.style.display = 'none';\r\n }\r\n\r\n els.termsList.innerHTML = (ch.terms||[]).map(t => `<li>${t}<\/li>`).join('');\r\n els.moreTerms.href = ch.moreTermsUrl || '#';\r\n\r\n els.tldrBody.innerHTML = `${ch.tldr||''}<\/p>`;\r\n\r\n els.pageIndicator.textContent = `${ch.id} \/ ${total}`;\r\n els.chapterCounter.textContent = `Basisstof ${ch.id} van ${total}`;\r\n els.progressBar.style.width = `${(ch.id\/total)*100}%`;\r\n\r\n els.prevBtn.disabled = currentIndex === 0;\r\n els.nextBtn.disabled = currentIndex === total-1;\r\n\r\n updateURL();\r\n }\r\n\r\n function go(delta){\r\n const next = currentIndex + delta;\r\n if(next < 0 || next >= BOOK.chapters.length) return;\r\n currentIndex = next; render();\r\n \/\/ verplaats focus netjes\r\n document.getElementById('main').focus({preventScroll:true});\r\n }\r\n\r\n els.prevBtn.addEventListener('click', () => go(-1));\r\n els.nextBtn.addEventListener('click', () => go(1));\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if(e.key === 'ArrowLeft') { go(-1); }\r\n if(e.key === 'ArrowRight'){ go(1); }\r\n });\r\n\r\n \/\/ Initial render\r\n render();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Samenvatting \u2013 Boek Ga naar inhoud Titel van het boek Basisstof 1 1 \/ 1 Hoofdstuknaam Korte inleiding of doel van dit hoofdstuk. Belangrijke begrippen Meer begrippen \u2192 Kort samengevat Vorige Basisstof 1 van 1 Volgende<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[38],"class_list":["post-865","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/865","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=865"}],"version-history":[{"count":23,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/865\/revisions"}],"predecessor-version":[{"id":3226,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/865\/revisions\/3226"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=865"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Samenvatting \u2013 Boek<\/title>\r\n <meta name=\"description\" content=\"Mooie, printvriendelijke samenvattingspagina met post-it begrippen, TL;DR en boeknavigatie.\" \/>\r\n <style>\r\n \/* ====== Design tokens ====== *\/\r\n :root {\r\n --bg: #f7f7fb;\r\n --surface: #ffffff;\r\n --ink: #0b1020;\r\n --muted: #5e647a;\r\n --accent: #5b7cfa; \/* primaire accentkleur *\/\r\n --accent-2: #9a7bf9; \/* verloop voor knoppen *\/\r\n --ring: rgba(91,124,250,.35);\r\n --shadow: 0 10px 30px rgba(11,16,32,.08);\r\n --radius: 18px;\r\n --note: #fff4b1; \/* post-it geel *\/\r\n --note-ink: #3e3a17;\r\n --success: #2ecc71;\r\n --danger: #ff6b6b;\r\n }\r\n\r\n @media (prefers-color-scheme: dark) {\r\n :root {\r\n --bg: #0e1220;\r\n --surface: #151a2c;\r\n --ink: #eef1ff;\r\n --muted: #a9b0d1;\r\n --accent: #7aa2ff;\r\n --accent-2: #b690ff;\r\n --ring: rgba(122,162,255,.35);\r\n --shadow: 0 10px 30px rgba(0,0,0,.35);\r\n --note: #f6dd7b;\r\n --note-ink: #2a2610;\r\n }\r\n }\r\n\r\n \/* ====== Base ====== *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box\r\n }\r\n\r\n html, body {\r\n height: 100%\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background: radial-gradient(1200px 600px at 10% -10%, rgba(91,124,250,.08), transparent 60%), radial-gradient(1000px 700px at 120% 30%, rgba(154,123,249,.06), transparent 60%), var(--bg);\r\n color: var(--ink);\r\n font: 16px\/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\r\n }\r\n\r\n a {\r\n color: var(--accent);\r\n text-decoration: none\r\n }\r\n\r\n a:hover {\r\n text-decoration: underline\r\n }\r\n\r\n .container {\r\n max-width: 1600px;\r\n margin-inline: auto;\r\n padding: 24px;\r\n }\r\n\r\n \/* ====== Topbar \/ header ====== *\/\r\n .topbar {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n justify-content: space-between;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px\r\n }\r\n\r\n .brand .logo {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n box-shadow: var(--shadow);\r\n display: grid;\r\n place-items: center\r\n }\r\n\r\n .brand .logo svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: white\r\n }\r\n\r\n .brand h1 {\r\n font-size: clamp(18px, 3vw, 24px);\r\n margin: 0\r\n }\r\n\r\n .chapter-meta {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--muted)\r\n }\r\n\r\n .badge {\r\n background: linear-gradient(135deg, rgba(91,124,250,.15), rgba(154,123,249,.15));\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n font-weight: 600\r\n }\r\n\r\n \/* ====== Progress ====== *\/\r\n .progress-wrap {\r\n margin: 6px 0 20px 0\r\n }\r\n\r\n .progress {\r\n height: 8px;\r\n background: rgba(91,124,250,.15);\r\n border-radius: 999px;\r\n overflow: hidden\r\n }\r\n\r\n .progress > span {\r\n display: block;\r\n height: 100%;\r\n width: 0;\r\n background: linear-gradient(90deg,var(--accent),var(--accent-2));\r\n transition: width .35s ease\r\n }\r\n\r\n \/* ====== Layout ====== *\/\r\n .layout {\r\n display: grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap: 20px\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .layout {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* ====== Cards ====== *\/\r\n .card {\r\n background: var(--surface);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n position: relative\r\n }\r\n\r\n .summary {\r\n padding: 24px\r\n }\r\n\r\n .summary h2 {\r\n margin: 0 0 8px 0;\r\n font-size: clamp(22px, 3.2vw, 32px)\r\n }\r\n\r\n .summary .subtitle {\r\n color: var(--muted);\r\n margin: 0 0 18px 0\r\n }\r\n\r\n .summary p {\r\n margin: 0 0 12px 0\r\n }\r\n\r\n .summary ul, .summary ol {\r\n padding-left: 22px\r\n }\r\n\r\n .side {\r\n display: grid;\r\n gap: 20px;\r\n align-content: start\r\n }\r\n\r\n \/* ====== Post-it note (begrippen) ====== *\/\r\n .note {\r\n background: var(--note);\r\n color: var(--note-ink);\r\n border-radius: 10px;\r\n padding: 18px 18px 70px 18px; \/* extra ruimte voor knop *\/\r\n position: relative;\r\n box-shadow: 0 18px 35px rgba(0,0,0,.12);\r\n transform: rotate(-0.7deg);\r\n filter: drop-shadow(0 8px 14px rgba(0,0,0,.08));\r\n isolation: isolate;\r\n }\r\n\r\n .note::before { \/* plakband *\/\r\n content: \"\";\r\n position: absolute;\r\n top: -10px;\r\n left: 40px;\r\n width: 70px;\r\n height: 26px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.25));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.12);\r\n transform: rotate(-6deg);\r\n border-radius: 4px;\r\n }\r\n\r\n .note h3 {\r\n margin: 2px 0 8px 0;\r\n font-size: 20px\r\n }\r\n\r\n .terms {\r\n margin: 0;\r\n padding-left: 18px\r\n }\r\n\r\n .terms li {\r\n margin: 6px 0\r\n }\r\n\r\n .more-link {\r\n position: absolute;\r\n bottom: 12px;\r\n right: 12px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 10px 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n color: #fff;\r\n box-shadow: 0 10px 22px var(--ring);\r\n }\r\n\r\n .more-link:focus {\r\n outline: 3px solid var(--ring);\r\n outline-offset: 3px\r\n }\r\n\r\n \/* ====== TL;DR ====== *\/\r\n .tldr {\r\n padding: 16px 18px\r\n }\r\n\r\n .tldr h3 {\r\n margin: 0 0 8px 0;\r\n font-size: 18px\r\n }\r\n\r\n .tldr p {\r\n margin: 8px 0\r\n }\r\n\r\n \/* ====== Book navigation ====== *\/\r\n .book-nav {\r\n position: sticky;\r\n bottom: 10px;\r\n margin-top: 26px;\r\n z-index: 5;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n }\r\n\r\n .nav-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 12px 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .nav-btn svg {\r\n width: 22px;\r\n height: 22px;\r\n opacity: .9\r\n }\r\n\r\n .nav-btn:hover {\r\n outline: 3px solid var(--ring)\r\n }\r\n\r\n .nav-btn[disabled] {\r\n opacity: .5;\r\n cursor: not-allowed\r\n }\r\n\r\n .nav-info {\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n padding: 10px 14px;\r\n border-radius: 999px;\r\n color: var(--muted)\r\n }\r\n\r\n \/* ====== Helpers ====== *\/\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n }\r\n\r\n mark {\r\n background: linear-gradient(transparent 60%, rgba(91,124,250,.25) 60%)\r\n }\r\n\r\n \/* ====== Print styles ====== *\/\r\n @media print {\r\n body {\r\n background: #fff\r\n }\r\n\r\n .topbar .brand .logo {\r\n display: none\r\n }\r\n\r\n .progress-wrap, .book-nav, .note::before {\r\n display: none\r\n }\r\n\r\n .layout {\r\n grid-template-columns: 1fr .6fr\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none\r\n }\r\n }\r\n\r\n \/* ====== Hoofdstukafbeelding (boven begrippen, vaste grootte) ====== *\/\r\n .image-note {\r\n background: #fff;\r\n border-radius: 14px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,.12);\r\n padding: 12px;\r\n margin: 0;\r\n position: relative;\r\n transform: rotate(-1.2deg);\r\n width: 100%;\r\n height: 800px; \/* vaste weergavegrootte desktop *\/\r\n max-height: 800px;\r\n overflow: hidden;\r\n }\r\n\r\n .image-note img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain; \/* past binnen het kader, nooit te lang\/breed *\/\r\n border-radius: 10px;\r\n }\r\n\r\n .image-note .tape {\r\n content: \"\";\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%) rotate(-4deg);\r\n width: 80px;\r\n height: 28px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.3));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.2);\r\n border-radius: 4px;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .image-note {\r\n height: 420px;\r\n max-height: 420px;\r\n }\r\n \/* mobiel *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <a class=\"sr-only\" href=\"#main\">Ga naar inhoud<\/a>\r\n <div class=\"container\">\r\n <header class=\"topbar\">\r\n <div class=\"brand\" aria-label=\"Boekgegevens\">\r\n <div class=\"logo\" aria-hidden=\"true\">\r\n \r\n <svg viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Boekpictogram\"><path d=\"M6 2h9a3 3 0 0 1 3 3v14.5a.5.5 0 0 1-.8.4c-1.1-.8-2.5-1.1-3.9-1.1H6a2 2 0 0 0-2 2V4a2 2 0 0 1 2-2Zm0 2a0 0 0 0 0 0 0v13h7.3c1.3 0 2.6.3 3.7.9V5a1 1 0 0 0-1-1Z\" \/><\/svg>\r\n <\/div>\r\n <div>\r\n <h1 id=\"bookTitle\">Titel van het boek<\/h1>\r\n <div class=\"chapter-meta\">\r\n Basisstof 1<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chapter-meta\" aria-live=\"polite\">\r\n 1 \/ 1<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"progress-wrap\" aria-hidden=\"true\">\r\n <div class=\"progress\"><\/span><\/div>\r\n <\/div>\r\n\r\n <main id=\"main\" class=\"layout\" tabindex=\"-1\">\r\n <section class=\"card summary\" aria-labelledby=\"chapterTitle\">\r\n <h2 id=\"chapterTitle\">Hoofdstuknaam<\/h2>\r\n Korte inleiding of doel van dit hoofdstuk.<\/p>\r\n <div id=\"summaryBody\">\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <aside class=\"side\">\r\n \r\n <section class=\"image-note\" id=\"chapterImageWrap\">\r\n <img decoding=\"async\" id=\"chapterImage\" src=\"\" alt=\"Illustratie bij dit hoofdstuk\" loading=\"lazy\">\r\n <\/span>\r\n <\/section>\r\n \r\n\r\n <section class=\"note\" aria-labelledby=\"begrippenTitle\">\r\n <h3 id=\"begrippenTitle\">Belangrijke begrippen<\/h3>\r\n <ul class=\"terms\" id=\"termsList\"><\/ul>\r\n <a id=\"moreTerms\" class=\"more-link\" href=\"http:\/\/begrippen.biologiehuis.com:3000\/index.html\" target=\"_blank\" rel=\"noopener\">Meer begrippen \u2192<\/a>\r\n <\/section>\r\n\r\n <section class=\"tldr card\" aria-labelledby=\"tldrTitle\">\r\n <h3 id=\"tldrTitle\">Kort samengevat<\/h3>\r\n <div id=\"tldrBody\"><\/div>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n\r\n <nav class=\"book-nav\" aria-label=\"Hoofdstuknavigatie\">\r\n <button id=\"prevBtn\" class=\"nav-btn\" aria-label=\"Ga naar vorig hoofdstuk\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" \/><\/svg>\r\n Vorige\r\n <\/button>\r\n <div class=\"nav-info\">Basisstof 1 van 1<\/span><\/div>\r\n <button id=\"nextBtn\" class=\"nav-btn\" aria-label=\"Ga naar volgend hoofdstuk\">\r\n Volgende\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z\" \/><\/svg>\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n\r\n <script>\r\n const BOOK = {\r\n title: \"Thema 12: Gaswisseling en uitscheiding\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n {\r\n id: 1,\r\n title: \"Gaswisseling\",\r\n subtitle: \"Hoe worden gassen in je lichaam vervoerd\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_16_02.png\",\r\n summary: `\r\n<h3>Wat is gaswisseling?<\/strong><\/h3>\r\nGaswisseling<\/strong> is het proces waarbij <\/span>zuurstof (O\u2082)<\/strong> wordt opgenomen en <\/span>koolstofdioxide (CO\u2082)<\/strong> wordt afgegeven tussen een organisme en zijn omgeving. Dit is essentieel voor de <\/span>verbranding<\/strong> in cellen, waarbij energie vrijkomt.<\/span><\/p>\r\nBij <\/span>meercellige organismen<\/strong> verloopt gaswisseling via gespecialiseerde organen, terwijl <\/span>eencelligen<\/strong> zuurstof direct via hun <\/span>celmembraan<\/strong> opnemen door <\/span>diffusie<\/strong>.<\/span><\/p>\r\n<h2>Gaswisseling bij verschillende organismen<\/strong><\/h2>\r\n<h3>Eencelligen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Directe opname van O\u2082 en afgifte van CO\u2082 via <\/span>diffusie<\/strong> over het celmembraan<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Alleen efficiënt bij een groot <\/span>oppervlakte\/volume-verhouding<\/strong><\/li>\r\n<\/ul>\r\n<h3>Meercelligen zonder longen of kieuwen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bijvoorbeeld <\/span>regenwormen<\/strong>: nemen zuurstof op via de huid<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Huid moet <\/span>vochtig<\/strong> blijven voor oplosbaarheid van gassen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Haarvaten<\/strong> vlak onder huid → gaswisseling direct met bloed<\/span><\/li>\r\n<\/ul>\r\n<h3>Dieren met kieuwen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Vissen<\/strong> gebruiken <\/span>kieuwen<\/strong> voor gaswisseling in water<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Water stroomt langs <\/span>kieuwlamellen<\/strong> met haarvaten<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Zuurstofdiffusie<\/strong> vanuit water naar bloed, <\/span>CO\u2082<\/strong> in tegenovergestelde richting<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Tegenstroomprincipe<\/strong>: bloed en water stromen in tegengestelde richting → maximale opname van zuurstof<\/span><\/li>\r\n<\/ul>\r\n<h3>Dieren met longen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Longen<\/strong> geschikt voor gaswisseling in lucht<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Binnenin veel <\/span>longblaasjes (alveoli)<\/strong> met <\/span>longhaarvaten<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Groot <\/span>oppervlak<\/strong> en dunne wanden voor snelle diffusie<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij vogels: luchtzakken en eenrichtingsluchtstroom voor efficiënte O\u2082-opname<\/span><\/li>\r\n<\/ul>\r\n<h2>Gaswisseling bij de mens<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Lucht komt via <\/span>neusholte<\/strong>, <\/span>keelholte<\/strong>, <\/span>luchtpijp<\/strong>, <\/span>bronchiën<\/strong> en <\/span>bronchiolen<\/strong> in de <\/span>longblaasjes<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Longblaasjes<\/strong>: omgeven door een netwerk van haarvaten, zeer groot totaal oppervlak<\/span><\/li>\r\n<li style=\"font-weight: 400;\">O\u2082 diffundeert van lucht naar bloed, CO\u2082 diffundeert van bloed naar lucht<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Hemoglobine<\/strong> in rode bloedcellen bindt O\u2082 → transport naar cellen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">CO\u2082 wordt voornamelijk opgelost vervoerd in bloedplasma of gebonden aan hemoglobine<\/span><\/li>\r\n<\/ul>\r\n<h2>Factoren die gaswisseling beïnvloeden<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Grootte van het <\/span>oppervlak<\/strong> voor diffusie<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Dikte van het <\/span>diffusieoppervlak<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Concentratieverschil van gassen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Ventilatie van het gaswisselingsorgaan<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Doorbloeding van het gaswisselingsorgaan<\/span> <\/span><\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Gaswisseling \u2013 uitwisseling van zuurstof en koolstofdioxide\",\r\n \"Diffusie \u2013 passief transport van gassen van hoge naar lage concentratie\",\r\n \"Kieuwlamellen \u2013 dunne plaatjes in kieuwen met veel haarvaten\",\r\n \"Tegenstroomprincipe \u2013 bloed en water stromen tegengesteld voor maximale O\u2082-opname\",\r\n \"Longblaasje (alveolus) \u2013 klein blaasje in de long voor gaswisseling\",\r\n \"Hemoglobine \u2013 zuurstofbindend eiwit in rode bloedcellen\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Gaswisseling voorziet cellen van zuurstof en voert koolstofdioxide af. Afhankelijk van het organisme verloopt dit via huid, kieuwen of longen. Bij de mens vindt gaswisseling plaats in de longblaasjes, waar zuurstof in het bloed wordt opgenomen en koolstofdioxide wordt afgegeven. Effici\u00ebntie wordt bepaald door het oppervlak, de doorbloeding, ventilatie en het concentratieverschil van de gassen.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"Longventilatie\",\r\n subtitle: \"Adem in ... adem uit\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_16_02.png\",\r\n summary: `\r\n<h3>Wat is longventilatie?<\/strong><\/h3>\r\nLongventilatie<\/strong> is het verversen van lucht in de longen door <\/span>inademing<\/strong> en <\/span>uitademing<\/strong>. Het zorgt voor een constante aanvoer van zuurstof en afvoer van koolstofdioxide, waardoor de <\/span>gaswisseling<\/strong> in de <\/span>longblaasjes<\/strong> optimaal blijft.<\/span><\/p>\r\n<h2>Inademing (<\/strong>inspiratie<\/em><\/strong>)<\/strong><\/h2>\r\n<h3>Rustige inademing<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Middenrif<\/strong> trekt samen → beweegt omlaag<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Buitenste tussenribspieren<\/strong> trekken samen → ribben en borstbeen bewegen omhoog en naar voren<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Borstholte<\/strong> wordt groter → <\/span>longen<\/strong> zetten uit → <\/span>lucht stroomt naar binnen<\/strong><\/li>\r\n<\/ul>\r\n<h3>Diepe inademing<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Extra hulp van <\/span>halsspieren<\/strong> en <\/span>grote borstspieren<\/strong> → borstholte wordt nog groter<\/span><\/li>\r\n<\/ul>\r\n<h2>Uitademing (<\/strong>expiratie<\/em><\/strong>)<\/strong><\/h2>\r\n<h3>Rustige uitademing<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Middenrif<\/strong> en <\/span>buitenste tussenribspieren<\/strong> ontspannen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Ribben en borstbeen zakken omlaag<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Borstholte<\/strong> wordt kleiner → <\/span>lucht stroomt naar buiten<\/strong><\/li>\r\n<\/ul>\r\n<h3>Actieve uitademing (bijv. bij inspanning)<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Binnenste tussenribspieren<\/strong> trekken samen → ribben bewegen omlaag en naar binnen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Buikspieren<\/strong> trekken samen → duwen buikorganen tegen middenrif → middenrif omhoog<\/span><\/li>\r\n<\/ul>\r\n<h2>Longventilatie en longinhoud<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Longcapaciteit<\/strong> bestaat uit verschillende volumes:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Tidal volume (ademvolume)<\/strong>: hoeveelheid lucht per ademhaling in rust (± 0,5 liter)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vitale capaciteit<\/strong>: maximale hoeveelheid lucht die kan worden uitgeademd na maximale inademing<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Restvolume<\/strong>: lucht die in de longen achterblijft na maximale uitademing → voorkomt dichtklappen longen<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Totale longcapaciteit<\/strong> = vitale capaciteit + restvolume<\/span><\/li>\r\n<\/ul>\r\n<h2>Belang van ventilatie<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Houdt <\/span>zuurstofconcentratie<\/strong> in longblaasjes hoog en <\/span>koolstofdioxideconcentratie<\/strong> laag<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Onderhoudt een groot <\/span>concentratieverschil<\/strong> → bevordert <\/span>diffusie<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Ondersteunt efficiënte <\/span>gaswisseling<\/strong><\/li>\r\n<\/ul>\r\n<h2>Ademfrequentie<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Gemiddeld in rust: 12–15 ademhalingen per minuut<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Neemt toe bij inspanning → meer O\u2082-aanvoer, meer CO\u2082-afvoer<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Wordt geregeld door <\/span>ademcentrum<\/strong> in de hersenstam, vooral gestuurd door het CO\u2082-gehalte in bloed (pH-daling)<\/span> <\/span><\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Longventilatie \u2013 verversen van lucht in de longen\",\r\n \"Inspiratie \u2013 inademing\",\r\n \"Expiratie \u2013 uitademing\",\r\n \"Tidal volume (ademvolume) \u2013 lucht per ademhaling in rust\",\r\n \"Vitale capaciteit \u2013 maximale in- en uitademing\",\r\n \"Restvolume \u2013 lucht die altijd in longen achterblijft\",\r\n \"Ademfrequentie \u2013 aantal ademhalingen per minuut\",\r\n \"Ademcentrum \u2013 regelcentrum in hersenstam voor ademhaling\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Longventilatie vervangt de lucht in de longen om de gaswisseling in de longblaasjes mogelijk te maken. Bij inademing zetten borstholte en longen uit, bij uitademing krimpen ze. Het ademvolume en de ademfrequentie passen zich aan de behoefte van het lichaam aan, gestuurd door het ademcentrum in de hersenstam.\"\r\n },\r\n\r\n {\r\n id: 3,\r\n title: \"De lever\",\r\n subtitle: \"Een belangrijk orgaan met meerdere belangrijke functies\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_15_32.png\",\r\n summary: `\r\n<h3>Ligging en bloedtoevoer<\/strong><\/h3>\r\nDe <\/span>lever<\/strong> ligt rechtsboven in de buikholte, net onder het middenrif. Hij is sterk doorbloed en ontvangt bloed via:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Leverslagader<\/strong> – brengt zuurstofrijk bloed uit de <\/span>aorta<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Poortader<\/strong> – voert zuurstofarm maar <\/span>voedingsstofrijk bloed<\/strong> aan vanuit de darmen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Leverader<\/strong> – voert bloed vanuit de lever terug naar de <\/span>onderste holle ader<\/strong><\/li>\r\n<\/ul>\r\n<h2>Functies van de lever<\/strong><\/h2>\r\nDe lever is een multifunctioneel orgaan met taken op het gebied van <\/span>stofwisseling<\/strong>, <\/span>opslag<\/strong>, <\/span>afbraak<\/strong> en <\/span>ontgifting<\/strong>.<\/span><\/p>\r\n<h3>1. Koolhydraatstofwisseling<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Zet <\/span>glucose<\/strong> om in <\/span>glycogeen<\/strong> (opslagvorm) → <\/span>glycogeenstapeling<\/strong> in levercellen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kan glycogeen weer omzetten in glucose bij lage <\/span>bloedsuikerspiegel<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Regeling onder invloed van <\/span>insuline<\/strong> (opbouw glycogeen) en <\/span>glucagon<\/strong> (afbraak glycogeen)<\/span><\/li>\r\n<\/ul>\r\n<h3>2. Eiwitstofwisseling<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Vormt <\/span>aminozuren<\/strong> uit voeding om naar andere aminozuren<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Breekt overtollige aminozuren af → verwijdert stikstof als <\/span>ureum<\/strong> (via nieren uitgescheiden)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Maakt <\/span>plasma-eiwitten<\/strong> (o.a. <\/span>albumine<\/strong> en <\/span>stollingsfactoren<\/strong>)<\/span><\/li>\r\n<\/ul>\r\n<h3>3. Vetstofwisseling<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Vormt vetten uit overtollige koolhydraten en eiwitten<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Slaat vet op en breekt vetten af<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vormt <\/span>cholesterol<\/strong> en <\/span>lipoproteïnen<\/strong><\/li>\r\n<\/ul>\r\n<h3>4. Opslag<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Glycogeen<\/strong>, <\/span>vitamines<\/strong> (A, D, B12) en <\/span>mineralen<\/strong> (ijzer) worden opgeslagen<\/span><\/li>\r\n<\/ul>\r\n<h3>5. Afbraak en ontgifting<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Breekt oude <\/span>rode bloedcellen<\/strong> af → maakt <\/span>galkleurstoffen<\/strong> uit hemoglobine-afbraak<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Maakt <\/span>gal<\/strong> aan (galzouten voor vetemulsie in dunne darm)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Zet giftige stoffen om, zoals <\/span>alcohol<\/strong> en <\/span>ammoniak<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Zet medicijnen en hormonen om of breekt ze af<\/span><\/li>\r\n<\/ul>\r\n<h2>Gal en galwegen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Gal<\/strong> wordt geproduceerd in de lever en opgeslagen in de <\/span>galblaas<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Afgegeven via de <\/span>galbuis<\/strong> aan de <\/span>twaalfvingerige darm<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Galzouten<\/strong> emulgeren vetten → vergroten het oppervlak voor verteringsenzymen<\/span><\/li>\r\n<\/ul>\r\n<h2>Relatie met andere organen<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Werkt samen met <\/span>alvleesklier<\/strong> en <\/span>darmen<\/strong> in de spijsvertering<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Onderdeel van het <\/span>poortaderstelsel<\/strong> → lever krijgt als eerste voedingsstoffen uit de darm<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Reguleert samen met hormonen van de <\/span>alvleesklier<\/strong> de bloedsuikerspiegel<\/span> <\/span><\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Leverslagader \u2013 brengt zuurstofrijk bloed naar lever\",\r\n \"Poortader \u2013 voert voedingsstofrijk bloed vanuit darm naar lever\",\r\n \"Leverader \u2013 voert bloed uit lever naar onderste holle ader\",\r\n \"Glycogeen \u2013 opslagvorm van glucose\",\r\n \"Insuline \u2013 hormoon dat glycogeenopbouw stimuleert\",\r\n \"Glucagon \u2013 hormoon dat glycogeenafbraak stimuleert\",\r\n \"Plasma-eiwitten \u2013 eiwitten in bloedplasma, gemaakt in lever\",\r\n \"Gal \u2013 vloeistof met galzouten voor vetemulsie\",\r\n \"Galzouten \u2013 stoffen die vetten emulgeren\",\r\n \"Ureum \u2013 afvalstof van stikstof uit aminozuurafbraak\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De lever is een centraal orgaan in de stofwisseling en speelt een rol bij de opslag en omzetting van koolhydraten, vetten en eiwitten. Hij zuivert het bloed, maakt gal aan voor vetvertering, breekt afvalstoffen af en slaat voedingsstoffen op. Dankzij zijn positie in het poortaderstelsel kan de lever direct voedingsstoffen uit het spijsverteringsstelsel verwerken.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"De nieren\",\r\n subtitle: \"Waar komt je urine vandaan?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_15_29.png\",\r\n summary: `\r\n<h3>Ligging en bouw<\/strong><\/h3>\r\nDe <\/span>nieren<\/strong> liggen links en rechts van de wervelkolom, ter hoogte van de onderste ribben, achter in de buikholte. Ze zijn boonvormig en bestaan uit:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Nierschors<\/strong> – buitenste laag<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Niermerg<\/strong> – binnenste laag met <\/span>nierpiramiden<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Nierbekken<\/strong> – centrale verzamelruimte voor urine<\/span><\/li>\r\n<\/ul>\r\nAan de nieren verbonden:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Nierslagader<\/strong> – brengt zuurstofrijk en afvalstofrijk bloed naar de nier<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Nierader<\/strong> – voert gezuiverd bloed af<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Urineleider<\/strong> – voert urine af naar de <\/span>urineblaas<\/strong><\/li>\r\n<\/ul>\r\n<h2>Functies van de nieren<\/strong><\/h2>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Uitscheiding<\/strong> van afvalstoffen<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Verwijderen van <\/span>ureum<\/strong>, <\/span>creatinine<\/strong>, overtollige <\/span>zouten<\/strong> en <\/span>water<\/strong> uit het bloed<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Regulatie<\/strong> van samenstelling van het bloed<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Handhaven <\/span>water- en zoutbalans<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Regelen <\/span>zuurgraad (pH)<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Constant houden van <\/span>osmotische waarde<\/strong> <\/strong><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Productie<\/strong> van hormonen<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Erytropoëtine (EPO)<\/strong> → stimuleert aanmaak rode bloedcellen in beenmerg<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Renine<\/strong> → betrokken bij bloeddrukregeling<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Omzetting van vitamine D naar actieve vorm<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<h2>Nefron – de functionele eenheid van de nier<\/strong><\/h2>\r\nElke nier bevat ± 1 miljoen <\/span>nefronen<\/strong>, bestaande uit:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Nierkapsel (kapsel van Bowman)<\/strong> – opvang van voorurine na <\/span>ultrafiltratie<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Nierbuisje<\/strong> – terugresorptie en uitscheiding van stoffen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Lis van Henle<\/strong> – belangrijk voor concentreren van urine<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verzamelbuis<\/strong> – afvoer van definitieve urine naar nierbekken<\/span><\/li>\r\n<\/ul>\r\n<h2>Urinevorming<\/strong><\/h2>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Ultrafiltratie<\/strong> – bloedplasma wordt door de bloeddruk uit haarvaten in het nierkapsel geperst → <\/span>voorurine<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bevat water, zouten, glucose, aminozuren, ureum<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Eiwitten<\/strong> en <\/span>bloedcellen<\/strong> blijven in het bloed<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Terugresorptie<\/strong> – nuttige stoffen (glucose, aminozuren, water, zouten) worden actief of passief terug opgenomen in bloed<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Excretie (secretie)<\/strong> – actief toevoegen van afvalstoffen aan de urine<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Concentratie van urine<\/strong> – waterterugresorptie in lis van Henle en verzamelbuis, geregeld door <\/span>ADH<\/strong> (antidiuretisch hormoon)<\/span><\/li>\r\n<\/ol>\r\n<h2>ADH en waterhuishouding<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">ADH<\/strong> uit de hypofyse verhoogt waterterugresorptie in de verzamelbuis → minder en geconcentreerdere urine<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Weinig ADH → meer water in urine → veel en verdunde urine<\/span><\/li>\r\n<li style=\"font-weight: 400;\">ADH-productie wordt gestuurd door osmoreceptoren in de <\/span>hypothalamus<\/strong> <\/strong><\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Nierschors \/ niermerg \/ nierbekken \u2013 bouwdelen van de nier\",\r\n \"Nefron \u2013 functionele eenheid van de nier\",\r\n \"Nierkapsel (Bowman) \u2013 filtert bloed tot voorurine\",\r\n \"Ultrafiltratie \u2013 filtratie van bloed onder hoge druk\",\r\n \"Voorurine \u2013 eerste filtraat van bloed in nierkapsel\",\r\n \"Terugresorptie \u2013 heropname van nuttige stoffen in bloed\",\r\n \"Secretie \u2013 actieve afgifte van stoffen aan urine\",\r\n \"ADH \u2013 hormoon dat waterterugresorptie regelt\",\r\n \"Erytropo\u00ebtine (EPO) \u2013 hormoon dat rode bloedcelproductie stimuleert\",\r\n \"Renine \u2013 hormoon dat bloeddruk be\u00efnvloedt\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De nieren zuiveren het bloed, verwijderen afvalstoffen en spelen een cruciale rol bij het constant houden van de samenstelling van het inwendige milieu. In de nefronen vindt filtratie, terugresorptie en secretie plaats, resulterend in urine. De hoeveelheid en samenstelling van de urine worden gereguleerd door hormonen zoals ADH, EPO en renine.\"\r\n },\r\n\r\n {\r\n id: 5,\r\n title: \"De huid\",\r\n subtitle: \"Je grootste orgaan\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_15_24.png\",\r\n summary: `\r\n<h3>Functie van de huid<\/strong><\/h3>\r\nDe <\/span>huid<\/strong> is het grootste orgaan van het lichaam en vormt een beschermende barrière tussen het inwendige milieu en de omgeving. Ze heeft meerdere functies:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bescherming tegen <\/span>mechanische beschadiging<\/strong>, <\/span>uitdroging<\/strong>, <\/span>ziekteverwekkers<\/strong> en <\/span>UV-straling<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Zintuigfunctie<\/strong> – bevat receptoren voor pijn, temperatuur, druk en tast<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Regulatie<\/strong> van lichaamstemperatuur<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Uitscheiding<\/strong> van zouten, water en afvalstoffen via zweet<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Productie van <\/span>vitamine D<\/strong> onder invloed van zonlicht<\/span><\/li>\r\n<\/ul>\r\n<h2>Opbouw van de huid<\/strong><\/h2>\r\nDe huid bestaat uit drie lagen:<\/span><\/p>\r\n<h3>1. Epidermis (opperhuid)<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Hoornlaag<\/strong> – buitenste laag, dode verhoornde cellen → bescherming tegen beschadiging en uitdroging<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kiemlaag<\/strong> – levende cellen die zich voortdurend delen en nieuwe huidcellen vormen<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Pigmentcellen<\/strong> in de kiemlaag maken <\/span>melanine<\/strong>, dat beschermt tegen UV-straling<\/span><\/li>\r\n<\/ul>\r\n<h3>2. Dermis (lederhuid)<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bevat <\/span>bloedvaten<\/strong>, <\/span>zenuwen<\/strong>, <\/span>zweetklieren<\/strong>, <\/span>talgklieren<\/strong> en <\/span>haarzakjes<\/strong><\/li>\r\n<li style=\"font-weight: 400;\">Zweetklieren<\/strong> scheiden zweet af → verdamping zorgt voor afkoeling<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Talgklieren<\/strong> produceren talg → houdt huid en haar soepel en waterafstotend<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Zintuigcellen<\/strong> registreren prikkels (tast, druk, pijn, temperatuur)<\/span><\/li>\r\n<\/ul>\r\n<h3>3. Subcutis (onderhuidse bindweefsel)<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bevat <\/span>vetcellen<\/strong> → isolatie, energiereserve en stootkussen<\/span><\/li>\r\n<\/ul>\r\n<h2>Temperatuurregeling via de huid<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Warmte-afgifte<\/strong>: bloedvaten in lederhuid verwijden (<\/span>vasodilatatie<\/strong>) → meer warmteafgifte via straling en verdamping van zweet<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Warmtebehoud<\/strong>: bloedvaten vernauwen (<\/span>vasoconstrictie<\/strong>) → minder warmteverlies<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kippenvelreactie<\/strong>: spiertjes in haarzakjes trekken samen, haren gaan rechtop staan (bij dieren isolerend effect)<\/span><\/li>\r\n<\/ul>\r\n<h2>Uitscheiding via de huid<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Zweet<\/strong> bevat water, zouten en kleine hoeveelheden afvalstoffen (o.a. ureum)<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Speelt rol in <\/span>temperatuurregeling<\/strong> en in geringe mate in <\/span>uitscheiding<\/strong><\/li>\r\n<\/ul>\r\n<h2>Bescherming en herstel<\/strong><\/h2>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Hoornlaag<\/strong> vormt eerste barrière tegen ziekteverwekkers<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Melanine<\/strong> beschermt DNA in huidcellen tegen mutaties door UV-straling<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij verwonding: bloedstolling, korstvorming en herstel van kiemlaag<\/span><\/li>\r\n<li style=\"font-weight: 400;\">Littekens ontstaan als beschadiging tot in de lederhuid reikt<\/span> <\/span><\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Epidermis (opperhuid) \u2013 hoornlaag + kiemlaag\",\r\n \"Hoornlaag \u2013 dode cellen, bescherming\",\r\n \"Kiemlaag \u2013 levende cellen, pigmentcellen\",\r\n \"Melanine \u2013 pigment dat beschermt tegen UV\",\r\n \"Dermis (lederhuid) \u2013 laag met bloedvaten, zenuwen, klieren en haarzakjes\",\r\n \"Zweetklier \u2013 produceert zweet voor afkoeling\",\r\n \"Talgklier \u2013 produceert talg voor bescherming huid en haar\",\r\n \"Subcutis (onderhuid) \u2013 vetlaag voor isolatie en bescherming\",\r\n \"Vasodilatatie \u2013 verwijding bloedvaten, warmteafgifte\",\r\n \"Vasoconstrictie \u2013 vernauwing bloedvaten, warmtebehoud\"\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 lichaamstemperatuur, speelt een rol in de uitscheiding en bevat zintuigen voor waarneming. Dankzij haar lagen \u2013 opperhuid, lederhuid en onderhuid \u2013 combineert de huid stevigheid, flexibiliteit en bescherming met belangrijke fysiologische functies.\"\r\n },\r\n ]\r\n };\r\n\r\n \/\/ ====== APP LOGICA ======\r\n const els = {\r\n bookTitle: document.getElementById('bookTitle'),\r\n chapterBadge: document.getElementById('chapterBadge'),\r\n chapterSub: document.getElementById('chapterSub'),\r\n pageIndicator: document.getElementById('pageIndicator'),\r\n progressBar: document.getElementById('progressBar'),\r\n chapterTitle: document.getElementById('chapterTitle'),\r\n chapterSubtitle: document.getElementById('chapterSubtitle'),\r\n summaryBody: document.getElementById('summaryBody'),\r\n termsList: document.getElementById('termsList'),\r\n moreTerms: document.getElementById('moreTerms'),\r\n tldrBody: document.getElementById('tldrBody'),\r\n chapterCounter: document.getElementById('chapterCounter'),\r\n prevBtn: document.getElementById('prevBtn'),\r\n nextBtn: document.getElementById('nextBtn'),\r\n chapterImage: document.getElementById('chapterImage'),\r\n chapterImageWrap: document.getElementById('chapterImageWrap'),\r\n };\r\n\r\n function getChapterIndexFromURL(){\r\n const url = new URL(window.location);\r\n const h = parseInt(url.searchParams.get('h') || url.hash.replace('#h=',''));\r\n const idx = isFinite(h) && h>0 ? h-1 : 0;\r\n return Math.max(0, Math.min(BOOK.chapters.length-1, idx));\r\n }\r\n\r\n let currentIndex = getChapterIndexFromURL();\r\n\r\n function updateURL(){\r\n const h = currentIndex + 1;\r\n const url = new URL(window.location);\r\n url.searchParams.set('h', String(h));\r\n history.replaceState({}, '', url);\r\n document.title = `${BOOK.title} \u2013 Basisstof ${h}`;\r\n }\r\n\r\n function render(){\r\n const total = BOOK.chapters.length;\r\n const ch = BOOK.chapters[currentIndex];\r\n\r\n els.bookTitle.textContent = BOOK.title;\r\n els.chapterBadge.textContent = `Basisstof ${ch.id}`;\r\n els.chapterSub.textContent = ch.title;\r\n\r\n els.chapterTitle.textContent = ch.title;\r\n els.chapterSubtitle.textContent = ch.subtitle || '';\r\n els.summaryBody.innerHTML = ch.summary;\r\n\r\n \/\/ Afbeelding per hoofdstuk invullen of het hele blok verbergen\r\n if (ch.image) {\r\n els.chapterImage.src = ch.image;\r\n els.chapterImage.alt = `Illustratie bij: ${ch.title}`;\r\n els.chapterImageWrap.style.display = 'block';\r\n } else {\r\n els.chapterImage.src = '';\r\n els.chapterImageWrap.style.display = 'none';\r\n }\r\n\r\n els.termsList.innerHTML = (ch.terms||[]).map(t => `<li>${t}<\/li>`).join('');\r\n els.moreTerms.href = ch.moreTermsUrl || '#';\r\n\r\n els.tldrBody.innerHTML = `${ch.tldr||''}<\/p>`;\r\n\r\n els.pageIndicator.textContent = `${ch.id} \/ ${total}`;\r\n els.chapterCounter.textContent = `Basisstof ${ch.id} van ${total}`;\r\n els.progressBar.style.width = `${(ch.id\/total)*100}%`;\r\n\r\n els.prevBtn.disabled = currentIndex === 0;\r\n els.nextBtn.disabled = currentIndex === total-1;\r\n\r\n updateURL();\r\n }\r\n\r\n function go(delta){\r\n const next = currentIndex + delta;\r\n if(next < 0 || next >= BOOK.chapters.length) return;\r\n currentIndex = next; render();\r\n \/\/ verplaats focus netjes\r\n document.getElementById('main').focus({preventScroll:true});\r\n }\r\n\r\n els.prevBtn.addEventListener('click', () => go(-1));\r\n els.nextBtn.addEventListener('click', () => go(1));\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if(e.key === 'ArrowLeft') { go(-1); }\r\n if(e.key === 'ArrowRight'){ go(1); }\r\n });\r\n\r\n \/\/ Initial render\r\n render();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Samenvatting \u2013 Boek Ga naar inhoud Titel van het boek Basisstof 1 1 \/ 1 Hoofdstuknaam Korte inleiding of doel van dit hoofdstuk. Belangrijke begrippen Meer begrippen \u2192 Kort samengevat Vorige Basisstof 1 van 1 Volgende<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[38],"class_list":["post-865","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/865","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=865"}],"version-history":[{"count":23,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/865\/revisions"}],"predecessor-version":[{"id":3226,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/865\/revisions\/3226"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=865"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}