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 5: Ecologie\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n \r\n\r\n\r\n {\r\n id: 1,\r\n title: \"Ecologie op alle organisatieniveaus\",\r\n subtitle: \"Hoe bestuderen ecologen natuurverschijnselen?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_16_41.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Wat is ecologie?<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Ecologie<\/strong> is de tak van de biologie die onderzoekt hoe organismen met elkaar en met hun <\/span>omgeving<\/strong> samenleven.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het bestudeert zowel de <\/span>levende (biotische)<\/strong> factoren (planten, dieren, schimmels, bacteriën) als de <\/span>niet-levende (abiotische)<\/strong> factoren (klimaat, water, bodem, licht).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het doel is te begrijpen hoe ecosystemen functioneren en hoe organismen daarin overleven.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Organisatieniveaus in de ecologie<\/strong><\/h3>\r\nEcologen bestuderen natuurverschijnselen op verschillende <\/span>schaalniveaus<\/strong>:<\/span><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Individu<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Eén enkel organisme.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: een eik, een konijn of een mens.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Onderzoek: gedrag, voedselkeuze, aanpassingen aan omgeving.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Populatie<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Alle individuen van één soort die in een bepaald gebied leven en zich onderling kunnen voortplanten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: alle konijnen in een duingebied.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Populatiedynamiek wordt beïnvloed door geboortecijfer, sterftecijfer, migratie en predatie.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Levensgemeenschap<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Alle populaties van verschillende soorten die samenleven in een bepaald gebied.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: in een vijver leven vissen, insecten, planten, bacteriën en amfibieën samen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Soorten beïnvloeden elkaar via voedselketens, competitie en symbiose.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Ecosysteem<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Het geheel van een levensgemeenschap <\/span>plus de abiotische factoren<\/strong> van dat gebied.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: een bos, een koraalrif of een woestijn.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Ecologen kijken naar kringlopen (zoals koolstof- en stikstofkringloop) en energiestromen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Biome<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Groot gebied met kenmerkend klimaat, flora en fauna.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: tropisch regenwoud, savanne, toendra.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Biosfeer<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Het geheel van alle ecosystemen samen, oftewel het <\/span>leven op aarde<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">De biosfeer is het hoogste organisatieniveau in de ecologie.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<h3>Relatie tussen biotische en abiotische factoren<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Biotische factoren<\/strong>: levende invloeden, zoals predatie, voedsel, concurrentie, parasitisme en symbiose.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Abiotische factoren<\/strong>: niet-levende invloeden, zoals temperatuur, vochtigheid, lichtintensiteit, bodemgesteldheid, stroming en zuurstofgehalte.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Samen bepalen ze waar soorten kunnen leven en hoe populaties zich ontwikkelen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Interactie en samenhang<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Organismen beïnvloeden elkaar én hun omgeving.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Planten gebruiken zonlicht (abiotisch) en vormen voedsel voor dieren (biotisch).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Roofdieren houden prooidierenpopulaties in balans.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Mensen beïnvloeden ecosystemen sterk door landbouw, ontbossing en klimaatverandering.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\nEcologie is dus een wetenschap die zowel de <\/span>onderlinge relaties tussen organismen<\/strong> als hun <\/span>relaties met de abiotische omgeving<\/strong> bestudeert.<\/span> <\/span><\/p>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Ecologie \u2013 wetenschap van relaties tussen organismen en hun omgeving\",\r\n\"Biotische factoren \u2013 levende invloeden op een organisme\",\r\n\"Abiotische factoren \u2013 niet-levende invloeden op een organisme\",\r\n\"Individu \u2013 \u00e9\u00e9n organisme\",\r\n\"Populatie \u2013 groep individuen van dezelfde soort in een gebied\",\r\n\"Levensgemeenschap \u2013 alle populaties in een gebied\",\r\n\"Ecosysteem \u2013 levensgemeenschap plus abiotische factoren\",\r\n\"Biome \u2013 groot ecosysteemtype met kenmerkend klimaat en levensvormen\",\r\n\"Biosfeer \u2013 totaal van al het leven op aarde\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Ecologie onderzoekt hoe organismen op alle niveaus \u2013 van individu tot biosfeer \u2013 samenhangen met elkaar en hun omgeving. Binnen populaties spelen geboortecijfers, sterfte en competitie een rol, terwijl levensgemeenschappen draaien om relaties tussen soorten. In ecosystemen komen biotische en abiotische factoren samen, en op nog grotere schaal ontstaan biomen en de biosfeer. Door deze niveaus te bestuderen, begrijpen ecologen beter hoe het leven op aarde functioneert en hoe menselijk handelen dit be\u00efnvloedt.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"Populaties\",\r\n subtitle: \"Samen lekker gezellig!\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_16_44.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Wat is een populatie?<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Een <\/span>populatie<\/strong> is een groep individuen van dezelfde soort die in een bepaald gebied samenleven en zich onderling kunnen voortplanten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Alle berkenbomen in een bos.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Alle konijnen in de duinen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Ecologen onderzoeken hoe populaties groeien, krimpen en zich ontwikkelen door de tijd heen (<\/span>populatiedynamiek<\/strong>).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Populatiekenmerken<\/strong><\/h3>\r\nPopulaties hebben eigenschappen die verder gaan dan individuele organismen:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Populatiegrootte<\/strong> – het aantal individuen in een populatie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Dichtheid<\/strong> – het aantal individuen per oppervlakte of volume.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verspreidingspatroon<\/strong> – hoe individuen verspreid zijn (clumped\/gegroepeerd, uniform of willekeurig).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Leeftijdsopbouw<\/strong> – verhouding tussen jonge, volwassen en oudere individuen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Factoren die populatiegrootte beïnvloeden<\/strong><\/h3>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Voortplanting (geboortecijfer)<\/strong> – meer nakomelingen zorgt voor groei.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Sterftecijfer<\/strong> – sterfte vermindert de populatie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Immigratie<\/strong> – nieuwe individuen komen erbij.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Emigratie<\/strong> – individuen verlaten de populatie.<\/span> <\/span><\/li>\r\n<\/ol>\r\nDe populatiegrootte kan dus <\/span>toenemen, stabiel blijven of afnemen<\/strong>, afhankelijk van deze factoren.<\/span><\/p>\r\n<h3>Populatiegroei<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Exponentiële groei<\/strong> (J-curve)<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Onder ideale omstandigheden (veel voedsel, weinig predatie of ziekte) kan een populatie zeer snel groeien.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: bacteriën die zich elk half uur delen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Logistische groei<\/strong> (S-curve)<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">In de praktijk remmen <\/span>dichtheidsafhankelijke factoren<\/strong> (voedseltekort, ziekte, predatie) de groei.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">De populatie stabiliseert rond de <\/span>draagkracht (K)<\/strong> van het ecosysteem → het maximale aantal individuen dat duurzaam kan worden ondersteund.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Populatiebegrenzende factoren<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Biotische factoren<\/strong> (levend): voedsel, parasieten, predatie, concurrentie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Abiotische factoren<\/strong> (niet-levend): temperatuur, licht, water, bodemgesteldheid, zuurstofgehalte.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Sommige factoren zijn <\/span>dichtheidsafhankelijk<\/strong> (sterker effect bij grotere populaties, bv. voedseltekort).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Andere zijn <\/span>dichtheidsONafhankelijk<\/strong> (onafhankelijk van grootte, bv. overstroming, brand).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Interacties tussen populaties<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Predatie<\/strong> – roofdieren reguleren prooidieren. Dit zorgt vaak voor een <\/span>schommelend patroon<\/strong> (predator-prooirelatie).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Concurrentie<\/strong> – populaties van dezelfde of verschillende soorten concurreren om voedsel, licht of leefruimte.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Mutualisme en symbiose<\/strong> – samenwerking tussen soorten kan populaties juist ondersteunen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Voorbeelden in de natuur<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Lynx en sneeuwschoenhaas<\/strong>: cyclische schommelingen door predator-prooirelatie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Muskusratten in Nederland<\/strong>: snelle groei bij weinig vijanden, maar ingeperkt door bestrijding en voedseltekort.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Eikenprocessierups<\/strong>: explosieve groei door milde winters en weinig natuurlijke vijanden.<\/span> <\/span><\/h3>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Populatie \u2013 groep individuen van dezelfde soort in een bepaald gebied\",\r\n\"Populatiedynamiek \u2013 verandering in omvang en samenstelling van een populatie\",\r\n\"Exponenti\u00eble groei \u2013 snelle, onbeperkte groei (J-curve)\",\r\n\"Logistische groei \u2013 groei die afvlakt door draagkracht (S-curve)\",\r\n\"Draagkracht (K) \u2013 maximale grootte van een populatie die een ecosysteem kan ondersteunen\",\r\n\"Dichtheidsafhankelijke factoren \u2013 be\u00efnvloeden populatie sterker bij grotere dichtheid (voedsel, ziekte)\",\r\n\"DichtheidsONafhankelijke factoren \u2013 onafhankelijk van populatiegrootte (klimaat, rampen)\",\r\n\"Predator-prooirelatie \u2013 natuurlijke regulatie tussen roofdier en prooidier\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Populaties bestaan uit individuen van \u00e9\u00e9n soort die samenleven en zich voortplanten. Hun omvang verandert door geboortes, sterfte, immigratie en emigratie. In ideale omstandigheden groeit een populatie exponentieel, maar in de natuur stabiliseert de groei rond de draagkracht van het ecosysteem. Populatiedynamiek wordt be\u00efnvloed door zowel biotische als abiotische factoren, waarbij predatie, concurrentie en symbiose een belangrijke rol spelen. Zo zorgen natuurlijke processen voor een evenwicht tussen soorten in een ecosysteem.\"\r\n },\r\n {\r\n id: 3,\r\n title: \"Ecosystemen\",\r\n subtitle: \"Kunnen klein en heel erg groot zijn.\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_16_50.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Wat is een ecosysteem?<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Een <\/span>ecosysteem<\/strong> is het geheel van alle <\/span>levende (biotische)<\/strong> factoren en <\/span>niet-levende (abiotische)<\/strong> factoren in een bepaald gebied en hun onderlinge relaties.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden: een bos, een vijver, een woestijn, een koraalrif.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kenmerk: <\/span>kringlopen van stoffen<\/strong> en <\/span>stromen van energie<\/strong> houden het ecosysteem in stand.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Samenstelling van een ecosysteem<\/strong><\/h3>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Biotische factoren<\/strong> – alle organismen: producenten, consumenten, reducenten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Abiotische factoren<\/strong> – licht, temperatuur, water, bodem, mineralen, lucht, zuurstof- en koolstofdioxidegehalte.<\/span> <\/span><\/li>\r\n<\/ol>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De wisselwerking tussen biotisch en abiotisch bepaalt waar soorten kunnen leven.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Producenten, consumenten en reducenten<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Producenten<\/strong>: planten en autotrofe bacteriën → maken organische stoffen (glucose) via fotosynthese.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Consumenten<\/strong>: dieren → eten producenten of andere dieren.<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Consumenten van de <\/span>eerste orde<\/strong>: planteneters.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Consumenten van de <\/span>tweede orde en hoger<\/strong>: vleeseters.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Reducenten<\/strong>: schimmels en bacteriën → breken organisch afval af tot anorganische stoffen (zoals mineralen), die weer beschikbaar komen voor producenten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Samen vormen ze de basis voor <\/span>kringlopen<\/strong> (bijv. stikstofkringloop, koolstofkringloop).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Energie- en voedselstromen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Energie stroomt door een ecosysteem via <\/span>voedselketens<\/strong> en <\/span>voedselwebben<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">In elke <\/span>schakel<\/strong> gaat energie verloren als warmte (bij dissimilatie).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Daarom is de <\/span>piramide van biomassa<\/strong> altijd smal aan de top: er is minder energie beschikbaar voor hogere trofische niveaus.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: gras → konijn → vos.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Evenwicht in ecosystemen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Een ecosysteem bevindt zich vaak in een <\/span>dynamisch evenwicht<\/strong>:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Populaties schommelen rond een gemiddelde.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Stoffen blijven circuleren in kringlopen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Wordt het evenwicht verstoord (door mens of natuur), dan kunnen soorten verdwijnen of nieuwe soorten zich vestigen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Invloed van de mens<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De mens heeft grote invloed op ecosystemen:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Ontbossing<\/strong> → verlies van leefgebied, uitsterven van soorten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bestrijdingsmiddelen<\/strong> → verstoring van voedselketens.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Klimaatverandering<\/strong> → temperatuursverhoging en verschuiving van leefgebieden.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Toch kan beheer (natuurreservaten, duurzame landbouw, herstelprojecten) ecosystemen beschermen of herstellen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Voorbeelden van ecosystemen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Zoetwater-ecosysteem<\/strong>: vijver of meer → producenten (waterplanten, algen), consumenten (watervlooien, vissen), reducenten (bacteriën).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bos-ecosysteem<\/strong>: producenten (bomen), consumenten (herten, vogels, insecten), reducenten (zwammen).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Koraalrif<\/strong>: zeer soortenrijk, afhankelijk van temperatuur, licht en helder water.<\/span> <\/span><\/h3>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Ecosysteem \u2013 geheel van biotische en abiotische factoren en hun wisselwerking\",\r\n\"Biotische factoren \u2013 levende invloeden in een ecosysteem\",\r\n\"Abiotische factoren \u2013 niet-levende invloeden in een ecosysteem\",\r\n\"Producenten \u2013 organismen die organische stoffen maken (planten)\",\r\n\"Consumenten \u2013 dieren die andere organismen eten\",\r\n\"Reducenten \u2013 organismen die organisch afval afbreken tot anorganische stoffen\",\r\n\"Voedselketen\/voedselweb \u2013 reeks van organismen die elkaar als voedsel gebruiken\",\r\n\"Piramide van biomassa \u2013 grafische weergave van energie en biomassa in een voedselketen\",\r\n\"Dynamisch evenwicht \u2013 stabiele situatie waarin populaties en kringlopen schommelen rond een evenwicht\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Een ecosysteem bestaat uit organismen en hun niet-levende omgeving, die samen een functioneel geheel vormen. Producenten, consumenten en reducenten zorgen voor kringlopen en energiestromen, waardoor het ecosysteem blijft functioneren. Ecosystemen verkeren vaak in dynamisch evenwicht, maar kunnen door natuurlijke veranderingen of menselijke invloeden verstoord worden. Het behoud en herstel van ecosystemen is cruciaal voor biodiversiteit en het voortbestaan van soorten, inclusief de mens.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"Veranderende ecosystemen\",\r\n subtitle: \"Ecosystemen worden door alles en iedereen be\u00efnvloed.\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_16_52.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Dynamisch evenwicht<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Een ecosysteem bevindt zich meestal in een <\/span>dynamisch evenwicht<\/strong>:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Populaties schommelen rond een gemiddelde.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Stoffen en energie blijven circuleren in kringlopen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Kleine veranderingen worden vaak opgevangen door <\/span>zelfregulatie<\/strong> van het systeem.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Successie<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Successie<\/strong> = geleidelijke verandering in de soortensamenstelling binnen een ecosysteem.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Wordt veroorzaakt door veranderingen in <\/span>abiotische en biotische factoren<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kale rots → mossen en korstmossen → kruiden → struiken → bos.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Plas → moeras → grasland → bos.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h4>Pioniersstadium<\/strong><\/h4>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Eerste soorten die een kaal gebied koloniseren = <\/span>pionierssoorten<\/strong> (bijv. mossen, algen, korstmossen).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Ze zijn goed aangepast aan extreme omstandigheden.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h4>Climaxstadium<\/strong><\/h4>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Uiteindelijk ontstaat een relatief stabiele levensgemeenschap → het <\/span>climaxecosysteem<\/strong> (bijv. loofbos in Nederland).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Dit stadium kan lange tijd blijven bestaan, tenzij het door mens of natuur wordt verstoord.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Secundaire successie<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Vindt plaats wanneer een bestaand ecosysteem verstoord wordt, maar de <\/span>bodem<\/strong> aanwezig blijft.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Een akker die niet meer gebruikt wordt → groeit weer dicht met planten en uiteindelijk bos.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gebieden na een bosbrand → sneller herstel dan bij primaire successie, omdat de bodem al voedingsstoffen bevat.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Invloed van abiotische factoren<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Licht, temperatuur, water, bodem en voedingsstoffen veranderen tijdens successie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">In een plas neemt het aantal voedingsstoffen toe door plantenresten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Hierdoor groeien nieuwe soorten waterplanten → meer schuilplaatsen → verandering in vis- en insectenpopulaties.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Invloed van de mens<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Mensen beïnvloeden ecosystemen vaak sterk en soms blijvend:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Ontbossing<\/strong> → verlies van climaxstadium, terugval naar open landschap.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Landbouw<\/strong> → kunstmatig in stand gehouden ecosysteem met weinig soorten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Natuurbeheer<\/strong> → mens grijpt juist in om bepaalde stadia van successie te behouden (bijv. heidevelden of duingebieden).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Zonder beheer zou veel cultuurlandschap in Nederland uitgroeien tot bos.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Voorbeelden van veranderende ecosystemen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Duinen<\/strong>: kale zandduinen worden begroeid met helmgras, daarna struiken en uiteindelijk duinbos.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Moerassen<\/strong>: verlanden door aanslibbing en plantenresten, veranderen langzaam in grasland of bos.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Stedelijke gebieden<\/strong>: braakliggende terreinen raken snel begroeid met pionierssoorten.<\/span> <\/span><\/h3>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Dynamisch evenwicht \u2013 stabiele situatie waarin populaties en kringlopen rond een gemiddelde schommelen\",\r\n\"Successie \u2013 geleidelijke verandering in soortensamenstelling\",\r\n\"Pionierssoorten \u2013 eerste soorten die een kaal gebied koloniseren\",\r\n\"Climaxecosysteem \u2013 stabiel eindstadium van successie\",\r\n\"Primaire successie \u2013 start op kale bodem zonder organische stof\",\r\n\"Secundaire successie \u2013 start na verstoring, bodem is aanwezig\",\r\n\"Natuurbeheer \u2013 menselijk ingrijpen om bepaalde stadia van ecosystemen te behouden\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Ecosystemen zijn voortdurend in verandering. Via successie ontwikkelen ze zich van pionierstadia naar een stabiel climaxecosysteem. Tijdens dit proces veranderen zowel de abiotische omstandigheden als de soortensamenstelling. Bij secundaire successie verloopt het herstel sneller doordat er al een bodem aanwezig is. De mens be\u00efnvloedt ecosystemen sterk, soms door verstoring (ontbossing, landbouw), soms door natuurbeheer. Zo is geen enkel ecosysteem volledig statisch, maar altijd in ontwikkeling.\"\r\n },\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\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":[31],"class_list":["post-826","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/826","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=826"}],"version-history":[{"count":32,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/826\/revisions"}],"predecessor-version":[{"id":3044,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/826\/revisions\/3044"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=826"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=826"}],"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 5: Ecologie\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n \r\n\r\n\r\n {\r\n id: 1,\r\n title: \"Ecologie op alle organisatieniveaus\",\r\n subtitle: \"Hoe bestuderen ecologen natuurverschijnselen?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_16_41.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Wat is ecologie?<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Ecologie<\/strong> is de tak van de biologie die onderzoekt hoe organismen met elkaar en met hun <\/span>omgeving<\/strong> samenleven.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het bestudeert zowel de <\/span>levende (biotische)<\/strong> factoren (planten, dieren, schimmels, bacteriën) als de <\/span>niet-levende (abiotische)<\/strong> factoren (klimaat, water, bodem, licht).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Het doel is te begrijpen hoe ecosystemen functioneren en hoe organismen daarin overleven.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Organisatieniveaus in de ecologie<\/strong><\/h3>\r\nEcologen bestuderen natuurverschijnselen op verschillende <\/span>schaalniveaus<\/strong>:<\/span><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Individu<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Eén enkel organisme.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: een eik, een konijn of een mens.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Onderzoek: gedrag, voedselkeuze, aanpassingen aan omgeving.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Populatie<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Alle individuen van één soort die in een bepaald gebied leven en zich onderling kunnen voortplanten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: alle konijnen in een duingebied.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Populatiedynamiek wordt beïnvloed door geboortecijfer, sterftecijfer, migratie en predatie.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Levensgemeenschap<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Alle populaties van verschillende soorten die samenleven in een bepaald gebied.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: in een vijver leven vissen, insecten, planten, bacteriën en amfibieën samen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Soorten beïnvloeden elkaar via voedselketens, competitie en symbiose.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Ecosysteem<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Het geheel van een levensgemeenschap <\/span>plus de abiotische factoren<\/strong> van dat gebied.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: een bos, een koraalrif of een woestijn.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Ecologen kijken naar kringlopen (zoals koolstof- en stikstofkringloop) en energiestromen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Biome<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Groot gebied met kenmerkend klimaat, flora en fauna.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: tropisch regenwoud, savanne, toendra.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Biosfeer<\/strong> <\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Het geheel van alle ecosystemen samen, oftewel het <\/span>leven op aarde<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">De biosfeer is het hoogste organisatieniveau in de ecologie.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<h3>Relatie tussen biotische en abiotische factoren<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Biotische factoren<\/strong>: levende invloeden, zoals predatie, voedsel, concurrentie, parasitisme en symbiose.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Abiotische factoren<\/strong>: niet-levende invloeden, zoals temperatuur, vochtigheid, lichtintensiteit, bodemgesteldheid, stroming en zuurstofgehalte.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Samen bepalen ze waar soorten kunnen leven en hoe populaties zich ontwikkelen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Interactie en samenhang<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Organismen beïnvloeden elkaar én hun omgeving.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Planten gebruiken zonlicht (abiotisch) en vormen voedsel voor dieren (biotisch).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Roofdieren houden prooidierenpopulaties in balans.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Mensen beïnvloeden ecosystemen sterk door landbouw, ontbossing en klimaatverandering.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\nEcologie is dus een wetenschap die zowel de <\/span>onderlinge relaties tussen organismen<\/strong> als hun <\/span>relaties met de abiotische omgeving<\/strong> bestudeert.<\/span> <\/span><\/p>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Ecologie \u2013 wetenschap van relaties tussen organismen en hun omgeving\",\r\n\"Biotische factoren \u2013 levende invloeden op een organisme\",\r\n\"Abiotische factoren \u2013 niet-levende invloeden op een organisme\",\r\n\"Individu \u2013 \u00e9\u00e9n organisme\",\r\n\"Populatie \u2013 groep individuen van dezelfde soort in een gebied\",\r\n\"Levensgemeenschap \u2013 alle populaties in een gebied\",\r\n\"Ecosysteem \u2013 levensgemeenschap plus abiotische factoren\",\r\n\"Biome \u2013 groot ecosysteemtype met kenmerkend klimaat en levensvormen\",\r\n\"Biosfeer \u2013 totaal van al het leven op aarde\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Ecologie onderzoekt hoe organismen op alle niveaus \u2013 van individu tot biosfeer \u2013 samenhangen met elkaar en hun omgeving. Binnen populaties spelen geboortecijfers, sterfte en competitie een rol, terwijl levensgemeenschappen draaien om relaties tussen soorten. In ecosystemen komen biotische en abiotische factoren samen, en op nog grotere schaal ontstaan biomen en de biosfeer. Door deze niveaus te bestuderen, begrijpen ecologen beter hoe het leven op aarde functioneert en hoe menselijk handelen dit be\u00efnvloedt.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"Populaties\",\r\n subtitle: \"Samen lekker gezellig!\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_16_44.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Wat is een populatie?<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Een <\/span>populatie<\/strong> is een groep individuen van dezelfde soort die in een bepaald gebied samenleven en zich onderling kunnen voortplanten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Alle berkenbomen in een bos.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Alle konijnen in de duinen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Ecologen onderzoeken hoe populaties groeien, krimpen en zich ontwikkelen door de tijd heen (<\/span>populatiedynamiek<\/strong>).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Populatiekenmerken<\/strong><\/h3>\r\nPopulaties hebben eigenschappen die verder gaan dan individuele organismen:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Populatiegrootte<\/strong> – het aantal individuen in een populatie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Dichtheid<\/strong> – het aantal individuen per oppervlakte of volume.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Verspreidingspatroon<\/strong> – hoe individuen verspreid zijn (clumped\/gegroepeerd, uniform of willekeurig).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Leeftijdsopbouw<\/strong> – verhouding tussen jonge, volwassen en oudere individuen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Factoren die populatiegrootte beïnvloeden<\/strong><\/h3>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Voortplanting (geboortecijfer)<\/strong> – meer nakomelingen zorgt voor groei.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Sterftecijfer<\/strong> – sterfte vermindert de populatie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Immigratie<\/strong> – nieuwe individuen komen erbij.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Emigratie<\/strong> – individuen verlaten de populatie.<\/span> <\/span><\/li>\r\n<\/ol>\r\nDe populatiegrootte kan dus <\/span>toenemen, stabiel blijven of afnemen<\/strong>, afhankelijk van deze factoren.<\/span><\/p>\r\n<h3>Populatiegroei<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Exponentiële groei<\/strong> (J-curve)<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Onder ideale omstandigheden (veel voedsel, weinig predatie of ziekte) kan een populatie zeer snel groeien.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: bacteriën die zich elk half uur delen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Logistische groei<\/strong> (S-curve)<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">In de praktijk remmen <\/span>dichtheidsafhankelijke factoren<\/strong> (voedseltekort, ziekte, predatie) de groei.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">De populatie stabiliseert rond de <\/span>draagkracht (K)<\/strong> van het ecosysteem → het maximale aantal individuen dat duurzaam kan worden ondersteund.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Populatiebegrenzende factoren<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Biotische factoren<\/strong> (levend): voedsel, parasieten, predatie, concurrentie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Abiotische factoren<\/strong> (niet-levend): temperatuur, licht, water, bodemgesteldheid, zuurstofgehalte.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Sommige factoren zijn <\/span>dichtheidsafhankelijk<\/strong> (sterker effect bij grotere populaties, bv. voedseltekort).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Andere zijn <\/span>dichtheidsONafhankelijk<\/strong> (onafhankelijk van grootte, bv. overstroming, brand).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Interacties tussen populaties<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Predatie<\/strong> – roofdieren reguleren prooidieren. Dit zorgt vaak voor een <\/span>schommelend patroon<\/strong> (predator-prooirelatie).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Concurrentie<\/strong> – populaties van dezelfde of verschillende soorten concurreren om voedsel, licht of leefruimte.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Mutualisme en symbiose<\/strong> – samenwerking tussen soorten kan populaties juist ondersteunen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Voorbeelden in de natuur<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Lynx en sneeuwschoenhaas<\/strong>: cyclische schommelingen door predator-prooirelatie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Muskusratten in Nederland<\/strong>: snelle groei bij weinig vijanden, maar ingeperkt door bestrijding en voedseltekort.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Eikenprocessierups<\/strong>: explosieve groei door milde winters en weinig natuurlijke vijanden.<\/span> <\/span><\/h3>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Populatie \u2013 groep individuen van dezelfde soort in een bepaald gebied\",\r\n\"Populatiedynamiek \u2013 verandering in omvang en samenstelling van een populatie\",\r\n\"Exponenti\u00eble groei \u2013 snelle, onbeperkte groei (J-curve)\",\r\n\"Logistische groei \u2013 groei die afvlakt door draagkracht (S-curve)\",\r\n\"Draagkracht (K) \u2013 maximale grootte van een populatie die een ecosysteem kan ondersteunen\",\r\n\"Dichtheidsafhankelijke factoren \u2013 be\u00efnvloeden populatie sterker bij grotere dichtheid (voedsel, ziekte)\",\r\n\"DichtheidsONafhankelijke factoren \u2013 onafhankelijk van populatiegrootte (klimaat, rampen)\",\r\n\"Predator-prooirelatie \u2013 natuurlijke regulatie tussen roofdier en prooidier\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Populaties bestaan uit individuen van \u00e9\u00e9n soort die samenleven en zich voortplanten. Hun omvang verandert door geboortes, sterfte, immigratie en emigratie. In ideale omstandigheden groeit een populatie exponentieel, maar in de natuur stabiliseert de groei rond de draagkracht van het ecosysteem. Populatiedynamiek wordt be\u00efnvloed door zowel biotische als abiotische factoren, waarbij predatie, concurrentie en symbiose een belangrijke rol spelen. Zo zorgen natuurlijke processen voor een evenwicht tussen soorten in een ecosysteem.\"\r\n },\r\n {\r\n id: 3,\r\n title: \"Ecosystemen\",\r\n subtitle: \"Kunnen klein en heel erg groot zijn.\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_16_50.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Wat is een ecosysteem?<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Een <\/span>ecosysteem<\/strong> is het geheel van alle <\/span>levende (biotische)<\/strong> factoren en <\/span>niet-levende (abiotische)<\/strong> factoren in een bepaald gebied en hun onderlinge relaties.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden: een bos, een vijver, een woestijn, een koraalrif.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kenmerk: <\/span>kringlopen van stoffen<\/strong> en <\/span>stromen van energie<\/strong> houden het ecosysteem in stand.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Samenstelling van een ecosysteem<\/strong><\/h3>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Biotische factoren<\/strong> – alle organismen: producenten, consumenten, reducenten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Abiotische factoren<\/strong> – licht, temperatuur, water, bodem, mineralen, lucht, zuurstof- en koolstofdioxidegehalte.<\/span> <\/span><\/li>\r\n<\/ol>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De wisselwerking tussen biotisch en abiotisch bepaalt waar soorten kunnen leven.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Producenten, consumenten en reducenten<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Producenten<\/strong>: planten en autotrofe bacteriën → maken organische stoffen (glucose) via fotosynthese.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Consumenten<\/strong>: dieren → eten producenten of andere dieren.<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Consumenten van de <\/span>eerste orde<\/strong>: planteneters.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Consumenten van de <\/span>tweede orde en hoger<\/strong>: vleeseters.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Reducenten<\/strong>: schimmels en bacteriën → breken organisch afval af tot anorganische stoffen (zoals mineralen), die weer beschikbaar komen voor producenten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Samen vormen ze de basis voor <\/span>kringlopen<\/strong> (bijv. stikstofkringloop, koolstofkringloop).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Energie- en voedselstromen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Energie stroomt door een ecosysteem via <\/span>voedselketens<\/strong> en <\/span>voedselwebben<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">In elke <\/span>schakel<\/strong> gaat energie verloren als warmte (bij dissimilatie).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Daarom is de <\/span>piramide van biomassa<\/strong> altijd smal aan de top: er is minder energie beschikbaar voor hogere trofische niveaus.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld: gras → konijn → vos.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Evenwicht in ecosystemen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Een ecosysteem bevindt zich vaak in een <\/span>dynamisch evenwicht<\/strong>:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Populaties schommelen rond een gemiddelde.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Stoffen blijven circuleren in kringlopen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Wordt het evenwicht verstoord (door mens of natuur), dan kunnen soorten verdwijnen of nieuwe soorten zich vestigen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Invloed van de mens<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">De mens heeft grote invloed op ecosystemen:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Ontbossing<\/strong> → verlies van leefgebied, uitsterven van soorten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bestrijdingsmiddelen<\/strong> → verstoring van voedselketens.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Klimaatverandering<\/strong> → temperatuursverhoging en verschuiving van leefgebieden.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Toch kan beheer (natuurreservaten, duurzame landbouw, herstelprojecten) ecosystemen beschermen of herstellen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Voorbeelden van ecosystemen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Zoetwater-ecosysteem<\/strong>: vijver of meer → producenten (waterplanten, algen), consumenten (watervlooien, vissen), reducenten (bacteriën).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bos-ecosysteem<\/strong>: producenten (bomen), consumenten (herten, vogels, insecten), reducenten (zwammen).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Koraalrif<\/strong>: zeer soortenrijk, afhankelijk van temperatuur, licht en helder water.<\/span> <\/span><\/h3>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Ecosysteem \u2013 geheel van biotische en abiotische factoren en hun wisselwerking\",\r\n\"Biotische factoren \u2013 levende invloeden in een ecosysteem\",\r\n\"Abiotische factoren \u2013 niet-levende invloeden in een ecosysteem\",\r\n\"Producenten \u2013 organismen die organische stoffen maken (planten)\",\r\n\"Consumenten \u2013 dieren die andere organismen eten\",\r\n\"Reducenten \u2013 organismen die organisch afval afbreken tot anorganische stoffen\",\r\n\"Voedselketen\/voedselweb \u2013 reeks van organismen die elkaar als voedsel gebruiken\",\r\n\"Piramide van biomassa \u2013 grafische weergave van energie en biomassa in een voedselketen\",\r\n\"Dynamisch evenwicht \u2013 stabiele situatie waarin populaties en kringlopen schommelen rond een evenwicht\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Een ecosysteem bestaat uit organismen en hun niet-levende omgeving, die samen een functioneel geheel vormen. Producenten, consumenten en reducenten zorgen voor kringlopen en energiestromen, waardoor het ecosysteem blijft functioneren. Ecosystemen verkeren vaak in dynamisch evenwicht, maar kunnen door natuurlijke veranderingen of menselijke invloeden verstoord worden. Het behoud en herstel van ecosystemen is cruciaal voor biodiversiteit en het voortbestaan van soorten, inclusief de mens.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"Veranderende ecosystemen\",\r\n subtitle: \"Ecosystemen worden door alles en iedereen be\u00efnvloed.\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-27-sep-2025-22_16_52.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\n<h3>Dynamisch evenwicht<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Een ecosysteem bevindt zich meestal in een <\/span>dynamisch evenwicht<\/strong>:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Populaties schommelen rond een gemiddelde.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Stoffen en energie blijven circuleren in kringlopen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Kleine veranderingen worden vaak opgevangen door <\/span>zelfregulatie<\/strong> van het systeem.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Successie<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Successie<\/strong> = geleidelijke verandering in de soortensamenstelling binnen een ecosysteem.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Wordt veroorzaakt door veranderingen in <\/span>abiotische en biotische factoren<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Kale rots → mossen en korstmossen → kruiden → struiken → bos.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Plas → moeras → grasland → bos.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h4>Pioniersstadium<\/strong><\/h4>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Eerste soorten die een kaal gebied koloniseren = <\/span>pionierssoorten<\/strong> (bijv. mossen, algen, korstmossen).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Ze zijn goed aangepast aan extreme omstandigheden.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h4>Climaxstadium<\/strong><\/h4>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Uiteindelijk ontstaat een relatief stabiele levensgemeenschap → het <\/span>climaxecosysteem<\/strong> (bijv. loofbos in Nederland).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Dit stadium kan lange tijd blijven bestaan, tenzij het door mens of natuur wordt verstoord.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Secundaire successie<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Vindt plaats wanneer een bestaand ecosysteem verstoord wordt, maar de <\/span>bodem<\/strong> aanwezig blijft.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeelden:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Een akker die niet meer gebruikt wordt → groeit weer dicht met planten en uiteindelijk bos.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gebieden na een bosbrand → sneller herstel dan bij primaire successie, omdat de bodem al voedingsstoffen bevat.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Invloed van abiotische factoren<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Licht, temperatuur, water, bodem en voedingsstoffen veranderen tijdens successie.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voorbeeld:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">In een plas neemt het aantal voedingsstoffen toe door plantenresten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Hierdoor groeien nieuwe soorten waterplanten → meer schuilplaatsen → verandering in vis- en insectenpopulaties.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<h3>Invloed van de mens<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Mensen beïnvloeden ecosystemen vaak sterk en soms blijvend:<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Ontbossing<\/strong> → verlies van climaxstadium, terugval naar open landschap.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Landbouw<\/strong> → kunstmatig in stand gehouden ecosysteem met weinig soorten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Natuurbeheer<\/strong> → mens grijpt juist in om bepaalde stadia van successie te behouden (bijv. heidevelden of duingebieden).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Zonder beheer zou veel cultuurlandschap in Nederland uitgroeien tot bos.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Voorbeelden van veranderende ecosystemen<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Duinen<\/strong>: kale zandduinen worden begroeid met helmgras, daarna struiken en uiteindelijk duinbos.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Moerassen<\/strong>: verlanden door aanslibbing en plantenresten, veranderen langzaam in grasland of bos.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Stedelijke gebieden<\/strong>: braakliggende terreinen raken snel begroeid met pionierssoorten.<\/span> <\/span><\/h3>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Dynamisch evenwicht \u2013 stabiele situatie waarin populaties en kringlopen rond een gemiddelde schommelen\",\r\n\"Successie \u2013 geleidelijke verandering in soortensamenstelling\",\r\n\"Pionierssoorten \u2013 eerste soorten die een kaal gebied koloniseren\",\r\n\"Climaxecosysteem \u2013 stabiel eindstadium van successie\",\r\n\"Primaire successie \u2013 start op kale bodem zonder organische stof\",\r\n\"Secundaire successie \u2013 start na verstoring, bodem is aanwezig\",\r\n\"Natuurbeheer \u2013 menselijk ingrijpen om bepaalde stadia van ecosystemen te behouden\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Ecosystemen zijn voortdurend in verandering. Via successie ontwikkelen ze zich van pionierstadia naar een stabiel climaxecosysteem. Tijdens dit proces veranderen zowel de abiotische omstandigheden als de soortensamenstelling. Bij secundaire successie verloopt het herstel sneller doordat er al een bodem aanwezig is. De mens be\u00efnvloedt ecosystemen sterk, soms door verstoring (ontbossing, landbouw), soms door natuurbeheer. Zo is geen enkel ecosysteem volledig statisch, maar altijd in ontwikkeling.\"\r\n },\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\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":[31],"class_list":["post-826","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/826","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=826"}],"version-history":[{"count":32,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/826\/revisions"}],"predecessor-version":[{"id":3044,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/826\/revisions\/3044"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=826"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}